:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}html{scroll-padding-top:env(safe-area-inset-top,0px)}body{color:#000;background:#fff;margin:0;padding:0;font:14px -apple-system,BlinkMacSystemFont,sans-serif}img{max-width:100%}[hidden]:not([hidden=until-found i]){display:none!important}:root{--bg:#eceff3;--surface:#f6f7f9;--ink:#1b2130;--muted:#5d6576;--line:#d5dae2;--lamp:#b9661a;--lamp-soft:#f2e4d2;--rec:#c7352b;--mgr:#1f2738;--ok:#2f7a55;--f-display:"Hahmlet","Nanum Myeongjo","AppleMyungjo",serif;--f-body:"IBM Plex Sans KR","Apple SD Gothic Neo","Malgun Gothic",system-ui,sans-serif;--f-mono:"IBM Plex Mono",ui-monospace,"SFMono-Regular",Menlo,monospace;--r:10px}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#11151f;--surface:#181d29;--ink:#e6e8ed;--muted:#98a0b2;--line:#283042;--lamp:#f0a34a;--lamp-soft:#2c2416;--rec:#ff5b4f;--mgr:#f1ece3;--ok:#6cc69a;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--bg:#11151f;--surface:#181d29;--ink:#e6e8ed;--muted:#98a0b2;--line:#283042;--lamp:#f0a34a;--lamp-soft:#2c2416;--rec:#ff5b4f;--mgr:#f1ece3;--ok:#6cc69a;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}[hidden]{display:none!important}html,body{height:100%}body{background:var(--bg);color:var(--ink);font-family:var(--f-body);padding-left:max(16px, env(safe-area-inset-left,0px));padding-right:max(16px, env(safe-area-inset-right,0px));font-size:15px;line-height:1.6}.app{flex-direction:column;max-width:720px;height:100%;min-height:0;margin:0 auto;display:flex}.screen{flex-direction:column;flex:1;min-height:0;display:flex}button,textarea,input{font:inherit;color:inherit}button{cursor:pointer}:focus-visible{outline:2px solid var(--lamp);outline-offset:2px}.btn{border:1px solid var(--ink);background:var(--ink);color:var(--bg);border-radius:999px;padding:10px 20px;font-weight:600}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.ghost{color:var(--ink);border-color:var(--line);background:0 0}.btn.small{white-space:nowrap;flex:none;padding:6px 14px;font-size:13px}.mono{font-family:var(--f-mono);font-variant-numeric:tabular-nums}.label{font-family:var(--f-mono);letter-spacing:.08em;color:var(--muted);font-size:11px}#intro{gap:28px;padding-block:clamp(28px,8vh,72px) 32px;overflow-y:auto}.eyebrow{align-items:center;gap:10px;display:flex}.dot{background:var(--rec);border-radius:50%;flex:none;width:8px;height:8px}@media (prefers-reduced-motion:no-preference){.dot.live{animation:1.6s ease-in-out infinite blink}}@keyframes blink{50%{opacity:.25}}h1{font-family:var(--f-display);letter-spacing:-.01em;margin:0;font-size:clamp(44px,12vw,76px);font-weight:600;line-height:1.05}.q{font-family:var(--f-display);text-wrap:balance;margin:0;font-size:clamp(19px,4.6vw,24px);line-height:1.5}.a{font-family:var(--f-display);color:var(--lamp);margin:6px 0 0;font-size:clamp(19px,4.6vw,24px)}.rules{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);gap:10px;max-width:62ch;margin:0;padding:18px 20px;list-style:none;display:grid}.rules li{color:var(--muted);grid-template-columns:22px 1fr;gap:6px;display:grid}.rules li b{color:var(--ink);font-weight:600}.rules .k{font-family:var(--f-mono);color:var(--lamp);padding-top:2px;font-size:12px}.entry{gap:14px;max-width:420px;display:grid}.field{gap:6px;display:grid}.field input{border:1px solid var(--line);background:var(--surface);border-radius:8px;padding:10px 12px}.check{color:var(--muted);align-items:flex-start;gap:10px;font-size:14px;display:flex}.check input{accent-color:var(--lamp);margin-top:4px}.back{font-family:var(--f-display);margin:0;font-size:20px}.note{color:var(--muted);margin:0;font-size:13px}.warn{color:var(--rec);margin:0;font-size:13px}.bar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding-block:14px;display:flex}.bar .left{align-items:center;gap:10px;min-width:0;display:flex}.bar .title{font-family:var(--f-display);white-space:nowrap;font-size:17px;font-weight:600}.bar .tc{font-family:var(--f-mono);color:var(--muted);font-variant-numeric:tabular-nums;font-size:12px}.log{overscroll-behavior:contain;flex-direction:column;flex:1;min-height:0;padding-block:8px 16px;display:flex;overflow-y:auto}.msg{flex-direction:column;align-items:flex-start;gap:4px;max-width:min(80%,520px);margin-top:14px;display:flex}.msg.u{align-self:flex-end;align-items:flex-end}.msg.m+.msg.m,.msg.u+.msg.u{margin-top:6px}.who{font-family:var(--f-mono);color:var(--muted);align-items:baseline;gap:6px;padding-inline:4px;font-size:11px;line-height:1.4;display:flex}.who b{font-family:var(--f-body);color:var(--ink);font-size:12px;font-weight:600}.msg.u .who b,.msg.m+.msg.m .who,.msg.u+.msg.u .who{display:none}.fbrow{padding:10px 0 18px}.fbin{justify-self:start}.survey{border:1px dashed var(--line);border-radius:var(--r);background:var(--surface);gap:10px;max-width:560px;padding:16px;display:grid}.survey .sq{margin:0;font-weight:600}.survey textarea{border:1px solid var(--line);background:var(--bg);resize:vertical;border-radius:8px;min-height:64px;padding:8px 10px}.survey .choice{background:var(--bg);padding:7px 14px;font-size:14px}.survey .row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}#opinion{max-width:420px}#opinion summary{color:var(--muted);font-size:13px}#opinion .survey{margin-top:10px}.byerow{padding:8px 0 4px;display:flex}.byebtn{border:1px solid var(--line);background:var(--surface);color:var(--muted);white-space:nowrap;border-radius:999px;padding:6px 14px;font-size:13px}.byebtn:hover{border-color:var(--lamp);color:var(--ink)}.msg.u .who b{color:var(--lamp)}.say{white-space:pre-wrap;overflow-wrap:anywhere;border-radius:18px;min-width:0;max-width:100%;padding:9px 14px;font-size:15.5px;line-height:1.55}.msg.m .say{background:var(--surface);border:1px solid var(--line);color:var(--mgr);border-top-left-radius:6px}.msg.u .say{background:var(--lamp-soft);color:var(--ink);border:1px solid #0000;border-top-right-radius:6px}.thinking{color:var(--muted);font-family:var(--f-body)!important;font-size:14px!important}.thinking i{background:var(--muted);vertical-align:middle;border-radius:50%;width:4px;height:4px;margin-left:4px;display:inline-block}@media (prefers-reduced-motion:no-preference){.thinking i{animation:1.2s infinite pulse}.thinking i:nth-child(2){animation-delay:.2s}.thinking i:nth-child(3){animation-delay:.4s}}@keyframes pulse{0%,to{opacity:.2}50%{opacity:1}}.sys{color:var(--muted);text-align:center;padding:10px 0;font-size:13px}.help{border:1px solid var(--rec);font-family:var(--f-body);color:var(--ink);border-radius:8px;margin-top:10px;padding:12px 14px;font-size:14px}.help b{color:var(--rec)}.composer{border-top:1px solid var(--line);align-items:flex-end;gap:10px;padding-block:12px;display:flex}.composer textarea{resize:none;border:1px solid var(--line);background:var(--surface);border-radius:12px;flex:1;min-width:0;max-height:140px;padding:10px 14px;line-height:1.5}.errline{color:var(--rec);min-height:0;margin:0;font-size:13px}#picks,#intent{gap:18px;padding-block:clamp(28px,7vh,64px) 32px;overflow-y:auto}#intent .survey{max-width:560px}.pickcard{border:1px solid var(--line);border-radius:var(--r);background:var(--surface);gap:14px;max-width:560px;padding:20px;display:grid}.pickq{font-family:var(--f-display);text-wrap:balance;margin:0;font-size:clamp(20px,5vw,24px)}.pickcard .choice{background:var(--bg)}.pickcard .choice:hover{border-color:var(--lamp)}.linkbtn{color:var(--muted);background:0 0;border:0;padding:0;font-size:13px;text-decoration:underline}#end{gap:22px;padding-block:40px;overflow-y:auto}.choices{flex-wrap:wrap;gap:10px;display:flex}.choice{border:1px solid var(--line);background:var(--surface);border-radius:999px;padding:10px 18px}.choice[aria-pressed=true]{border-color:var(--lamp);background:var(--lamp-soft);color:var(--ink);font-weight:600}#end textarea{border:1px solid var(--line);background:var(--surface);resize:vertical;border-radius:10px;max-width:520px;min-height:80px;padding:10px 12px}#admin{gap:22px;padding-block:20px 40px;overflow-y:auto}.stats{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;display:grid}.stat{border:1px solid var(--line);border-radius:var(--r);background:var(--surface);padding:12px 14px}.stat .v{font-family:var(--f-mono);font-variant-numeric:tabular-nums;font-size:22px}.tablewrap{border:1px solid var(--line);border-radius:var(--r);overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:640px;font-size:14px}th,td{text-align:left;border-bottom:1px solid var(--line);white-space:nowrap;padding:10px 12px}th{font-family:var(--f-mono);letter-spacing:.06em;color:var(--muted);background:var(--surface);font-size:11px;font-weight:500}td.num{font-family:var(--f-mono);font-variant-numeric:tabular-nums}td.more{color:var(--lamp);font-size:13px}.axes{gap:8px;margin:0;padding:0;list-style:none;display:grid}.axes li{grid-template-columns:110px 44px 1fr;align-items:baseline;gap:10px;font-size:14px;display:grid}.axes .n{font-weight:600}.axes .d{font-family:var(--f-mono);color:var(--lamp);letter-spacing:.1em}.axes .s{color:var(--muted);min-width:0}@media (width<=480px){.axes li{grid-template-columns:1fr auto}.axes .s{grid-column:1/-1}}tr.pick{cursor:pointer}tr.pick:hover td{background:var(--lamp-soft)}.detail{border:1px solid var(--line);border-radius:var(--r);background:var(--surface);gap:16px;padding:18px;display:grid}.detail h3{font-family:var(--f-display);margin:0;font-size:20px}.chips{flex-wrap:wrap;gap:6px;display:flex}.chip{border:1px solid var(--line);background:var(--bg);border-radius:999px;padding:3px 10px;font-size:13px}.chip small{color:var(--muted);font-family:var(--f-mono);margin-left:4px}.facts{gap:6px;margin:0;padding:0;list-style:none;display:grid}.facts li{grid-template-columns:auto 1fr auto;gap:10px;font-size:14px;display:grid}.facts .t{color:var(--muted);font-family:var(--f-mono);padding-top:2px;font-size:12px}.facts .c{font-family:var(--f-mono);color:var(--lamp);font-size:12px}details{border-top:1px solid var(--line);padding-top:10px}summary{cursor:pointer;font-size:14px}.script{gap:8px;margin-top:10px;font-size:14px;display:grid}.script p{white-space:pre-wrap;overflow-wrap:anywhere;margin:0}.script .sm{font-family:var(--f-display)}.script .su{color:var(--lamp)}.oddlist{gap:6px;margin:0;padding:0;font-size:14px;list-style:none;display:grid}.oddlist .ty{font-family:var(--f-mono);color:var(--rec);margin-right:8px;font-size:11px}.know{border:1px solid var(--line);border-radius:var(--r);background:var(--surface);gap:8px;max-width:420px;padding:14px 16px;display:grid}.knowtop{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.knowpct{color:var(--lamp);font-size:22px}.meter{background:var(--line);border-radius:999px;height:6px;display:block;overflow:hidden}.meter i{background:var(--lamp);border-radius:999px;width:0;height:100%;transition:width .6s;display:block}.meter.small{vertical-align:middle;width:90px;height:5px;display:inline-block}.btnrow{flex-wrap:wrap;gap:10px;display:flex}.bar .left{flex-wrap:wrap;row-gap:2px}.tc.up{color:var(--ok);font-weight:500}.learned{gap:8px;max-width:560px;margin:8px 0 0;padding:0;list-style:none;display:grid}.learned li{border:1px solid var(--line);background:var(--surface);border-radius:8px;justify-content:space-between;align-items:flex-start;gap:12px;padding:10px 12px;font-size:14px;display:flex}.learned li>span{gap:2px;min-width:0;display:grid}.learned small{font-family:var(--f-mono);color:var(--muted);font-size:11px}.learned .linkbtn{flex:none}.cats{gap:4px;display:grid}.cats details{border-top:1px solid var(--line);padding-top:8px}.catrow{align-items:center;gap:10px;font-size:14px;display:flex}.catrow .n{min-width:120px;font-weight:600}.facts li.empty{opacity:.45}@media (width<=480px){.msg{max-width:86%}}.login{gap:12px;max-width:420px;display:grid}.devlist{flex-wrap:wrap;gap:8px;display:flex}.gate{border:1px solid var(--line);border-radius:var(--r);color:#1b2130;background:#fff;gap:12px;max-width:420px;padding:24px;display:grid}.gate .q{color:#1b2130}.cfgval{border:1px solid var(--line);background:var(--bg);border-radius:8px;width:100%;min-width:0;padding:6px 8px}td.wrap{white-space:normal;overflow-wrap:anywhere;min-width:160px}#root{height:100%}
