:root{--ink:#20363d;--muted:#657b80;--line:#dde9e8;--wash:#f2f9f8;--paper:#fff;--teal:#139b9e;--teal-bright:#63d9d2;--pink:#cc4e8b;--soft-pink:#f8e9f1;--app-shadow:0 24px 70px #244c4c0c;--test-font:'Google Sans Flex',Arial,sans-serif}html[data-theme=dark]{--ink:#eaf6f8;--muted:#9bb2ba;--line:#253940;--wash:#0d1b21;--paper:#111d23;--teal:#3fc4dc;--teal-bright:#8be5df;--pink:#f060a6;--soft-pink:#321323;--app-shadow:0 24px 70px #0005}*{box-sizing:border-box}body{margin:0;background:var(--bg,#fff);color:var(--ink);font-family:var(--test-font);font-size:16px}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,summary:focus-visible,[role=slider]:focus-visible{outline:2px solid var(--teal);outline-offset:6px}h1,h2,h3,p{margin:0}h1,h2{font-family:var(--test-font);font-weight:600;letter-spacing:-.045em;line-height:1.12}h1{font-size:clamp(42px,5vw,66px)}h1:focus{outline:0}h2{font-size:clamp(28px,3vw,38px)}h3{font-size:18px;font-weight:600;line-height:1.4}p{line-height:1.7}main{max-width:1200px;margin:auto;padding:0 48px}.screen{animation:screenIn .55s cubic-bezier(.2,.8,.2,1)}.test-kicker{display:flex;align-items:center;gap:10px;font-size:10px;letter-spacing:.13em;font-weight:600;color:var(--muted);margin-bottom:28px}.test-kicker>i{width:8px;height:8px;border-radius:50%;background:var(--teal);box-shadow:0 0 0 5px color-mix(in srgb,var(--teal) 8%,transparent)}.serif-note{font:italic 29px/1.5 'EB Garamond',Georgia,serif;color:var(--teal);letter-spacing:-.02em;margin-top:24px}.test-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:36px}.test-button{display:inline-flex;align-items:center;justify-content:center;gap:25px;border:1px solid transparent;border-radius:100px;padding:17px 27px;font:600 15px/1.3 var(--test-font);min-height:52px;color:var(--ink);background:none;transition:background .25s,box-shadow .25s,transform .2s,border-color .25s}.test-button.primary{background:var(--teal);color:#fff;box-shadow:inset 0 1px 1px #fff5,0 7px 22px color-mix(in srgb,var(--teal) 18%,transparent)}html[data-theme=dark] .test-button.primary{color:#092329}.test-button.primary:hover{background:color-mix(in srgb,var(--teal) 83%,var(--teal-bright));box-shadow:inset 0 2px 3px #fff5,0 9px 25px color-mix(in srgb,var(--teal) 25%,transparent)}.test-button:active{transform:scale(.97)}.test-button.secondary{border-color:var(--line);background:var(--wash)}.test-button.quiet{padding:12px 5px;font-size:14px;color:var(--muted)}.test-button.quiet:hover{color:var(--ink);text-decoration:underline;text-underline-offset:5px}.test-button.reason{width:100%;justify-content:flex-start;border-color:var(--line);border-radius:15px;text-align:left;padding:16px 18px;font-weight:400}.test-button.reason:hover{background:var(--wash)}.small-note{font-size:12px;color:var(--muted);margin-top:21px}.design-note{font-size:11px;line-height:1.65;color:var(--muted);margin:24px 0 35px;max-width:500px}.welcome-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:50px;align-items:center;min-height:660px;padding:65px 0 85px}.welcome-copy h1>span{color:var(--teal)}.welcome-copy .serif-note{font-size:30px}.welcome-art{height:470px;position:relative;display:grid;place-items:center}.breath-art{position:relative;width:330px;height:330px;flex:none;display:grid;place-items:center;isolation:isolate}.breath-art>span{position:absolute;inset:8%;border:1px solid color-mix(in srgb,var(--teal) 16%,transparent);border-radius:50%;animation:breathe 7s ease-in-out infinite}.breath-art>span:nth-child(2){inset:0;animation-delay:1s;opacity:.6}.breath-art>span:nth-child(3){inset:-8%;animation-delay:2s;opacity:.35}.breath-art>i{width:52%;height:52%;border-radius:50%;background:radial-gradient(circle at 32% 26%,#b4f3e6,var(--teal-bright) 33%,var(--teal) 85%);box-shadow:inset -12px -15px 35px #195f6933,0 20px 60px color-mix(in srgb,var(--teal) 20%,transparent);animation:breathe 7s ease-in-out infinite}.welcome-art>.breath-art{position:absolute;left:35px;top:10px;opacity:.6}.floating-note{position:relative;width:260px;border:1px solid color-mix(in srgb,var(--line) 85%,white);border-radius:18px 38px 18px 18px;padding:30px;background:color-mix(in srgb,var(--paper) 83%,transparent);backdrop-filter:blur(22px);box-shadow:var(--app-shadow);transform:rotate(6deg);margin:110px 0 0 95px}.floating-note>span{font-size:9px;letter-spacing:.12em;color:var(--muted)}.floating-note>p{font:39px/1.05 'EB Garamond',Georgia,serif;letter-spacing:-1px;margin:25px 0;color:var(--ink)}.floating-note em{color:var(--teal)}.mini-lines{display:grid;gap:9px}.mini-lines i{display:block;width:var(--w);height:5px;background:var(--teal);border-radius:10px;opacity:calc(1 - var(--i)*.09)}.mini-lines i:first-child{background:var(--pink)}.art-caption{position:absolute;bottom:-10px;font:italic 18px 'EB Garamond',Georgia,serif;color:var(--muted)}.test-reading{border-top:1px solid var(--line);padding:65px 0;display:grid;grid-template-columns:1fr 1fr;gap:70px}.test-reading p:not(.test-kicker){font-size:14px;color:var(--muted);margin-top:18px}.reading-links{display:grid;grid-template-columns:1fr 1fr;gap:0 25px}.reading-links a{display:flex;justify-content:space-between;padding:15px 0;border-bottom:1px solid var(--line);font-size:14px}.reading-links a:hover{color:var(--teal)}.journey-top{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:25px 0 15px}.journey-top>span{font-size:10px;letter-spacing:.11em;color:var(--muted)}.journey-top>:first-child,.journey-top>:last-child{min-width:70px}.expect-grid{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:100px;padding:40px 0 85px}.expect-grid h1 em{font-family:'EB Garamond',Georgia,serif;font-weight:400;color:var(--teal)}.expect-list{list-style:none;padding:0;margin:35px 0 0;display:grid;gap:24px}.expect-list li{display:flex;gap:22px}.expect-list li>span{font-size:11px;color:var(--teal);padding-top:5px}.expect-list strong{font-size:16px;font-weight:500}.expect-list p{font-size:14px;color:var(--muted);margin-top:6px}.sample-report{background:var(--paper);border:1px solid var(--line);padding:36px;border-radius:5px;box-shadow:var(--app-shadow);transform:rotate(2deg)}.sample-report h2{font-size:32px}.sample-report .serif-note{font-size:24px;margin-top:8px}.sample-ending{font:italic 23px/1.5 'EB Garamond',Georgia,serif;color:var(--teal);margin-top:28px;border-top:1px solid var(--line);padding-top:24px}.profile-bars{margin-top:28px}.profile-row{display:grid;grid-template-columns:24px 112px 1fr 15px;align-items:center;gap:9px;width:100%;padding:14px 0;color:var(--ink);background:none;border:0;text-align:left;font:500 13px var(--test-font)}.sample-report .profile-row{grid-template-columns:24px 105px 1fr}.profile-row>i{height:6px;background:var(--wash);border-radius:20px;overflow:hidden}.profile-row b{display:block;width:var(--bar);height:100%;background:var(--bar-color);border-radius:20px;transform-origin:left;animation:barIn .9s cubic-bezier(.2,.7,.2,1) both;animation-delay:var(--delay)}button.profile-row:hover{color:var(--teal)}.profile-emoji{font-size:19px}.ground-grid{min-height:600px;display:grid;grid-template-columns:1.3fr 1fr;align-items:center;gap:50px;padding:30px 0 75px}.ground-lines{font-size:clamp(32px,3.7vw,48px);line-height:1.5;letter-spacing:-.04em}.ground-lines span{display:block;animation:screenIn 1s both}.ground-lines span:nth-child(2){animation-delay:1.2s}.ground-lines span:nth-child(3){animation-delay:2.4s}.ground-note{animation:screenIn 1s 3.6s both}.ground-action{animation:screenIn .9s 4.8s both}.in-test .nav-test,.in-test .nav-get{display:none!important}.in-test .site-nav{max-width:1150px}.journey-progress{height:3px;background:var(--line);border-radius:6px;overflow:hidden}.journey-progress>i{display:block;height:100%;background:var(--teal);transition:width .4s}.question-stage{max-width:760px;margin:70px auto 0;padding:0 20px 40px}.question-stage h1{font-size:clamp(30px,3.7vw,48px);line-height:1.23;min-height:175px;font-weight:500}.spectrum{position:relative;display:flex;align-items:center;justify-content:space-between;height:76px;margin-top:48px;padding:0 8px;touch-action:pan-y;cursor:pointer;user-select:none}.spectrum-track{height:2px;position:absolute;left:18px;right:18px;background:var(--line);top:37px}.spectrum-track>i{display:block;height:100%;background:var(--teal);width:calc(var(--selection)*25%);transition:width .15s}.spectrum-node{position:relative;width:22px;height:22px;border-radius:50%;border:2px solid var(--line);background:var(--paper);display:grid;place-items:center;transition:transform .25s,box-shadow .25s,background .25s}.spectrum-node.filled{border-color:var(--teal)}.spectrum-node.selected{transform:scale(1.35);background:var(--teal);border-color:var(--teal);box-shadow:0 0 0 7px color-mix(in srgb,var(--teal) 12%,transparent),0 4px 12px color-mix(in srgb,var(--teal) 25%,transparent)}.spectrum-node.selected>b{width:5px;height:5px;border-radius:50%;background:white}.spectrum-labels{display:flex;justify-content:space-between;font-size:13px;letter-spacing:.02em;color:var(--muted);margin-top:4px}.spectrum-hint{text-align:center;font-size:12px;color:var(--muted);margin:22px 0 0}.spectrum-feedback{font:italic 23px 'EB Garamond',Georgia,serif;text-align:center;color:var(--teal);min-height:28px;margin-top:14px}.question-foot{display:flex;align-items:end;justify-content:space-between;margin-top:70px;color:var(--muted);font-size:12px}.question-foot>span{font-size:18px;color:var(--ink)}.question-foot i{font-style:normal;color:var(--line);padding:0 6px}.question-foot p{text-align:right}.center-stage{position:relative;text-align:center;max-width:780px;margin:auto;min-height:650px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:50px 0 75px}.center-stage>.breath-art{width:150px;height:150px;margin:0 0 45px}.center-stage .test-kicker{justify-content:center}.center-stage h1{font-size:clamp(36px,4.5vw,57px)}.center-stage>p:not(.serif-note):not(.test-kicker):not(.small-note){color:var(--muted);margin-top:15px}.center-stage .test-actions{justify-content:center}.resume-meter{width:300px;max-width:90%;height:5px;background:var(--line);margin-top:30px;border-radius:5px}.resume-meter i{display:block;height:100%;background:var(--teal);border-radius:5px}.reset-art{height:170px;width:240px;display:flex;align-items:center;justify-content:center;gap:30px;margin:15px 0 35px;position:relative}.reset-art i{display:none;background:radial-gradient(circle at 32% 25%,var(--teal-bright),var(--teal));box-shadow:0 15px 35px color-mix(in srgb,var(--teal) 18%,transparent)}.reset-art.bilateral i:nth-child(-n+2){display:block;width:48px;height:48px;border-radius:50%;animation:alternateTap 1.6s infinite}.reset-art.bilateral i:nth-child(2){animation-delay:.8s}.reset-art.shake i:first-child{display:block;width:90px;height:90px;border-radius:25px;animation:shake .6s infinite}.reset-art.tense i:first-child{display:block;width:120px;height:120px;border-radius:50%;animation:tense 4.4s infinite}.reset-art.feet i:nth-child(-n+2){display:block;width:45px;height:65px;border-radius:25px;animation:feet 3s infinite}.reset-art.feet i:nth-child(2){animation-delay:.25s}.reset-art.orient:before{content:'';position:absolute;width:200px;height:2px;background:var(--line)}.reset-art.orient i:first-child{display:block;width:36px;height:36px;border-radius:50%;animation:drift 6s ease-in-out infinite}.reset-timer{height:2px;width:260px;max-width:80%;background:var(--line);margin:30px 0 0}.reset-timer i{display:block;width:100%;height:100%;background:var(--teal);transform-origin:left;animation:barIn 6s linear both}.reset-stage .test-actions{margin-top:25px}.other-resets{margin-top:22px;font-size:12px;color:var(--muted)}.other-resets summary{cursor:pointer}.other-resets>div{display:flex;justify-content:center;flex-wrap:wrap;gap:15px;margin-top:15px}.soft-heading{max-width:700px}.letter-scene{width:330px;height:235px;position:relative;perspective:1000px;margin:60px auto 55px}.envelope-back{position:absolute;inset:25px 0 0;background:#d9d5c8;border-radius:8px;box-shadow:0 25px 55px #0002}.letter-paper{position:absolute;left:20px;right:20px;height:210px;bottom:15px;background:#fffdf7;border:1px solid #ece8db;border-radius:4px;color:#284047;text-align:left;padding:20px 25px;z-index:1;transition:transform .8s .25s,opacity .3s}.letter-paper>span{font:18px Georgia;color:#15999b}.letter-paper>strong{display:block;font:32px/1.1 'EB Garamond',Georgia,serif;margin:20px 0 10px}.letter-paper>small{font:italic 17px Georgia;color:#7c8b83}.envelope-front{position:absolute;inset:25px 0 0;z-index:3;background:linear-gradient(140deg,#f4efe2,#dbd8c8);clip-path:polygon(0 0,50% 48%,100% 0,100% 100%,0 100%);border-radius:8px}.envelope-flap{position:absolute;top:25px;left:0;right:0;height:130px;background:linear-gradient(140deg,#faf6e9,#e2dccb);clip-path:polygon(0 0,100% 0,50% 100%);z-index:4;transform-origin:top;transition:transform .7s,z-index 0s .35s}.seal{position:absolute;z-index:5;width:44px;height:44px;background:radial-gradient(circle at 30% 25%,#ff91bd,#c9457d);border:3px double #fa92b688;border-radius:50%;left:calc(50% - 22px);top:130px;color:#ffe3ef;font:italic 30px Georgia;display:grid;place-items:center;box-shadow:0 3px 9px #6c163843;transition:opacity .3s,transform .3s}.envelope-button{border:0;background:none;cursor:pointer;width:380px;max-width:100%;padding:0}.envelope-button:hover .seal{transform:scale(1.1)}.opened .envelope-flap{transform:rotateX(180deg);z-index:0}.opened .letter-paper{transform:translateY(-125px)}.opened .seal{opacity:0;transform:scale(.8)}.celebration-letter .letter-scene{transform:rotate(-5deg);animation:letterFloat 4s ease-in-out infinite}.celebration h1{font-size:45px}.confetti{position:absolute;inset:0;pointer-events:none;overflow:hidden}.confetti i{position:absolute;left:var(--x);top:30%;width:7px;height:12px;background:var(--c);border-radius:2px;animation:confetti 2.2s ease-out both;animation-delay:var(--d)}.results-layout{display:grid;grid-template-columns:.85fr 1.3fr;gap:75px;padding:40px 0 80px}.report-heading{padding-top:25px}.report-heading>p:not(.test-kicker){margin-top:25px;color:var(--muted);font-size:15px}.report-heading>.serif-note{font-size:28px!important;color:var(--teal)!important}.report-seal{margin:40px 0;width:65px;height:65px;border-radius:50%;border:1px solid var(--line);display:grid;place-items:center;font:italic 42px 'EB Garamond',serif;color:var(--teal);transform:rotate(-12deg)}.result-paper{padding:35px;border:1px solid var(--line);border-radius:6px;background:var(--paper);box-shadow:var(--app-shadow)}.report-letterhead{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-bottom:18px;border-bottom:3px solid transparent;border-image:linear-gradient(90deg,var(--teal),var(--pink)) 1;margin-bottom:30px}.report-letterhead>span{font-size:9px;letter-spacing:.07em;color:var(--muted)}.result-paper h2{font-size:29px}.buddy-panel{margin-top:35px;padding:30px;background:var(--wash);border-radius:25px}.ask-card{display:flex;justify-content:space-between;text-align:left;align-items:center;gap:18px;border:0;border-bottom:1px solid var(--line);padding:20px 0;background:none;color:var(--ink);font:18px/1.4 'EB Garamond',Georgia,serif;width:100%}.ask-card i{font:18px var(--test-font);color:var(--teal)}.buddy-title{display:flex;align-items:center;gap:15px;margin-top:30px}.buddy-avatar{width:44px;height:44px;border-radius:50%;background:var(--teal);color:white;display:grid;place-items:center}.buddy-title p{font-size:12px;color:var(--muted)}.buddy-panel>p:not(.test-kicker){font-size:14px;color:var(--muted);margin:20px 0}.buddy-panel .test-button{font-size:14px}dialog{border:1px solid var(--line);background:var(--paper);color:var(--ink);border-radius:28px;width:calc(100% - 32px);max-width:510px;max-height:85svh;padding:42px;box-shadow:0 30px 100px #0003}dialog::backdrop{background:#06151c70;backdrop-filter:blur(8px)}dialog[open]{animation:screenIn .35s ease}dialog h2{padding-right:15px}dialog p{color:var(--muted);font-size:15px;margin-top:20px}dialog .test-kicker{margin-top:0;font-size:10px}dialog .serif-note{font-size:25px;color:var(--teal)}.sheet-close{position:absolute;top:12px;right:14px;width:36px;height:36px;border:0;border-radius:50%;background:var(--wash);color:var(--muted);font-size:23px}.sheet-actions{display:grid;gap:12px;margin-top:30px}.pause-reasons{border-top:1px solid var(--line);margin:26px 0 15px;padding-top:22px}.pause-reasons summary{font-size:14px;cursor:pointer;margin-bottom:15px}.pause-reasons .reason{margin-top:9px}.type-card .type-animal{font-size:45px;display:block;margin:5px 0 12px}.type-card h2{font-size:36px}.type-card .animal-name{margin:4px 0 0;font-size:12px;letter-spacing:.05em}.type-card blockquote{font:italic 28px/1.35 'EB Garamond',Georgia,serif;color:var(--teal);margin:28px 0}.type-card h3{margin-top:30px}.type-card ul{padding-left:20px;font-size:14px;line-height:1.8;color:var(--muted)}.type-card li{margin:10px 0}.plot-twist{padding:24px;border-radius:18px;background:var(--wash);margin-top:25px}.plot-twist h3{margin:0}.plot-twist p{font-size:14px}.type-card>.test-button{margin-top:20px}.card-nav{display:flex;justify-content:space-between;border-top:1px solid var(--line);margin-top:30px;gap:15px}.share-preview{margin-top:25px;padding:22px;background:var(--wash);border:1px solid var(--line);border-radius:18px}.share-preview .profile-row{grid-template-columns:22px 96px 1fr 10px;font-size:11px;gap:6px;padding:9px 0}.share-preview .profile-bars{margin-top:15px}#toast:not(:empty){position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:var(--paper);border:1px solid var(--line);color:var(--ink);border-radius:20px;padding:15px 24px;box-shadow:var(--app-shadow);z-index:100;font-size:13px}.skip:not(:focus){position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}[hidden]{display:none!important}@keyframes screenIn{from{opacity:0;transform:translateY(13px)}to{opacity:1;transform:none}}@keyframes barIn{from{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes breathe{0%,100%{transform:scale(.93)}50%{transform:scale(1.07)}}@keyframes alternateTap{0%,100%{transform:scale(.8);opacity:.45}50%{transform:scale(1.1);opacity:1}}@keyframes shake{0%,100%{transform:rotate(-7deg) translateX(-4px)}50%{transform:rotate(7deg) translateX(4px)}}@keyframes tense{0%,100%{transform:scale(1)}40%{transform:scale(.65)}}@keyframes feet{0%,100%{transform:translateY(-8px) scaleY(1)}55%{transform:translateY(8px) scaleY(.9)}}@keyframes drift{0%,100%{transform:translateX(-75px)}50%{transform:translateX(75px)}}@keyframes letterFloat{0%,100%{transform:rotate(-5deg) translateY(0)}50%{transform:rotate(-3deg) translateY(-9px)}}@keyframes confetti{0%{transform:translateY(-45px) rotate(var(--r));opacity:0}20%{opacity:1}100%{transform:translateY(390px) rotate(calc(var(--r) + 220deg));opacity:0}}@media(max-width:800px){main{padding:0 24px}.welcome-grid{gap:25px;padding-top:55px;min-height:620px}.welcome-grid h1{font-size:43px}.welcome-art{transform:scale(.85);transform-origin:center;width:330px;margin-left:-30px}.expect-grid{gap:35px}.sample-report{padding:25px}.sample-report .profile-row{grid-template-columns:20px 90px 1fr;font-size:11px}.ground-grid{gap:15px}.ground-grid>.breath-art{width:230px;height:230px}.results-layout{gap:30px}.result-paper{padding:24px}.profile-row{grid-template-columns:22px 96px 1fr 12px;font-size:12px}.test-reading{gap:30px}}@media(max-width:600px){.welcome-grid,.expect-grid,.ground-grid,.results-layout,.test-reading{grid-template-columns:1fr}.welcome-grid{padding:45px 0 60px;gap:0;min-height:0}.welcome-grid h1{font-size:44px}.welcome-art{margin:30px auto 0;width:100%;max-width:380px;height:360px;transform:none}.welcome-art>.breath-art{width:260px;height:260px;left:0;top:0}.floating-note{width:220px;padding:24px;margin:70px 0 0 65px}.floating-note>p{font-size:34px}.art-caption{bottom:-15px;font-size:16px}.serif-note,.welcome-copy .serif-note{font-size:26px}.test-reading{padding:40px 0;gap:25px}.test-reading h2{font-size:30px}.test-actions{gap:12px}.test-button{font-size:14px;padding:16px 24px;min-height:50px}.journey-top{padding-top:12px;gap:8px}.journey-top>span{font-size:8px;letter-spacing:.06em}.journey-top>:first-child,.journey-top>:last-child{min-width:58px}.journey-top .test-button{font-size:12px;padding:10px 0}.expect-grid{padding:25px 0 60px;gap:45px}.expect-grid h1{font-size:45px}.sample-report{transform:none;padding:28px}.ground-grid{padding:28px 0 40px;min-height:0}.ground-grid>.breath-art{grid-row:1;width:140px;height:140px;margin:0 auto 35px}.ground-lines{font-size:32px}.ground-grid .test-kicker{margin-bottom:20px}.ground-action{margin-top:25px}.question-stage{margin-top:55px;padding:0 0 30px}.question-stage h1{font-size:32px;min-height:180px}.question-stage .test-kicker{font-size:9px}.spectrum{margin-top:30px}.question-foot{margin-top:55px}.center-stage{min-height:calc(100svh - 100px);padding:45px 0}.center-stage h1{font-size:37px}.center-stage>.breath-art{width:120px;height:120px;margin-bottom:40px}.center-stage .serif-note{font-size:25px}.reset-stage{min-height:0;padding-top:25px}.reset-art{margin:0 0 25px;height:140px}.other-resets>div{gap:4px}.letter-scene{transform:scale(.9);margin:40px auto;width:300px}.celebration-letter .letter-scene{width:300px}.celebration h1{font-size:37px}.results-layout{padding:25px 0 50px;gap:25px}.report-heading{padding:0}.report-heading h1 br{display:none}.report-heading h1{font-size:42px}.report-seal{display:none}.report-heading>.design-note{font-size:11px!important}.result-paper{padding:25px 18px}.result-paper h2{font-size:26px}.report-letterhead>span{font-size:8px}.buddy-panel{padding:25px}.test-kicker{font-size:9px}.question-foot p{font-size:11px}dialog{padding:35px 25px;max-height:88svh}dialog h2{font-size:29px}.type-card h2{font-size:34px}.share-preview{padding:15px}.share-preview .profile-row{grid-template-columns:19px 88px 1fr 9px;font-size:10px}.in-test .site-nav{padding-block:8px}.in-test .site-nav .brand img{height:32px!important}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}.ground-lines span,.ground-note,.ground-action{opacity:1}.confetti{display:none}}
/* Second comparison pass: Appa tokens, legible metadata and the hold gesture. */
:root{--ink:#16181c;--muted:#5c6470;--line:#e6eaf2;--wash:#f6f9ff;--teal:#07bdb5;--teal-bright:#5fe6df;--pink:#e0357f;--app-shadow:0 24px 65px #0bbdb515}
html[data-theme=dark]{--ink:#eaf6f8;--muted:#8fa9b2;--line:#1e3640;--wash:#0a1419;--paper:#12222a;--teal:#3fc4dc;--teal-bright:#8be5df;--pink:#f060a6;--app-shadow:0 24px 65px #0004}
.test-kicker,.journey-top>span,.design-note,.floating-note>span,.report-letterhead>span{font-size:11px;letter-spacing:.06em}.test-kicker{text-transform:lowercase}.test-button.primary{background:var(--primary,#11d2cb);color:var(--ink)}.serif-note{color:var(--teal)}html[data-theme=light] .serif-note{color:var(--ink)}.expect-grid{gap:70px}.expect-grid h1{font-size:clamp(40px,4.2vw,55px)}.expect-grid h1 br:nth-child(2){display:none}.expect-list{gap:20px;margin-top:26px}.hold-begin{position:relative;overflow:hidden;min-width:175px;touch-action:none;user-select:none}.hold-begin>span{position:relative;z-index:1}.hold-begin>i{position:absolute;inset:0;background:#ffffff42;transform:scaleX(0);transform-origin:left;transition:transform .25s}.hold-begin.holding>i{transform:scaleX(1);transition:transform 1.85s linear}.question-foot p{max-width:310px}.type-strength{font-family:'EB Garamond',Georgia,serif;font-size:23px!important;color:var(--teal)!important}.type-meme{display:block;max-width:100%;width:auto;height:auto;max-height:330px;object-fit:contain;margin:28px auto;border-radius:12px}.tuesday{margin-top:32px}.tuesday h3{font-size:17px}.tuesday>p{font-size:14px;color:var(--muted);margin-top:16px}.tuesday .small-note{font-size:11px}.profile-row{min-height:44px}.in-test .site-nav .brand img{height:40px!important}.test-button.quiet{min-height:44px}@media(max-width:600px){.journey-top>span{font-size:11px;max-width:130px;text-align:center}.question-foot{gap:20px}.question-foot>span{max-width:80px;font-size:11px}.question-foot p{max-width:220px}.ground-lines{font-size:30px}.ground-grid .test-kicker{font-size:11px}.expect-grid{gap:35px}.share-preview .profile-row{font-size:11px}.report-letterhead>span{font-size:11px;max-width:150px;text-align:right}}
/* Website adaptation: neutral glass actions, cool light surfaces, familiar type. */
html[data-theme=light]{--ink:#16181c;--muted:#5c6470;--line:#e6eaf2;--wash:#f6f9ff;--teal:#11d2cb;--teal-bright:#5fe6df;--pink:#ff4d97;--paper:#fff;--app-shadow:0 20px 60px #11d2cb12}
.test-button.primary,.test-button.secondary{background:var(--light-glass,linear-gradient(155deg,#fff,#edf5f8));color:var(--ink);border:1px solid #d8e4e9;box-shadow:var(--light-glass-shadow,inset 0 2px 3px #fff,0 5px 20px #264e4710);backdrop-filter:blur(22px)}
.test-button.primary:hover,.test-button.secondary:hover{background:linear-gradient(145deg,#ffffff,#e8f2f6);box-shadow:inset 0 2px 3px #fff,0 7px 22px #25434f18;border-color:#b8cdd7}
.test-button.primary:active,.test-button.secondary:active{box-shadow:inset 0 2px 6px #24434e20;transform:scale(.98)}
html[data-theme=dark] .test-button.primary,html[data-theme=dark] .test-button.secondary{background:var(--smoky-glass);border-color:var(--smoky-edge);box-shadow:var(--smoky-shadow);color:var(--ink)}
html[data-theme=dark] .test-button.primary:hover,html[data-theme=dark] .test-button.secondary:hover{background:linear-gradient(165deg,#eaf6f82a,#eaf6f808 40%,transparent 65%),var(--smoky-glass);box-shadow:var(--smoky-shadow);border-color:#eaf6f84a}
html[data-theme=light] .serif-note{color:var(--ink)}html[data-theme=light] .type-strength{color:var(--ink)!important}html[data-theme=light] .profile-row>span:nth-child(2){color:var(--ink)!important}.welcome-copy h1,.expect-grid h1,.center-stage h1,.report-heading h1{font-family:'EB Garamond',Georgia,serif;font-weight:400;letter-spacing:-.035em}.welcome-copy h1{font-size:clamp(49px,5.6vw,74px)}.welcome-copy h1>span{color:var(--ink)}.breath-art>i{background:radial-gradient(circle at 32% 26%,#edf9fb,var(--teal-bright) 33%,var(--teal) 85%)}.ground-lines{font-weight:500}.result-paper,.sample-report{border-radius:24px;background:var(--paper)}.sample-report{transform:rotate(1deg)}.floating-note{border-radius:26px;background:var(--light-glass,#ffffffa6)}html[data-theme=dark] .floating-note{background:var(--smoky-glass);border-color:var(--smoky-edge)}.hold-begin{display:none}@media(max-width:600px){.welcome-copy h1{font-size:48px}.expect-grid h1{font-size:46px}.center-stage h1{font-size:42px}.report-heading h1{font-size:46px}}

/* Compact prototype-only screen navigator. */
.review-tools{position:fixed;right:16px;bottom:16px;z-index:1100;font:13px 'Google Sans Flex',sans-serif;color:var(--ink)}
.review-tools>summary{cursor:pointer;list-style:none;border:1px solid var(--line);border-radius:30px;background:var(--paper);padding:11px 17px;box-shadow:0 3px 20px #0002}
.review-tools>summary::-webkit-details-marker{display:none}.reviewing .review-tools>summary::before{content:'● ';color:var(--pink)}
.review-panel{position:absolute;bottom:48px;right:0;width:min(370px,calc(100vw - 32px));max-height:70vh;overflow:auto;padding:20px;border:1px solid var(--line);border-radius:18px;background:var(--paper);box-shadow:0 12px 50px #0003}
.review-panel p{font-size:12px;line-height:1.5;margin:0 0 12px}.review-panel h2{font:600 12px 'Google Sans Flex',sans-serif;margin:18px 0 8px;color:var(--muted)}.review-panel>div{display:flex;flex-wrap:wrap;gap:6px}
.review-panel button{font:inherit;color:var(--ink);background:var(--wash);border:1px solid var(--line);border-radius:9px;padding:9px 10px;cursor:pointer;min-height:36px}.review-panel button:hover{border-color:var(--teal)}.review-panel .review-exit{margin-top:18px;width:100%}.review-tools summary:focus-visible,.review-panel button:focus-visible{outline:2px solid var(--teal);outline-offset:3px}

html[data-theme=light] .welcome-art>.breath-art{opacity:.95}html[data-theme=light] dialog::backdrop{background:rgba(22,24,28,.22);backdrop-filter:blur(7px)}

html[data-theme=light] .sample-ending,html[data-theme=light] .expect-grid h1 em{color:var(--ink)}

/* Website palette is authoritative; reserve aqua for visual accents, not green prose. */
html[data-theme=light] :is(.serif-note,.report-heading>.serif-note,.type-strength,.type-card blockquote,.sample-ending,.expect-grid h1 em,.floating-note em,.spectrum-feedback){color:var(--ink)!important}
html[data-theme=light] :is(.expect-list li>span,.report-seal,.ask-card i){color:var(--muted)}
/* Result sequence: one quiet gathering beat, then one continuous letter opening. */
.gathering-card{width:min(420px,100%);padding:36px;border:1px solid var(--line);border-radius:24px;background:var(--paper);box-shadow:var(--app-shadow);text-align:left}
.gathering-lines{display:grid;gap:20px;margin:35px 0}.gathering-lines i{display:block;width:var(--w);height:8px;background:linear-gradient(90deg,var(--line),var(--teal),var(--line));background-size:250% 100%;border-radius:10px;animation:answerGather 1.6s ease-in-out infinite;animation-delay:var(--delay)}
.gathering-card .serif-note{font-size:24px}.served-letter{width:100%;animation:screenIn .65s ease-out}.served-letter[hidden],.gathering-card[hidden]{display:none}
.served-letter .test-actions,.reveal-stage .test-actions{justify-content:center}.served-letter h1,.reveal-stage h1{font-size:clamp(36px,4vw,48px)}
.letter-scene{width:min(330px,82vw);height:220px;margin:100px auto 48px;perspective:1200px;isolation:isolate}
.envelope-back{inset:0;background:var(--wash);border:1px solid var(--line);box-shadow:0 18px 45px #00000012;border-radius:12px}
.letter-paper{left:18px;right:18px;bottom:12px;height:190px;padding:20px 23px;background:var(--paper);border:1px solid var(--line);color:var(--ink);z-index:2;transition:transform .85s cubic-bezier(.22,1,.36,1) .6s,opacity .4s}
.letter-paper img{width:37px;height:29px;object-fit:contain}.letter-paper strong{font:500 25px/1.2 'EB Garamond',serif;margin:14px 0 9px}.letter-paper small{font:italic 17px 'EB Garamond',serif;color:var(--muted)}
.envelope-side{position:absolute;inset:0;z-index:3;background:var(--wash)}.envelope-side.left{clip-path:polygon(0 0,55% 55%,0 100%);background:linear-gradient(100deg,var(--paper),var(--line))}.envelope-side.right{clip-path:polygon(100% 0,45% 55%,100% 100%);background:linear-gradient(260deg,var(--paper),var(--line))}
.envelope-front{inset:0;z-index:4;clip-path:polygon(50% 42%,100% 100%,0 100%);background:linear-gradient(180deg,var(--paper),var(--wash));border-radius:0 0 12px 12px}
.envelope-flap{top:0;height:125px;background:linear-gradient(165deg,var(--paper),var(--line));z-index:5;transition:transform .65s cubic-bezier(.4,0,.2,1),z-index 0s .32s;backface-visibility:visible}
.letter-clasp{position:absolute;left:calc(50% - 15px);top:83px;width:30px;height:6px;border:1px solid var(--muted);border-radius:3px;background:var(--paper)}
.envelope-date{position:absolute;bottom:22px;left:24px;z-index:6;color:var(--muted);font-size:11px;letter-spacing:.04em}
.opened .envelope-flap{transform:rotateX(180deg);z-index:1}.opened .letter-paper{transform:translateY(-125px)}.opened .test-actions{opacity:0;transition:opacity .2s}.opened .letter-scene{transform:translateY(15px);transition:transform .8s}
.screen-results{animation:reportArrive .8s cubic-bezier(.22,1,.36,1)}
.results-layout{display:flex;flex-direction:column;max-width:800px;margin:0 auto;gap:30px;padding-top:25px}.report-heading{padding:0 8px}.report-heading h1{font-size:clamp(42px,5vw,62px)}.report-heading h1 br{display:none}.report-heading>.serif-note{margin-top:12px}.report-heading>p:not(.test-kicker){max-width:650px;margin-top:16px}.report-heading .test-kicker{margin-bottom:16px}.report-heading .design-note{margin-bottom:0}.result-paper{padding:34px 40px;border-radius:22px;box-shadow:none}.result-paper h2{font-size:24px}.report-letterhead{padding-bottom:18px;margin-bottom:25px}.result-paper .profile-bars{margin-top:20px}.buddy-panel{margin-top:32px}
@keyframes answerGather{0%{background-position:100% 0;opacity:.45}50%{opacity:1}100%{background-position:-100% 0;opacity:.45}}
@keyframes reportArrive{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:600px){.letter-scene{height:205px;transform:none;margin-top:85px}.result-paper{padding:26px 20px}.results-layout{gap:24px}.gathering-card{padding:26px}.served-letter .serif-note,.reveal-stage .serif-note{font-size:24px}}
@media(prefers-reduced-motion:reduce){.letter-paper,.envelope-flap,.letter-scene{transition:none!important}}
/* Folded cool-aqua paper, with the real Appa mark on the closure. */
html[data-theme=light] .envelope-back{background:#ddf9f7;border-color:#c3e8e7}
html[data-theme=light] .envelope-side.left{background:linear-gradient(105deg,#ddf9f7,#bdebe9)}
html[data-theme=light] .envelope-side.right{background:linear-gradient(255deg,#ddf9f7,#c4eeee)}
html[data-theme=light] .envelope-front{background:linear-gradient(180deg,#f6f9ff,#ddf9f7)}
html[data-theme=light] .envelope-flap{background:linear-gradient(165deg,#ffffff,#ddf9f7);filter:drop-shadow(0 2px 1px #233d4317)}
.letter-clasp{top:73px;left:calc(50% - 21px);width:42px;height:34px;border:0;background:none;box-shadow:none;display:grid;place-items:center}
.letter-clasp img{width:40px;height:32px;object-fit:contain;filter:drop-shadow(0 2px 2px #0002)}
.letter-burst{position:absolute;left:50%;top:40%;width:0;height:0;z-index:10;pointer-events:none}.letter-burst i{position:absolute;width:5px;height:9px;border-radius:2px;background:var(--piece);animation:letterSpark 1.45s cubic-bezier(.18,.7,.3,1) both;animation-delay:var(--delay)}
@keyframes letterSpark{0%{opacity:0;transform:translate(0,0) scale(.2)}15%{opacity:.8}75%{opacity:.65}100%{opacity:0;transform:translate(var(--dx),var(--dy)) rotate(var(--turn)) scale(.7)}}
.letter-unfolding .letter-paper{transform:translateY(-130px) scale(1.18);opacity:0;transition:transform .7s ease,opacity .7s ease}.letter-unfolding .envelope-side,.letter-unfolding .envelope-front,.letter-unfolding .envelope-flap,.letter-unfolding .envelope-back,.letter-unfolding .envelope-date{opacity:0;transition:opacity .6s}
.letter-unfolding .served-letter>h1,.letter-unfolding .served-letter>.serif-note,.letter-unfolding .reveal-stage>h1,.letter-unfolding .reveal-stage>.serif-note{opacity:0;transition:opacity .5s}
.profile-summary{margin:24px 0}.profile-summary p{font-size:16px;line-height:1.8;margin:12px 0}.result-paper>.report-heading{margin-bottom:36px;padding:0}.result-paper>.report-heading .design-note{font-size:11px;max-width:none;padding-top:12px;color:var(--muted)}.result-paper .report-heading h1{font-size:clamp(40px,4.5vw,56px)}.maya-copy{display:grid;gap:12px;margin:24px 0}.maya-copy p{margin:0;font-size:15px;line-height:1.75}.detailed-report{display:flex;align-items:center;gap:18px;width:100%;padding:22px;border:1px solid var(--line);background:var(--paper);border-radius:16px;color:var(--ink);font:600 16px var(--test-font);text-align:left}.detailed-report>span:last-child{margin-left:auto}.mini-envelope{position:relative;display:block;width:54px;height:36px;flex:none;border:1px solid var(--line);border-radius:5px;background:var(--wash)}.mini-envelope:after{content:'';position:absolute;inset:0;clip-path:polygon(0 0,100% 0,50% 60%);background:var(--line)}.buddy-panel>.test-button{margin-top:22px}.test-button:disabled{cursor:default;opacity:.5}.expect-grid h1{max-width:570px}
.app-next-step{padding:38px;background:var(--light-glass,var(--paper));border:1px solid var(--line);border-radius:24px}.app-next-step h2{font:400 clamp(32px,3.5vw,44px)/1.15 'EB Garamond',serif;letter-spacing:-.025em}.app-next-step>.serif-note{font-size:25px;margin:20px 0 12px}.app-next-step>.buddy-title{margin:28px 0 16px}.app-next-step>p{max-width:580px}.app-next-step .test-actions{margin-top:25px}.download-preview{display:flex;gap:10px;margin:24px 0}.download-preview span{border:1px solid var(--line);border-radius:12px;padding:14px 20px;color:var(--muted)}html[data-theme=dark] .app-next-step{background:var(--smoky-glass)}@media(max-width:600px){.app-next-step{padding:26px}}
/* Screen-by-screen visual pass: the opening belongs to the Appa landscape. */
.screen-welcome .welcome-grid{position:relative;isolation:isolate;display:flex;justify-content:center;align-items:flex-start;text-align:center;min-height:740px;padding:65px 24px 220px;width:100vw;left:50%;margin-left:-50vw;overflow:hidden}
.welcome-landscape{position:absolute;inset:-120px 0 0;z-index:-2;background:none center 68%/cover no-repeat;mask-image:linear-gradient(to bottom,transparent 0,#000 12%,#000 70%,transparent 100%)}
.welcome-landscape:after{content:'';position:absolute;inset:0;background:linear-gradient(to bottom,#ffffffa8,#ffffff42 40%,transparent 65%)}
.welcome-copy{max-width:810px}.welcome-copy .test-kicker{justify-content:center;margin-bottom:30px;color:var(--ink)}.welcome-copy h1{font:400 clamp(48px,6vw,78px)/1.06 'EB Garamond',Georgia,serif;letter-spacing:-.045em;text-wrap:balance}.welcome-copy h1>span{white-space:nowrap}.welcome-copy .serif-note{font:400 19px/1.65 'Google Sans Flex',sans-serif;letter-spacing:0;max-width:440px;margin:28px auto 0}.welcome-copy .serif-note br{display:none}.welcome-copy .test-actions{justify-content:center;margin-top:32px}.welcome-copy .test-button.primary{min-width:150px}.screen-welcome .test-reading{padding-top:35px;border:0}
html[data-theme=dark] .welcome-landscape{background-image:none}html[data-theme=dark] .welcome-landscape:after{background:linear-gradient(to bottom,#0008,#0003 40%,transparent 70%)}html[data-theme=dark] .welcome-copy .serif-note{color:var(--ink)}
@media(max-width:600px){.screen-welcome .welcome-grid{min-height:690px;padding:58px 25px 230px}.welcome-copy h1{font-size:48px}.welcome-copy h1 br{display:none}.welcome-copy .serif-note{font-size:17px;max-width:290px}.welcome-copy .test-kicker{margin-bottom:25px}.welcome-landscape{background-position:50% 70%}.welcome-copy .test-actions{gap:10px;flex-direction:column}.screen-welcome .test-reading{padding-top:10px}}
/* Shared test rhythm: generous editorial type, compact controls, no phone framing. */
.journey-top{max-width:1040px;margin-inline:auto}.screen-expect .expect-grid{align-items:center;padding-block:55px 80px}.expect-list{padding:0;list-style:none}.expect-list li{align-items:center;padding:15px 0}.expect-list li>span{width:30px;height:30px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;padding:0}.expect-list li>p{font-size:15px;line-height:1.55}.expect-grid>.sample-report{padding:38px;border-radius:28px;transform:rotate(1.5deg);box-shadow:0 24px 65px #16181c09}.expect-grid h1{font-family:'EB Garamond',serif;font-size:clamp(42px,4.7vw,60px);font-weight:400;line-height:1.08}.expect-grid>.sample-report .profile-row{padding-block:13px}.sample-ending{font-size:22px}.expect-grid .serif-note{font-size:25px;line-height:1.5;max-width:410px}
.ground-grid{min-height:650px;gap:80px;align-items:center}.ground-lines{font:400 clamp(36px,4vw,52px)/1.4 'EB Garamond',serif;letter-spacing:-.02em}.ground-grid .serif-note{font:400 17px/1.7 var(--test-font);max-width:380px;margin-top:28px}.ground-grid .breath-art>span{border-color:color-mix(in srgb,var(--teal) 22%,transparent)}
.question-stage{max-width:800px;margin:65px auto 0;min-height:530px}.question-stage h1{font:400 clamp(34px,4vw,52px)/1.25 'EB Garamond',serif;letter-spacing:-.022em;min-height:170px;max-width:780px;margin-inline:auto;text-wrap:balance}.question-stage .test-kicker{justify-content:center}.spectrum{max-width:560px;margin:45px auto 0}.spectrum-labels{max-width:560px;margin:12px auto 0}.spectrum-hint{margin-top:25px}.question-foot{justify-content:center;margin-top:45px}.question-foot p{max-width:400px;text-align:center;font-size:13px}.journey-progress{max-width:800px;margin-inline:auto;height:2px}.question-stage .spectrum-feedback{font-size:23px}
.center-stage .serif-note{max-width:460px;margin-inline:auto}.reveal-stage,.celebration{min-height:calc(100svh - 110px);padding-top:15px}.center-stage .test-actions{justify-content:center}.reset-stage h1{font-family:'EB Garamond',serif}.reset-stage .serif-note{font:400 18px/1.7 var(--test-font);max-width:480px}.reset-art{margin-bottom:38px}
@media(max-width:600px){.screen-expect .expect-grid{padding-top:28px;gap:45px}.expect-grid>.sample-report{padding:26px;transform:none}.expect-grid h1{font-size:42px}.ground-grid{min-height:550px;gap:20px}.ground-lines{font-size:35px}.ground-grid .serif-note{font-size:16px}.question-stage{margin-top:45px;min-height:550px}.question-stage h1{font-size:35px;min-height:190px}.question-foot p{max-width:260px}.spectrum{margin-top:34px}.reset-stage .serif-note{font-size:17px}.letter-scene{margin-top:70px}}
/* Original test artwork; never reuse the homepage landscape. */
.welcome-landscape{inset:-40px 0 0;background-image:none;background-position:center 70%;mask-image:linear-gradient(to bottom,transparent,#000 12%,#000 78%,transparent)}
.welcome-landscape:after{background:linear-gradient(to bottom,#ffffff30,transparent 60%)}
.screen-welcome .welcome-grid{padding-top:70px;min-height:760px}.welcome-copy{max-width:780px}.welcome-copy h1{font-size:clamp(48px,5.7vw,74px)}
html[data-theme=dark] .welcome-landscape{background-image:none}
@media(max-width:600px){.screen-welcome .welcome-grid{padding-top:50px;min-height:720px}.welcome-copy h1{font-size:47px}.welcome-landscape{background-position:65% bottom;background-size:auto 82%;background-repeat:no-repeat}}

/* User direction: a quiet typographic opening, no background artwork. */
.screen-welcome .welcome-grid{min-height:620px;padding:90px 24px 105px;align-items:center;width:auto;left:auto;margin-left:0;overflow:visible}.welcome-copy{max-width:780px}.welcome-copy h1{font-size:clamp(46px,6vw,74px)}.welcome-copy .serif-note{font:italic 28px/1.5 'EB Garamond',serif;max-width:420px;margin-top:25px}.welcome-copy .test-actions{margin-top:34px}.screen-welcome .test-reading{padding-top:30px}.test-reading h2{font-family:'EB Garamond',serif;font-weight:400;letter-spacing:-.02em;font-size:38px}
@media(max-width:600px){.screen-welcome .welcome-grid{min-height:570px;padding:65px 0 80px}.welcome-copy h1{font-size:47px}.welcome-copy .serif-note{font-size:25px}.screen-welcome .test-reading{padding-top:10px}.test-reading h2{font-size:32px}}
.question-stage h1{text-align:center}.letter-clasp{width:46px;height:46px;left:calc(50% - 23px);top:63px;border-radius:50%;background:var(--paper);border:1px solid var(--line);box-shadow:inset 0 2px 2px #ffffff55,0 3px 8px #16181c12}.letter-clasp img{width:33px;height:28px}.envelope-flap{filter:drop-shadow(0 2px 1px #16181c16)}.letter-scene{filter:drop-shadow(0 8px 20px #16181c05)}
/* App reference: summary, ranked blend, percentage-led detail, unnamed buddy. */
.result-paper .report-letterhead{border-bottom:3px solid transparent;border-image:linear-gradient(90deg,var(--teal),#eaf6f8,var(--pink)) 1;padding-bottom:22px}.result-paper .profile-summary{margin:30px 0}.result-paper .profile-summary p{font-size:18px;line-height:1.85}.result-paper .report-heading h1{font-family:var(--test-font);font-weight:650;letter-spacing:-.035em}.result-paper>h2{font:600 12px/1.6 var(--test-font);letter-spacing:.13em;text-transform:uppercase}.result-paper>.small-note{margin-top:7px}.result-paper .profile-row{min-height:65px}.result-paper .profile-row>span:nth-child(2){font-weight:600}.buddy-panel .buddy-title{margin:22px 0}.buddy-panel .buddy-title h2{font:600 24px/1.3 var(--test-font);letter-spacing:-.02em}.buddy-avatar img{object-fit:contain;width:45px;height:40px}.buddy-copy{display:grid;gap:20px;margin:28px 0}.buddy-copy p{font-size:17px;line-height:1.75}.app-next-step .small-note{margin-top:16px}.app-next-step .test-actions{margin-top:24px}.app-next-step .detailed-report{cursor:pointer;transition:transform .2s}.app-next-step .detailed-report:hover{transform:translateY(-2px)}.type-card .type-percentage{margin:20px 0 28px;text-align:center}.type-percentage strong{display:block;font:650 64px/1.1 var(--test-font);letter-spacing:-.05em;color:var(--teal)}.type-percentage p{font-size:13px;letter-spacing:.06em;margin-top:9px;color:var(--muted)}.type-card>h2{color:var(--pink);text-align:center}.type-card>.type-animal{display:flex;align-items:center;justify-content:center;width:92px;height:92px;border-radius:50%;background:color-mix(in srgb,var(--teal) 12%,transparent);margin:20px auto;font-size:46px}.type-card blockquote{font-size:30px;text-align:center}.type-card>p:not(.test-kicker){font-size:17px;line-height:1.8}@media(max-width:600px){.result-paper .profile-summary p{font-size:16px;line-height:1.8}.buddy-copy p{font-size:16px}.type-percentage strong{font-size:56px}.type-card blockquote{font-size:27px}.detailed-report{padding:18px;font-size:15px}.buddy-panel .buddy-title h2{font-size:22px}}
/* Pre-reveal account screen. Auth integration is owned by the app team. */
.auth-stage{max-width:620px;margin:35px auto 90px}.auth-intro{text-align:center;margin-bottom:35px}.auth-intro>.mini-envelope{width:66px;height:44px;margin:0 auto 30px}.auth-intro .test-kicker{justify-content:center;margin-bottom:22px}.auth-intro h1{font:400 clamp(43px,5vw,62px)/1.05 'EB Garamond',Georgia,serif;letter-spacing:-.035em}.auth-intro>p:last-child{max-width:430px;margin:20px auto 0;color:var(--muted);font-size:16px}.auth-card{padding:30px;border:1px solid var(--line);border-radius:28px;background:var(--light-glass,rgba(255,255,255,.5));box-shadow:inset 0 1px 0 #ffffff80,0 18px 60px #112a3308}.auth-providers{display:grid;grid-template-columns:1fr 1fr;gap:12px}.auth-provider{display:flex;align-items:center;justify-content:center;gap:12px;background:#fff;color:#16181c;border:1px solid #e4e9ee;border-radius:999px;min-height:56px;font-weight:500;font-size:16px;transition:transform .2s,box-shadow .2s}.auth-provider:hover{transform:translateY(-2px);box-shadow:0 8px 22px #0b9fbd18}.auth-provider:active{transform:scale(.98)}.google-mark{font:700 25px Arial;color:#4285f4}.auth-or{display:flex;align-items:center;gap:15px;color:var(--muted);font-size:11px;letter-spacing:.12em;margin:25px 0}.auth-or:before,.auth-or:after{content:'';height:1px;flex:1;background:var(--line)}.auth-card summary{list-style:none;text-align:center;cursor:pointer;padding:12px 0;font-size:14px;color:var(--muted)}.auth-card summary::-webkit-details-marker{display:none}.auth-card summary>span[aria-hidden],.auth-card summary i{display:inline-block;margin-left:6px;font-style:normal;transition:transform .2s}.auth-card details[open] summary>span[aria-hidden],.auth-card details[open] summary i{transform:rotate(180deg)}.auth-login{margin-top:20px}.auth-login strong{color:var(--teal);font-weight:600;margin-left:3px}.auth-form{display:grid;gap:14px;margin-top:18px}.auth-form input{width:100%;min-width:0;height:54px;padding:0 17px;border:1px solid var(--line);border-radius:13px;color:var(--ink);background:var(--paper);font:15px var(--test-font)}.auth-form input:focus{outline:2px solid var(--teal);outline-offset:3px}.auth-form input::placeholder{color:var(--muted)}.auth-form .test-button{width:100%;margin-top:3px}.auth-label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.auth-password{position:relative}.auth-password input{padding-right:55px}.auth-password button{position:absolute;right:5px;top:5px;height:44px;width:44px;border:0;background:none;color:var(--muted);font-size:22px}.auth-card #auth-status{font-size:13px;text-align:center;color:var(--muted);margin-top:16px}.auth-card #auth-status:empty{display:none}html[data-theme=dark] .auth-card{background:var(--smoky-glass,rgba(234,246,248,.04));box-shadow:inset 0 1px 0 #ffffff18}.auth-login summary i{color:var(--teal)}@media(max-width:600px){.auth-stage{margin:24px auto 60px}.auth-card{padding:24px 18px}.auth-intro h1{font-size:43px}.auth-intro>p:last-child{font-size:15px}.auth-providers{gap:10px}.auth-provider{font-size:15px}.auth-login summary{font-size:13px}}@media(prefers-reduced-motion:reduce){.auth-provider,.auth-card summary i,.auth-card summary>span[aria-hidden]{transition:none}}

.app-store-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:32px}.app-store-actions .test-button{width:100%;gap:8px}.app-secondary-actions{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;margin-top:24px;padding-top:24px;border-top:1px solid var(--line)}@media(max-width:440px){.app-store-actions{gap:12px}.app-store-actions .test-button{padding-inline:14px}.app-secondary-actions{flex-direction:column;align-items:stretch;text-align:center;gap:12px}}