:root{--bg-primary:#0e0a06;--bg-card:#13100c;--bg-surface:#1a1512;--bg-elevated:#231f1a;--text-primary:#f5efe0;--text-secondary:#f5efe08f;--text-tertiary:#f5efe04f;--text-hint:#f5efe030;--accent:#d94f1e;--accent-dim:#d94f1e61;--accent-glow:#d94f1e1f;--accent-light:#d94f1e14;--jade:#8fa876;--jade-dim:#8fa87640;--jade-glow:#8fa8761a;--border:#f5efe010;--border-hover:#f5efe020;--border-subtle:#f5efe00a;--radius-xs:4px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-pill:100px;--font-body:"IBM Plex Sans", "Noto Sans SC", "Noto Sans Thai", -apple-system, sans-serif;--font-display:"Fraunces", "Noto Serif SC", Georgia, serif;--font-mono:"JetBrains Mono", "SF Mono", monospace;--max-width:430px;--dur-fast:.2s;--dur-mid:.4s;--dur-slow:.6s;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1)}*,:before,:after{box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;margin:0;padding:0}html{height:100%;height:-webkit-fill-available}body{height:100%;background:var(--bg-primary);width:100%;height:-webkit-fill-available;color:var(--text-primary);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;font-weight:400;line-height:1.5;overflow:hidden}#root{height:100%;background:var(--bg-primary);background-image:radial-gradient(at 20% 0,#d94f1e0a 0%,#0000 60%),radial-gradient(at 80% 100%,#8fa87608 0%,#0000 50%);justify-content:center;height:-webkit-fill-available;display:flex}button{cursor:pointer;color:inherit;background:0 0;border:none;outline:none;font-family:inherit}button:focus-visible{outline:2px solid var(--accent-dim);outline-offset:2px}input,textarea{color:inherit;background:0 0;border:none;outline:none;font-family:inherit}::-webkit-scrollbar{width:0;height:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes livePulse{0%,to{box-shadow:0 0 #d94f1e66}50%{box-shadow:0 0 0 5px #d94f1e00}}@keyframes recordPulse{0%,to{box-shadow:0 0 #d94f1e99,0 0 20px #d94f1e4d}50%{box-shadow:0 0 0 12px #d94f1e00,0 0 30px #d94f1e80}}@keyframes sentenceFadeIn{0%{opacity:0;filter:blur(4px);transform:translateY(8px)}to{opacity:1;filter:blur();transform:translateY(0)}}@keyframes danmakuSlideIn{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}@keyframes dotActivate{0%{transform:scale(1)}50%{transform:scale(1.4)}to{transform:scale(1)}}