:root{--paper:#efe5d4;--paper-warm:#f7efe1;--paper-light:#fffaf0;--paper-aged:#e5d5bd;--ink:#211d19;--muted:#71675b;--soft:#8a7f72;--line:#cbb99f;--line-dark:#ad9778;--clay:#8f3f2c;--clay-deep:#61291f;--water-deep:#155f68;--gold-dust:#a87729;--wood:#3f744b;--fire:#a34335;--earth:#ae842d;--metal:#b9b1a2;--water:#263f55;--wood-tint:#dcebd8;--fire-tint:#f3d4cd;--earth-tint:#eadbad;--metal-tint:#e2e6e7;--water-tint:#d8e8f0;--danger:#8b2f2f;--danger-surface:#fbeeee;--success:var(--wood);--bg-page:var(--paper);--surface-card:var(--paper-warm);--surface-reading:var(--paper-light);--text-body:var(--ink);--text-muted:var(--muted);--text-faint:var(--soft);--border-hairline:var(--line);--border-strong:var(--line-dark);--action-primary:var(--clay);--action-primary-press:var(--clay-deep);--accent-trust:var(--water-deep);--accent-value:var(--gold-dust);--focus-ring:var(--water-deep)}
:root{--font-editorial:"Newsreader", Georgia, "Times New Roman", serif;--font-interface:"IBM Plex Sans", ui-sans-serif, system-ui, -apple-system, "Segoe UI", "Noto Sans KR", sans-serif;--font-mono:"IBM Plex Mono", ui-monospace, "SF Mono", Menlo, monospace;--font-glyph:"Noto Serif KR", "Noto Serif CJK KR", "Noto Serif CJK SC", "Songti SC", "AppleMyungjo", serif;--text-xs:12px;--text-sm:13px;--text-base:16px;--text-md:19px;--text-lg:21px;--text-reading:17px;--display-sm:clamp(25px, 3vw, 34px);--display-md:clamp(36px, 5vw, 70px);--display-lg:clamp(48px, 8vw, 104px);--weight-reg:400;--weight-editorial:500;--weight-label:700;--weight-strong:800;--leading-display:.92;--leading-tight:1.1;--leading-body:1.58;--leading-snug:1.45;--tracking-kicker:.16em;--tracking-tight:0;--type-kicker:var(--weight-strong) var(--text-xs) / 1.2 var(--font-interface);--type-body:var(--weight-reg) var(--text-base) / var(--leading-body) var(--font-interface);--type-reading:var(--weight-reg) var(--text-reading) / var(--leading-body) var(--font-editorial);--type-label:var(--weight-label) var(--text-sm) / 1.3 var(--font-interface)}
:root{--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:22px;--space-6:32px;--space-7:48px;--space-8:64px;--radius-sm:4px;--radius:8px;--radius-paper:2px;--radius-full:999px;--shadow-soft:0 12px 34px #2f23161f;--shadow:0 26px 80px #2f23162e;--shadow-inset:inset 0 1px 6px #3e2d1c0a;--tap-min:44px;--control-h:48px;--measure-reading:65ch;--page-max:1180px;--app-max:440px;--z-base:1;--z-sticky:10;--z-drawer:100;--z-modal:1000;--z-toast:1100}
:root{--motion-instant:80ms;--motion-quick:.14s;--motion-standard:.22s;--motion-slow:.36s;--motion-ritual-min:2.5s;--motion-ritual-max:6s;--ease-default:cubic-bezier(.2, 0, .2, 1);--ease-entrance:cubic-bezier(.16, 1, .3, 1);--ease-exit:cubic-bezier(.4, 0, 1, 1)}
*{box-sizing:border-box}html{background:#d8c6aa}body{min-height:100vh;color:var(--text-body);background-color:var(--bg-page);font:var(--type-body);-webkit-font-smoothing:antialiased;background-image:radial-gradient(at 18% 0,#8f3f2c12,#0000 34rem),radial-gradient(at 90% 12%,#155f680d,#0000 30rem),url(../media/paper-bg.3hgt9cwe9n5az.jpg);background-position:50%,50%,top;background-repeat:no-repeat,no-repeat,repeat;background-size:auto,auto,760px;background-attachment:fixed,fixed,fixed;margin:0}.sb-grain:before{content:"";pointer-events:none;opacity:.34;mix-blend-mode:multiply;background-image:radial-gradient(#261f1833 .45px,#0000 .7px),radial-gradient(#ffffff80 .45px,#0000 .8px),linear-gradient(92deg,#5038220d,#0000 8% 92%,#5038220d);background-size:12px 12px,18px 18px,100% 100%;position:absolute;inset:0}body.sb-page-grain:before{content:"";z-index:0;pointer-events:none;opacity:.16;mix-blend-mode:multiply;background-image:radial-gradient(#261f1838 .45px,#0000 .7px),radial-gradient(#ffffff6b .45px,#0000 .8px);background-size:11px 11px,17px 17px;position:fixed;inset:0}.sb-paper{background:linear-gradient(115deg, #ffffffa3, #fffaf02e 48%, #cdb5912e), var(--surface-card);box-shadow:var(--shadow-soft);border:1px solid #6c563b47;position:relative}.sb-ink-rule{background:url("data:image/svg+xml,%3Csvg viewBox='0 0 900 22' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 12 C73 8 107 14 180 10 C267 5 311 17 390 11 C485 4 543 15 630 11 C738 7 802 15 898 10' fill='none' stroke='%238f3f2c' stroke-width='2.2' stroke-linecap='round' opacity='.72'/%3E%3Cpath d='M1 16 C95 18 182 15 270 17 C379 20 452 14 560 16 C684 18 762 13 899 15' fill='none' stroke='%23155f68' stroke-width='.8' stroke-linecap='round' opacity='.33'/%3E%3C/svg%3E") 50%/100% 100% no-repeat;border:0;height:16px}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}

@keyframes sb-rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}body{min-width:320px}button,input{font:inherit}.shell,.routeShell{z-index:1;width:min(var(--app-max), 100%);margin:0 auto;padding:28px 16px 56px;position:relative}.masthead{justify-content:space-between;align-items:center;gap:var(--space-4);margin-bottom:18px;display:flex}.brand{color:var(--ink);font-family:var(--font-editorial);font-size:30px;font-weight:var(--weight-editorial);line-height:1;text-decoration:none}.stamp{width:44px;height:44px;color:var(--clay);font-family:var(--font-editorial);font-size:22px;font-weight:var(--weight-editorial);background:radial-gradient(circle,#fffaf0b3,#fffaf02e 62%,#0000 63%);border:1px solid #8f3f2c73;border-radius:50%;place-items:center;display:grid;transform:rotate(5deg)}.progress{gap:6px;margin-bottom:22px;display:flex}.progressStep{min-width:0;color:var(--soft);font-family:var(--font-interface);letter-spacing:0;text-align:left;background:0 0;border:0;flex-direction:column;flex:1;gap:6px;padding:0;font-size:10px;font-weight:700;display:flex}.progressStep span{border-radius:var(--radius-full);background:var(--line);width:100%;height:3px}.progressStepActive{color:var(--clay-deep)}.progressStepActive span{background:var(--clay)}.screen{animation:sb-rise var(--motion-slow) var(--ease-entrance) both}.stack{gap:18px;display:grid}.paperSlip,.notice{border-radius:var(--radius-paper);background:linear-gradient(115deg, #ffffffa3, #fffaf02e 48%, #cdb5912e), var(--surface-card);box-shadow:var(--shadow-soft);padding:var(--space-5);border:1px solid #6c563b47;position:relative;overflow:hidden}.paperSlip:before,.notice:before{content:"";pointer-events:none;opacity:.28;mix-blend-mode:multiply;background-image:radial-gradient(#261f1833 .45px,#0000 .7px),radial-gradient(#ffffff80 .45px,#0000 .8px),linear-gradient(92deg,#5038220d,#0000 8% 92%,#5038220d);background-size:12px 12px,18px 18px,100% 100%;position:absolute;inset:0}.paperSlip>*,.notice>*{z-index:1;position:relative}.kicker{color:var(--clay);font-family:var(--font-interface);font-size:var(--text-xs);font-weight:var(--weight-strong);letter-spacing:var(--tracking-kicker);text-transform:uppercase;margin:0 0 14px;line-height:1.2}.displayTitle,.readingTitle{color:var(--ink);font-family:var(--font-editorial);font-size:30px;font-weight:var(--weight-editorial);letter-spacing:0;margin:0 0 14px;line-height:.98}.readingTitle{font-size:28px}.bodyCopy{color:var(--muted);font-family:var(--font-interface);font-size:15px;line-height:var(--leading-body);margin:0}.mirrorLine{color:var(--muted);font-family:var(--font-editorial);font-size:19px;font-weight:var(--weight-editorial);line-height:var(--leading-snug);margin:0}.fieldStack{gap:var(--space-4);margin:20px 0;display:grid}.field label{color:var(--ink);font:var(--type-label);margin:0 0 8px;display:block}.field input{width:100%;min-height:var(--control-h);border-radius:var(--radius-sm);box-shadow:var(--shadow-inset);color:var(--ink);font-family:var(--font-interface);font-size:var(--text-base);transition:border-color var(--motion-quick) var(--ease-default);background:#fffcf4b8;border:1px solid #624e355c;outline:none;align-items:center;padding:0 13px;display:flex}.field input:focus{border-color:var(--focus-ring)}.field p,.trustLine,.chartCaption{color:var(--muted);font-family:var(--font-interface);font-size:var(--text-xs);margin:8px 0 0;line-height:1.45}.trustLine,.chartCaption{text-align:center}.button{width:100%;min-height:var(--control-h);border-radius:var(--radius-sm);background:var(--action-primary);color:var(--paper-light);cursor:pointer;font-family:var(--font-interface);font-size:15px;font-weight:var(--weight-strong);letter-spacing:.01em;transition:transform var(--motion-quick) var(--ease-default), background var(--motion-quick) var(--ease-default), opacity var(--motion-quick) var(--ease-default);border:1px solid #0000;justify-content:center;align-items:center;text-decoration:none;display:inline-flex;box-shadow:0 10px 24px #8f3f2c38}.button:hover{transform:translateY(-1px)}.button:active{transform:translateY(1px)}.buttonSecondary{box-shadow:none;color:var(--ink);background:#fffaf08c;border-color:#624e3547}.authPanel{gap:var(--space-4);display:grid}.authPanel .displayTitle{margin-bottom:0}.oauthButtonStack{gap:var(--space-3);margin-top:var(--space-2);display:grid}.oauthButton{padding:0 var(--space-4);justify-content:flex-start}.oauthButton:before{content:"";width:12px;height:12px;margin-right:var(--space-3);background:#fffaf0a8;border:1px solid #8f3f2c7a;border-radius:50%}.demoAuthButton{margin-top:var(--space-1)}.sessionBar{z-index:1;justify-content:space-between;align-items:center;gap:var(--space-3);border-radius:var(--radius-sm);min-height:42px;color:var(--muted);font-family:var(--font-interface);font-size:var(--text-xs);padding:var(--space-2) var(--space-3);background:#fffaf094;border:1px solid #6c563b3d;margin:0 0 18px;line-height:1.3;display:flex;position:relative}.sessionBar button{border-radius:var(--radius-sm);min-height:30px;color:var(--ink);cursor:pointer;font-family:var(--font-interface);font-size:var(--text-xs);font-weight:var(--weight-strong);padding:0 var(--space-3);background:#fffaf0b8;border:1px solid #624e3547}.routeActionLink{margin-top:18px}.buttonGrid{gap:var(--space-3);grid-template-columns:1fr 1fr;display:grid}.chartSlip{justify-items:center;padding:20px;display:grid}.inkRule{background:url("data:image/svg+xml,%3Csvg viewBox='0 0 900 22' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 12 C73 8 107 14 180 10 C267 5 311 17 390 11 C485 4 543 15 630 11 C738 7 802 15 898 10' fill='none' stroke='%238f3f2c' stroke-width='2.2' stroke-linecap='round' opacity='.72'/%3E%3Cpath d='M1 16 C95 18 182 15 270 17 C379 20 452 14 560 16 C684 18 762 13 899 15' fill='none' stroke='%23155f68' stroke-width='.8' stroke-linecap='round' opacity='.33'/%3E%3C/svg%3E") 50%/100% 100% no-repeat;border:0;height:16px;margin:18px 0}.sectionLabel{color:var(--soft);font-family:var(--font-interface);font-size:11px;font-weight:var(--weight-strong);letter-spacing:.14em;text-transform:uppercase;margin:0 0 12px;line-height:1}.elementGrid{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;display:grid}.elementTile{border-radius:var(--radius-sm);min-height:58px;color:var(--muted);font-family:var(--font-interface);font-size:var(--text-xs);background:#fffaf06b;border:1px solid #6c563b33;padding:10px}.elementTile strong{color:var(--ink);font-size:var(--text-sm);margin-bottom:4px;line-height:1.1;display:block}.glyph{font-family:var(--font-glyph);margin-right:5px}.elementBar{border-radius:var(--radius-full);width:100%;height:5px;margin-top:8px;display:block}.element-water{background:var(--water)}.element-metal{background:var(--metal)}.element-earth{background:var(--earth)}.element-wood{background:var(--wood)}.element-fire{background:var(--fire)}.paljaPreview{gap:var(--space-3);display:grid}.paljaPreview .sectionLabel{margin-bottom:0}.paljaColumnLabels,.paljaGrid{gap:var(--space-2);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.paljaColumnLabels span{color:var(--soft);font-family:var(--font-interface);font-size:9px;font-weight:var(--weight-strong);letter-spacing:.08em;text-align:center;text-transform:uppercase;line-height:1}.paljaGrid{position:relative;overflow:visible}.paljaTileFrame{min-width:0;position:relative}.paljaTile{isolation:isolate;border-radius:var(--radius-sm);background:linear-gradient(145deg, #fffaf094, #fffaf029), var(--tile-surface,#fffaf06b);width:100%;min-height:96px;color:var(--tile-ink,var(--ink));cursor:pointer;transition:border-color var(--motion-quick) var(--ease-default), box-shadow var(--motion-quick) var(--ease-default), transform var(--motion-quick) var(--ease-default);border:1px solid #6c563b33;grid-template-rows:1fr auto auto;place-items:center;padding:10px 6px 8px;display:grid;position:relative;overflow:hidden;box-shadow:0 10px 22px #2f23161a}.paljaTile:before{content:"";z-index:-1;border:1px solid #ffffff85;border-radius:2px;position:absolute;inset:6px}.paljaTile:hover,.paljaTile:focus-visible,.paljaTile[aria-expanded=true]{border-color:#155f6852;outline:none;transform:translateY(-1px);box-shadow:0 14px 28px #2f231624}.paljaTile:focus-visible{box-shadow:0 14px 28px #2f231624,0 0 0 2px #155f683d}.paljaTile.element-metal{--tile-surface:var(--metal-tint);--tile-ink:#4b4943}.paljaTile.element-water{--tile-surface:var(--water-tint);--tile-ink:var(--water)}.paljaTile.element-earth{--tile-surface:var(--earth-tint);--tile-ink:#74581e}.paljaTile.element-wood{--tile-surface:var(--wood-tint);--tile-ink:var(--wood)}.paljaTile.element-fire{--tile-surface:var(--fire-tint);--tile-ink:var(--fire)}.paljaGlyph{aspect-ratio:1;opacity:.92;width:min(88%,58px);-webkit-mask:var(--glyph-url) center / contain no-repeat;-webkit-mask:var(--glyph-url) center / contain no-repeat;mask:var(--glyph-url) center / contain no-repeat;background:currentColor}.paljaTile[data-tile-row=stem] .paljaGlyph{width:min(92%,62px)}.paljaTile[data-tile-row=branch] .paljaGlyph{width:min(94%,64px)}.paljaKorean{color:var(--ink);font-family:var(--font-interface);font-size:15px;font-weight:800;line-height:1}.paljaMeta{color:var(--muted);font-family:var(--font-interface);font-size:9px;font-weight:var(--weight-strong);text-transform:uppercase;margin-top:4px;line-height:1}.paljaTooltip{z-index:5;border-radius:var(--radius-sm);width:min(260px,100vw - 42px);color:var(--ink);font-family:var(--font-interface);padding:var(--space-3);background:#fffaf0fa;border:1px solid #6c563b42;position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%);box-shadow:0 18px 38px #2f23162e}.paljaTooltip:after{content:"";background:#fffaf0fa;border-top:1px solid #6c563b42;border-left:1px solid #6c563b42;width:10px;height:10px;position:absolute;top:-6px;left:50%;transform:translate(-50%)rotate(45deg)}.paljaTileFrame:nth-child(4n+1) .paljaTooltip{left:0;transform:none}.paljaTileFrame:nth-child(4n) .paljaTooltip{left:auto;right:0;transform:none}.paljaTooltipLetters{gap:var(--space-2);margin-bottom:var(--space-2);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.paljaTooltipLetters span{border-radius:var(--radius-sm);min-width:0;padding:var(--space-2);background:#e5d5bd3d;border:1px solid #6c563b29;gap:2px;display:grid}.paljaTooltip em,.paljaTooltip dt{color:var(--soft);font-size:9px;font-style:normal;font-weight:var(--weight-strong);letter-spacing:.08em;text-transform:uppercase;line-height:1}.paljaTooltipLetters strong{color:var(--ink);font-family:var(--font-glyph);font-size:22px;font-weight:500;line-height:1}.paljaTooltip dl{gap:var(--space-2);margin:0;display:grid}.paljaTooltip div{min-width:0}.paljaTooltip dd{color:var(--muted);margin:4px 0 0;font-size:11px;line-height:1.35}.paljaTapHint{color:var(--soft);font-family:var(--font-interface);margin:-2px 0 0;font-size:11px;line-height:1.35}.identifierNote{gap:var(--space-2);border-radius:var(--radius-sm);padding:var(--space-3);background:linear-gradient(135deg,#d8e8f06b,#fffaf052),#fffaf080;border:1px solid #155f683d;display:grid}.identifierNote .sectionLabel{margin-bottom:0}.identifierNote strong{color:var(--ink);font-family:var(--font-editorial);font-size:21px;font-weight:var(--weight-editorial);line-height:var(--leading-tight)}.identifierNote span{color:var(--muted);font-family:var(--font-interface);font-size:var(--text-sm);line-height:1.45}.priceRow{align-items:baseline;gap:var(--space-3);margin:18px 0;display:flex}.price{color:var(--clay-deep);font-family:var(--font-editorial);font-size:56px;font-weight:var(--weight-editorial);line-height:.9}.priceNote{color:var(--muted);font-family:var(--font-interface);font-size:var(--text-sm)}.ritualSteps{gap:var(--space-3);margin:18px 0 22px;display:grid}.ritualStep{color:var(--ink);font-family:var(--font-interface);font-size:var(--text-sm);grid-template-columns:24px minmax(0,1fr);align-items:center;gap:10px;font-weight:600;display:grid}.ritualDot{background:#fffaf09e;border:1px solid #8f3f2c80;border-radius:50%;width:24px;height:24px}.ritualDotActive{background:var(--clay)}.readingBody{gap:14px;margin-top:18px;display:grid}.readingBody p{color:var(--ink);font-family:var(--font-interface);margin:0;font-size:15px;line-height:1.6}.readingBody blockquote{color:var(--muted);font-family:var(--font-interface);padding-left:var(--space-4);border-left:2px solid #155f688c;margin:0;font-size:14px;line-height:1.55}.readingBody strong{color:var(--ink)}.notice{color:var(--muted);font-family:var(--font-interface);font-size:var(--text-sm);line-height:var(--leading-body)}.shareArtifact{grid-template-rows:auto 1fr auto;justify-items:center;min-height:360px;display:grid}.shareArtifact .readingTitle{text-align:left}.routeHero{margin-bottom:18px}.routeActions{gap:var(--space-3);display:grid}.routeStatus{margin-bottom:18px}.routeStatus dl{gap:var(--space-3);margin:0;display:grid}.routeStatus div{padding:var(--space-3) 0;border-top:1px solid #6c563b2e;gap:4px;display:grid}.routeStatus div:first-child{border-top:0;padding-top:0}.routeStatus dt{color:var(--soft);font-family:var(--font-interface);font-size:var(--text-xs);font-weight:var(--weight-strong);letter-spacing:.12em;text-transform:uppercase;line-height:1.2}.routeStatus dd{color:var(--ink);font-family:var(--font-interface);font-size:var(--text-sm);line-height:var(--leading-body);overflow-wrap:anywhere;margin:0}.routeNav{margin-bottom:18px}.routeLinkList{gap:var(--space-2);display:grid}.routeLinkList a{padding:var(--space-3);border-radius:var(--radius-sm);color:var(--ink);background:#fffaf06b;border:1px solid #6c563b33;gap:4px;text-decoration:none;display:grid}.routeLinkList span{font-family:var(--font-editorial);font-size:18px;font-weight:var(--weight-editorial);line-height:var(--leading-tight)}.routeLinkList small{color:var(--muted);font-family:var(--font-interface);font-size:var(--text-xs);line-height:1.4}.lensExperimentHero{margin-bottom:18px}.lensExperimentPanel{gap:var(--space-4);display:grid}.lensGrid{gap:var(--space-3);display:grid}.lensCard{border-radius:var(--radius-sm);min-height:116px;padding:var(--space-4);background:#fffaf06b;border:1px solid #6c563b33}.lensCard span{margin-bottom:var(--space-2);color:var(--water-deep);font-family:var(--font-interface);font-size:11px;font-weight:var(--weight-strong);letter-spacing:.12em;display:block}.lensCard h2{margin:0 0 var(--space-2);color:var(--ink);font-family:var(--font-editorial);font-size:24px;font-weight:var(--weight-editorial);line-height:var(--leading-tight)}.lensCard p{color:var(--muted);font-family:var(--font-interface);font-size:var(--text-sm);margin:0;line-height:1.5}.visualSlot{border-radius:var(--radius-paper);width:100%;min-height:244px;color:var(--muted);padding:var(--space-5);text-align:center;background:linear-gradient(145deg,#fffaf070,#e5d5bd38),#fffaf047;border:1px solid #6c563b3d;align-content:center;justify-items:center;display:grid}.visualSlotCompact{min-height:156px;margin:var(--space-5) 0}.visualSlot p{color:var(--ink);font-family:var(--font-editorial);font-size:var(--display-sm);font-weight:var(--weight-editorial);margin:0 0 6px;line-height:1}.visualSlot span{color:var(--muted);font-family:var(--font-interface);font-size:var(--text-sm);line-height:1.45;display:block}.visualSlotRule{width:min(180px,72%);height:1px;margin:var(--space-4) 0;background:linear-gradient(90deg,#0000,#8f3f2c85,#0000)}@media (max-width:370px){.displayTitle,.readingTitle{font-size:26px}.elementGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.paljaColumnLabels,.paljaGrid{gap:6px}.paljaTile{min-height:88px;padding:8px 4px 7px}.paljaKorean{font-size:14px}.paljaMeta{font-size:8px}.buttonGrid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.screen{animation:none}}