:root{--primary:#6366f1;--primary-hover:#4f46e5;--bg-color:#0f172a;--surface:#1e293b;--surface-hover:#334155;--text-main:#f8fafc;--text-muted:#94a3b8;--accent:#ec4899;--accent-hover:#db2777;--success:#22c55e;--danger:#ef4444;--font-family:"Inter", system-ui, sans-serif;--radius:12px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background:var(--bg-color);color:var(--text-main);justify-content:center;align-items:center;min-height:100vh;display:flex}#root{width:100%;max-width:600px;padding:24px}.app-container{background:var(--surface);border-radius:var(--radius);text-align:center;padding:32px;animation:.5s ease-out fadeIn;box-shadow:0 10px 30px #00000080}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}h1.title{background:linear-gradient(135deg, var(--primary), var(--accent));-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:16px;font-size:28px;font-weight:700}h2{margin-bottom:16px;font-size:24px}p.desc{color:var(--text-muted);margin-bottom:24px;line-height:1.6}button{background:var(--primary);color:#fff;border-radius:var(--radius);cursor:pointer;border:none;width:100%;padding:12px 24px;font-size:16px;font-weight:600;transition:all .2s}button:hover{background:var(--primary-hover);transform:translateY(-2px)}button.secondary{background:var(--surface-hover);color:var(--text-main)}button.secondary:hover{background:#475569}button.accent{background:var(--accent)}button.accent:hover{background:var(--accent-hover)}.input-group{text-align:left;margin-bottom:16px}.input-group label{color:var(--text-muted);margin-bottom:8px;font-size:14px;font-weight:500;display:block}input[type=text]{background:var(--bg-color);border:1px solid var(--surface-hover);width:100%;color:var(--text-main);border-radius:8px;outline:none;padding:12px;font-size:16px;transition:border-color .2s}input[type=text]:focus{border-color:var(--primary)}textarea{background:var(--bg-color);border:1px solid var(--surface-hover);width:100%;color:var(--text-main);font-size:14px;font-family:var(--font-family);resize:vertical;border-radius:8px;outline:none;height:80px;margin-bottom:16px;padding:12px}textarea:focus{border-color:var(--primary)}.timer-display{color:var(--accent);font-variant-numeric:tabular-nums;margin:32px 0;font-size:48px;font-weight:800}.emotion-card{background:var(--bg-color);border:2px dashed var(--primary);border-radius:var(--radius);margin:24px 0;padding:24px}.emotion-card h3{color:var(--primary);margin-bottom:12px;font-size:32px}.emotion-card p{color:var(--text-muted)}.guess-grid{grid-template-columns:repeat(2,1fr);gap:12px;margin-top:24px;margin-bottom:24px;display:grid}.guess-btn{background:var(--surface-hover);color:var(--text-main);border:1px solid #0000}.guess-btn:hover{border-color:var(--primary);background:var(--surface-hover);transform:none}.guess-btn.selected{background:var(--primary);border-color:var(--primary)}.result-box{background:var(--bg-color);text-align:left;border-radius:8px;margin-bottom:16px;padding:16px}.result-box h4{color:var(--primary);margin-bottom:4px}