:root,[data-theme=dark]{--bg-primary:#0a0a0a;--bg-secondary:#141414;--bg-card:#1a1a1a;--bg-card-hover:#222;--bg-bubble-sender:#9eeb00;--bg-bubble-receiver:#2a2a2a;--text-primary:#f5f5f5;--text-secondary:#a0a0a0;--text-muted:#666;--text-on-accent:#0a0a0a;--accent:#9eeb00;--accent-hover:#8cd400;--accent-muted:rgba(158,235,0,.15);--accent-glow:rgba(158,235,0,.3);--accent-red:#ef4444;--accent-orange:#f97316;--accent-purple:#a855f7;--accent-pink:#ec4899;--accent-yellow:#eab308;--border-color:#2a2a2a;--border-subtle:#1f1f1f;--border-hover:#444;--header-bg:hsla(0,0%,4%,.85);--radius-sm:8px;--radius-md:12px;--radius-lg:20px;--radius-full:9999px;--font-display:"Space Mono",monospace;--font-body:"DM Sans",sans-serif;--shadow-card:0 2px 8px rgba(0,0,0,.3);--shadow-float:0 8px 32px rgba(0,0,0,.5)}[data-theme=light]{--bg-primary:#f5f5f0;--bg-secondary:#eaeae5;--bg-card:#fff;--bg-card-hover:#f9f9f6;--bg-bubble-sender:#9eeb00;--bg-bubble-receiver:#e8e8e3;--text-primary:#1a1a1a;--text-secondary:#555;--text-muted:#999;--text-on-accent:#0a0a0a;--accent:#7bc500;--accent-hover:#6ab000;--accent-muted:rgba(123,197,0,.12);--accent-glow:rgba(123,197,0,.25);--accent-red:#dc2626;--accent-orange:#ea580c;--accent-purple:#9333ea;--accent-pink:#db2777;--accent-yellow:#ca8a04;--border-color:#e0e0db;--border-subtle:#e8e8e3;--border-hover:#c0c0bb;--header-bg:hsla(60,20%,95%,.85)}[data-theme=light] .card:hover,[data-theme=light] .reply-bubble-wrapper{--shadow-card:0 2px 8px rgba(0,0,0,.08)}*{box-sizing:border-box;margin:0;padding:0}html{color:var(--text-primary);font-family:var(--font-body);-webkit-font-smoothing:antialiased;transition:background-color .3s,color .3s}body,html{background:var(--bg-primary)}body{min-height:100vh}a{color:inherit;text-decoration:none}button{border:none;cursor:pointer}button,input,textarea{font-family:var(--font-body);outline:none}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#333;border-radius:3px}[data-theme=light]::-webkit-scrollbar-thumb{background:#ccc}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.container{margin:0 auto;max-width:640px;padding:0 16px}.tone-badge{border-radius:var(--radius-full);display:inline-block;font-size:11px;font-weight:600;letter-spacing:.5px;padding:2px 10px;text-transform:uppercase}.tone-badge.bold{background:#f9731626;color:var(--accent-orange)}.tone-badge.funny{background:#eab30826;color:var(--accent-yellow)}.tone-badge.savage{background:#ef444426;color:var(--accent-red)}.tone-badge.sweet{background:#ec489926;color:var(--accent-pink)}.tone-badge.honest{background:#9eeb0026;color:var(--accent)}.tone-badge.balanced{background:#a855f726;color:var(--accent-purple)}.category-badge{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-full);color:var(--text-secondary);display:inline-block;font-size:12px;font-weight:500;padding:3px 10px}.live-badge,.practice-badge{align-items:center;border-radius:var(--radius-full);display:inline-flex;font-size:10px;font-weight:600;gap:4px;letter-spacing:.5px;padding:2px 8px;text-transform:uppercase}.practice-badge{background:#a855f71f;color:var(--accent-purple)}.live-badge{background:#9eeb001f;color:var(--accent)}.header[data-v-2295c832]{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--header-bg);border-bottom:1px solid var(--border-subtle);height:72px;left:0;position:fixed;right:0;top:0;transition:background-color .3s,border-color .3s;z-index:100}.header-inner[data-v-2295c832]{height:100%;justify-content:space-between}.header-inner[data-v-2295c832],.logo[data-v-2295c832]{align-items:center;display:flex}.logo[data-v-2295c832]{gap:10px;transition:opacity .2s}.logo[data-v-2295c832]:hover{opacity:.8}.logo-icon[data-v-2295c832]{font-size:24px}.logo-text[data-v-2295c832]{font-family:var(--font-display);font-size:18px;font-weight:700;letter-spacing:-.5px}.logo-highlight[data-v-2295c832]{color:var(--accent)}.nav[data-v-2295c832]{gap:10px}.nav[data-v-2295c832],.theme-toggle[data-v-2295c832]{align-items:center;display:flex}.theme-toggle[data-v-2295c832]{background:var(--bg-card);border:1px solid var(--border-color);border-radius:50%;height:38px;justify-content:center;transition:all .2s;width:38px}.theme-toggle[data-v-2295c832]:hover{border-color:var(--accent);transform:scale(1.05)}.theme-icon[data-v-2295c832]{font-size:18px;line-height:1}.nav-btn[data-v-2295c832]{align-items:center;border-radius:var(--radius-full);display:flex;font-size:14px;font-weight:600;gap:6px;padding:8px 16px;transition:all .2s}.submit-btn[data-v-2295c832]{background:var(--accent);color:var(--text-on-accent)}.submit-btn[data-v-2295c832]:hover{background:var(--accent-hover);box-shadow:0 4px 12px var(--accent-glow);transform:translateY(-1px)}.plus[data-v-2295c832]{font-size:16px;font-weight:700}#app{background:var(--bg-primary);min-height:100vh;transition:background-color .3s}main{padding-bottom:32px;padding-top:72px}