@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2c55a0e60120577a-s.0bjc5tiuqdqro.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/9c72aa0f40e4eef8-s.0m6w47a4e5dy9.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/ad66f9afd8947f86-s.11u06r12fd6v_.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/5476f68d60460930-s.0wxq9webf.ew4.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2bbe8d2671613f1f-s.067x_6k0k23tk.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/1bffadaabf893a1e-s.16ipb6fqu393i.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/83afe278b6a6bb3c-s.p.0q-301v4kxxnr.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter Fallback;src:local(Arial);ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.0%;size-adjust:107.12%}.inter_fe4d0f8a-module__6kuHYW__className{font-family:Inter,Inter Fallback;font-style:normal}.inter_fe4d0f8a-module__6kuHYW__variable{--font-inter:"Inter", "Inter Fallback"}
@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(../media/13bf9871fe164e7f-s.0s19wthhh_6~m.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(../media/cc545e633e20c56d-s.0dza.stei.9v7.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(../media/71b036adf157cdcf-s.03nf~dfjdkf~..woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(../media/89b21bb081cb7469-s.0gfhww.tctz1o.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(../media/3fe682a82f50d426-s.09q3q1i5159bl.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(../media/70bc3e132a0a741e-s.p.1409xf.ylxg8g.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:JetBrains Mono Fallback;src:local(Arial);ascent-override:75.79%;descent-override:22.29%;line-gap-override:0.0%;size-adjust:134.59%}.jetbrains_mono_e4debe6c-module__QbTobG__className{font-family:JetBrains Mono,JetBrains Mono Fallback;font-style:normal}.jetbrains_mono_e4debe6c-module__QbTobG__variable{--font-mono:"JetBrains Mono", "JetBrains Mono Fallback"}
:root{--bg-void:#020208;--bg-primary:#05050f;--bg-secondary:#0a0a1a;--bg-panel:#080818d9;--bg-panel-hover:#0e0e24e6;--bg-card:#0a0a1c99;--surface-1:#0d0d22;--surface-2:#111130;--surface-3:#0c1a3a;--text-primary:#e0e0f4;--text-secondary:#7878a8;--text-muted:#44446a;--text-ghost:#2a2a50;--neon-cyan:#00f0ff;--neon-cyan-mid:#00c4d4;--neon-cyan-dim:#00f0ff14;--neon-cyan-glow:#00f0ff40;--sonnet-primary:#00e5ff;--sonnet-glow:#00e5ff1f;--sonnet-border:#00e5ff59;--sonnet-dim:#00e5ff0a;--sonnet-surface:#00e5ff0f;--opus-primary:#ff2d78;--opus-secondary:#ff6ba0;--opus-glow:#ff2d781f;--opus-border:#ff2d7859;--opus-dim:#ff2d780a;--opus-surface:#ff2d780f;--slop-highlight:#ffc83226;--slop-text:#fc3;--slop-border:#ffc83259;--metric-green:#0f8;--metric-yellow:#fc0;--metric-red:#f35;--metric-purple:#b26cff;--metric-cyan:#00e5ff;--metric-pink:#ff2d78;--font-sans:var(--font-inter), -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-code:var(--font-mono), "JetBrains Mono", "Fira Code", monospace;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);background:var(--bg-void);color:var(--text-primary);min-height:100vh;position:relative;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:0;background-color:#0000;background-image:linear-gradient(#00f0ff06 1px,#0000 1px),linear-gradient(90deg,#00f0ff06 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:48px 48px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:fixed;inset:0;-webkit-mask-image:radial-gradient(80% 60% at 50% 30%,#000 30%,#0000 70%);mask-image:radial-gradient(80% 60% at 50% 30%,#000 30%,#0000 70%)}body:after{content:"";pointer-events:none;z-index:0;background:radial-gradient(at 40%,#00e5ff0f 0%,#0000 50%),radial-gradient(at 60%,#ff2d780a 0%,#0000 50%);width:140%;height:60%;animation:12s ease-in-out infinite alternate ambient-drift;position:fixed;top:-30%;left:50%;transform:translate(-50%)}@keyframes ambient-drift{0%{opacity:.8;transform:translate(-50%)translateY(0)}to{opacity:1;transform:translate(-50%)translateY(5%)}}.app-container:before{content:"";pointer-events:none;z-index:100;background:repeating-linear-gradient(0deg,#0000,#0000 2px,#00f0ff02 2px 4px);position:fixed;inset:0}.app-container{z-index:1;max-width:920px;min-height:100vh;margin:0 auto;padding:20px 24px 60px;position:relative}.header{text-align:center;margin-bottom:32px;padding:32px 0 24px;position:relative}.header:after{content:"";background:linear-gradient(90deg, transparent, var(--neon-cyan) 20%, var(--opus-primary) 80%, transparent);opacity:.4;width:200px;height:1px;margin:20px auto 0;display:block}.header-badge{color:var(--neon-cyan);letter-spacing:3px;text-transform:uppercase;font-size:10px;font-weight:700;font-family:var(--font-code);background:#00f0ff0f;border:1px solid #00f0ff26;border-radius:4px;align-items:center;gap:8px;margin-bottom:18px;padding:5px 16px;display:inline-flex;position:relative;overflow:hidden}.header-badge:before{content:"";background:var(--neon-cyan);width:6px;height:6px;box-shadow:0 0 8px var(--neon-cyan), 0 0 16px var(--neon-cyan-glow);border-radius:50%;animation:2s ease-in-out infinite badge-pulse}.header-badge:after{content:"";background:linear-gradient(90deg,#0000,#00f0ff14,#0000);width:100%;height:100%;animation:4s ease-in-out infinite shimmer-sweep;position:absolute;top:0;left:-100%}@keyframes shimmer-sweep{0%,to{left:-100%}50%{left:100%}}@keyframes badge-pulse{0%,to{opacity:.4;box-shadow:0 0 4px var(--neon-cyan)}50%{opacity:1;box-shadow:0 0 12px var(--neon-cyan), 0 0 24px var(--neon-cyan-glow)}}.header h1{letter-spacing:-2px;background:linear-gradient(135deg, #e0e0f4 0%, var(--sonnet-primary) 25%, #b26cff 50%, var(--opus-primary) 75%, var(--neon-cyan) 100%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 30px #00e5ff26);background-size:400% 400%;-webkit-background-clip:text;background-clip:text;margin-bottom:14px;font-size:clamp(2.2rem,5.5vw,3.5rem);font-weight:900;line-height:1.05;animation:6s infinite gradient-shift}@keyframes gradient-shift{0%,to{background-position:0%}25%{background-position:100% 0}50%{background-position:100% 100%}75%{background-position:0 100%}}.header-subtitle{color:var(--text-secondary);max-width:520px;font-size:14px;line-height:1.7;font-family:var(--font-code);letter-spacing:.3px;margin:0 auto}.controls-bar{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin-bottom:20px;display:flex}.btn{border-radius:var(--radius-sm);background:var(--surface-1);color:var(--text-primary);font-family:var(--font-code);cursor:pointer;transition:all .3s var(--ease-out);-webkit-user-select:none;user-select:none;letter-spacing:.5px;border:1px solid #ffffff14;align-items:center;gap:8px;padding:10px 22px;font-size:13px;font-weight:600;display:inline-flex;position:relative;overflow:hidden}.btn:after{content:"";pointer-events:none;background:linear-gradient(135deg,#ffffff08,#0000);position:absolute;inset:0}.btn:hover{background:var(--surface-2);border-color:#ffffff26;transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn-primary{color:var(--sonnet-primary);background:linear-gradient(135deg,#00e5ff33,#00e5ff14);border:1px solid #00e5ff66;box-shadow:0 0 20px #00e5ff1a,inset 0 1px #00e5ff1a}.btn-primary:hover{background:linear-gradient(135deg,#00e5ff4d,#00e5ff1f);border-color:#00e5ff99;box-shadow:0 0 30px #00e5ff33,0 0 60px #00e5ff0d,inset 0 1px #00e5ff26}.btn-danger{color:var(--opus-primary);background:linear-gradient(135deg,#ff2d7833,#ff2d7814);border:1px solid #ff2d7866;box-shadow:0 0 20px #ff2d781a}.btn-danger:hover{border-color:#ff2d7899;box-shadow:0 0 30px #ff2d7833}.api-status-badge{font-size:11px;font-weight:600;font-family:var(--font-code);letter-spacing:1px;text-transform:uppercase;animation:fade-in .4s var(--ease-out);border-radius:4px;justify-content:center;align-items:center;gap:8px;margin-bottom:18px;padding:7px 20px;display:flex}.api-status-badge.connected{color:var(--metric-green);background:#00ff880d;border:1px solid #0f83}.api-status-badge.fallback{color:var(--metric-yellow);background:#ffcc000d;border:1px solid #ffcc0026}.api-status-dot{border-radius:50%;width:6px;height:6px;animation:1.5s ease-in-out infinite dot-pulse}.api-status-badge.connected .api-status-dot{background:var(--metric-green);box-shadow:0 0 6px var(--metric-green), 0 0 12px #00ff884d}.api-status-badge.fallback .api-status-dot{background:var(--metric-yellow);box-shadow:0 0 6px var(--metric-yellow)}.metrics-bar{grid-template-columns:repeat(5,1fr);gap:8px;margin-bottom:20px;display:grid}.metric-card{background:var(--bg-card);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border-radius:var(--radius-sm);text-align:center;transition:all .3s var(--ease-out);border:1px solid #ffffff0a;padding:12px 10px;position:relative;overflow:hidden}.metric-card:before{content:"";background:linear-gradient(90deg,#0000,#00f0ff4d,#0000);height:1px;position:absolute;top:0;left:20%;right:20%}.metric-card:hover{background:#0e0e24cc;border-color:#ffffff14;transform:translateY(-1px)}.metric-label{text-transform:uppercase;letter-spacing:1.5px;color:var(--text-muted);font-size:9px;font-weight:700;font-family:var(--font-code);margin-bottom:6px}.metric-value{font-size:24px;font-weight:800;font-family:var(--font-code);text-shadow:0 0 20px}.metric-value.green{color:var(--metric-green)}.metric-value.yellow{color:var(--metric-yellow)}.metric-value.red{color:var(--metric-red)}.metric-value.purple{color:var(--metric-purple)}.metric-value.cyan{color:var(--metric-cyan)}.metric-value.pink{color:var(--metric-pink)}.conversation-stream{background:var(--bg-panel);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border-radius:var(--radius-lg);scroll-behavior:smooth;border:1px solid #00f0ff14;flex-direction:column;gap:12px;min-height:500px;max-height:75vh;padding:20px;display:flex;position:relative;overflow-y:auto}.conversation-stream:before{content:"◉ NEURAL_STREAM  //  ACTIVE";font-family:var(--font-code);letter-spacing:2px;color:var(--text-ghost);text-transform:uppercase;border-bottom:1px solid #ffffff0a;flex-shrink:0;margin-bottom:4px;padding-bottom:12px;font-size:9px;font-weight:700;display:block}.conversation-stream::-webkit-scrollbar{width:3px}.conversation-stream::-webkit-scrollbar-track{background:0 0}.conversation-stream::-webkit-scrollbar-thumb{background:#00f0ff26;border-radius:3px}.conversation-stream::-webkit-scrollbar-thumb:hover{background:#00f0ff4d}.thought-bubble{border-radius:var(--radius-md);animation:thought-appear .5s var(--ease-out);padding:14px 18px;transition:all .3s;position:relative}.thought-bubble.sonnet{background:linear-gradient(135deg, var(--sonnet-dim), #00e5ff05);border-left:2px solid var(--sonnet-border);border-top:1px solid #00e5ff0f;border-bottom:1px solid #00e5ff08;border-right:1px solid #00e5ff08}.thought-bubble.opus{background:linear-gradient(135deg, var(--opus-dim), #ff2d7805);border-left:2px solid var(--opus-border);border-top:1px solid #ff2d780f;border-bottom:1px solid #ff2d7808;border-right:1px solid #ff2d7808}.thought-bubble.streaming{box-shadow:0 0 40px #ffffff05}.thought-bubble.sonnet.streaming{border-left-color:var(--sonnet-primary);box-shadow:0 0 40px var(--sonnet-dim), 0 0 80px #00e5ff08;animation:thought-appear .5s var(--ease-out), stream-glow-cyan 2s ease-in-out infinite}.thought-bubble.opus.streaming{border-left-color:var(--opus-primary);box-shadow:0 0 40px var(--opus-dim), 0 0 80px #ff2d7808;animation:thought-appear .5s var(--ease-out), stream-glow-magenta 2s ease-in-out infinite}@keyframes stream-glow-cyan{0%,to{box-shadow:0 0 30px var(--sonnet-dim)}50%{box-shadow:0 0 50px #00e5ff14,0 0 80px #00e5ff08}}@keyframes stream-glow-magenta{0%,to{box-shadow:0 0 30px var(--opus-dim)}50%{box-shadow:0 0 50px #ff2d7814,0 0 80px #ff2d7808}}@keyframes thought-appear{0%{opacity:0;transform:translateY(10px)scale(.99)}to{opacity:1;transform:translateY(0)scale(1)}}.thought-meta{align-items:center;gap:8px;margin-bottom:8px;display:flex}.thought-avatar{width:26px;height:26px;font-size:11px;font-weight:900;font-family:var(--font-code);border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative}.sonnet .thought-avatar{color:var(--sonnet-primary);border:1px solid var(--sonnet-border);background:#00e5ff1a;box-shadow:0 0 8px #00e5ff1a}.opus .thought-avatar{color:var(--opus-primary);border:1px solid var(--opus-border);background:#ff2d781a;box-shadow:0 0 8px #ff2d781a}.thought-name{font-size:11px;font-weight:700;font-family:var(--font-code);letter-spacing:1px;text-transform:uppercase}.sonnet .thought-name{color:var(--sonnet-primary)}.opus .thought-name{color:var(--opus-primary)}.thinking-indicator{color:var(--text-muted);font-size:10px;font-family:var(--font-code);letter-spacing:1px;text-transform:uppercase;animation:1.5s ease-in-out infinite fade-pulse}@keyframes fade-pulse{0%,to{opacity:.3}50%{opacity:1}}.thought-text{color:#e0e0f4e6;font-size:13.5px;line-height:1.8;font-family:var(--font-sans);letter-spacing:.2px}.slop-word{background:var(--slop-highlight);color:var(--slop-text);border-bottom:1px dashed var(--slop-border);cursor:help;border-radius:3px;padding:1px 4px;font-weight:500;transition:background .2s}.slop-word:hover{text-shadow:0 0 8px #ffc83266;background:#ffc8324d}.cursor-blink{vertical-align:text-bottom;background:currentColor;width:2px;height:1em;margin-left:2px;animation:.7s step-end infinite blink;display:inline-block}.sonnet .cursor-blink{background:var(--sonnet-primary);box-shadow:0 0 6px var(--sonnet-primary)}.opus .cursor-blink{background:var(--opus-primary);box-shadow:0 0 6px var(--opus-primary)}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.thinking-dots{gap:8px;padding:4px 0;display:flex}.thinking-dots .dot{color:var(--text-muted);font-size:8px;animation:1.4s ease-in-out infinite dot-bounce}.thinking-dots .dot:nth-child(2){animation-delay:.2s}.thinking-dots .dot:nth-child(3){animation-delay:.4s}@keyframes dot-bounce{0%,80%,to{opacity:.2;transform:translateY(0)}40%{opacity:1;transform:translateY(-5px)}}@keyframes dot-pulse{0%,to{opacity:.4;transform:scale(1)}50%{opacity:1;transform:scale(1.4)}}.empty-state{height:100%;min-height:400px;color:var(--text-ghost);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex}.empty-state-icon{opacity:.2;filter:grayscale(.5);font-size:56px;animation:4s ease-in-out infinite idle-float}@keyframes idle-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.empty-state-text{max-width:340px;font-size:13px;line-height:1.8;font-family:var(--font-code);letter-spacing:.5px;color:var(--text-muted)}@keyframes fade-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.app-container:after{content:"WORDSLOP v2.0  ◆  NEURAL INTERFACE  ◆  ANTHROPIC POWERED";text-align:center;font-family:var(--font-code);letter-spacing:2px;color:var(--text-ghost);border-top:1px solid #ffffff08;margin-top:32px;padding-top:16px;font-size:9px;font-weight:600;display:block}@media (max-width:700px){.app-container{padding:16px 12px 40px}.header{margin-bottom:24px;padding:24px 0 16px}.metrics-bar{grid-template-columns:repeat(3,1fr)}.controls-bar{gap:8px}.btn{padding:8px 14px;font-size:12px}.conversation-stream{max-height:65vh;padding:16px}.thought-bubble{padding:12px 14px}}@media (max-width:420px){.metrics-bar{grid-template-columns:repeat(2,1fr)}.metric-card:last-child{grid-column:span 2}}