@import "https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@400;500;600;700;900&display=swap";:root{--paper:#e8dfcc;--paper-light:#f4eddf;--paper-deep:#d6cab4;--ink:#211f1b;--ink-soft:#5e594f;--ink-faint:#211f1b1f;--cinnabar:#9e382f;--cinnabar-dark:#77271f;--gold:#927744;--serif:"Noto Serif SC", "Songti SC", "STSong", serif;--sans:Inter, "PingFang SC", "Microsoft YaHei", sans-serif;color:var(--ink);font-family:var(--sans);font-synthesis:none;text-rendering:optimizelegibility}*{box-sizing:border-box}html{background:var(--paper);min-width:320px}body{background:var(--paper);min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible{outline:2px solid var(--cinnabar);outline-offset:4px}body:before{content:"";pointer-events:none;opacity:.38;z-index:50;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.13'/%3E%3C/svg%3E");position:fixed;inset:0}.app-shell{background:radial-gradient(circle at 20% 20%, #ffffff6e, transparent 32%), linear-gradient(115deg, #644f2b0d, transparent 50%), var(--paper);min-height:100vh;position:relative;overflow:hidden}.app-shell:after{content:"";pointer-events:none;z-index:40;border:1px solid #3c34281f;position:fixed;inset:16px}.topbar{z-index:20;justify-content:space-between;align-items:center;height:88px;padding:0 clamp(28px,5vw,76px);display:flex;position:relative}.brand{cursor:pointer;text-align:left;background:0 0;border:0;align-items:center;gap:11px;padding:0;display:flex}.brand-seal{border:1px solid var(--cinnabar);width:35px;height:35px;color:var(--cinnabar);font-family:var(--serif);place-items:center;font-size:19px;display:grid;transform:rotate(-2deg)}.brand b{font-family:var(--serif);letter-spacing:.22em;font-size:16px;display:block}.brand small{letter-spacing:.32em;color:var(--ink-soft);margin-top:2px;font-size:9px;display:block}.text-button,.history-link{cursor:pointer;color:var(--ink-soft);letter-spacing:.12em;background:0 0;border:0;font-size:12px}.text-button{align-items:center;gap:10px;display:flex}.line-icon{border-top:1px solid;border-bottom:1px solid;width:22px;height:14px;display:block}.line-icon:after{content:"";border-top:1px solid;width:15px;margin-top:6px;display:block}.footer-mark{letter-spacing:.32em;color:#211f1b6b;z-index:10;font-size:8px;position:absolute;bottom:30px;left:clamp(28px,5vw,76px)}.page{min-height:calc(100vh - 88px);position:relative}.eyebrow{text-transform:uppercase;letter-spacing:.28em;color:var(--cinnabar);align-items:center;gap:12px;margin:0 0 22px;font-size:10px;font-weight:700;display:flex}.eyebrow>span{border-top:1px solid;width:34px}.eyebrow.centered{justify-content:center}.primary-button,.secondary-button{cursor:pointer;letter-spacing:.12em;border:0;justify-content:space-between;align-items:center;gap:38px;min-height:56px;padding:0 24px;font-weight:600;display:inline-flex}.primary-button{background:var(--ink);color:var(--paper-light);box-shadow:6px 6px #9e382f40}.primary-button:hover{background:var(--cinnabar-dark);transform:translateY(-2px)}.primary-button i{font-size:18px;font-style:normal;font-weight:400}.primary-button.full{justify-content:center;width:100%}.secondary-button{background:0 0;border:1px solid #211f1b66}.home-page{grid-template-rows:1fr 160px;grid-template-columns:minmax(350px,.82fr) minmax(480px,1.18fr);gap:28px 6vw;padding:5vh clamp(40px,7vw,120px) 58px;display:grid}.home-copy{z-index:3;align-self:center;max-width:570px;position:relative}.home-copy h1{font-family:var(--serif);letter-spacing:-.045em;margin:0;font-size:clamp(48px,5.2vw,88px);font-weight:700;line-height:1.13}.home-copy h1 span{letter-spacing:.1em;margin-bottom:14px;font-size:.43em;font-weight:500;display:block}.lead{max-width:500px;font-family:var(--serif);color:var(--ink-soft);margin:32px 0 34px;font-size:15px;line-height:2}.home-actions{flex-wrap:wrap;align-items:center;gap:22px;display:flex}.resume-button{cursor:pointer;background:0 0;border:0;border-bottom:1px solid #211f1b5c;padding:10px 0;font-size:12px}.history-link{text-underline-offset:5px;padding:20px 0 0;text-decoration:underline}.home-art{min-height:470px;position:relative}.home-art:before{content:"";border:1px solid #211f1b24;position:absolute;inset:2% 7% 8% 4%;transform:rotate(1.2deg)}.vertical-title{z-index:4;writing-mode:vertical-rl;font-family:var(--serif);letter-spacing:.35em;font-size:14px;line-height:2.2;position:absolute;top:7%;right:8%}.red-caption{z-index:4;color:var(--cinnabar);letter-spacing:.22em;font-size:8px;line-height:1.7;position:absolute;bottom:12%;left:7%}.home-notes{border-top:1px solid var(--ink-faint);grid-column:1/-1;grid-template-columns:repeat(3,1fr);padding-top:24px;display:grid}.home-notes>div{border-right:1px solid var(--ink-faint);grid-template-columns:42px 1fr;padding:0 7%;display:grid}.home-notes>div:first-child{padding-left:0}.home-notes>div:last-child{border-right:0}.home-notes b{font-family:var(--serif);color:var(--cinnabar);grid-row:span 2;font-size:22px;font-weight:500}.home-notes span{font-family:var(--serif);letter-spacing:.14em;font-size:13px;font-weight:700}.home-notes small{color:var(--ink-soft);margin-top:6px;line-height:1.5}.ink-landscape{position:absolute;inset:0;overflow:hidden}.ink-landscape svg{width:100%;height:100%;overflow:visible}.ink-mist{filter:blur(32px);background:#28241f1f;border-radius:50%;width:280px;height:160px;animation:11s ease-in-out infinite alternate mist;position:absolute}.ink-mist-one{bottom:14%;left:8%}.ink-mist-two{animation-delay:-4s;top:20%;right:0;transform:scale(.7)}.ghost-name{writing-mode:vertical-rl;font-family:var(--serif);color:#e8dfccc7;letter-spacing:.25em;text-shadow:0 0 30px #e8dfcc66;place-items:center;font-size:clamp(42px,7vw,108px);display:grid;position:absolute;inset:0}@keyframes mist{to{opacity:.4;transform:translate(32px,-20px)scale(1.15)}}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#191714a3;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.gate-modal{text-align:center;background:var(--paper-light);border:1px solid #ffffff80;width:min(460px,100%);padding:48px 54px 44px;position:relative;box-shadow:0 30px 100px #0a080652}.gate-modal:before{content:"";border:1px solid var(--ink-faint);pointer-events:none;position:absolute;inset:10px}.close-button{z-index:2;cursor:pointer;color:var(--ink-soft);background:0 0;border:0;font-size:26px;position:absolute;top:16px;right:18px}.gate-seal{border:2px solid var(--cinnabar);width:54px;height:54px;color:var(--cinnabar);font:700 25px var(--serif);place-items:center;margin:0 auto 22px;display:grid;transform:rotate(-3deg)}.gate-modal h2{font:700 32px var(--serif);letter-spacing:.12em;margin:0 0 12px}.gate-modal>p:not(.eyebrow){color:var(--ink-soft);font-size:13px}.gate-modal form{text-align:left;margin-top:32px}.gate-modal label{letter-spacing:.2em;margin-bottom:8px;font-size:10px;display:block}.gate-modal input{border:0;border-bottom:1px solid var(--ink);text-align:center;letter-spacing:.3em;text-transform:uppercase;background:#ffffff57;width:100%;height:54px;padding:0 15px}.error-slot{height:30px;color:var(--cinnabar);text-align:center;padding-top:7px;font-size:11px}.gate-modal>small{color:var(--ink-soft);margin-top:22px;display:block}.volume-page,.history-page{padding:7vh clamp(30px,8vw,140px) 100px}.section-heading{max-width:650px}.section-heading h1{font:700 clamp(38px, 4.6vw, 72px)/1.25 var(--serif);letter-spacing:-.035em;margin:0}.section-heading>p:last-child{color:var(--ink-soft);line-height:1.8}.volume-grid{grid-template-columns:repeat(3,1fr);gap:18px;margin-top:7vh;display:grid}.volume-card{border:1px solid var(--ink-faint);cursor:pointer;text-align:left;background:#f6f0e359;flex-direction:column;min-height:340px;padding:30px;transition:all .35s;display:flex;position:relative}.volume-card:after{content:"";border-bottom:3px solid var(--cinnabar);width:0;transition:width .35s;position:absolute;bottom:-1px;left:-1px}.volume-card:hover{background:#f6f0e3c2;transform:translateY(-8px);box-shadow:0 24px 60px #3c301c1a}.volume-card:hover:after{width:calc(100% + 2px)}.volume-number{font:10px var(--sans);letter-spacing:.24em;color:var(--ink-soft)}.volume-seal{border:2px solid var(--cinnabar);width:65px;height:65px;color:var(--cinnabar);font:700 30px var(--serif);place-items:center;margin:44px 0 30px;display:grid;transform:rotate(-3deg)}.volume-card strong{font:600 24px var(--serif);letter-spacing:.08em}.volume-card small{max-width:250px;color:var(--ink-soft);margin-top:12px;line-height:1.7}.volume-card i{letter-spacing:.16em;margin-top:auto;font-size:11px;font-style:normal}.quiz-page{grid-template-columns:42% 58%;min-height:calc(100vh - 88px);display:grid}.scene-panel{border-right:1px solid var(--ink-faint);min-height:calc(100vh - 88px);position:relative;overflow:hidden}.scene-panel:after{content:"";pointer-events:none;border:1px solid #211f1b1f;position:absolute;inset:6% 7%}.scene-meta{z-index:4;max-width:58%;position:absolute;bottom:9%;left:10%}.scene-meta p{color:var(--cinnabar);letter-spacing:.22em;font-size:9px;font-weight:700}.scene-meta h2{font:600 clamp(25px, 3vw, 42px) var(--serif);margin:8px 0}.scene-meta span{color:var(--ink-soft);font-family:var(--serif);font-size:12px;line-height:1.7}.progress-rail{z-index:5;border-left:1px solid #211f1b33;flex-direction:column;align-items:center;width:34px;height:48%;display:flex;position:absolute;top:10%;right:10%}.progress-rail>span{background:var(--cinnabar);width:3px;transition:height .5s;position:absolute;top:0;left:-2px}.progress-rail b{font:600 18px var(--serif);margin-top:auto}.progress-rail small{color:var(--ink-soft);margin-top:4px;font-size:9px}.question-panel{align-self:center;width:100%;max-width:960px;padding:6vh clamp(40px,7vw,110px) 8vh}.question-kicker{border-bottom:1px solid var(--ink-faint);letter-spacing:.2em;justify-content:space-between;gap:20px;margin-bottom:4vh;padding-bottom:14px;font-size:9px;display:flex}.question-kicker span{color:var(--cinnabar)}.question-kicker b{color:var(--ink-soft);text-align:right;font-weight:400}.question-panel h1{font:600 clamp(24px, 2.3vw, 38px)/1.55 var(--serif);letter-spacing:-.02em;margin:0 0 4.5vh}.options-list{gap:10px;display:grid}.option-button{cursor:pointer;text-align:left;background:#f7f1e45c;border:1px solid #211f1b29;align-items:center;gap:17px;min-height:68px;padding:13px 58px 13px 16px;transition:all .25s;display:flex;position:relative;overflow:hidden}.option-button:hover:not(:disabled){background:#f7f1e4bf;border-color:#211f1b7a;transform:translate(5px)}.option-button>span{width:34px;height:34px;font:600 12px var(--serif);border:1px solid #211f1b4d;border-radius:50%;flex:none;place-items:center;transition:all .25s;display:grid}.option-button b{font:500 14px/1.6 var(--serif)}.option-button i{opacity:0;border:2px solid #0000;border-radius:48% 52% 46% 54%;width:42px;height:42px;position:absolute;right:20px;transform:rotate(-12deg)scale(1.5)}.option-button.selected{border-color:var(--cinnabar);color:var(--cinnabar-dark);background:#9e382f0f}.option-button.selected>span{background:var(--cinnabar);border-color:var(--cinnabar);color:var(--paper-light)}.option-button.selected i{border-color:var(--cinnabar);animation:.4s cubic-bezier(.2,.8,.2,1) forwards seal-in}@keyframes seal-in{to{opacity:.75;transform:rotate(-12deg)scale(1)}}.quiz-nav{color:var(--ink-soft);letter-spacing:.12em;justify-content:space-between;align-items:center;margin-top:28px;font-size:10px;display:flex}.quiz-nav button{cursor:pointer;background:0 0;border:0;padding:8px 0;font-size:10px}.quiz-nav button:disabled{opacity:.25;cursor:default}.reveal-page{background:var(--ink);min-height:calc(100vh - 88px);color:var(--paper-light);place-items:center;display:grid}.reveal-page .ink-landscape{opacity:.7}.reveal-copy{z-index:5;text-align:center;position:relative}.reveal-copy p{letter-spacing:.28em;color:#f4eddf94;font-size:10px}.reveal-copy h1{font:500 clamp(35px, 5vw, 72px)/1.35 var(--serif);letter-spacing:.1em}.loading-line{border-top:1px solid #f4eddf38;width:170px;margin:40px auto 0;display:block}.loading-line i{border-top:3px solid var(--cinnabar);width:20%;margin-top:-2px;animation:2.1s ease-in-out forwards load;display:block}@keyframes load{to{width:100%}}.result-page{padding-bottom:120px;overflow:visible}.result-hero{border-top:1px solid var(--ink-faint);border-bottom:1px solid var(--ink-faint);grid-template-columns:50% 50%;min-height:590px;display:grid}.result-portrait{background:#332e2714;min-height:590px;position:relative;overflow:hidden}.result-portrait:after{content:"";border:1px solid #211f1b2e;position:absolute;inset:6%}.result-index{z-index:4;color:var(--cinnabar);letter-spacing:.3em;font-size:9px;position:absolute;bottom:8%;left:8%}.result-intro{align-self:center;padding:5vh clamp(46px,7vw,112px)}.name-lockup{align-items:flex-start;gap:22px;display:flex}.name-lockup h1{font:800 clamp(64px, 7vw, 110px)/1 var(--serif);letter-spacing:-.08em;margin:0}.name-lockup span{writing-mode:vertical-rl;border:1px solid var(--cinnabar);color:var(--cinnabar);font:600 11px var(--serif);letter-spacing:.12em;padding:7px 5px}.era{color:var(--gold);font:500 13px var(--serif);letter-spacing:.2em}.result-intro blockquote{border-left:3px solid var(--cinnabar);font:500 17px/1.75 var(--serif);margin:28px 0 20px;padding:0 0 0 20px}.tag-row{flex-wrap:wrap;gap:8px;display:flex}.tag-row span{border:1px solid var(--ink-faint);letter-spacing:.12em;padding:7px 11px;font-size:10px}.result-summary{color:var(--ink-soft);font:14px/2 var(--serif);margin-top:30px}.profile-section,.dimensions-section,.path-section,.modern-section{border-bottom:1px solid var(--ink-faint);max-width:1320px;margin:0 auto;padding:72px clamp(30px,6vw,90px);position:relative}.section-number{font:700 90px var(--serif);color:#211f1b0b;position:absolute;top:50px;right:5%}.profile-section h2,.dimensions-section h2,.path-heading h2{max-width:840px;font:600 clamp(28px, 3vw, 48px)/1.5 var(--serif);margin:0}.profile-section{grid-template-columns:.68fr 1.32fr;align-items:start;gap:clamp(42px,7vw,105px);display:grid}.profile-heading{position:sticky;top:50px}.profile-copy{padding-top:8px}.profile-copy p{color:var(--ink-soft);font:15px/2.1 var(--serif);margin:0 0 26px}.profile-copy .lead-profile{color:var(--ink);font-size:clamp(20px,2vw,28px);line-height:1.85}.dimensions-heading{max-width:760px}.dimensions-heading>p:last-child{color:var(--ink-soft);font:12px/1.8 var(--serif)}.dimensions-body{grid-template-columns:minmax(370px,.82fr) minmax(520px,1.18fr);align-items:center;gap:clamp(34px,5vw,70px);margin-top:38px;display:grid}.radar-card{border:1px solid var(--ink-faint);background:#f6f0e33d;padding:24px 24px 26px}.radar-wrap{aspect-ratio:1.12;place-items:center;width:100%;max-width:460px;margin:auto;display:grid;position:relative}.radar-wrap svg{width:100%;height:100%;overflow:visible}.radar-wrap polygon{fill:none;stroke:#211f1b26;stroke-width:.7px}.radar-wrap line{stroke:#211f1b1a;stroke-width:.7px}.radar-wrap .reference-shape{fill:#9277440f;stroke:var(--gold);stroke-width:1.2px;stroke-dasharray:4 4}.radar-wrap .result-shape{fill:#9e382f24;stroke:var(--cinnabar);stroke-width:1.9px}.radar-wrap .reference-point{fill:var(--paper-light);stroke:var(--gold);stroke-width:1.2px}.radar-wrap .result-point{fill:var(--cinnabar);stroke:var(--paper-light);stroke-width:.9px}.radar-label{fill:var(--ink);font:600 9px var(--serif);letter-spacing:.05em}.radar-key{border-top:1px solid var(--ink-faint);font:10px var(--serif);color:var(--ink-soft);justify-content:center;gap:30px;padding-top:16px;display:flex}.radar-key span{align-items:center;gap:9px;display:inline-flex}.radar-key i{border-top:2px solid var(--cinnabar);width:30px;height:8px;display:block}.radar-key .radar-key-reference{border-top:1px dashed var(--gold)}.radar-note{text-align:left;border-left:2px solid var(--gold);color:var(--ink-soft);font:10px/1.8 var(--serif);background:#9277440e;margin:16px 0 0;padding:14px 16px}.dimension-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.dimension-list article{border:1px solid var(--ink-faint);background:#f6f0e347;grid-template-columns:1fr auto;align-items:start;gap:12px;min-height:164px;padding:21px 18px 17px;display:grid;position:relative}.dimension-list article:nth-child(3n+2){background:#9277440b}.dimension-order{color:#9e382f9e;letter-spacing:.2em;font-size:8px;position:absolute;top:10px;right:12px}.dimension-list h3{font:600 16px var(--serif);letter-spacing:.07em;margin:0 0 7px}.dimension-list p{color:var(--ink-soft);font:10px/1.6 var(--serif);margin:0}.dimension-copy{min-width:0;padding-top:3px}.dimension-meter{background:#211f1b1a;height:3px;margin-top:16px;position:relative}.dimension-meter i{background:var(--cinnabar);height:100%;display:block}.dimension-meter em{background:var(--gold);width:1px;height:9px;position:absolute;top:-3px}.dimension-values{text-align:right;min-width:52px;padding-top:20px}.dimension-values b{color:var(--cinnabar-dark);font:500 28px var(--serif);display:block}.dimension-values small{color:var(--ink-soft);letter-spacing:.08em;font-size:9px}.seal-stats{justify-content:center;align-items:flex-end;gap:6vw;min-height:245px;margin-top:35px;display:flex}.seal-stat{width:var(--seal-size);height:var(--seal-size);border:3px double var(--cinnabar);color:var(--cinnabar);align-content:center;place-items:center;display:grid;position:relative;transform:rotate(-4deg)}.seal-stat:nth-child(2){transform:rotate(3deg)}.seal-stat span{font:700 18px var(--serif);letter-spacing:.15em}.seal-stat b{font:500 30px var(--serif)}.seal-stat small{color:var(--ink-soft);letter-spacing:.15em;font-size:9px;position:absolute;bottom:-28px}.path-heading{margin-bottom:50px}.path-summary{max-width:720px;color:var(--ink-soft);font:15px/1.9 var(--serif);margin:16px 0 0}.path-grid{grid-template-columns:repeat(4,1fr);gap:18px;padding-top:46px;display:grid;position:relative}.path-grid:before{content:"";border-top:1px solid #9e382f59;position:absolute;top:17px;left:4%;right:4%}.path-grid article{border:1px solid var(--ink-faint);background:#f6f0e33b;min-height:245px;padding:28px 24px 24px;position:relative}.path-grid article:nth-child(2n){transform:translateY(18px)}.path-grid article>span{border:1px solid var(--cinnabar);background:var(--paper);width:34px;height:34px;color:var(--cinnabar);font:600 10px var(--serif);z-index:2;border-radius:50%;place-items:center;display:grid;position:absolute;top:-56px;left:50%;transform:translate(-50%)}.path-grid small,.scene-grid small{color:var(--cinnabar);letter-spacing:.2em;font-size:9px}.path-grid h3,.scene-grid h3{font:600 19px/1.5 var(--serif)}.path-grid p,.scene-grid p{color:var(--ink-soft);font:13px/1.9 var(--serif)}.scene-grid{grid-template-columns:repeat(12,1fr);gap:14px;display:grid}.scene-grid article{border:1px solid var(--ink-faint);background:#f6f0e366;flex-direction:column;min-height:210px;padding:30px;display:flex}.scene-grid article:first-child{background:#9e382f0e;grid-area:span 2/span 7;min-height:434px;padding:42px}.scene-grid article:nth-child(2),.scene-grid article:nth-child(3){grid-column:span 5}.scene-grid article:first-child h3{font-size:27px}.scene-grid article:first-child p{font-size:15px}.scene-grid article>span{border-top:1px solid var(--ink-faint);color:var(--cinnabar-dark);margin-top:auto;padding-top:20px;font-size:10px;line-height:1.7}.closing-section{text-align:center;max-width:1120px;margin:0 auto;padding:68px clamp(30px,8vw,120px) 76px}.closing-seal{border:2px solid var(--cinnabar);width:54px;height:54px;color:var(--cinnabar);font:600 22px var(--serif);place-items:center;margin:0 auto 34px;display:grid;transform:rotate(-3deg)}.closing-section p{font:500 clamp(22px, 3vw, 38px)/1.75 var(--serif);margin:0}.result-actions{justify-content:center;gap:16px;padding-top:38px;display:flex}.result-capture{background:var(--paper)}.result-tools{border-top:1px solid var(--ink-faint);grid-template-columns:repeat(2,1fr);gap:14px;max-width:960px;margin:0 auto;padding:28px clamp(30px,6vw,80px) 0;display:grid}.result-tool-button{border:1px solid var(--ink-faint);min-height:118px;color:var(--ink);text-align:left;cursor:pointer;background:#f6f0e357;grid-template-columns:54px 1fr auto;align-items:center;gap:18px;padding:22px;transition:transform .25s,border-color .25s,background .25s;display:grid}.result-tool-button:hover{background:#f6f0e3b8;border-color:#9e382f6b;transform:translateY(-3px)}.result-tool-button>span:nth-child(2){gap:4px;display:grid}.result-tool-button small{color:var(--cinnabar);letter-spacing:.18em;font-size:8px}.result-tool-button b{font:600 20px var(--serif);letter-spacing:.08em}.result-tool-button em{color:var(--ink-soft);font:normal 11px var(--serif)}.result-tool-button>i{color:var(--cinnabar);font-style:normal}.tool-seal{border:2px solid var(--cinnabar);width:52px;height:52px;color:var(--cinnabar);font:600 21px var(--serif);place-items:center;display:grid;transform:rotate(-3deg)}.fortune-tool .tool-seal,.fortune-modal .tool-seal{border:3px double var(--gold);color:var(--gold)}.result-tool-backdrop{z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#171512ad;place-items:center;padding:28px;display:grid;position:fixed;inset:0}.result-tool-modal{background:var(--paper);border:1px solid #f7f1e459;width:min(760px,100%);max-height:calc(100vh - 56px);padding:42px;position:relative;overflow:auto;box-shadow:0 28px 90px #00000057}.result-tool-modal:after{content:"";pointer-events:none;border:1px solid var(--ink-faint);position:absolute;inset:10px}.result-tool-modal>*{z-index:1;position:relative}.tool-modal-close{z-index:3;width:36px;height:36px;color:var(--ink-soft);cursor:pointer;background:0 0;border:0;font:300 27px/1 sans-serif;position:absolute;top:16px;right:18px}.tool-modal-heading{align-items:center;gap:20px;padding-right:35px;display:flex}.tool-modal-heading .eyebrow{margin:0 0 6px}.tool-modal-heading h2{font:600 clamp(26px, 4vw, 40px)/1.35 var(--serif);margin:0}.tool-modal-lead{color:var(--ink-soft);font:13px/1.9 var(--serif);margin:22px 0 0}.share-generate{min-width:210px;margin-top:26px}.share-generate:disabled{cursor:wait;opacity:.7}.share-spinner{border:1px solid #f7f1e459;border-top-color:var(--paper-light);border-radius:50%;width:14px;height:14px;animation:.8s linear infinite share-spin}@keyframes share-spin{to{transform:rotate(360deg)}}.share-error{color:var(--cinnabar-dark);font:12px/1.7 var(--serif);margin:15px 0 0}.share-result{border:1px solid var(--ink-faint);background:#211f1b09;margin-top:26px;padding:18px}.share-preview{background:var(--ink);place-items:start center;max-height:440px;padding:18px;display:grid;overflow:auto;box-shadow:inset 0 0 0 1px #f7f1e414}.share-preview img{background:var(--paper);-webkit-touch-callout:default;-webkit-user-select:auto;user-select:auto;width:min(100%,390px);height:auto;display:block;box-shadow:0 18px 45px #00000047}.share-instructions{color:var(--cinnabar-dark);font:11px var(--serif);letter-spacing:.08em;justify-content:space-between;align-items:center;gap:20px;padding-top:18px;display:flex}.share-instructions .secondary-button{justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.fortune-modal{background:linear-gradient(135deg, var(--paper), #e8e0cf)}.fortune-modal:before{content:"吉";color:#92774412;font:700 190px var(--serif);position:absolute;top:-52px;right:42px}.fortune-list{counter-reset:fortune;margin:28px 0 0;padding:0;list-style:none;display:grid}.fortune-list li{counter-increment:fortune;border-top:1px solid #9277443d;grid-template-columns:38px 100px 1fr;align-items:start;gap:14px;padding:19px 0;display:grid}.fortune-list li:before{content:"0" counter(fortune);color:var(--gold);font:600 10px var(--serif);letter-spacing:.1em;padding-top:3px}.fortune-list li b{font:600 13px var(--serif);letter-spacing:.12em}.fortune-list li span{color:var(--ink-soft);font:12px/1.8 var(--serif)}.history-list{border-top:1px solid var(--ink-faint);margin-top:60px}.history-list>button{border:0;border-bottom:1px solid var(--ink-faint);text-align:left;cursor:pointer;background:0 0;grid-template-columns:55px 58px 1fr auto;align-items:center;gap:25px;width:100%;min-height:112px;padding:16px 8px;transition:all .25s;display:grid}.history-list>button:hover{background:#f6f0e36b;padding-left:20px}.history-order{color:var(--ink-soft);letter-spacing:.2em;font-size:10px}.history-seal{border:1px solid var(--cinnabar);width:48px;height:48px;color:var(--cinnabar);font:600 20px var(--serif);place-items:center;display:grid}.history-list b{font:600 22px var(--serif);display:block}.history-list small{color:var(--ink-soft);margin-top:7px;display:block}.history-list i{letter-spacing:.12em;font-size:10px;font-style:normal}.empty-history{text-align:center;padding:12vh 0}.empty-history>span{width:72px;height:72px;color:var(--cinnabar);font:600 27px var(--serif);border:2px solid #9e382f66;place-items:center;margin:0 auto;display:grid}.empty-history h2{font:600 28px var(--serif)}.empty-history p{color:var(--ink-soft)}.history-actions{justify-content:space-between;align-items:center;margin-top:40px;display:flex}.danger-link{color:var(--cinnabar-dark);cursor:pointer;background:0 0;border:0}.clear-confirm{color:var(--cinnabar-dark);align-items:center;gap:10px;display:flex}.clear-confirm button{cursor:pointer;background:0 0;border:1px solid #9e382f4d}@media (width<=900px){.app-shell:after{inset:8px}.topbar{height:70px;padding:0 22px}.footer-mark{display:none}.page{min-height:calc(100vh - 70px)}.home-page{flex-direction:column;gap:10px;padding:3vh 24px 60px;display:flex}.home-copy{order:2}.home-copy h1{font-size:clamp(42px,12vw,62px)}.home-copy h1 span{font-size:.38em}.lead{margin:22px 0;font-size:13px;line-height:1.8}.home-art{order:1;min-height:32vh}.home-art:before{inset:1% 4%}.vertical-title{font-size:10px;top:6%;right:5%}.red-caption{bottom:5%;left:6%}.home-notes{order:3;grid-template-columns:1fr;margin-top:34px}.home-notes>div{border-right:0;border-bottom:1px solid var(--ink-faint);padding:16px 0}.history-link{padding-top:16px}.volume-page,.history-page{padding:4vh 24px 80px}.volume-grid{grid-template-columns:1fr;gap:10px;margin-top:40px}.volume-card{grid-template-rows:auto auto auto;grid-template-columns:58px 1fr auto;align-items:center;min-height:168px;padding:20px;display:grid}.volume-number{grid-area:1/3}.volume-seal{grid-row:1/4;width:48px;height:48px;margin:0;font-size:22px}.volume-card strong,.volume-card small,.volume-card i{grid-column:2}.volume-card strong{font-size:19px}.volume-card small{margin-top:5px;font-size:11px}.volume-card i{margin-top:13px}.quiz-page{grid-template-rows:minmax(180px,29vh) auto;grid-template-columns:1fr}.scene-panel{border-right:0;border-bottom:1px solid var(--ink-faint);min-height:0}.scene-panel:after{inset:5% 4%}.scene-meta{max-width:65%;bottom:8%;left:7%}.scene-meta h2{margin:4px 0;font-size:22px}.scene-meta span{display:none}.progress-rail{height:55%;top:10%;right:7%}.question-panel{align-self:start;padding:28px 22px 80px}.question-kicker{margin-bottom:22px}.question-panel h1{margin-bottom:24px;font-size:21px}.option-button{min-height:62px;padding-right:45px}.option-button b{font-size:13px}.quiz-nav span{display:none}.reveal-page{min-height:calc(100vh - 70px)}.result-hero{grid-template-columns:1fr}.result-portrait{min-height:40vh}.result-intro{padding:42px 25px 52px}.name-lockup h1{font-size:clamp(60px,19vw,88px)}.result-intro blockquote{margin-top:30px;font-size:16px}.profile-section,.dimensions-section,.path-section,.modern-section{padding:58px 24px}.profile-section{grid-template-columns:1fr;gap:30px}.profile-heading{position:static}.profile-copy .lead-profile{font-size:20px}.dimensions-body{grid-template-columns:1fr;gap:30px}.radar-card{padding:10px 10px 20px}.radar-wrap{max-width:380px}.radar-key{gap:16px}.dimension-list article{grid-template-columns:1fr auto;gap:10px;min-height:158px}.dimension-list p{font-size:10px}.dimension-values b{font-size:23px}.seal-stats{gap:14px;overflow:hidden}.seal-stat{margin:-10px;transform:scale(.75)rotate(-4deg)}.seal-stat:nth-child(2){transform:scale(.75)rotate(3deg)}.path-grid{grid-template-columns:repeat(2,1fr);padding-top:0}.path-grid:before{display:none}.path-grid article{min-height:225px;padding-top:46px}.path-grid article:nth-child(2n){transform:none}.path-grid article>span{top:12px;left:22px;transform:none}.scene-grid{grid-template-columns:repeat(2,1fr)}.scene-grid article:first-child{grid-area:auto/span 2;min-height:300px}.scene-grid article:nth-child(2),.scene-grid article:nth-child(3){grid-column:span 1}.result-actions{flex-direction:column;padding:34px 0 0}.closing-section{padding:58px 24px 50px}.result-actions>button{justify-content:center;width:100%}.result-tools{padding:18px 24px 0}.result-tool-modal{width:min(700px,100%)}.history-list>button{grid-template-columns:36px 48px 1fr;gap:12px}.history-list>button>i{display:none}.history-actions{flex-direction:column;align-items:flex-start;gap:22px}}@media (width<=600px){.dimension-list{grid-template-columns:1fr}.dimension-list article{min-height:145px}.path-grid{grid-template-columns:1fr;gap:0;padding-left:38px}.path-grid:before{border-top:0;border-left:1px solid #9e382f4d;display:block;inset:0 auto 0 15px}.path-grid article{min-height:0;margin-bottom:12px;padding:24px}.path-grid article>span{top:22px;left:-40px;transform:none}.scene-grid{grid-template-columns:1fr}.scene-grid article:first-child,.scene-grid article:nth-child(2),.scene-grid article:nth-child(3){grid-column:span 1;min-height:260px;padding:28px}.scene-grid article:first-child h3{font-size:22px}.scene-grid article:first-child p{font-size:13px}.result-tools{grid-template-columns:1fr}.result-tool-backdrop{place-items:end center;padding:0}.result-tool-modal{border-bottom:0;width:100%;max-height:88vh;padding:32px 22px 24px}.tool-modal-heading{gap:15px}.tool-modal-heading .tool-seal{flex:none;width:46px;height:46px}.tool-modal-heading h2{font-size:25px}.share-generate{justify-content:center;width:100%}.share-result{padding:12px}.share-preview{max-height:520px;padding:10px}.share-instructions{text-align:center;flex-direction:column;align-items:stretch}.share-instructions .secondary-button{width:100%}.fortune-list li{grid-template-columns:30px 1fr;gap:7px 10px}.fortune-list li b,.fortune-list li span{grid-column:2}}@media (width<=420px){.brand small,.text-button .line-icon{display:none}.text-button{font-size:10px}.gate-modal{padding:44px 28px 36px}.home-actions,.primary-button{width:100%}.primary-button{justify-content:center}.seal-stats{justify-content:space-around;gap:0}.seal-stat{margin:-24px;transform:scale(.62)rotate(-4deg)}.seal-stat:nth-child(2){transform:scale(.62)rotate(3deg)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}