/* Adapted from Decision Maker. Original project by Ankit Chaubey.
   https://github.com/VasuLabs/decision-maker — see DECISION-MAKER-LICENSE.txt. */
:root{color-scheme:dark;--bg1:#050814;--bg2:#0b1827;--ink:#e5edf6;--muted:#91a1b6;--accent:#62c9f5;--soft:#a6e2ff;--line:#a6c8ef23;--field:#07101c80;--panel:#0b1624b8;--green:#7dd3fc}
body{background:linear-gradient(120deg,var(--bg1),var(--bg2),var(--bg1));background-size:400% 400%;animation:bgFlow 20s ease infinite;color:var(--ink);transition:background-color .6s,color .6s;min-height:100vh;overflow-x:hidden}body.black{--bg1:#000;--bg2:#080c14;--panel:#0b0f18d9;--field:#080b11}body.light{color-scheme:light;--bg1:#eef5fa;--bg2:#f8fbff;--ink:#183049;--muted:#5b7288;--accent:#087fae;--soft:#167ea7;--line:#35688825;--panel:#ffffffa8;--field:#f8fbfe;--green:#087fae}
@keyframes bgFlow{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}[hidden]{display:none!important}header,main,footer{position:relative;z-index:1;max-width:1140px}header{height:92px;border-color:var(--line)}header nav{display:flex;gap:9px;align-items:center}.brand{font-size:18px;font-weight:500;letter-spacing:2px}.logo{background:none;color:var(--soft);font-size:31px}.brand-en{font-size:8px;letter-spacing:2px;margin-left:15px;color:var(--muted)}.quiet{color:var(--muted);transition:.25s}.quiet:hover{color:var(--ink);background:#7dd3fc0c;border-radius:20px}.quiet span{background:#7dd3fc18;color:var(--soft)}.ambient-background{position:fixed;inset:0;pointer-events:none;overflow:hidden;z-index:0}.nebula{position:absolute;width:650px;height:650px;border-radius:50%;filter:blur(80px);opacity:.12;animation:drift 24s ease-in-out infinite alternate}.nebula-a{background:radial-gradient(ellipse,#1a77a9,transparent 65%);left:4%;top:8%}.nebula-b{background:radial-gradient(ellipse,#384da5,transparent 65%);right:-15%;bottom:-20%;animation-delay:-12s}.particle{position:absolute;background:#9de3ff;border-radius:50%;box-shadow:0 0 9px #8ddcff60;animation:float linear infinite;opacity:0}.light .particle{background:#2480a4;box-shadow:none}.light .nebula{opacity:.09}@keyframes float{0%{transform:translate3d(0,105vh,0);opacity:0}12%,80%{opacity:var(--particle-opacity,.35)}100%{transform:translate3d(25px,-12vh,0);opacity:0}}@keyframes drift{to{transform:translate3d(75px,-45px,0) scale(1.13)}}
.intro{min-height:calc(100svh - 180px);padding:42px 20px 28px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;animation:stageIn 1.1s both}.eyebrow{font-size:9px;letter-spacing:3px;color:var(--muted);justify-content:center}.dot{background:var(--accent);box-shadow:0 0 15px #62c9f5}.intro h1{font-size:clamp(35px,4.4vw,59px);font-weight:400;letter-spacing:5px;line-height:1.6;margin:18px 0 15px}.underline{background:none;color:var(--soft)}.intro p{color:var(--muted);font-size:13px;line-height:2;letter-spacing:1px;margin:0}.breathing-space{width:230px;height:230px;position:relative;margin:18px auto 8px;display:grid;place-items:center;isolation:isolate}.breath{position:absolute;width:160px;height:160px;border-radius:50%;background:radial-gradient(circle,#7dd3fc45 0%,#7dd3fc20 33%,#7dd3fc09 60%,transparent 72%);box-shadow:0 0 60px #7dd3fc17,inset 0 0 45px #7dd3fc15;animation:breath 8s ease-in-out infinite;border:1px solid #7dd3fc1c}.breath:before,.breath:after{content:'';position:absolute;inset:17px;border-radius:50%;border:1px solid #b0e7ff16}.breath:after{inset:-20px;border-color:#7dd3fc09}.orbit{position:absolute;border:1px solid #7dd3fc12;border-radius:50%;inset:8px}.orbit-inner{inset:24px;border-style:dashed;opacity:.6;animation:orbit 80s linear infinite}.orbit-outer:before{content:'';position:absolute;width:5px;height:5px;border-radius:50%;background:var(--soft);left:50%;top:-3px;box-shadow:0 0 13px var(--accent)}.orbit-outer{animation:orbit 40s linear infinite}.breath-center{z-index:1;display:flex;flex-direction:column;gap:10px;align-items:center}.breath-center>span:first-child{font-size:15px;letter-spacing:4px;color:var(--soft)}.breath-center>span:last-child{font-size:9px;letter-spacing:1px;color:var(--muted)}@keyframes breath{0%,100%{transform:scale(.83);opacity:.6}50%{transform:scale(1.18);opacity:1}}@keyframes orbit{to{transform:rotate(360deg)}}.breath-progress{display:flex;gap:7px;margin:0 0 15px}.breath-progress i{width:3px;height:3px;border-radius:50%;background:var(--accent);opacity:.25;animation:glimmer 8s infinite}.breath-progress i:nth-child(2){animation-delay:1s}.breath-progress i:nth-child(3){animation-delay:2s}.breath-progress i:nth-child(4){animation-delay:3s}@keyframes glimmer{50%{opacity:1;box-shadow:0 0 8px var(--accent)}}.intro p.breath-caption{font-size:11px;letter-spacing:1px;margin:0 0 22px}.primary{background:linear-gradient(135deg,#38bdf8,#a6e2ff);color:#071b29;border:1px solid #b5e9ff40;border-radius:999px;box-shadow:0 8px 30px #38bdf824;padding:15px 28px;font-weight:500;transition:transform .35s,box-shadow .35s}.primary span{color:#13415a}.primary:hover{background:linear-gradient(135deg,#5bcaff,#bceaff);transform:translateY(-4px);box-shadow:0 12px 36px #38bdf842}.primary:active{transform:translateY(-1px)}.skip{font-size:11px;margin-top:12px}.hero-footnote{font-size:9px;color:var(--muted);opacity:.7;letter-spacing:2px;margin-top:22px}
.workspace{max-width:920px;margin:60px auto 0;background:var(--panel);border:1px solid var(--line);box-shadow:0 30px 100px #00000020,inset 0 1px 0 #ffffff05;border-radius:25px;padding:34px 36px;backdrop-filter:blur(18px);animation:stageIn .8s cubic-bezier(.22,.61,.36,1) both}.worktop{margin-bottom:30px}.small-label{color:var(--muted);font-size:9px;letter-spacing:2px}h2{font-weight:400;font-size:23px;letter-spacing:1px;line-height:1.7;outline:none}.badge{border:1px solid var(--line);color:var(--muted);background:transparent;border-radius:99px;cursor:pointer;white-space:nowrap}.badge:hover{color:var(--soft);border-color:var(--accent)}textarea,.option-edit input{background:var(--field);border-color:var(--line);color:var(--ink);transition:border-color .3s,box-shadow .3s}textarea{min-height:140px;padding:21px;line-height:2}textarea::placeholder{color:var(--muted);opacity:.7}textarea:focus,.option-edit input:focus{outline:none;border-color:#62c9f580;box-shadow:0 0 0 3px #62c9f50a}.chip,.secondary{background:transparent;color:var(--muted);border:1px solid var(--line);border-radius:99px;transition:.3s}.chip:hover,.chip.active{color:var(--soft);background:#7dd3fc0b;border-color:#7dd3fc60;transform:translateY(-2px)}.secondary:hover{border-color:var(--accent);color:var(--soft)}.hint,.input-meta,.samples>span,.option-edit label{color:var(--muted)}.lab-footnote{display:flex;justify-content:space-between;gap:10px;font-size:10px;color:var(--muted);opacity:.7;border-top:1px solid var(--line);padding-top:20px;margin-top:24px}.step{color:var(--muted);font-size:11px;line-height:1.9}.step b{background:#7dd3fc12;color:var(--soft);padding:5px 12px}.question{background:linear-gradient(135deg,#7dd3fc0b,#627dff08);border:1px solid var(--line);padding:28px;border-radius:18px}.question h3{font-size:24px;font-weight:400;line-height:1.7;margin:12px 0 25px}.question .small-label{color:var(--muted)}.answer{background:var(--field);border-color:var(--line);color:var(--muted);border-radius:15px;padding:24px 18px;transition:.35s}.answer strong{color:var(--ink);font-weight:400;font-size:16px}.answer:hover{background:#7dd3fc0c;border-color:#7dd3fc70;transform:translateY(-5px);box-shadow:0 12px 25px #00000015}.sliders{background:var(--field);border:1px solid var(--line);border-radius:15px}.sliders h3{font-weight:400}.sliders p{color:var(--muted)}.slider-row input{accent-color:var(--accent);cursor:pointer}.result-card{border-color:var(--line);background:var(--field);border-radius:15px;animation:stageIn .65s both}.result-card:nth-child(2){animation-delay:.08s}.result-card:nth-child(3){animation-delay:.16s}.result-card.winner{border-color:#7dd3fc60;background:linear-gradient(135deg,#7dd3fc14,#38bdf805);box-shadow:0 0 35px #38bdf808}.card-top h3{font-weight:400}.rank{color:var(--soft)}.bar{background:#7dd3fc10;height:4px}.bar>i{background:linear-gradient(90deg,#348abd,#a2e4ff);box-shadow:0 0 10px #62c9f530;transition:width .6s ease}.result-card p,.result-card button{color:var(--muted)}.result-card button:hover{color:var(--soft)}.reason{border:1px solid var(--line);background:#7dd3fc08;color:var(--muted);border-radius:14px;line-height:2}.reason strong{color:var(--soft);font-weight:500}.divider{border-color:var(--line)}.error{color:#f4a69c}.toast{color:var(--soft)}.principles{max-width:920px;margin:40px auto 55px}.principles>div{border-color:var(--line)}.principles span,.principles p{color:var(--muted)}.principles h3{font-weight:400;color:var(--ink)}footer{border-color:var(--line);font-size:10px;line-height:2;color:var(--muted);padding:20px 0 25px}footer span:last-child{letter-spacing:0}.attribution{text-align:right}.attribution a{color:var(--soft);text-decoration:none}.attribution a:hover{text-decoration:underline}.prototype-note{font-size:9px;opacity:.7}dialog{background:var(--panel);color:var(--ink);backdrop-filter:blur(25px);border-color:var(--line)}dialog::backdrop{background:#020712b3;backdrop-filter:blur(9px)}.history-item{border-color:var(--line)}.history-item p{color:var(--muted)}.reflection-record{margin:23px 0 0;border-top:1px solid var(--line);padding-top:20px}.reflection-record summary{cursor:pointer;color:var(--soft);font-size:13px;list-style:none}.reflection-record summary:before{content:'＋ ';margin-right:7px}.reflection-record[open] summary:before{content:'− '}.reflection-timeline{margin:25px 0 23px 5px;padding:0;list-style:none}.reflection-timeline li{border-left:1px solid #7dd3fc35;padding:0 0 23px 24px;position:relative;animation:slideIn .7s both}.reflection-timeline li:last-child{padding-bottom:0}.reflection-timeline li:before{content:'';position:absolute;left:-4px;top:7px;width:7px;height:7px;background:var(--soft);border-radius:50%;box-shadow:0 0 10px #7dd3fc40}.reflection-timeline strong{font-size:12px;font-weight:400;color:var(--ink)}.reflection-timeline p{font-size:11px;color:var(--muted);line-height:1.9;margin:7px 0}.export-actions{display:flex;gap:9px;flex-wrap:wrap}.export-status{font-size:11px;color:var(--muted);margin-top:10px}.stage-enter{animation:stageIn .65s cubic-bezier(.22,.61,.36,1) both}@keyframes stageIn{from{opacity:0;transform:translateY(22px) scale(.985)}to{opacity:1;transform:none}}@keyframes slideIn{from{opacity:0;transform:translateX(-14px)}to{opacity:1;transform:none}}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:5px}button:disabled{cursor:default;opacity:.5}.motion-off *,.motion-off *:before,.motion-off *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.motion-off .particle{opacity:.15}.motion-off .breath{transform:scale(1);opacity:.8}.motion-off .stage-enter{opacity:1}.light .breath{background:radial-gradient(circle,#399fcd36,#62c9f514 50%,transparent 72%)}
@media(max-width:800px){.brand-en{display:none}header nav{gap:0}.quiet{font-size:11px;padding:8px}.workspace{margin-top:30px;padding:25px}.question{padding:22px}.intro{padding-top:30px}footer{margin-top:20px}}@media(max-width:650px){header{height:auto;min-height:90px;flex-wrap:wrap;gap:5px;padding:13px 0}.brand{font-size:16px}.brand .logo{width:24px}.intro{min-height:calc(100svh - 160px);padding:28px 0}.intro h1{font-size:36px;letter-spacing:3px}.breathing-space{width:220px;height:220px;margin:12px auto 5px}.intro p{font-size:12px}.workspace{padding:23px 18px}.worktop{gap:8px;align-items:flex-start}h2{font-size:19px}.badge{font-size:10px;padding:7px 9px}.action-row{align-items:flex-start;flex-wrap:wrap}.action-row>div{display:flex;flex-wrap:wrap;gap:9px}.question h3{font-size:20px}.answer{padding:18px}.answers{gap:9px}.lab-footnote{font-size:9px}.principles{margin:30px 0}.attribution{text-align:left}footer{gap:8px}}
@media(prefers-reduced-motion:reduce){body:not(.motion-enabled) *,body:not(.motion-enabled),body:not(.motion-enabled) *:before,body:not(.motion-enabled) *:after{animation:none!important;transition:none!important}.particle{opacity:.12}}
body.motion-off{animation:none!important}.motion-off .particle{top:35%}