:root{color:#202018;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--ink:#202018;--ink-soft:#202018a8;--ink-faint:#20201875;--paper:#f5efe3;--paper-deep:#ebe1d0;--card:#fffaf0;--line:#20201829;--line-strong:#20201857;--acid:#d8ff4f;--coral:#ff6a4a;--blue:#3d63ff;--mint:#90e6ce;--shadow:0 28px 80px #412d1629;--ease:cubic-bezier(.22, 1, .36, 1);background:#f5efe3;font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0;overflow-x:hidden}button,a{font:inherit}button{cursor:pointer}.appShell{isolation:isolate;background:radial-gradient(circle at 12% 14%,#ff6a4a2e,#0000 24vw),radial-gradient(circle at 90% 10%,#90e6ce59,#0000 28vw),linear-gradient(135deg,#f8f1e4 0%,#f5efe3 45%,#eee3cf 100%);min-height:100vh;padding:28px clamp(18px,4vw,56px) 52px;position:relative}.backgroundNoise{z-index:-1;pointer-events:none;opacity:.5;background-image:linear-gradient(#2020180b 1px,#0000 1px),linear-gradient(90deg,#20201809 1px,#0000 1px);background-size:42px 42px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 95%);mask-image:linear-gradient(#000,#0000 95%)}.topNav{justify-content:space-between;align-items:center;gap:18px;width:min(1180px,100%);margin:0 auto 58px;display:flex}.brandRow{color:var(--ink);letter-spacing:-.03em;align-items:center;gap:12px;font-weight:900;display:inline-flex}.brandHomeButton{appearance:none;cursor:pointer;transition:transform .22s var(--ease);background:0 0;border:0;border-radius:999px;padding:0}.brandHomeButton:hover{transform:translateY(-1px)}.brandHomeButton:active{transform:translateY(1px)}.brandHomeButton:focus-visible{outline:3px solid color-mix(in oklch, var(--blue), white 35%);outline-offset:6px}.logoMark{border:1px solid var(--ink);background:radial-gradient(circle at 35% 30%, #fff9d8 0 15%, var(--acid) 16% 47%, var(--coral) 48% 78%, var(--ink) 79%);width:39px;height:39px;color:var(--ink);box-shadow:5px 5px 0 var(--ink);border-radius:50%;place-items:center;font-weight:1000;display:grid}.topNav a{color:var(--ink);border:1px solid var(--line-strong);transition:transform .22s var(--ease), box-shadow .22s var(--ease), background .22s var(--ease);background:#fffaf0b8;border-radius:999px;padding:10px 15px;text-decoration:none}.topNav a:hover{box-shadow:4px 4px 0 var(--ink);background:var(--acid);transform:translate(-2px,-2px)}.heroShell{grid-template-columns:minmax(0,1.02fr) minmax(340px,.86fr);align-items:center;gap:clamp(34px,6vw,92px);width:min(1180px,100%);min-height:calc(100vh - 172px);margin:0 auto;display:grid}.deckLabel,.cardStamp{border:1px solid var(--ink);background:var(--acid);width:fit-content;color:var(--ink);letter-spacing:.08em;text-transform:uppercase;box-shadow:3px 3px 0 var(--ink);border-radius:999px;padding:8px 12px;font-size:12px;font-weight:950}.heroCopy h1{letter-spacing:-.085em;max-width:780px;margin:28px 0 24px;font-family:Georgia,Times New Roman,Songti SC,serif;font-size:clamp(54px,7.9vw,112px);line-height:.9}.heroCopy h1 span{display:block}.heroLead{max-width:700px;color:var(--ink-soft);margin:0;font-size:clamp(17px,1.75vw,22px);line-height:1.78}.heroActions{flex-wrap:wrap;align-items:center;gap:18px;margin-top:34px;display:flex}.primaryButton,.secondaryButton,.ghostButton{border:1px solid var(--ink);letter-spacing:-.025em;min-height:50px;transition:transform .22s var(--ease), box-shadow .22s var(--ease), background .22s var(--ease);border-radius:999px;padding:0 22px;font-weight:950}.primaryButton{color:var(--ink);background:var(--acid);box-shadow:5px 5px 0 var(--ink)}.secondaryButton,.ghostButton{color:var(--ink);background:#fffaf0c7}.primaryButton:hover,.secondaryButton:hover,.ghostButton:hover{box-shadow:7px 7px 0 var(--ink);transform:translate(-2px,-2px)}.primaryButton:active,.secondaryButton:active,.ghostButton:active{box-shadow:2px 2px 0 var(--ink);transform:translate(1px,1px)}.primaryButton:focus-visible,.secondaryButton:focus-visible,.ghostButton:focus-visible,.optionButton:focus-visible,.topNav a:focus-visible{outline:3px solid color-mix(in oklch, var(--blue), white 35%);outline-offset:4px}.timeHint,.disclaimer{color:var(--ink-faint)}.disclaimer{margin-top:22px;line-height:1.7}.heroCard{place-items:center;min-height:560px;display:grid;position:relative}.heroCard:before{content:"";background:linear-gradient(#ffffff73,#ebe1d038);border:1px solid #20201824;border-radius:999px 999px 28px 28px;width:min(440px,86%);height:520px;position:absolute;transform:rotate(7deg)}.orb{opacity:.9;border-radius:999px;position:absolute}.orbA{background:var(--coral);mix-blend-mode:multiply;width:180px;height:180px;top:6%;right:10%}.orbB{background:var(--mint);mix-blend-mode:multiply;width:220px;height:220px;bottom:8%;left:2%}.sampleCard,.questionCard,.resultCard,.dimensionPanel,.advicePanel{border:1px solid var(--ink);background:color-mix(in oklch, var(--card), white 22%);box-shadow:var(--shadow), 8px 8px 0 var(--ink);position:relative}.sampleCard{border-radius:34px;width:min(450px,100%);padding:30px;transform:rotate(-2.5deg)}.sampleCard:after,.resultCard:before{content:"";pointer-events:none;border:1px dashed #20201838;border-radius:24px;position:absolute;inset:16px}.sampleTop,.resultHeader{align-items:center;gap:18px;display:flex}.cardStamp{background:#fff1a8;margin-bottom:26px}.sampleEmoji,.resultEmoji{border:1px solid var(--ink);background:linear-gradient(135deg, var(--paper), #fff);width:82px;height:82px;box-shadow:4px 4px 0 var(--ink);border-radius:24px;place-items:center;font-size:38px;display:grid}.sampleCode,.resultCode{color:var(--blue);letter-spacing:.14em;font-weight:1000;display:block}.sampleCard h2,.resultCard h1{color:var(--ink);letter-spacing:-.06em;margin:4px 0 0;font-family:Georgia,Times New Roman,Songti SC,serif;font-size:clamp(32px,4vw,54px)}.sampleCard h2{max-width:7em;font-size:clamp(30px,3.1vw,45px)}.sampleCard p{color:var(--ink-soft);font-size:18px;line-height:1.65}.sampleTags,.tagRow{flex-wrap:wrap;gap:10px;display:flex}.sampleTags span,.tagRow span{color:var(--ink);border:1px solid var(--line-strong);background:#f0f7c6;border-radius:999px;padding:8px 12px;font-weight:900}.miniBars{gap:12px;margin-top:26px;display:grid}.miniBars span,.progressTrack span,.dimensionTrack span{border-radius:inherit;background:linear-gradient(90deg, var(--coral), var(--blue), var(--acid));height:100%;display:block}.miniBars span{width:var(--w);height:12px}.quizShell,.resultShell{width:min(980px,100%);margin:0 auto}.progressWrap{margin-bottom:24px}.progressMeta{color:var(--ink-soft);justify-content:space-between;margin-bottom:10px;font-weight:900;display:flex}.progressTrack,.dimensionTrack{border:1px solid var(--ink);background:#20201814;border-radius:999px;height:12px;overflow:hidden}.questionCard{border-radius:34px;padding:clamp(24px,5vw,54px)}.questionKicker{color:var(--ink-soft);justify-content:space-between;align-items:center;gap:18px;margin-top:28px;font-weight:950;display:flex}.scene{color:var(--blue)}.questionCard h1{max-width:860px;color:var(--ink);letter-spacing:-.06em;margin:14px 0 32px;font-family:Georgia,Times New Roman,Songti SC,serif;font-size:clamp(34px,5vw,62px);line-height:1.04}.optionGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.optionButton{text-align:left;min-height:150px;color:var(--ink);border:1px solid var(--ink);transition:transform .2s var(--ease), box-shadow .2s var(--ease), background .2s var(--ease);background:#fffaf0c7;border-radius:26px;padding:22px}.optionButton:hover{box-shadow:6px 6px 0 var(--ink);background:#fff8dc;transform:translate(-3px,-3px)rotate(-.25deg)}.optionButton:nth-child(2n):hover{rotate:.35deg}.optionButton span{letter-spacing:-.035em;font-size:20px;font-weight:950;line-height:1.3;display:block}.optionButton small{color:var(--ink-soft);margin-top:12px;font-size:14px;line-height:1.58;display:block}.resultShell{padding-bottom:32px}.resultCard{background:linear-gradient(90deg, #d8ff4f2e, transparent 32%), color-mix(in oklch, var(--card), white 25%);border-radius:38px;padding:clamp(28px,5vw,52px);overflow:hidden}.resultStamp{background:var(--mint);margin-bottom:28px}.resultHeader{z-index:1;justify-content:space-between;align-items:flex-start;position:relative}.matchBadge{text-align:center;border:1px solid var(--ink);background:var(--ink);min-width:118px;color:var(--paper);box-shadow:4px 4px 0 var(--coral);border-radius:24px;margin-left:auto;padding:16px}.matchBadge strong{color:var(--acid);font-size:30px;display:block}.matchBadge span{color:#f5efe3b8;font-size:13px}.motto{z-index:1;color:var(--ink);letter-spacing:-.045em;margin:28px 0 12px;font-size:clamp(22px,3vw,34px);font-weight:950;position:relative}.description{z-index:1;max-width:780px;color:var(--ink-soft);font-size:18px;line-height:1.78;position:relative}.tagRow{z-index:1;margin-top:22px;position:relative}.resultGrid{grid-template-columns:.96fr 1.04fr;gap:22px;margin-top:22px;display:grid}.dimensionPanel,.advicePanel{border-radius:30px;padding:28px}.dimensionPanel h3,.advicePanel h3{color:var(--ink);letter-spacing:-.045em;margin:0 0 22px;font-family:Georgia,Times New Roman,Songti SC,serif;font-size:28px}.dimensionList{gap:18px;display:grid}.dimensionMeta{justify-content:space-between;margin-bottom:8px;font-weight:950;display:flex}.dimensionTrack{height:11px}.dimensionItem small{color:var(--ink-soft);margin-top:8px;display:block}.advicePanel ul{color:var(--ink-soft);margin:0;padding-left:20px;line-height:1.8}.advicePanel li+li{margin-top:10px}.shareBox{border:1px dashed var(--line-strong);background:#d8ff4f29;border-radius:22px;margin-top:24px;padding:18px}.shareBox p{color:var(--ink-soft);word-break:break-word;margin:0 0 16px;line-height:1.65}.resultActions{flex-wrap:wrap;gap:12px;display:flex}@media (width<=900px){.heroShell{grid-template-columns:1fr;min-height:auto}.heroCard{min-height:430px}.resultGrid{grid-template-columns:1fr}}@media (width<=560px){.appShell{padding:20px 16px 34px}.topNav{margin-bottom:42px}.topNav a{display:none}.brandRow{font-size:15px}.heroCopy h1{letter-spacing:-.065em;font-size:clamp(46px,12.2vw,64px);line-height:1}.heroLead{font-size:16px}.heroActions{flex-direction:column;align-items:flex-start}.heroCard{min-height:360px}.heroCard:before{height:330px}.sampleCard{padding:24px;transform:rotate(-.8deg)}.sampleEmoji,.resultEmoji{border-radius:20px;width:68px;height:68px;font-size:32px}.optionGrid{grid-template-columns:1fr}.questionCard,.resultCard,.dimensionPanel,.advicePanel{box-shadow:var(--shadow), 5px 5px 0 var(--ink)}.questionKicker{flex-direction:column;align-items:flex-start;gap:6px}.questionCard h1{font-size:clamp(32px,10vw,44px)}.optionButton{min-height:124px}.resultHeader{flex-wrap:wrap}.matchBadge{margin-left:0}}@media (prefers-reduced-motion:no-preference){.sampleCard{animation:floatCard 5.4s var(--ease) infinite}.orbA{animation:driftA 6s var(--ease) infinite}.orbB{animation:driftB 7s var(--ease) infinite}}@keyframes floatCard{0%,to{translate:0}50%{translate:0 -12px}}@keyframes driftA{0%,to{transform:translate(0)}50%{transform:translate(-12px,10px)}}@keyframes driftB{0%,to{transform:translate(0)}50%{transform:translate(10px,-12px)}}