:root{--bg: #FBFAF7;--surface: #FFFFFF;--text: #2B2A28;--subtle: #9A968E;--line: #ECE9E3;--accent: #1A1815;--user: #6B5BD6;--user-soft: #EFEBFF;--ai-soft: #F3F1EC;--radius: 18px;--maxw: 460px;--serif: "Nanum Myeongjo", serif;--sans: "Pretendard", -apple-system, system-ui, sans-serif}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);font-family:var(--sans);line-height:1.6;-webkit-font-smoothing:antialiased}.stage{max-width:var(--maxw);margin:0 auto;min-height:100%;display:flex;flex-direction:column;padding:0 22px}.topbar{height:56px;display:flex;align-items:center;justify-content:space-between;color:var(--subtle);font-size:14px}.topbar .title{font-family:var(--serif);color:var(--text);font-weight:700;letter-spacing:-.01em}.timer{color:var(--user);font-variant-numeric:tabular-nums;font-size:13px}.orb-wrap{display:flex;flex-direction:column;align-items:center;gap:14px;padding:30px 0 8px}.orb{border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff,#eceae4 70%,#dad6cc);box-shadow:0 20px 50px -18px #786e5a80,inset 0 -8px 18px #0000000a;transition:width .5s cubic-bezier(.2,.8,.2,1),height .5s cubic-bezier(.2,.8,.2,1);display:flex;align-items:center;justify-content:center;font-size:13px;color:var(--subtle);font-variant-numeric:tabular-nums}.orb-caption{color:var(--subtle);font-size:13px}.qtext{font-family:var(--serif);font-size:22px;font-weight:700;line-height:1.45;text-align:center;letter-spacing:-.02em;margin:24px 4px 26px;animation:rise .5s ease both}.options{display:flex;flex-direction:column;gap:11px}.opt{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:17px 20px;font-size:15.5px;color:var(--text);text-align:left;cursor:pointer;transition:border-color .15s,transform .08s,background .15s;animation:rise .5s ease both}.opt:hover{border-color:#d8d3c8}.opt:active{transform:scale(.985)}.opt.sel{border-color:var(--accent);background:#faf8f3}.navrow{display:flex;align-items:center;justify-content:center;gap:18px;color:var(--subtle);font-size:13px;padding:22px 0}.navrow button{background:none;border:none;color:var(--subtle);cursor:pointer;font-size:13px}.btn{background:var(--accent);color:#fff;border:none;border-radius:999px;padding:15px 30px;font-size:15px;font-weight:600;cursor:pointer;transition:opacity .15s,transform .08s;font-family:var(--sans)}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.4;cursor:default}.btn-ghost{background:none;color:var(--subtle);border:1px solid var(--line)}.chat{flex:1;display:flex;flex-direction:column;gap:10px;padding:14px 0 100px;overflow-y:auto}.bubble{max-width:84%;padding:12px 16px;border-radius:var(--radius);font-size:15px;white-space:pre-wrap;animation:rise .35s ease both}.bubble.ai{align-self:flex-start;background:var(--ai-soft);border-bottom-left-radius:6px}.bubble.user{align-self:flex-end;background:var(--user);color:#fff;border-bottom-right-radius:6px}.typing{color:var(--subtle);font-style:italic}.composer{position:fixed;bottom:0;left:0;right:0;background:linear-gradient(transparent,var(--bg) 24%);padding:14px 0 18px}.composer-inner{max-width:var(--maxw);margin:0 auto;padding:0 22px;display:flex;gap:8px}.composer input{flex:1;background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:13px 18px;font-size:15px;font-family:var(--sans);outline:none}.composer input:focus{border-color:#d8d3c8}.send{background:var(--accent);color:#fff;border:none;border-radius:999px;padding:0 20px;cursor:pointer}.send:disabled{opacity:.35}.report{padding:18px 0 60px;animation:rise .5s ease both}.report .headline{font-family:var(--serif);font-size:24px;font-weight:800;line-height:1.4;letter-spacing:-.02em;margin-bottom:8px}.report .typetag{display:inline-block;background:var(--user-soft);color:var(--user);padding:5px 13px;border-radius:999px;font-size:13px;font-weight:600;margin-bottom:20px}.report .summary{font-size:16px;color:var(--text);margin-bottom:28px}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:18px 20px;margin-bottom:12px}.card h4{font-size:14px;font-weight:700;margin-bottom:6px}.card p{font-size:14.5px;color:#55514a}.label{font-size:12px;color:var(--subtle);letter-spacing:.04em;margin:26px 0 10px;text-transform:uppercase}.qlist li{font-size:14.5px;color:#55514a;margin:8px 0 8px 18px}.intro{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:18px;padding:40px 0}.intro h1{font-family:var(--serif);font-size:30px;font-weight:800;letter-spacing:-.02em}.intro p{color:var(--subtle);font-size:15px;max-width:320px}.err{background:#fff3f0;color:#b4451f;border-radius:12px;padding:12px 16px;font-size:14px;margin:10px 0}.modal-overlay{position:fixed;inset:0;background:#2b2a287a;display:flex;align-items:center;justify-content:center;z-index:200;animation:rise .2s ease both}.modal-box{background:var(--surface);border-radius:24px;padding:34px 28px 28px;max-width:320px;width:calc(100% - 48px);text-align:center;display:flex;flex-direction:column;gap:14px;box-shadow:0 24px 64px -12px #2b2a2838}.modal-box h3{font-family:var(--serif);font-size:21px;font-weight:800;letter-spacing:-.02em}.modal-box p{color:var(--subtle);font-size:13.5px;line-height:1.65}.modal-actions{display:flex;flex-direction:column;gap:10px;margin-top:4px}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes orb-slosh1{0%,to{transform:translate(0)}50%{transform:translate(-140px)}}@keyframes orb-slosh2{0%,to{transform:translate(-42px)}50%{transform:translate(-98px)}}.orb-wave1{animation:orb-slosh1 2.8s ease-in-out infinite}.orb-wave2{animation:orb-slosh2 3.5s ease-in-out infinite}.dots span{animation:blink 1.4s infinite both}.dots span:nth-child(2){animation-delay:.2s}.dots span:nth-child(3){animation-delay:.4s}@keyframes blink{0%,80%,to{opacity:.2}40%{opacity:1}}