:root{--canvas:#f4eee4;--canvas-deep:#e8dccb;--paper:#fffaf2;--paper-soft:#f8f0e5;--ink:#282925;--ink-soft:#666158;--ink-faint:#666158;--forest:#405c4c;--forest-deep:#2f4739;--forest-soft:#dbe5dd;--thread:#ae8756;--thread-soft:#ddc8a9;--border:#36322b24;--border-strong:#36322b42;--error:#8b463f;--error-soft:#f2e3de;--success:#49634f;--success-soft:#e1e9e1;--wood:#3f6f5b;--fire:#b04a3a;--earth:#b8862f;--metal:#7c8288;--water:#2f4256;--wood-soft:#dfe9e2;--fire-soft:#f3e0da;--earth-soft:#f2e6cd;--metal-soft:#e6e8ea;--water-soft:#dde3ea;--kakao-yellow:#fee500;--kakao-ink:#191919;--google-blue:#4285f4;--google-red:#ea4335;--google-yellow:#fbbc05;--google-green:#34a853;--forest-shadow:#2f473929;--forest-focus:#405c4c1a;--error-border:#8b463f38;--book-shadow:#4034261f;--paper-12:#fffaf21f;--paper-18:#fffaf22e;--paper-20:#fffaf233;--paper-26:#fffaf242;--paper-64:#fffaf2a3;--paper-70:#fffaf2b3;--font-display:Iowan Old Style, Noto Serif KR, Batang, Georgia, serif;--font-body:Pretendard, Apple SD Gothic Neo, Noto Sans KR, Segoe UI, sans-serif;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.375rem;--text-2xl:clamp(1.75rem, 4vw, 2.25rem);--type-scene:clamp(2.35rem, 7vw, 4rem);--text-display:clamp(2.5rem, 7vw, 5.5rem);--leading-tight:1.08;--leading-body:1.72;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--radius-sm:.75rem;--radius-md:1.25rem;--radius-lg:2rem;--radius-pill:999px;--shadow-paper:0 1rem 3rem #43372714;--shadow-raised:0 1.5rem 4rem #38302524;--duration-fast:.12s;--duration-exit:.16s;--duration-ui:.16s;--duration-scene:.26s;--duration-page:.48s;--duration-cover:.48s;--ease-story:cubic-bezier(.22, 1, .36, 1);color:var(--ink);background:var(--canvas);font-family:var(--font-body);font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--canvas);min-block-size:100dvh;color:var(--ink);text-rendering:optimizelegibility;word-break:keep-all;overflow-wrap:anywhere;margin:0}::selection{background:var(--thread-soft);color:var(--ink)}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button,a,input,textarea{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,[tabindex="-1"]:focus-visible{outline:3px solid var(--forest-deep);outline-offset:3px}button:disabled,input:disabled,textarea:disabled{cursor:not-allowed}[hidden]{display:none}h1,h2,h3,p,blockquote{margin-block-start:0}h1,h2,h3,blockquote{font-family:var(--font-display);letter-spacing:-.035em;font-weight:600}h1{max-width:13ch;font-size:var(--text-display);line-height:var(--leading-tight);margin-block-end:var(--space-6)}.title-line{white-space:nowrap;display:block}h2{font-size:var(--text-2xl);margin-block-end:var(--space-4);line-height:1.24}h3{margin:var(--space-2) 0 var(--space-3);font-size:var(--text-xl);line-height:1.35}p{line-height:var(--leading-body);margin-block-end:var(--space-4)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:100;top:var(--space-3);left:var(--space-3);min-height:2.75rem;padding:var(--space-2) var(--space-4);border-radius:var(--radius-sm);background:var(--ink);color:var(--paper);align-items:center;display:inline-flex;position:fixed;transform:translateY(-200%)}.skip-link:focus{transform:translateY(0)}.site-shell{min-height:100vh}.story-header,.story-footer,.site-main{width:min(100% - 2rem,70rem);margin-inline:auto}.story-header{z-index:10;border-bottom:1px solid var(--border);view-transition-name:story-header;justify-content:space-between;align-items:center;min-height:5.5rem;display:flex;position:relative}.story-brand{align-items:center;gap:var(--space-3);min-height:2.75rem;font-family:var(--font-display);font-size:var(--text-lg);letter-spacing:-.02em;font-weight:600;display:inline-flex}.brand-mark{fill:none;width:1.875rem;height:1.875rem;stroke:var(--forest);stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px}.header-whisper{color:var(--ink-soft);font-size:var(--text-sm)}.site-main{min-height:calc(100vh - 15rem)}.story-page{min-height:32rem;padding-block:var(--space-12) var(--space-24)}.reading-page{width:min(100%,45rem);margin-inline:auto}.story-footer{align-items:center;gap:var(--space-5);border-top:1px solid var(--border);min-height:8rem;color:var(--ink-soft);font-size:var(--text-sm);view-transition-name:story-footer;display:flex}.story-footer p{margin:0}.footer-thread{background:var(--thread);flex:none;width:3rem;height:1px}@media (max-width:36rem){.story-header{min-height:4.75rem}.header-whisper{display:none}.story-page{padding-block:var(--space-10) var(--space-20)}.story-footer{padding-block:var(--space-8);align-items:flex-start}}@media (max-width:20rem){.title-line{white-space:normal}}.preview-banner{align-items:baseline;gap:var(--space-1) var(--space-3);padding:var(--space-2) var(--space-4);border-bottom:1px solid var(--border-strong);background:var(--ink);color:var(--paper);font-size:var(--text-xs);flex-wrap:wrap;line-height:1.6;display:flex}.preview-banner strong{letter-spacing:.02em;font-weight:700}
.scene-intro{padding-block:var(--space-12) var(--space-10)}.scene-kicker,.eyebrow{color:var(--forest);font-size:var(--text-xs);letter-spacing:.14em;text-transform:uppercase;margin-block-end:var(--space-4);font-weight:700;line-height:1.5}.lead-copy{max-width:36rem;color:var(--ink-soft);font-size:var(--text-lg);margin-block-end:0;line-height:1.8}.scene-copy,.muted{color:var(--ink-soft)}.section-block{padding-block:var(--space-20);border-top:1px solid var(--border)}.section-heading{max-width:38rem;margin-block-end:var(--space-10)}.section-heading p{color:var(--ink-soft)}.stack{gap:var(--space-4);display:grid}.grid{gap:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.card{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--paper);box-shadow:var(--shadow-paper);padding:clamp(1.5rem,4vw,2.5rem);position:relative;overflow:hidden}.card-soft{background:var(--paper-soft)}.card-accent{background:var(--forest);color:var(--paper);border-color:#0000}.card-ornament{background:var(--thread);width:1.125rem;height:4.25rem;position:absolute;top:0;right:2.5rem}.card-ornament:after{border-top:.625rem solid var(--thread);content:"";border-left:.5625rem solid #0000;border-right:.5625rem solid #0000;position:absolute;bottom:-.625rem;right:0}.cta{width:100%;min-height:3.25rem;margin-top:var(--space-5);padding:.875rem var(--space-6);cursor:pointer;border:1px solid var(--forest-deep);border-radius:var(--radius-pill);background:var(--forest-deep);color:var(--paper);text-align:center;transition:filter var(--duration-ui) ease, transform var(--duration-ui) var(--ease-story);justify-content:center;align-items:center;font-weight:700;line-height:1.35;display:inline-flex}.cta:hover:not(:disabled){background:var(--forest);border-color:var(--forest);filter:brightness(1.08);transform:translateY(-2px)}.cta:active:not(:disabled){filter:none;transform:scale(.98)}.cta:disabled{cursor:not-allowed;border-color:var(--border-strong);background:var(--canvas-deep);color:var(--ink-faint)}.secondary{border-color:var(--border-strong);color:var(--ink);background:0 0}.secondary:hover:not(:disabled){border-color:var(--forest);background:var(--forest-soft);color:var(--forest-deep);box-shadow:none}.text-link,.back-link{align-items:center;gap:var(--space-2);min-height:2.75rem;color:var(--forest-deep);text-decoration:underline;-webkit-text-decoration-color:var(--thread-soft);text-decoration-color:var(--thread-soft);text-underline-offset:.35em;font-weight:700;text-decoration-thickness:1px;display:inline-flex}.text-link:hover,.back-link:hover{-webkit-text-decoration-color:var(--forest);text-decoration-color:var(--forest)}.back-link{margin-top:var(--space-8)}.page-actions{justify-content:flex-end;min-height:2rem;display:flex}.text-action{min-height:2.75rem;padding:var(--space-2) 0;cursor:pointer;color:var(--ink-soft);font-size:var(--text-sm);text-underline-offset:.3em;background:0 0;border:0;text-decoration:underline}.logout-form{justify-items:end;display:grid}.logout-error{max-width:24rem;color:var(--error);font-size:var(--text-xs);text-align:right}@media (max-width:36rem){.scene-intro{padding-block:var(--space-8)}.section-block{padding-block:var(--space-16)}.grid{grid-template-columns:1fr}}
.feedback{gap:var(--space-2) var(--space-4);padding:var(--space-5);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--paper-soft);grid-template-columns:.75rem 1fr;display:grid}.feedback-mark{background:var(--forest);border-radius:50%;grid-row:1/span 2;width:.5rem;height:.5rem;margin-top:.4rem}.feedback strong{line-height:1.4}.feedback p{color:var(--ink-soft);font-size:var(--text-sm);margin:0}.feedback-error{border-color:var(--error-border);background:var(--error-soft)}.feedback-error .feedback-mark{background:var(--error)}.feedback-success{background:var(--success-soft)}
.auth-card,.narrative-card,.story-form{margin-top:var(--space-4)}.auth-card h2,.narrative-card h2,.story-form h2{max-width:18ch}.auth-form,.interview-form,.onboarding-form{gap:var(--space-5);display:grid}.provider-guidance,.provider-note{color:var(--ink-soft);margin:0}.provider-note{font-size:var(--text-xs)}.social-auth-button{justify-content:center;align-items:center;gap:var(--space-3);width:100%;min-height:3.25rem;padding:.875rem var(--space-6);cursor:pointer;border:1px solid var(--border-strong);border-radius:var(--radius-pill);transition:filter var(--duration-ui) ease, transform var(--duration-ui) var(--ease-story);font-weight:700;display:inline-flex}.social-auth-button:hover:not(:disabled){filter:brightness(.97);transform:translateY(-2px)}.social-auth-button:active:not(:disabled){transform:scale(.98)}.social-auth-button:disabled{cursor:wait;opacity:.72}.provider-kakao{border-color:var(--kakao-yellow);background:var(--kakao-yellow);color:var(--kakao-ink)}.provider-google{background:var(--paper);color:var(--ink)}.social-provider-mark{fill:currentColor;flex:none;width:1.5rem;height:1.5rem}.provider-google .social-provider-mark path:first-child{fill:var(--google-blue)}.provider-google .social-provider-mark path:nth-child(2){fill:var(--google-green)}.provider-google .social-provider-mark path:nth-child(3){fill:var(--google-yellow)}.provider-google .social-provider-mark path:nth-child(4){fill:var(--google-red)}.field{gap:var(--space-2);display:grid}.field label,.choice-group legend{font-size:var(--text-sm);font-weight:700}.field-hint{color:var(--ink-soft);font-size:var(--text-xs);line-height:1.55}input,textarea{width:100%;min-height:3.25rem;padding:.875rem var(--space-4);border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--paper);color:var(--ink)}textarea{resize:vertical;min-height:10rem;line-height:1.7}input::placeholder,textarea::placeholder{color:var(--ink-faint)}input:hover:not(:disabled),textarea:hover:not(:disabled){border-color:var(--forest)}input:focus,textarea:focus{border-color:var(--forest);box-shadow:0 0 0 4px var(--forest-focus)}input[aria-invalid=true],textarea[aria-invalid=true]{border-color:var(--error);background:var(--error-soft)}input:disabled,textarea:disabled{background:var(--canvas-deep);color:var(--ink-faint);opacity:.72}.field-feedback{min-height:1.25rem;color:var(--error);font-size:var(--text-xs);line-height:1.5}.consent-card{gap:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--paper-soft);padding:clamp(1.125rem,3vw,1.5rem);display:grid}.consent-card h3,.consent-detail{margin:0}.consent-card h3{color:var(--ink);font-family:var(--font-display);font-size:var(--text-lg);line-height:1.35}.consent-choice{align-items:flex-start;gap:var(--space-3);min-height:3.25rem;padding:var(--space-3);cursor:pointer;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--paper);color:var(--ink);font-size:var(--text-sm);transition:border-color var(--duration-ui) ease, background var(--duration-ui) ease, transform var(--duration-ui) var(--ease-story);font-weight:700;line-height:1.6;display:flex}.consent-choice:hover{border-color:var(--forest);transform:translateY(-1px)}.consent-choice:has(input:checked){border-color:var(--forest);background:var(--forest-soft)}.consent-choice input[type=checkbox]{cursor:pointer;width:1.25rem;height:1.25rem;min-height:1.25rem;accent-color:var(--forest);border-radius:.3rem;flex:0 0 1.25rem;margin:.18rem 0 0;padding:0}.consent-choice input[type=checkbox]:focus-visible{outline:3px solid var(--forest-deep);outline-offset:3px}.consent-detail{color:var(--ink-soft);font-size:var(--text-xs);line-height:1.65}.technical-term,.unbroken-phrase{white-space:nowrap}.choice-group{border:0;min-width:0;margin:0;padding:0}.choice-options{gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.choice-tag{cursor:pointer;min-height:3.25rem;display:flex;position:relative}.choice-tag input{opacity:0;width:1px;height:1px;min-height:0;position:absolute}.choice-tag span{width:100%;padding:var(--space-3) var(--space-4);border:1px solid var(--border-strong);border-radius:var(--radius-pill);background:var(--paper);color:var(--ink-soft);font-size:var(--text-sm);text-align:center;transition:filter var(--duration-ui) ease, transform var(--duration-ui) var(--ease-story);justify-content:center;align-items:center;font-weight:700;display:flex}.choice-tag:hover span{border-color:var(--forest);color:var(--forest-deep);transform:translateY(-1px)}.choice-tag input:checked+span{border-color:var(--forest);background:var(--forest-soft);color:var(--forest-deep)}.choice-tag input:focus-visible+span{outline:3px solid var(--forest-deep);outline-offset:3px}.choice-tag input:disabled+span{cursor:not-allowed;background:var(--canvas-deep);color:var(--ink-faint);opacity:.7}.story-form{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--paper);box-shadow:var(--shadow-paper);padding:clamp(1.5rem,5vw,3rem)}.story-progress{align-items:center;gap:var(--space-3);color:var(--ink-soft);font-size:var(--text-xs);grid-template-columns:auto 1fr auto;margin-block-end:var(--space-10);font-weight:700;display:grid}.story-progress-track{background:var(--canvas-deep);height:2px;overflow:hidden}.story-progress-track span{background:var(--thread);transform-origin:0;width:100%;height:100%;transition:transform var(--duration-scene) var(--ease-story);display:block}.story-form-scene:not([hidden]){display:grid}.form-grid{column-gap:var(--space-4);row-gap:var(--space-2);grid-template-rows:auto auto auto auto;grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.form-grid>.field{grid-row:span 4;grid-template-rows:subgrid}.form-grid>.field>label{grid-row:1}.form-grid>.field>.field-hint{grid-row:2}.form-grid>.field>input,.form-grid>.field>textarea{grid-row:3}.form-grid>.field>.field-feedback{grid-row:4}@supports not (grid-template-rows:subgrid){.form-grid>.field{gap:var(--space-2);grid-row:auto;grid-template-rows:none}.form-grid>.field>*{grid-row:auto}.form-grid>.field>.field-hint:empty:before{content:" "}}.form-actions{gap:var(--space-3);grid-template-columns:minmax(7.5rem,.42fr) 1fr;display:grid}.button-label{display:inline-grid;overflow:hidden}.button-label-state{grid-area:1/1}@media (max-width:36rem){.form-grid,.choice-options{grid-template-columns:1fr}.form-grid>.field{gap:var(--space-2);grid-row:auto;grid-template-rows:none}.form-grid>.field>*{grid-row:auto}.form-grid>.field>.field-hint:empty{display:none}.form-actions{grid-template-columns:1fr}}
.story-cover{aspect-ratio:.77;overflow-clip-margin:var(--space-8);perspective:75rem;justify-self:end;width:min(100%,22rem);max-width:calc(100% - 1rem);position:relative;overflow:clip}.story-cover:after{background:var(--book-shadow);content:"";filter:blur(1rem);border-radius:50%;height:2.25rem;position:absolute;bottom:-1.25rem;left:12%;right:5%}.story-cover-page{border:1px solid var(--border-strong);border-radius:.5rem 1.25rem 1.25rem .5rem;position:absolute;inset:0}.story-cover-page-back{background:var(--canvas-deep);transform:translate(.75rem,.75rem)rotate(2deg)}.story-cover-page-front{background:var(--forest-deep);box-shadow:var(--shadow-raised);color:var(--paper);transform-origin:0;flex-direction:column;padding:clamp(1.75rem,5vw,3rem);display:flex;overflow:hidden;transform:rotateY(-5deg)rotate(-1deg)}.story-cover-page-front:before{background:var(--paper-20);content:"";width:1px;position:absolute;inset:0 auto 0 1.25rem}.cover-label{font-size:var(--text-xs);letter-spacing:.18em;text-transform:uppercase;font-weight:700}.cover-thread{width:3.5rem;height:1px;margin-block:clamp(3rem, 9vw, 5rem) var(--space-6);background:var(--thread)}.story-cover strong{max-width:11ch;font-family:var(--font-display);font-size:clamp(1.75rem,4vw,2.6rem);font-weight:600;line-height:1.36}.cover-chapters{gap:var(--space-5);padding-top:var(--space-8);border-top:1px solid var(--paper-20);color:var(--paper-70);font-size:var(--text-xs);margin-top:auto;display:flex}
.home-page{width:100%}.home-hero{min-height:38rem;padding-block:var(--space-16) var(--space-20);grid-template-columns:minmax(0,1.08fr) minmax(17rem,.92fr);align-items:center;gap:clamp(3rem,8vw,7rem);display:grid}.home-hero-copy h1{max-width:none;font-size:clamp(2.5rem,6vw,4.75rem)}.home-actions{justify-items:start;gap:var(--space-4);margin-top:var(--space-8);display:grid}.home-primary{width:auto;min-width:14rem;margin-top:0}.trust-note{margin:var(--space-3) 0 0;color:var(--ink-faint);font-size:var(--text-xs)}.chapter-marker{color:var(--forest-deep);font-family:var(--font-display);font-size:var(--text-xl)}.chapter-trail{gap:0;max-width:48rem;padding:0;list-style:none;display:grid;position:relative}.chapter-trail:before{background:var(--thread-soft);content:"";width:1px;position:absolute;top:1rem;bottom:1rem;left:1.5rem}.chapter-trail li{gap:var(--space-6);padding-block:var(--space-6);grid-template-columns:3rem 1fr;display:grid;position:relative}.chapter-marker{z-index:1;border:1px solid var(--thread-soft);background:var(--canvas);width:3rem;height:3rem;font-size:var(--text-sm);border-radius:50%;place-items:center;display:grid}.chapter-trail strong{font-family:var(--font-display);font-size:var(--text-xl)}.chapter-trail p{margin:var(--space-2) 0 0;color:var(--ink-soft)}.closing-scene blockquote{max-width:31ch;margin-bottom:var(--space-8);font-size:var(--text-2xl);line-height:1.5}@media (max-width:55rem){.home-hero{grid-template-columns:1fr}.story-cover{justify-self:center;width:min(78vw,20rem)}}@media (max-width:36rem){.home-hero{gap:var(--space-16);padding-block:var(--space-10) var(--space-16)}.home-primary{width:100%}.door{padding:var(--space-4)}}@media (max-width:20rem){.home-primary{min-width:0}}.door-list{gap:var(--space-4);margin:0;padding:0;list-style:none;display:grid}.door{gap:var(--space-2);height:100%;padding:var(--space-5) var(--space-5) var(--space-4);border:1px solid var(--border-soft);border-radius:var(--radius-md);background:var(--paper);color:inherit;transition:border-color var(--duration-ui) ease, transform var(--duration-ui) var(--ease-story);text-decoration:none;display:grid}.door:hover{border-color:var(--forest);transform:translateY(-2px)}.door-primary{border-color:var(--forest-deep);background:var(--forest-deep);color:var(--paper);border-width:2px}.door-primary:hover{border-color:var(--forest)}.door-eyebrow{color:var(--ink-faint);font-size:var(--text-xs);letter-spacing:.04em;font-weight:700}.door-primary .door-eyebrow{color:var(--thread-soft)}.door-title{font-size:var(--text-lg);line-height:1.4}.door-body{color:var(--ink-soft);font-size:var(--text-sm);line-height:1.7}.door-primary .door-body{color:var(--paper);opacity:.86}.door-chips{gap:var(--space-2);margin-top:var(--space-2);flex-wrap:wrap;display:flex}.door-chips span{padding:.15rem var(--space-3);border:1px solid var(--border-soft);border-radius:var(--radius-pill);color:var(--ink-soft);font-size:var(--text-xs)}.door-primary .door-chips span{color:var(--paper);border-color:#ffffff57}.doors-note,.journey-note{margin:var(--space-5) 0 0;color:var(--ink-faint);font-size:var(--text-xs);line-height:1.7}@media (min-width:48rem){.door-list{grid-template-columns:repeat(3,minmax(0,1fr))}}
.auth-page,.onboarding-page,.interview-page,.timeline-page,.chapter-page,.callback-page,.showcase-page{padding-top:var(--space-6)}.preview-note,.safety-note,.payment-note{font-size:var(--text-xs);line-height:1.65}.preview-note{color:var(--ink-soft);max-width:38rem;margin-top:var(--space-5);padding-left:var(--space-4);border-left:2px solid var(--thread-soft)}.resonance-scene{gap:var(--space-8);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--paper);box-shadow:var(--shadow-paper);padding:clamp(1.5rem,5vw,3rem);display:grid;position:relative}.story-question-mark{color:var(--thread-soft);font-family:var(--font-display);pointer-events:none;font-size:7rem;line-height:1;position:absolute;top:-2.5rem;right:2rem}.resonance-choices,.resonance-response{gap:var(--space-3);display:grid}.resonance-choice{cursor:pointer;display:block;position:relative}.resonance-choice input{opacity:0;width:1px;height:1px;min-height:0;position:absolute}.resonance-choice-content{gap:var(--space-1) var(--space-4);min-height:4.75rem;padding:var(--space-5);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--paper-soft);transition:filter var(--duration-ui) ease, transform var(--duration-ui) var(--ease-story);grid-template-columns:1fr auto;align-content:center;display:grid}.resonance-choice:hover .resonance-choice-content{border-color:var(--forest);background:var(--forest-soft);transform:translate(.25rem)}.resonance-choice-content>span:not(.choice-check){color:var(--ink-soft);font-size:var(--text-sm);grid-column:1}.resonance-choice input:checked+.resonance-choice-content{border-color:var(--forest);background:var(--forest-soft);color:var(--forest-deep)}.resonance-choice input:focus-visible+.resonance-choice-content{outline:3px solid var(--forest-deep);outline-offset:3px}.choice-check{color:var(--forest-deep);font-size:var(--text-xs);opacity:0;grid-area:1/2/3/3;align-self:center;font-weight:700}.resonance-choice input:checked+.resonance-choice-content .choice-check{opacity:1}.empty-scene{text-align:center}.empty-scene-mark,.locked-mark{width:4.5rem;height:4.5rem;margin:0 auto var(--space-6);border:1px solid var(--thread-soft);color:var(--forest-deep);font-family:var(--font-display);font-size:var(--text-lg);border-radius:50%;place-items:center;display:grid}.timeline-scene,.layer-section{padding-top:var(--space-4)}.story-timeline{gap:var(--space-5);padding-left:var(--space-8);display:grid;position:relative}.story-timeline:before{background:var(--thread-soft);content:"";width:1px;position:absolute;inset:0 auto 0 0}.story-event{padding:var(--space-6);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--paper);position:relative}.story-event-dot{border:2px solid var(--canvas);background:var(--thread);width:.7rem;height:.7rem;box-shadow:0 0 0 1px var(--thread);border-radius:50%;position:absolute;top:2rem;left:-2.35rem}.raw-narrative{margin-bottom:var(--space-5);font-family:var(--font-display);font-size:var(--text-xl);white-space:pre-wrap;line-height:1.65}.event-meta{justify-content:space-between;gap:var(--space-3);color:var(--ink-faint);font-size:var(--text-xs);flex-wrap:wrap;display:flex}.event-status{color:var(--forest);font-weight:700}.timeline-actions{gap:var(--space-3);margin-top:var(--space-8);grid-template-columns:1fr 1fr;display:grid}.layer-stack{gap:var(--space-3);display:grid}.story-layer{gap:var(--space-6);padding:var(--space-6) 0;border-top:1px solid var(--border);grid-template-columns:3rem 1fr;display:grid}.story-layer:last-child{border-bottom:1px solid var(--border)}.layer-number{color:var(--forest-deep);font-family:var(--font-display);font-size:var(--text-lg)}.story-layer p{color:var(--ink-soft);margin-bottom:0}.deep-story-panel{gap:var(--space-5);margin-top:var(--space-16);border-radius:var(--radius-lg);background:var(--forest-deep);color:var(--paper);padding:clamp(1.5rem,5vw,3rem);display:grid}.deep-story-panel .scene-kicker{color:var(--thread-soft)}.deep-story-panel .payment-note{color:var(--paper)}.deep-story-offer{justify-content:space-between;align-items:baseline;gap:var(--space-4);padding-block:var(--space-4);border-block:1px solid var(--paper-18);display:flex}.deep-story-offer strong{font-family:var(--font-display);font-size:var(--text-2xl)}.deep-story-panel .cta:disabled{border-color:var(--paper-26);background:var(--paper-12);color:var(--paper-64)}@media (max-width:36rem){.timeline-actions{grid-template-columns:1fr}.story-timeline{padding-left:var(--space-6)}.story-event-dot{left:-1.85rem}}
.locked-page{place-items:center;min-height:36rem;display:grid}.locked-scene{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--paper);width:100%;box-shadow:var(--shadow-paper);text-align:center;padding:clamp(2rem,7vw,4.5rem)}.locked-scene h1,.locked-scene .lead-copy{margin-inline:auto}.locked-scene .back-link{justify-content:center}.path-grid,.wallet-grid{gap:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.path-card,.wallet-card{padding:var(--space-8);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--paper)}.path-card>span,.wallet-card>span{color:var(--forest-deep);font-size:var(--text-xs);letter-spacing:.12em;font-weight:700}.path-card h2{margin-top:var(--space-8)}.path-card p,.wallet-card p{color:var(--ink-soft);margin-bottom:0}.session-note{gap:var(--space-2) var(--space-5);margin-top:var(--space-5);padding:var(--space-6);border-left:2px solid var(--thread);background:var(--paper-soft);grid-template-columns:1fr auto;display:grid}.session-note p{color:var(--ink-soft);font-size:var(--text-sm);grid-column:1/-1;margin:0}.wallet-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.wallet-card{gap:var(--space-3);display:grid}.wallet-card strong{margin-top:var(--space-8);font-family:var(--font-display);font-size:var(--text-2xl)}.callback-page{place-items:center;min-height:34rem;display:grid}.callback-panel{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--paper);width:100%;box-shadow:var(--shadow-paper);text-align:center;padding:clamp(2rem,6vw,4rem)}.callback-panel h1,.callback-panel .lead-copy{margin-inline:auto}.callback-bookmark{width:3.25rem;height:4.5rem;margin:0 auto var(--space-8);border:1px solid var(--thread);border-radius:1.625rem 1.625rem .3rem .3rem;position:relative}.callback-bookmark span{border:1px solid var(--thread-soft);border-radius:50%;position:absolute;inset:.8rem}.callback-panel .feedback{margin-top:var(--space-8);text-align:left}.showcase-page .card+.card{margin-top:var(--space-4)}.showcase-page .card h2{margin-bottom:var(--space-6)}@media (max-width:48rem){.wallet-grid{grid-template-columns:1fr}}@media (max-width:36rem){.path-grid,.session-note{grid-template-columns:1fr}.session-note p{grid-column:auto}}
.demo-page{padding-top:var(--space-6)}.demo-header{justify-content:space-between;align-items:flex-start;gap:var(--space-6);margin-bottom:var(--space-8);padding:var(--space-5) var(--space-6);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--paper-soft);display:flex}.demo-header .scene-kicker{margin-bottom:var(--space-2)}.demo-header p{color:var(--ink-soft);font-size:var(--text-sm);margin:0}.demo-badge{padding:var(--space-2) var(--space-3);border:1px solid var(--thread-soft);border-radius:var(--radius-pill);color:var(--forest-deep);font-size:var(--text-xs);flex:none;font-weight:700}.demo-progress{margin-bottom:var(--space-8)}.demo-scene{min-height:calc(var(--space-20) * 7);align-content:start}.demo-scene>h1,.demo-scene>div>h1{max-width:15ch;font-size:var(--type-scene)}.demo-concerns{margin-top:var(--space-6)}.demo-concerns legend{margin-bottom:var(--space-3);font-weight:700}.demo-fortune-quote{margin:var(--space-8) 0 var(--space-5);padding:var(--space-6) 0 var(--space-6) var(--space-6);border-left:2px solid var(--thread);color:var(--forest-deep);font-size:var(--text-xl);line-height:1.65}.demo-actions{margin-top:var(--space-5)}.demo-actions .cta{margin-top:0}.demo-timeline{margin-top:var(--space-8)}.demo-layer-stack{margin-top:var(--space-10)}.demo-layer-quote{padding:var(--space-4);border-radius:var(--radius-sm);background:var(--paper-soft);font-family:var(--font-display);white-space:pre-wrap}.demo-offer{margin-top:var(--space-12)}@media (max-width:36rem){.demo-header{gap:var(--space-4);padding:var(--space-4);display:grid}.demo-badge{justify-self:start}.demo-scene{min-height:0}.demo-fortune-quote{padding-left:var(--space-4)}}
.knot-list{gap:var(--space-3);margin:0;padding:0;list-style:none;display:grid}.knot-tile{gap:var(--space-2);padding:var(--space-5) var(--space-6);background:var(--paper);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-paper);color:inherit;text-decoration:none;display:grid}.knot-tile:hover,.knot-tile:focus-visible{border-color:var(--thread)}.knot-tile-name{font-family:var(--font-display);font-size:1.5rem;line-height:1.3}.knot-tile-descriptor{color:var(--ink-soft);letter-spacing:.01em;font-size:.85rem}.knot-tile-question{color:var(--ink-soft);font-size:.95rem}.knot-tile-price{align-items:baseline;gap:var(--space-2);padding-top:var(--space-3);border-top:1px solid var(--border);flex-wrap:wrap;display:flex}.knot-tile-price s{color:var(--ink-faint);font-size:.88rem}.knot-tile-price strong{font-size:1.05rem}.knot-tile-price small{color:var(--thread);font-size:.8rem}.knot-hero h1{font-size:clamp(2.2rem,8vw,3rem)}.knot-card,.knot-form{gap:var(--space-4);display:grid}.flow-reading{gap:var(--space-3);padding:var(--space-5);background:var(--paper-soft);border-left:2px solid var(--thread);border-radius:0 var(--radius-sm) var(--radius-sm) 0;display:grid}.flow-line{font-family:var(--font-display);margin:0;font-size:1.15rem;line-height:1.7}.flow-basis{gap:var(--space-2) var(--space-6);padding-top:var(--space-3);border-top:1px dashed var(--border);flex-wrap:wrap;margin:0;display:flex}.flow-basis div{align-items:baseline;gap:var(--space-2);display:flex}.flow-basis dt{color:var(--ink-faint);font-size:.78rem}.flow-basis dd{margin:0;font-size:.92rem}.ladder{gap:var(--space-2);counter-reset:none;margin:0;padding:0;list-style:none;display:grid}.rung{gap:var(--space-2) var(--space-4);padding:var(--space-4) var(--space-5);background:var(--paper);border:1px solid var(--border);border-radius:var(--radius-sm);opacity:.72;grid-template-columns:3.4rem 1fr auto;align-items:start;display:grid}.rung.is-open{opacity:1;border-color:var(--forest)}.rung.is-next{opacity:1;border-color:var(--thread);background:var(--paper-soft)}.rung-level{letter-spacing:.06em;color:var(--ink-faint);padding-top:.15rem;font-size:.78rem}.rung-body{gap:var(--space-1);display:grid}.rung-body h3{margin:0;font-size:1rem}.rung-body p{color:var(--ink-soft);margin:0;font-size:.92rem}.rung-body .rung-need{color:var(--thread);font-size:.85rem}.rung-price{white-space:nowrap;padding-top:.15rem;font-size:.9rem}@media (max-width:30rem){.rung{grid-template-columns:1fr auto}.rung-body{grid-column:1/-1}}.thread-rail{gap:var(--space-4);margin:0;padding:0;list-style:none;display:grid;position:relative}.thread-rail:before{content:"";background:var(--thread-soft);width:1px;position:absolute;top:.5rem;bottom:.5rem;left:.32rem}.thread-knot{gap:var(--space-4);grid-template-columns:1.4rem 1fr;align-items:start;display:grid}.thread-knot-dot{background:var(--thread);width:.7rem;height:.7rem;box-shadow:0 0 0 3px var(--canvas);border-radius:50%;margin-top:.45rem}.thread-knot.is-empty .thread-knot-dot{background:var(--canvas);box-shadow:0 0 0 3px var(--canvas), inset 0 0 0 1px var(--thread-soft)}.thread-knot-body{gap:var(--space-1);padding-bottom:var(--space-2);display:grid}.thread-year{color:var(--ink-faint);letter-spacing:.04em;font-size:.8rem}.thread-knot.is-empty .thread-knot-body p{color:var(--ink-faint)}.deepen-card,.deepen-form{gap:var(--space-4);display:grid}.deepen-result{gap:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--border);display:grid}.criterion-chip{margin:var(--space-2) 0 0;color:var(--forest-deep);background:var(--forest-soft);border-radius:var(--radius-pill);padding:.2rem .6rem;font-size:.82rem;display:inline-block}.deepen-reached{padding:var(--space-4);background:var(--paper-soft);border-radius:var(--radius-sm);margin:0;font-size:.95rem}.deepen-saved{margin:0;font-size:.95rem}.deepen-save-prompt{gap:var(--space-3);padding:var(--space-4);border:1px dashed var(--border-strong);border-radius:var(--radius-sm);justify-items:start;display:grid}.deepen-save-prompt p{color:var(--ink-soft);margin:0;font-size:.93rem}.safety-interruption{gap:var(--space-4);border-left:3px solid var(--error);display:grid}.safety-resources{gap:var(--space-2);margin:0;padding:0;list-style:none;display:grid}.safety-resources li{align-items:baseline;gap:var(--space-2) var(--space-3);padding:var(--space-3) var(--space-4);background:var(--paper-soft);border-radius:var(--radius-sm);flex-wrap:wrap;display:flex}.safety-resources a{color:var(--error);font-size:1.15rem;font-weight:600}.safety-resources small{color:var(--ink-faint);margin-left:auto;font-size:.82rem}.safety-echo{padding:var(--space-4);border-left:2px solid var(--border-strong);color:var(--ink-soft);margin:0;font-size:.95rem}.repeat-layer{border-left:2px solid var(--forest)}.repeat-finding{gap:var(--space-1);padding-bottom:var(--space-3);display:grid}.repeat-finding+.repeat-finding{padding-top:var(--space-3);border-top:1px dashed var(--border)}.repeat-finding h3{margin:0;font-size:1rem}.repeat-evidence-list{gap:var(--space-2);margin:var(--space-2) 0 0;padding:0;list-style:none;display:grid}.repeat-evidence-list li{padding-left:var(--space-3);border-left:1px solid var(--border)}.repeat-evidence-year{color:var(--ink-faint);letter-spacing:.04em;font-size:.8rem;display:block}.repeat-evidence-list .raw-narrative{-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:.9rem;display:-webkit-box;overflow:hidden}.repeat-tally{margin:var(--space-3) 0 0;font-size:.95rem}.repeat-contrast{gap:var(--space-1);margin-top:var(--space-3);padding:var(--space-3);border:1px dashed var(--border);border-radius:var(--radius-sm);display:grid}.repeat-contrast .raw-narrative{color:var(--ink-faint);margin:0;font-size:.9rem}.repeat-next{margin:var(--space-3) 0 0;font-size:.92rem}.deepen-no-repeat{padding:var(--space-4);border:1px dashed var(--border);border-radius:var(--radius-sm);color:var(--ink-soft);margin:0;font-size:.92rem}.thread-knot.is-future .thread-knot-dot{background:var(--canvas);box-shadow:0 0 0 3px var(--canvas), inset 0 0 0 2px var(--thread)}.branch-evidence{color:var(--ink-faint);margin:0;font-size:.82rem}.branch-pair{gap:var(--space-3);margin-top:var(--space-3);display:grid}@media (min-width:40rem){.branch-pair{grid-template-columns:1fr 1fr}}.branch{gap:var(--space-2);padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);align-content:start;display:grid}.branch-turn{border-style:dashed}.branch h3{margin:0;font-size:.98rem}.branch p{color:var(--ink-soft);margin:0;font-size:.92rem}.branch-question{color:var(--ink);font-style:italic}.futures-page .branch .cta{margin-top:var(--space-1);justify-self:start}.branch-end{color:var(--ink-faint);font-size:.85rem}.scenario-trail{gap:var(--space-2);margin:0;padding:0;list-style:none;display:grid}.scenario-trail-step{padding:var(--space-3);border-left:2px solid var(--border);background:var(--surface);border-radius:0 var(--radius-sm) var(--radius-sm) 0;gap:.35rem;display:grid}.scenario-trail-step.is-turn{border-left-style:dashed;border-left-color:var(--thread)}.scenario-trail-step p{color:var(--ink-soft);margin:0;font-size:.92rem}.scenario-step{gap:var(--space-2);display:grid}.scenario-step p{color:var(--ink-soft);margin:0}.scenario-gender{gap:var(--space-2);display:grid}.scenario-gender h2{margin:0;font-size:1.02rem}.scenario-gender p{color:var(--ink-soft);margin:0;font-size:.92rem}.strand{gap:var(--space-4);margin:var(--space-4) 0 0;padding:0 0 0 var(--space-4);list-style:none;display:grid;position:relative}.strand:before{content:"";background:linear-gradient(var(--thread-soft), var(--thread), var(--thread-soft));border-radius:1px;width:2px;position:absolute;inset:.6rem auto .6rem .28rem}.strand-chapter{gap:var(--space-2);display:grid;position:relative}.strand-dot{left:calc(-1 * var(--space-4) + .28rem);background:var(--canvas);width:.62rem;height:.62rem;box-shadow:inset 0 0 0 2px var(--thread-soft);border-radius:50%;margin-left:-.3rem;position:absolute;top:.55rem}.strand-chapter.is-present .strand-dot{background:var(--thread);box-shadow:0 0 0 3px var(--canvas), 0 0 0 5px var(--thread-soft)}.strand-chapter.is-future .strand-dot{box-shadow:inset 0 0 0 2px var(--border-strong)}.strand-chapter.is-future .strand-body{opacity:.72}.strand-body{gap:.45rem;display:grid}.strand-span{color:var(--ink-faint);flex-wrap:wrap;align-items:baseline;gap:.5rem;font-size:.8rem;display:flex}.strand-now,.strand-kept{background:var(--thread-soft);color:var(--ink);border-radius:2px;padding:.05rem .4rem;font-size:.72rem;font-style:normal}.strand-kept{background:var(--forest-soft);color:var(--forest-deep)}.strand-body h3{font-family:var(--font-display);margin:0;font-size:1.02rem}.strand-body p{color:var(--ink-soft);margin:0;font-size:.9rem}.strand-marks{gap:.5rem;margin:.4rem 0 0;padding:0;list-style:none;display:grid}.strand-mark{border-left:2px solid var(--thread);background:var(--paper-soft);border-radius:0 var(--radius-sm) var(--radius-sm) 0;gap:.2rem;padding:.6rem .8rem;display:grid}.strand-mark.is-branch{border-left-style:dashed}.strand-mark.is-report{border-left-color:var(--forest)}.strand-mark-label{color:var(--ink-faint);font-size:.75rem}.strand-mark p{color:var(--ink);margin:0;font-size:.88rem}.strand-ask{gap:var(--space-2);padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--paper);margin-top:.4rem;display:grid}.strand-ask .cta{justify-self:start}.strand-question{font-family:var(--font-display);color:var(--ink);margin:0;font-size:.98rem}.strand-ask textarea{width:100%}.grain-card{gap:var(--space-2);margin-top:var(--space-5);display:grid}.grain-card h2{margin:0;font-size:1.15rem}.grain-card p{color:var(--ink-soft);margin:0}.grain-card .cta{margin-top:var(--space-2);justify-self:start}.ask-form-card{gap:var(--space-3);display:grid}.ask-form-card h2{margin:0;font-size:1.05rem}.ask-answer{padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface)}.ask-answer h2{margin:.35rem 0 0;font-size:1.08rem;line-height:1.6}.ask-lock{gap:var(--space-3);display:grid}.ask-lock h2{margin:0;font-size:1.02rem}.ask-lock p{color:var(--ink-soft);margin:0;font-size:.92rem}.ask-index-page .knot-tile-price small{color:var(--ink-faint)}.purchase-start{gap:var(--space-3);padding-top:var(--space-2);display:grid}.purchase-panel{gap:var(--space-3);padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);display:grid}.purchase-summary{color:var(--ink-soft);margin:0;font-size:.95rem}.payment-code{color:var(--ink-faint);letter-spacing:.02em;font-size:.8rem}.overlap-layer{border-left:2px solid var(--thread)}.overlap-layer h3{margin:0 0 var(--space-2);font-size:1.05rem}.overlap-layer p+p{margin-top:var(--space-2)}.reading-section h3{margin:0 0 var(--space-3);font-size:1.1rem;line-height:1.5}.reading-section p{margin:0 0 var(--space-3);line-height:1.85}.reading-section p:last-of-type{margin-bottom:0}.term-list{gap:var(--space-2);margin:var(--space-4) 0 0;padding:var(--space-4);border-radius:var(--radius-sm);background:var(--surface-sunken,#00000008);display:grid}.term-list>div{gap:.15rem;display:grid}.term-list dt{align-items:baseline;gap:var(--space-2);font-size:.9rem;font-weight:600;display:flex}.term-hanja{color:var(--ink-faint);letter-spacing:.08em;font-size:.8rem}.term-list dd{color:var(--ink-soft);margin:0;font-size:.88rem;line-height:1.7}.flow-day-master{margin:var(--space-3) 0 0;color:var(--ink-soft);font-size:.95rem;line-height:1.8}.repeat-saju{margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--border)}.repeat-saju p{margin:0 0 var(--space-3);line-height:1.85}
.element-wood{--element:var(--wood);--element-soft:var(--wood-soft)}.element-fire{--element:var(--fire);--element-soft:var(--fire-soft)}.element-earth{--element:var(--earth);--element-soft:var(--earth-soft)}.element-metal{--element:var(--metal);--element-soft:var(--metal-soft)}.element-water{--element:var(--water);--element-soft:var(--water-soft)}.myeongsik{margin:0 0 var(--space-5)}.myeongsik-grid{table-layout:fixed;border-collapse:separate;width:100%;border-spacing:var(--space-2) var(--space-1);padding:var(--space-3) var(--space-2);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--paper);box-shadow:var(--shadow-paper)}.myeongsik-grid caption{padding-bottom:var(--space-2);color:var(--ink-faint);letter-spacing:.06em;text-align:left;font-size:.72rem}.myeongsik-grid th,.myeongsik-grid td{color:var(--ink-faint);letter-spacing:.04em;text-align:center;padding:0;font-size:.68rem;font-weight:400}.myeongsik-row-god b{color:var(--thread);font-weight:700}.myeongsik-glyph{width:100%;padding:var(--space-2) 0;border-radius:var(--radius-sm);border:1px solid color-mix(in srgb, var(--element) 30%, transparent);background:var(--element-soft);color:var(--element);animation:glyph-settle .5s var(--ease-out,ease) backwards;place-items:center;gap:.1rem;display:grid}.myeongsik-glyph em{font-family:var(--font-display);font-size:1.6rem;font-style:normal;line-height:1.1}.myeongsik-glyph small{color:color-mix(in srgb, var(--element) 75%, var(--ink-faint));font-size:.62rem}.myeongsik-grid td:nth-child(2) .myeongsik-glyph{animation-delay:70ms}.myeongsik-grid td:nth-child(3) .myeongsik-glyph{animation-delay:.14s}.myeongsik-grid td:nth-child(4) .myeongsik-glyph{animation-delay:.21s}.myeongsik-glyph.is-day-master{box-shadow:0 0 0 2px var(--thread)}.myeongsik-glyph.is-unknown{color:var(--ink-faint);background:0 0;border-style:dashed}@keyframes glyph-settle{0%{opacity:0;transform:translateY(.5rem)}to{opacity:1;transform:none}}.element-bars{gap:var(--space-2);margin:var(--space-4) 0 0;padding:0;list-style:none;display:grid}.element-bar{gap:var(--space-2);grid-template-columns:.5rem 3.2rem 1fr 1.5rem;align-items:center;display:grid}.element-dot{background:var(--element);border-radius:50%;width:.5rem;height:.5rem}.element-name{color:var(--ink-soft);font-size:.8rem}.element-name small{color:var(--ink-faint);margin-left:.2rem;font-size:.7rem}.element-track{border-radius:var(--radius-pill);background:var(--canvas-deep);height:.5rem;overflow:hidden}.element-fill{border-radius:var(--radius-pill);background:var(--element);transform-origin:0;height:100%;animation:bar-grow .7s var(--ease-out,ease) backwards;display:block}@keyframes bar-grow{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.element-count{color:var(--ink-soft);text-align:right;font-size:.8rem}.element-count.is-absent{color:var(--error);font-weight:700}.myeongsik figcaption,.luck-timeline figcaption,.relation-map figcaption{margin-top:var(--space-3);color:var(--ink-faint);font-size:.78rem;line-height:1.7}.luck-timeline{margin:0 0 var(--space-5)}.luck-track{border-radius:var(--radius-sm);border:1px solid var(--border);grid-auto-columns:1fr;grid-auto-flow:column;gap:2px;display:grid;overflow:hidden}.luck-band{padding:var(--space-3) .2rem;background:var(--element-soft);color:var(--element);text-align:center;animation:band-in .5s var(--ease-out,ease) backwards;gap:.1rem;display:grid}.luck-band:nth-child(2){animation-delay:40ms}.luck-band:nth-child(3){animation-delay:80ms}.luck-band:nth-child(4){animation-delay:.12s}.luck-band:nth-child(5){animation-delay:.16s}.luck-band:nth-child(6){animation-delay:.2s}.luck-band:nth-child(7){animation-delay:.24s}.luck-band:nth-child(8){animation-delay:.28s}@keyframes band-in{0%{opacity:0;transform:translateY(.35rem)}to{opacity:1;transform:none}}.luck-band.is-current{box-shadow:inset 0 0 0 2px var(--thread)}.luck-age{color:var(--ink-faint);font-size:.6rem}.luck-pillar{font-family:var(--font-display);font-size:.95rem}.luck-god{opacity:.85;font-size:.6rem}.luck-marks{height:3.4rem;margin-top:var(--space-1);position:relative}.luck-mark{justify-items:center;gap:.15rem;display:grid;position:absolute;top:0;transform:translate(-50%)}.luck-mark-dot{background:var(--thread);width:.45rem;height:.45rem;box-shadow:0 0 0 3px var(--canvas);border-radius:50%}.luck-mark-year{color:var(--ink-faint);white-space:nowrap;font-size:.65rem}.luck-mark.is-now{top:1.35rem}.luck-mark.is-now .luck-mark-dot{background:var(--ink)}.luck-mark.is-now .luck-mark-year{color:var(--ink);font-weight:700}.luck-mark.is-now:before{content:"";background:var(--border-strong);width:1px;height:1.35rem;position:absolute;top:-1.35rem;left:50%}.relation-map{margin:0 0 var(--space-5);padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--paper)}.relation-map.is-empty p{color:var(--ink-soft);margin:0;font-size:.92rem}.relation-year{align-items:baseline;gap:var(--space-2);margin-bottom:var(--space-3);color:var(--ink-faint);font-size:.75rem;display:flex}.relation-year-pillar{font-family:var(--font-display);color:var(--ink);font-size:1.1rem}.relation-links{gap:var(--space-3);margin:0;padding:0;list-style:none;display:grid}.relation-link{align-items:center;gap:var(--space-2);grid-template-columns:2.6rem 1fr 2.6rem;display:grid}.relation-node{padding:var(--space-2) 0;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--canvas);font-family:var(--font-display);justify-items:center;font-size:1.1rem;display:grid}.relation-node small{font-family:var(--font-body);color:var(--ink-faint);font-size:.6rem}.relation-line{place-items:center;height:1.6rem;display:grid;position:relative}.relation-line:before{content:"";background:var(--border-strong);transform-origin:0;height:2px;animation:line-draw .6s var(--ease-out,ease) .15s forwards;position:absolute;top:50%;left:0;right:0;transform:scaleX(0)}@keyframes line-draw{to{transform:scaleX(1)}}.relation-link.tone-clash .relation-line:before{background:var(--fire);height:3px}.relation-link.tone-harmony .relation-line:before{background:var(--wood)}.relation-link.tone-friction .relation-line:before{border-top:2px dashed var(--earth);height:0}.relation-kind{padding:.1rem var(--space-2);border-radius:var(--radius-pill);background:var(--paper);color:var(--ink-soft);font-size:.72rem;position:relative}.relation-meta{color:var(--ink-faint);grid-column:1/-1;font-size:.72rem}@media (prefers-reduced-motion:reduce){.myeongsik-glyph,.element-fill,.luck-band,.relation-line:before{animation:none;transform:none}}.day-master-mark{justify-items:center;gap:var(--space-2);margin:0 0 var(--space-4);display:grid}.day-master-glyphs{gap:var(--space-2);display:flex}.day-master-glyphs .myeongsik-glyph{width:4.2rem;padding:var(--space-3) 0}.day-master-glyphs .myeongsik-glyph em{font-size:2.1rem}.day-master-mark figcaption{color:var(--ink-faint);letter-spacing:.04em;font-size:.74rem}.turn-step{gap:var(--space-4);animation:.42s cubic-bezier(.2,.8,.2,1) backwards turn-step-in;display:grid}@keyframes turn-step-in{0%{opacity:0;filter:blur(3px);transform:translateY(.75rem)}to{opacity:1;filter:blur();transform:none}}.reading-section{animation:.6s cubic-bezier(.2,.8,.2,1) backwards layer-unfold}.reading-section:nth-of-type(2){animation-delay:.1s}.reading-section:nth-of-type(3){animation-delay:.2s}.reading-section:nth-of-type(4){animation-delay:.3s}.reading-section:nth-of-type(5){animation-delay:.4s}@keyframes layer-unfold{0%{opacity:0;transform:translateY(1.25rem)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.turn-step,.reading-section{animation:none}}.thread-rail:before{transform-origin:top;animation:1.1s cubic-bezier(.4,0,.2,1) backwards thread-draw}@keyframes thread-draw{0%{transform:scaleY(0)}to{transform:scaleY(1)}}.thread-knot{animation:.5s cubic-bezier(.2,.8,.2,1) backwards knot-tie}.thread-knot:first-child{animation-delay:.25s}.thread-knot:nth-child(2){animation-delay:.4s}.thread-knot:nth-child(3){animation-delay:.55s}.thread-knot:nth-child(4){animation-delay:.7s}.thread-knot:nth-child(n+5){animation-delay:.85s}.thread-knot-dot{animation:.45s cubic-bezier(.2,.8,.2,1) backwards dot-tie;animation-delay:inherit}@keyframes knot-tie{0%{opacity:0;transform:translate(-.5rem)}to{opacity:1;transform:none}}@keyframes dot-tie{0%{transform:scale(.2)}to{transform:scale(1)}}@media (prefers-reduced-motion:reduce){.thread-rail:before,.thread-knot,.thread-knot-dot{animation:none;transform:none}}.overlap-mark{align-items:center;gap:var(--space-2);margin:0 0 var(--space-5);padding:var(--space-4) var(--space-3);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--paper);grid-template-columns:1fr auto 1fr;display:grid}.overlap-side{justify-items:center;gap:var(--space-2);display:grid}.overlap-who{color:var(--ink-faint);letter-spacing:.06em;font-size:.72rem}.overlap-glyphs{gap:var(--space-1);display:flex}.overlap-glyphs .myeongsik-glyph{width:2.9rem;padding:var(--space-2) 0}.overlap-glyphs .myeongsik-glyph em{font-size:1.35rem}.overlap-role{color:var(--ink-soft);text-align:center;font-size:.72rem}.overlap-bridge{gap:var(--space-1);justify-items:center;min-width:3.4rem;display:grid}.overlap-bridge:before,.overlap-bridge:after{content:"";background:var(--border-strong);width:100%;height:1px}.overlap-relation{padding:.1rem var(--space-2);border-radius:var(--radius-pill);background:var(--canvas-deep);color:var(--ink);white-space:nowrap;font-size:.72rem}.overlap-relation.is-none{color:var(--ink-faint);background:0 0;font-size:.68rem}.scene{margin:0 0 var(--space-4)}.scene-frame{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--canvas);position:relative;overflow:hidden}.scene-frame:after,.knot-tile-art:after,.branch .scene-art{pointer-events:none}.scene-frame:after{content:"";mix-blend-mode:multiply;background-image:repeating-linear-gradient(90deg,#28292506 0 1px,#0000 1px 3px),repeating-linear-gradient(0deg,#28292505 0 1px,#0000 1px 4px);position:absolute;inset:0}.scene-wide .scene-frame{aspect-ratio:3/2}.scene-hero .scene-frame{aspect-ratio:16/9}.scene-art{object-fit:cover;width:100%;height:100%;animation:.8s cubic-bezier(.2,.8,.2,1) backwards scene-settle;display:block}@keyframes scene-settle{0%{opacity:0;transform:scale(1.03)}to{opacity:1;transform:none}}.scene-tag{left:var(--space-3);bottom:var(--space-3);padding:.15rem var(--space-2);border-radius:var(--radius-pill);background:var(--paper-70);color:var(--ink-soft);letter-spacing:.04em;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);font-size:.7rem;position:absolute}.scene figcaption{margin-top:var(--space-2);color:var(--ink-faint);font-size:.78rem;line-height:1.7}.knot-tile-art{aspect-ratio:3/2;margin-bottom:var(--space-3);border-radius:var(--radius-sm);background:var(--canvas);display:block;overflow:hidden}.knot-tile-art .scene-art{transition:transform .6s cubic-bezier(.2,.8,.2,1)}.knot-tile:hover .knot-tile-art .scene-art{transform:scale(1.04)}.knot-hero .scene{margin-bottom:var(--space-5)}.branch .scene-art{aspect-ratio:3/2;margin-bottom:var(--space-3);border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--canvas)}@media (prefers-reduced-motion:reduce){.scene-art{transition:none;animation:none;transform:none}}
::view-transition-group(story-header){animation:none}::view-transition-group(story-footer){animation:none}@keyframes cover-arrive{0%{opacity:0;transform:translateY(1rem)rotateY(-10deg)rotate(-2deg)}to{opacity:1;transform:rotateY(-5deg)rotate(-1deg)}}@keyframes scene-arrive{0%{opacity:0;filter:blur(4px)}to{opacity:1;filter:blur()}}@keyframes label-change{0%{opacity:0;filter:blur(2px)}to{opacity:1;filter:blur()}}@keyframes page-forward-out{to{opacity:0;transform:translate(-.75rem)}}@keyframes page-forward-in{0%{opacity:0;transform:translate(.75rem)}}@keyframes page-back-out{to{opacity:0;transform:translate(.75rem)}}@keyframes page-back-in{0%{opacity:0;transform:translate(-.75rem)}}@keyframes page-fade-out{to{opacity:0}}@keyframes page-fade-in{0%{opacity:0}}@media (prefers-reduced-motion:no-preference){.story-cover-page-front{animation:cover-arrive var(--duration-cover) var(--ease-story) both}.story-form-scene:not([hidden]){animation:scene-arrive var(--duration-scene) var(--ease-story) both}.button-label-state{animation:label-change var(--duration-ui) var(--ease-story) both}::view-transition-old(.story-page){animation:page-fade-out var(--duration-exit) ease both}::view-transition-new(.story-page){animation:page-fade-in var(--duration-scene) ease both}::view-transition-old(.story-page-forward){animation:page-forward-out var(--duration-exit) var(--ease-story) both}::view-transition-new(.story-page-forward){animation:page-forward-in var(--duration-page) var(--ease-story) both}::view-transition-old(.story-page-back){animation:page-back-out var(--duration-exit) var(--ease-story) both}::view-transition-new(.story-page-back){animation:page-back-in var(--duration-page) var(--ease-story) both}}@media (prefers-reduced-motion:reduce){:root{--duration-fast:.01ms;--duration-exit:.01ms;--duration-ui:.01ms;--duration-scene:.01ms;--duration-page:.01ms;--duration-cover:.01ms}html{scroll-behavior:auto}.cta:hover:not(:disabled),.cta:active:not(:disabled),.choice-tag:hover span,.resonance-choice:hover .resonance-choice-content,.consent-choice:hover,.social-auth-button:hover:not(:disabled),.social-auth-button:active:not(:disabled){transform:none}}@media (forced-colors:active){.story-cover-page-front,.cta,.deep-story-panel{border:2px solid canvastext}}