/* Choice Lab — a quiet observatory. Layout, material and motion share one rhythm. */
:root{--bg1:#0a1017;--bg2:#111e29;--ink:#e7eae6;--muted:#9ba9ae;--soft:#c5ded9;--accent:#a6d9d0;--line:#bdd6d526;--field:#12202a70;--panel:#101c26f5;--ease:cubic-bezier(.22,.68,.22,1);--space:clamp(24px,4.3vw,64px)}
body{font-family:'Noto Sans SC','Microsoft YaHei',sans-serif;background:var(--bg1);animation:none;letter-spacing:.015em;-webkit-font-smoothing:antialiased}
body.black{--bg1:#070a0d;--bg2:#15191d;--panel:#101519f5;--field:#141a20a0}
body.light{--bg1:#eeeee7;--bg2:#e2e9e4;--ink:#243d3c;--muted:#617471;--soft:#346f68;--accent:#377e74;--line:#426e682b;--field:#ffffff65;--panel:#f5f6f0fa}
header,main,footer{width:calc(100% - var(--space)*2);max-width:1320px;margin-inline:auto}
header{height:96px;position:relative;z-index:10;border-bottom:1px solid var(--line)}
.brand{font-size:18px;letter-spacing:.12em;gap:10px}.brand .logo{font-size:34px;width:30px;height:36px;color:var(--soft)}.brand-en{font-size:8px;letter-spacing:.16em;margin-left:14px}
header nav{gap:24px}.quiet{font-size:12px;color:var(--muted);min-height:42px;padding:10px 0}.quiet:hover{background:none;color:var(--ink);border-radius:0}.quiet span{background:none;padding:0;color:var(--soft);margin-left:8px;font-size:10px}
.experience-settings{position:relative}.experience-settings>summary{list-style:none;cursor:pointer;font-size:12px;color:var(--muted);padding:12px 0}.experience-settings>summary::-webkit-details-marker{display:none}.experience-settings summary span{display:inline-block;margin-left:12px;transition:transform .3s}.experience-settings[open] summary span{transform:rotate(45deg)}
.settings-panel{position:absolute;right:-10px;top:48px;width:260px;padding:24px;background:var(--panel);border:1px solid var(--line);border-radius:10px;box-shadow:0 15px 50px #0003;backdrop-filter:blur(24px);display:flex;flex-direction:column;align-items:stretch;gap:8px}.settings-panel .small-label{font-size:8px;margin-bottom:9px}.settings-panel button{text-align:left;border-bottom:1px solid var(--line);padding:12px 0}
.ambient-background:after{content:'';position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0,transparent calc(16.666% - 1px),var(--line) calc(16.666% - 1px),var(--line) 16.666%);opacity:.13;mask-image:linear-gradient(#000,transparent 85%)}
.nebula{width:85vw;height:85vw;max-width:1100px;max-height:1100px;filter:blur(70px);opacity:.25;transition:opacity 1.5s,transform 2s}.nebula-a{left:20%;top:-15%;background:radial-gradient(ellipse,#397c804a,transparent 62%)}.nebula-b{right:-15%;bottom:-55%;background:radial-gradient(ellipse,#6a5c9650,transparent 65%)}.particle:nth-child(n+16){display:none}.particle{box-shadow:none;opacity:.1}
body[data-scene=feeling] .nebula,body[data-scene=priorities] .nebula{opacity:.08;animation-play-state:paused}body[data-scene=result] .nebula-a{opacity:.22;animation-play-state:paused;transform:translateY(-8%)}body[data-scene=feeling] .particle,body[data-scene=priorities] .particle,body[data-scene=result] .particle{opacity:.08;animation-play-state:paused}
.intro{min-height:calc(100svh - 96px);padding:68px 0 30px;display:grid;grid-template-columns:1.05fr 1fr;grid-template-rows:1fr auto;align-items:center;gap:32px 0;text-align:left;position:relative}
.hero-copy{position:relative;z-index:2;padding-bottom:28px}.eyebrow{justify-content:flex-start;font-size:9px;letter-spacing:.17em;gap:12px}.dot{width:5px;height:5px;background:var(--soft);box-shadow:0 0 14px #b8e9dd60}
.intro h1{font-size:clamp(48px,5.9vw,84px);font-weight:400;line-height:1.38;letter-spacing:-.04em;margin:36px 0 26px}.underline{color:var(--soft)}.intro p.hero-description{font-size:15px;line-height:2.1;letter-spacing:.1em;color:var(--muted)}
.hero-actions{margin-top:38px;display:flex;flex-direction:column;align-items:flex-start;gap:9px}.primary{background:var(--soft);border:1px solid transparent;color:#152f31;box-shadow:none;font-size:13px;border-radius:999px;padding:17px 25px;min-height:52px;transition:background .3s,transform .45s var(--ease),box-shadow .45s}.primary span{color:inherit;margin-left:35px;display:inline-block;transition:transform .4s}.primary:hover{background:#d9ede6;transform:translateY(-3px);box-shadow:0 8px 35px #94d6cc15}.primary:hover span{transform:translate(3px,-3px)}.primary:active{transform:translateY(0)}.light .primary{background:#2f655f;color:#f2f3ea}.light .primary:hover{background:#244f4b}.hero-actions .skip{font-size:11px;margin:0;min-height:40px}.hero-object{text-align:center;position:relative;align-self:center;padding:36px 0}.object-caption{font-size:8px;letter-spacing:.19em;color:var(--muted);display:flex;align-items:center;justify-content:center;gap:10px}.object-caption i{height:4px;width:4px;background:var(--soft);border-radius:50%}
.hero-object .breathing-space{width:clamp(290px,34vw,460px);height:clamp(290px,34vw,460px);margin:12px auto 4px}.hero-object .breath{width:68%;height:68%}.hero-object .orbit-outer{inset:2%;border-color:#bddbd91a;animation-duration:80s}.hero-object .orbit-inner{inset:13%;border-style:solid;opacity:.25;transform:rotateX(65deg) rotate(-20deg);animation:none}.hero-object .orbit-outer:before{width:4px;height:4px;background:var(--soft);box-shadow:0 0 15px #aedcd0}
.breath,.orb-halo{isolation:isolate;border-radius:47% 53% 55% 45% / 44% 46% 54% 56%;border:1px solid #dcebea4a;background:radial-gradient(ellipse at 26% 19%,#fff7 0,transparent 9%),radial-gradient(ellipse at 75% 75%,#9ab4ff22 0,transparent 45%),radial-gradient(ellipse at 30% 30%,#d6ffe42b,transparent 65%),linear-gradient(135deg,#8bb6b720,#2e506112 45%,#9a90c72b);box-shadow:inset 8px 10px 26px #e2ffea15,inset -12px -16px 35px #aac3ff13,inset 0 0 55px #d4ffe70a,0 22px 65px #0206084d,0 0 80px #8cccb50b;animation:glassBreathe 8s ease-in-out infinite}
.breath:before,.orb-halo:before{content:'';position:absolute;inset:5%;border:1px solid #d5e8e02b;border-radius:inherit;background:conic-gradient(from 210deg,transparent 15%,#e9fff015 23%,transparent 28%,#d4c7ff18 52%,transparent 60%,#d7fff010 83%,transparent 90%);mask-image:radial-gradient(ellipse,transparent 52%,#000 74%);transform:rotate(-18deg)}
.breath:after,.orb-halo:after{content:'';position:absolute;inset:13%;border-radius:inherit;border:0;background:radial-gradient(ellipse at 65% 80%,#b7a5ff26,transparent 52%);filter:blur(10px);animation:none}
.breath-center{gap:10px}.breath-center>span:first-child{font-size:16px;letter-spacing:.2em;color:var(--ink);text-shadow:0 1px 14px #05151c80}.breath-center>span:last-child{font-size:10px;color:var(--muted);letter-spacing:.08em}.hero-object .breath-progress{justify-content:center;margin:0 0 18px}.breath-progress i{background:var(--soft);box-shadow:none}.intro p.breath-caption{font-size:10px;letter-spacing:.06em;margin:0;color:var(--muted)}
@keyframes glassBreathe{0%,100%{transform:scale(.92) rotate(-8deg);border-radius:47% 53% 55% 45% / 44% 46% 54% 56%}50%{transform:scale(1.05) rotate(8deg);border-radius:55% 45% 46% 54% / 53% 55% 45% 47%}}
.hero-bottom{grid-column:1/-1;display:flex;justify-content:space-between;align-items:flex-end;border-top:1px solid var(--line);padding:24px 0 5px}.hero-footnote{font-size:11px;letter-spacing:.08em;margin:0;opacity:1;color:var(--ink);line-height:1.9}.hero-footnote em{font-size:10px;color:var(--muted);font-style:normal}.hero-index{text-align:right;font-size:11px;letter-spacing:.18em;color:var(--soft)}.hero-index>span{display:block;color:var(--muted);font-size:9px;letter-spacing:.08em;margin-top:9px}
.workspace{max-width:1000px;margin:64px auto 0;padding:0;background:none;box-shadow:none;border:0;border-radius:0;backdrop-filter:none;min-height:68vh}.worktop{margin-bottom:32px;align-items:flex-start;gap:25px}.small-label{font-size:9px;letter-spacing:.16em;color:var(--muted)}h2{font-size:clamp(27px,3.4vw,42px);font-weight:400;letter-spacing:-.025em;line-height:1.65;margin-top:16px}.badge{border:0;border-bottom:1px solid var(--line);border-radius:0;padding:9px 0;font-size:11px;min-height:42px;transition:color .3s}.badge:hover{border-color:var(--soft)}
.journey{display:flex;gap:0;margin:0 0 42px;padding:0;list-style:none;border-bottom:1px solid var(--line)}.journey li{position:relative;flex:1;padding:0 0 17px;font-size:11px;color:var(--muted);opacity:.55;transition:opacity .5s,color .5s}.journey li span{font-size:9px;letter-spacing:.1em;margin-right:13px}.journey li[aria-current=step]{color:var(--soft);opacity:1}.journey li[aria-current=step]:after{content:'';position:absolute;bottom:-1px;left:0;width:calc(100% - 24px);height:1px;background:var(--soft)}.journey li.is-complete{opacity:.8}
body[data-scene=write] .journey,body[data-scene=listening] .journey{display:none}
textarea{min-height:180px;font-size:17px;line-height:2.05;padding:25px 0;background:transparent;border:0;border-bottom:1px solid var(--line);border-radius:0;resize:vertical}textarea:focus{border-color:var(--soft);box-shadow:none;outline:none}textarea::placeholder{font-size:16px;opacity:.65}.input-meta{margin:13px 0;font-size:10px}.samples{margin:30px 0;gap:10px}.samples>span{width:100%;margin-bottom:4px;font-size:10px}.chip{padding:11px 16px;font-size:11px;border:1px solid var(--line);background:none;border-radius:999px}.chip:hover,.chip.active{color:var(--soft);border-color:var(--soft);background:#a8ddc909}.ai-switch{font-size:12px;gap:12px;margin:24px 0}.ai-switch small{font-size:10px;line-height:1.9;max-width:500px}.ai-switch input{margin-top:6px}.action-row{gap:24px}.hint{font-size:11px;line-height:1.9}.error:empty{min-height:0}.lab-footnote{font-size:10px;margin-top:45px;padding-top:20px;opacity:.8}
.choice-ritual{min-height:0}.choice-ritual>.step,.workspace:has(.question) #app>.step,.workspace:has(.verdict-hero) #app>.step{display:none}.workspace:has(.choice-ritual) .worktop{margin-bottom:24px}.workspace:has(.choice-ritual) h2,.workspace:has(.question) h2{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.workspace:has(.choice-ritual) .worktop,.workspace:has(.question) .worktop{min-height:35px}
.thought-trail{gap:10px;margin:5px auto 30px;min-height:34px}.thought-pill{border:0;border-bottom:1px solid var(--line);background:none;border-radius:0;padding:8px 14px;font-size:11px}.thought-pill i{width:4px;height:4px;box-shadow:0 0 9px #bddacf40}.thought-pill:hover{color:var(--ink)}.ritual-stage{max-width:760px;margin:18px auto 0}.ritual-stage h3{font-size:clamp(25px,3vw,39px);line-height:1.75;letter-spacing:-.015em;font-weight:400;margin:20px 0}.ritual-sub{font-size:12px;line-height:2.1;margin:0 auto 28px;max-width:610px}.thought-input{margin:32px auto 0;max-width:490px;font-size:25px;letter-spacing:.03em;padding:18px 8px;border-bottom-color:var(--line)}.thought-input::placeholder{font-size:21px}.thought-input:focus{border-color:var(--soft)}
.thought-orb{width:160px;height:160px;margin:28px auto 0}.orb-halo{inset:13px}.orb-label{font-size:12px;letter-spacing:.04em;color:var(--ink)}.orb-label small{font-size:8px;letter-spacing:.1em;margin-top:9px}.thought-orb:hover{transform:translateY(-3px)}.thought-orb:hover .orb-halo{box-shadow:inset 8px 10px 26px #e2ffea20,inset -12px -16px 35px #aac3ff20,0 0 50px #9ddbc31a;border-color:#d7fff06b}.ritual-error{margin:0;font-size:11px}.ritual-actions{margin-top:8px;min-height:44px;align-items:center}.ritual-footnote{font-size:9px;margin-top:12px;letter-spacing:.02em}.ritual-count{font-size:10px}
.compass-chips:has(.context-compass){gap:20px;margin:35px auto 0}.context-compass{padding:23px 0 21px;border:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);border-radius:0;background:none;gap:19px;min-height:185px}.context-compass>span{font-size:9px;line-height:1.9;color:var(--muted);letter-spacing:.03em}.context-compass strong{font-size:18px;line-height:1.85;color:var(--ink)}.context-compass em{font-size:10px;line-height:2;opacity:.8}.context-compass:hover{background:transparent;border-color:var(--soft);transform:translateY(-3px)}
.feeling-choices{gap:14px;margin:32px auto 24px;max-width:690px}.feeling-chip{position:relative;flex:1;min-width:0;font-size:14px;padding:22px 14px;border-color:var(--line);border-radius:8px;background:#a3c7c003;min-height:94px;line-height:1.8}.feeling-chip small{font-size:9px;opacity:.65;letter-spacing:.05em;margin-top:7px}.feeling-chip.selected{border-color:#b8ddd78c;background:#c0ece00b;box-shadow:inset 0 1px 0 #d8ffef15,0 8px 30px #0000000a;color:var(--soft)}.feeling-chip.selected:before{content:'';width:4px;height:4px;border-radius:50%;position:absolute;left:50%;bottom:-9px;background:var(--soft)}.feeling-chip:hover{border-color:var(--soft);transform:translateY(-3px)}
.fine-control{font-size:10px;color:var(--muted);max-width:330px;margin:0 auto;text-align:center}.fine-control summary{cursor:pointer;padding:10px 0;list-style:none}.fine-control summary:after{content:' ＋';margin-left:7px}.fine-control[open] summary:after{content:' −'}.fine-feeling{font-size:10px;padding:13px 5px 0}.fine-feeling input{accent-color:var(--accent);margin-top:12px}.fine-control summary:hover{color:var(--soft)}
.question{padding:5px 0 18px;background:none;border:0;border-radius:0}.question>.small-label{display:block;text-align:center}.question h3{font-size:clamp(25px,3vw,37px);line-height:1.8;letter-spacing:-.02em;text-align:center;max-width:770px;margin:20px auto 40px}.answers{gap:20px}.answer{padding:26px 0;border:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);border-radius:0;background:none;font-size:11px;line-height:2;min-height:125px}.answer strong{font-size:18px;line-height:1.8;margin-bottom:14px}.answer:hover{box-shadow:none;border-color:var(--soft);background:none;transform:translateY(-3px)}.question+.action-row{margin-top:22px}
.verdict-hero{overflow:hidden;margin:0 0 56px;padding:clamp(28px,4.5vw,55px);border:1px solid #beddd842;border-radius:16px;background:radial-gradient(ellipse at 100% 0,#a8c2e514,transparent 65%),linear-gradient(130deg,#c2e9dc0c,#82aaa603);box-shadow:0 20px 70px #0000000c}.verdict-hero:before{content:'';position:absolute;top:-100px;right:-60px;width:230px;height:230px;border:1px solid var(--line);border-radius:50%;pointer-events:none}.verdict-heading{position:relative;gap:12px}.verdict-heading .small-label{font-size:8px}.verdict-tag{font-size:9px;border:0;border-radius:0;padding:4px 0;color:var(--soft)}.verdict-query{font-size:11px;line-height:2;margin:35px 0 20px;max-width:700px}.verdict-hero h3{font-size:clamp(27px,3.7vw,43px);line-height:1.75;letter-spacing:-.03em;color:var(--soft);font-weight:400;margin:0 0 25px;max-width:820px}.verdict-reason{font-size:13px;line-height:2.2;max-width:730px}.verdict-stats{gap:60px;padding:24px 0;margin:30px 0 22px}.verdict-stats strong{font-size:31px;line-height:1.2;color:var(--ink);letter-spacing:-.04em}.verdict-stats small{font-size:10px;color:var(--muted);letter-spacing:0}.verdict-stats span{font-size:10px}.verdict-tradeoff{font-size:11px;line-height:2}.ai-result-note{border-top:0;border-left:1px solid #b8ddd747;margin:30px 0 0;padding:2px 0 0 22px}.ai-result-note>.small-label{font-size:10px;letter-spacing:.1em}.ai-explanation{font-size:13px;line-height:2.15;margin:12px 0;color:var(--ink)}.ai-closing{font-size:12px;line-height:2.1;color:var(--soft);margin-bottom:0}
.result-layout{gap:50px;grid-template-columns:1fr 1.5fr}.sliders{background:none;border:0;border-top:1px solid var(--line);border-radius:0;padding:24px 0}.sliders h3{font-size:16px;font-weight:400;margin-bottom:28px}.slider-row{margin:23px 0}.slider-row label{font-size:12px}.sliders p{font-size:10px;line-height:2}.result-card{background:none!important;border:0;border-top:1px solid var(--line);border-radius:0;padding:23px 0 18px;margin:0;box-shadow:none!important}.result-card.winner{border-color:#beddd867}.card-top{gap:12px;align-items:flex-start}.card-top h3{font-size:17px;line-height:1.7;overflow-wrap:anywhere}.rank{font-size:9px;white-space:nowrap;padding-top:5px}.result-card p{font-size:10px;line-height:2}.result-card button{font-size:10px;padding:9px 0}.bar{height:2px;margin:14px 0;background:var(--line)}.bar>i{background:var(--soft);box-shadow:none}.reason{background:none;border:0;border-top:1px solid var(--line);border-radius:0;padding:23px 0;font-size:11px;color:var(--muted);line-height:2.1;margin-top:25px}.reason strong{font-size:12px;font-weight:400}.reflection-record{margin-top:0;padding:24px 0;border-bottom:1px solid var(--line)}.reflection-record summary{font-size:12px}.secondary{border-radius:999px;font-size:11px;padding:13px 18px;background:none}.divider{border:0;padding-top:30px;margin-top:0}.principles{max-width:1000px;margin:70px auto 60px;gap:35px;opacity:.85}.principles>div{border:0;border-top:1px solid var(--line);padding:18px 0 0}.principles span{font-size:9px;letter-spacing:.06em}.principles h3{font-size:13px;margin:13px 0 8px}.principles p{font-size:11px;line-height:1.9}footer{font-size:9px;line-height:2.1;margin-top:40px;padding-top:24px;padding-bottom:28px;gap:25px}.attribution{opacity:.65}.prototype-note{font-size:8px}
.stage-enter{animation:quietEnter .65s var(--ease) both}@keyframes quietEnter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
.light .breath,.light .orb-halo{border-color:#70958e55;background:radial-gradient(ellipse at 26% 19%,#ffffffe6 0,transparent 10%),radial-gradient(ellipse at 75% 75%,#827dc024,transparent 48%),linear-gradient(145deg,#fafff5b0,#9db9b82e 50%,#a4a0c440);box-shadow:inset 8px 10px 26px #fff9,inset -12px -16px 35px #839ca627,0 22px 65px #5d7c701a}.light .breath-center>span:first-child{text-shadow:none}.light .feeling-chip.selected{background:#4984780b;border-color:#447c73}.light .verdict-hero{background:linear-gradient(130deg,#ffffff6b,#b4d5c614);border-color:#426e6845}.light .ai-status{background:#578c7e09}.light .context-compass:hover{background:none}
@media(min-width:1600px){.intro{min-height:820px}.hero-copy{padding-left:25px}}
@media(max-width:1000px){.brand-en{display:none}.intro{padding-top:55px}.intro h1{font-size:clamp(45px,6.6vw,65px)}.hero-object .breathing-space{width:33vw;height:33vw;min-width:280px;min-height:280px}.workspace{margin-top:42px}.hero-actions{margin-top:29px}}
@media(max-width:700px){:root{--space:24px}header{height:80px;min-height:80px;padding:0;flex-wrap:nowrap}.brand{font-size:16px;letter-spacing:.07em;gap:6px}.brand .logo{font-size:28px;width:25px}header nav{gap:18px}header nav .quiet,.experience-settings>summary{font-size:10px}.settings-panel{right:-60px;width:240px}.intro{grid-template-columns:1fr;grid-template-rows:auto auto auto;gap:0;min-height:0;padding:45px 0 20px}.hero-copy{text-align:center;padding:0}.eyebrow{justify-content:center;font-size:8px;letter-spacing:.12em}.intro h1{font-size:clamp(42px,10.5vw,62px);line-height:1.4;margin:25px 0 17px}.intro p.hero-description{font-size:12px;line-height:2}.hero-actions{align-items:center;margin-top:24px;gap:2px}.primary{font-size:12px;padding:15px 23px;min-height:50px}.hero-actions .skip{font-size:10px}.hero-object{padding:22px 0 26px}.object-caption{display:none}.hero-object .breathing-space{width:260px;height:260px;min-width:0;min-height:0;margin:0 auto}.breath-center>span:first-child{font-size:14px}.hero-object .breath-progress{margin-bottom:12px}.intro p.breath-caption{font-size:9px}.hero-bottom{grid-column:1;padding-top:20px}.hero-footnote{font-size:10px}.hero-footnote em{font-size:9px}.hero-index{font-size:10px}.hero-index>span{font-size:8px}.workspace{margin-top:35px;padding:0;min-height:65vh}.worktop{gap:20px;margin-bottom:25px}.worktop .small-label{font-size:8px;letter-spacing:.12em}h2{font-size:28px;line-height:1.7;letter-spacing:-.025em;margin-top:14px}.badge{font-size:10px;padding:7px 0;min-height:36px}.journey{margin-bottom:30px}.journey li{font-size:10px;padding-bottom:14px}.journey li span{font-size:8px;margin-right:6px}textarea{font-size:16px;min-height:185px;padding:14px 0 20px}textarea::placeholder{font-size:14px;line-height:2.1}.samples{gap:8px;margin:23px 0}.chip{font-size:10px;padding:10px 12px}.ai-switch{font-size:11px;margin:20px 0}.ai-switch small{font-size:9px}.action-row{gap:15px}.hint{font-size:10px;max-width:145px}.action-row .primary{padding:14px 17px}.action-row .primary span{margin-left:14px}.lab-footnote{font-size:8px;gap:18px;line-height:1.8;margin-top:35px}.ritual-stage{margin-top:10px}.ritual-stage h3{font-size:25px;line-height:1.8;margin:18px 0}.ritual-sub{font-size:11px;margin-bottom:22px;line-height:2.05}.thought-trail{margin:0 auto 25px;gap:6px}.thought-pill{font-size:10px;padding:7px 9px}.thought-input{font-size:22px;margin-top:23px;padding:17px 4px}.thought-input::placeholder{font-size:18px}.thought-orb{width:150px;height:150px;margin-top:23px}.ritual-actions{gap:8px;flex-wrap:nowrap;align-items:center}.ritual-actions .quiet{font-size:10px}.ritual-count{font-size:9px;max-width:140px;text-align:right;line-height:1.8}.ritual-footnote{font-size:8px;line-height:2;max-width:280px;margin:13px auto 0}.compass-chips:has(.context-compass){grid-template-columns:1fr;gap:0;margin-top:25px}.context-compass{min-height:0;padding:18px 0;border-bottom:0;gap:9px;display:grid;grid-template-columns:1fr}.context-compass:last-child{border-bottom:1px solid var(--line)}.context-compass strong{font-size:17px;line-height:1.8}.context-compass em{font-size:9px}.feeling-choices{gap:8px;margin:25px auto 19px}.feeling-chip{padding:17px 8px;font-size:12px;min-height:88px;border-radius:7px;line-height:1.9}.feeling-chip small{font-size:8px}.fine-control{font-size:9px}.question h3{font-size:25px;line-height:1.85;margin:18px auto 28px}.answers{grid-template-columns:1fr;gap:0}.answer{padding:19px 0;min-height:0;border-bottom:0;display:flex;align-items:center;gap:17px;font-size:10px}.answer:last-child{border-bottom:1px solid var(--line)}.answer strong{font-size:15px;min-width:35%;margin:0;flex-shrink:0;max-width:70%}.question+.action-row{margin-top:8px}.verdict-hero{padding:26px 22px;border-radius:12px;margin-bottom:36px}.verdict-heading{align-items:flex-start;flex-wrap:wrap;gap:8px}.verdict-heading .small-label{font-size:7px;letter-spacing:.08em}.verdict-tag{font-size:8px}.verdict-query{font-size:10px;margin:26px 0 17px}.verdict-hero h3{font-size:27px;line-height:1.8;margin-bottom:21px}.verdict-reason{font-size:12px;line-height:2.05}.verdict-stats{gap:12px;justify-content:space-between;margin:24px 0 19px;padding:20px 0}.verdict-stats strong{font-size:26px}.verdict-stats small{font-size:8px}.verdict-stats span{font-size:8px;line-height:1.8}.verdict-tradeoff{font-size:10px;line-height:2}.ai-result-note{padding-left:15px;margin-top:25px}.ai-explanation{font-size:12px;line-height:2.1}.ai-closing{font-size:11px}.result-layout{grid-template-columns:1fr;gap:20px}.sliders{padding-top:22px}.slider-row{margin:22px 0}.card-top h3{font-size:16px}.rank{font-size:8px}.divider{gap:15px}.divider>div{gap:8px;display:flex;flex-wrap:wrap}.principles{grid-template-columns:1fr;gap:22px;margin:45px auto 30px}.principles>div{padding-top:15px}.principles h3{margin:9px 0 6px}.principles p{font-size:10px}footer{margin-top:35px;font-size:8px;gap:15px}.attribution{text-align:left}.prototype-note{font-size:8px}}
@media(max-width:370px){:root{--space:18px}header nav{gap:12px}.intro h1{font-size:40px}.feeling-chip{font-size:11px;padding-inline:5px}.hero-index>span{max-width:105px;line-height:1.7}.verdict-hero{padding:23px 17px}.verdict-stats strong{font-size:23px}}
@media(prefers-reduced-motion:reduce){body:not(.motion-enabled) .breath,body:not(.motion-enabled) .orb-halo{animation:none!important;transform:none}body:not(.motion-enabled) .particle{display:none}}
.motion-off .breath,.motion-off .orb-halo{animation:none!important;transform:none;opacity:1}.motion-off .particle{display:none}
.compose-layout{display:grid;grid-template-columns:minmax(0,1fr) 265px;gap:55px;align-items:start;margin:15px 0 30px}.compose-writing textarea{min-height:225px;margin:0;font-size:18px}.compose-writing .input-meta{margin-bottom:0}.compose-aside{border-left:1px solid var(--line);padding-left:30px}.compose-aside .samples{margin:0 0 25px;gap:8px}.compose-aside .samples>span{margin-bottom:8px}.compose-aside .chip{font-size:10px;padding:10px 13px}.compose-aside .ai-switch{padding-top:22px;border-top:1px solid var(--line);margin:0;font-size:11px}.compose-aside .ai-switch small{font-size:9px;line-height:2.1}.companion-orb{display:inline-block;vertical-align:middle;width:14px;height:14px;margin-right:10px;border:1px solid #d9f4e66b;border-radius:45% 55% 53% 47%;background:radial-gradient(circle at 30% 25%,#e2fff08f,transparent 35%),linear-gradient(135deg,#accdc636,#7e8bc445);box-shadow:0 0 20px #b1d9ca15;transition:box-shadow 1s}.badge{display:flex;align-items:center;white-space:nowrap}.badge:hover .companion-orb{box-shadow:0 0 20px #b1d9ca40}body[data-scene=result] .companion-orb{background:#b9dbce73}
h2,h3{text-wrap:balance}.ritual-sub{font-size:13px}.context-compass em{font-size:11px}.fine-control summary{min-height:44px;display:flex;align-items:center;justify-content:center}.compose-aside .ai-switch small{font-size:10px}.chip{min-height:44px}
@media(max-width:850px){.compose-layout{grid-template-columns:minmax(0,1fr) 235px;gap:30px}.compose-aside{padding-left:23px}.compose-writing textarea{font-size:16px}}
@media(max-width:700px){.compose-layout{grid-template-columns:1fr;gap:22px;margin-top:0;margin-bottom:22px}.compose-writing textarea{min-height:150px;font-size:16px;padding-top:12px}.compose-aside{padding:0;border:0}.compose-aside .samples{margin-bottom:20px;gap:8px}.compose-aside .samples>span{margin-bottom:4px}.compose-aside .ai-switch{padding-top:0;border:0;font-size:11px}.compose-aside .ai-switch small{font-size:9px}.companion-orb{height:12px;width:12px;margin-right:6px}.badge{font-size:9px}}
@media(max-width:700px){.ritual-sub{font-size:12px}.context-compass em{font-size:11px}.compose-aside .ai-switch small{font-size:10px}.ritual-actions .quiet{font-size:11px}.hero-actions .skip{font-size:11px}.feeling-chip small{font-size:9px}.ai-closing{font-size:12px}.verdict-tradeoff{font-size:11px}}