*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #0f1117;--surface: #1a1d27;--border: #2a2d3a;--text: #e4e6ef;--text-muted: #8b8fa3;--accent: #6c72cb;--red: #e5484d;--yellow: #f5a623;--green: #46a758;--radius: 8px;--font: system-ui, -apple-system, "Segoe UI", sans-serif;--mono: ui-monospace, "SFMono-Regular", "SF Mono", Menlo, monospace}@media(prefers-color-scheme:light){:root{--bg: #f8f9fb;--surface: #ffffff;--border: #d9dce6;--text: #1a1d27;--text-muted: #6b7080}}body{font-family:var(--font);background:var(--bg);color:var(--text);line-height:1.5;min-height:100vh}main{max-width:800px;margin:0 auto;padding:2rem 1.5rem}header{text-align:center;margin-bottom:2rem}h1{font-size:1.5rem;font-family:var(--mono);font-weight:600;letter-spacing:-.02em}.subtitle{color:var(--text-muted);font-size:.875rem;margin-top:.25rem}.demo-grid{display:flex;flex-direction:column;gap:1.75rem}.data-grid{display:grid;grid-template-columns:1fr;gap:1.75rem}@media(min-width:640px){.data-grid{grid-template-columns:1fr 1fr}}.form-section{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem;box-shadow:0 1px 3px #00000014}.signup-form{display:flex;flex-direction:column;gap:1rem}.field-group{display:flex;flex-direction:column;gap:.375rem}.field-group label{font-size:.8125rem;font-weight:500;color:var(--text-muted)}.signup-form input,.signup-form textarea{display:block;width:100%;padding:.625rem .75rem;font-family:var(--font);font-size:.9375rem;color:var(--text);background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);outline:none;transition:border-color .15s}.signup-form input:focus,.signup-form textarea:focus{border-color:var(--accent)}.signup-form textarea{resize:vertical}.form-footer{display:flex;justify-content:space-between;align-items:center;margin-top:.25rem}.sample-count{font-size:.75rem;color:var(--text-muted);font-family:var(--mono)}.form-actions{display:flex;gap:.5rem}button{padding:.5rem 1rem;font-size:.8125rem;font-weight:500;font-family:var(--font);border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--text);cursor:pointer;transition:background .15s,border-color .15s,color .15s}button:hover{border-color:var(--accent)}button:active{opacity:.85}button:disabled{opacity:.5;cursor:not-allowed}.btn-reset{background:transparent;border-color:var(--border);color:var(--text-muted)}.btn-reset:hover{border-color:var(--red);color:var(--red)}.btn-download{background:transparent;border-color:var(--border);color:var(--text-muted)}.btn-download:hover{border-color:var(--accent);color:var(--accent)}.score-section{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem;text-align:center;box-shadow:0 1px 3px #00000014}.gauge-label{font-size:.8125rem;font-weight:500;color:var(--text-muted);margin-bottom:.75rem}.gauge{position:relative;width:100%;height:32px;background:var(--bg);border-radius:16px;overflow:hidden}.gauge-fill{position:absolute;left:0;top:0;height:100%;width:50%;border-radius:16px;background:var(--yellow);transition:width .4s ease,background-color .4s ease}.gauge-value{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-family:var(--mono);font-size:.875rem;font-weight:600;color:var(--text);z-index:1;text-shadow:0 0 8px var(--bg)}.gauge-scale{display:flex;justify-content:space-between;margin-top:.375rem;font-size:.6875rem;color:var(--text-muted)}.gauge-badges{display:flex;gap:.5rem;margin-top:.75rem;justify-content:center;flex-wrap:wrap}.classification-badge{display:inline-block;padding:.25rem .75rem;font-size:.75rem;font-weight:600;border-radius:100px;text-transform:uppercase;letter-spacing:.05em;transition:background .3s,color .3s}.classification-badge.classification-bot{background:color-mix(in srgb,var(--red) 15%,transparent);color:var(--red)}.classification-badge.classification-unknown{background:color-mix(in srgb,var(--yellow) 15%,transparent);color:var(--yellow)}.classification-badge.classification-human{background:color-mix(in srgb,var(--green) 15%,transparent);color:var(--green)}.confidence-badge{display:inline-block;padding:.25rem .75rem;font-size:.75rem;font-weight:500;border-radius:100px;transition:background .3s,color .3s}.confidence-badge.not-confident{background:color-mix(in srgb,var(--yellow) 15%,transparent);color:var(--yellow)}.confidence-badge.confident{background:color-mix(in srgb,var(--green) 15%,transparent);color:var(--green)}.signals-section{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem;box-shadow:0 1px 3px #00000014}.signals-section h2{font-size:.8125rem;font-weight:500;color:var(--text-muted);margin-bottom:.75rem}.signal-list{display:flex;flex-direction:column;gap:.5rem}.signal-row{display:flex;justify-content:space-between;align-items:center}.signal-name{font-size:.8125rem;color:var(--text)}.signal-badge{display:inline-block;padding:.125rem .625rem;font-family:var(--mono);font-size:.75rem;font-weight:500;border-radius:100px;transition:background .3s,color .3s}.signal-badge.inactive{background:color-mix(in srgb,var(--text-muted) 12%,transparent);color:var(--text-muted)}.signal-badge.active{background:color-mix(in srgb,var(--yellow) 15%,transparent);color:var(--yellow)}.metrics-section{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem;box-shadow:0 1px 3px #00000014}.metrics-section h2{font-size:.8125rem;font-weight:500;color:var(--text-muted);margin-bottom:.75rem}.metric-list{display:flex;flex-direction:column;gap:.625rem}.metric-row{display:grid;grid-template-columns:130px 1fr 42px;align-items:center;gap:.75rem}.metric-name{font-size:.8125rem;color:var(--text);white-space:nowrap}.has-tooltip{position:relative;cursor:help;text-decoration:underline dotted var(--text-muted);text-underline-offset:3px}.has-tooltip:after{content:attr(data-tooltip);position:absolute;left:0;bottom:calc(100% + 6px);width:240px;padding:.5rem .625rem;font-size:.75rem;font-weight:400;line-height:1.4;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:6px;box-shadow:0 4px 12px #00000040;white-space:normal;pointer-events:none;opacity:0;transform:translateY(4px);transition:opacity .15s,transform .15s;z-index:10}.has-tooltip:hover:after{opacity:1;transform:translateY(0)}.metric-bar{height:8px;background:var(--bg);border-radius:4px;overflow:hidden}.metric-bar-fill{height:100%;width:50%;border-radius:4px;background:var(--accent);transition:width .4s ease,background-color .4s ease}.metric-value{font-family:var(--mono);font-size:.75rem;text-align:right;color:var(--text-muted)}.metric-cards-section{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem;box-shadow:0 1px 3px #00000014}.metric-cards-section h2{font-size:.8125rem;font-weight:500;color:var(--text-muted);margin-bottom:.75rem}.metric-cards-grid{display:grid;grid-template-columns:1fr;gap:.75rem}.metric-card{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);padding:.75rem;overflow:hidden}.metric-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.metric-card-value{font-family:var(--mono);font-size:.8125rem;font-weight:600}.sparkline{display:block;width:100%;height:48px}@media(min-width:640px){.metric-cards-grid{grid-template-columns:1fr 1fr}}footer{text-align:center;margin-top:2.5rem;font-size:.8125rem;color:var(--text-muted)}footer a{color:var(--accent);text-decoration:none}footer a:hover{text-decoration:underline}.sep{margin:0 .375rem}.mode-toggle{display:flex;justify-content:center;margin-bottom:.25rem}.mode-toggle button{flex:1 1 0;max-width:140px;padding:.375rem 0;font-size:.8125rem;border:none;border-radius:0;background:transparent;color:var(--text-muted);cursor:pointer;border-bottom:2px solid transparent;transition:color .15s,border-color .15s}.mode-toggle button:hover{color:var(--text)}.mode-toggle button.active{color:var(--accent);border-bottom-color:var(--accent)}.btn-mic{background:transparent;border-color:var(--border);color:var(--text-muted)}.btn-mic:hover{border-color:var(--accent)}.btn-mic.listening{border-color:var(--red);color:var(--red);background:color-mix(in srgb,var(--red) 8%,transparent);animation:mic-pulse 1.5s ease-in-out infinite}@keyframes mic-pulse{0%,to{box-shadow:0 0 color-mix(in srgb,var(--red) 30%,transparent)}50%{box-shadow:0 0 0 6px color-mix(in srgb,var(--red) 0%,transparent)}}.single-input{min-height:140px}@media(min-width:1024px){body{height:100dvh;overflow:auto}main{max-width:none;min-height:100%;display:flex;flex-direction:column;padding:1rem 2.5rem}header{display:flex;align-items:baseline;gap:.75rem;margin-bottom:1rem;text-align:left}header .subtitle{margin-top:0}footer{margin-top:auto;padding-top:.75rem}.demo-grid{flex:1;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto 1fr auto;gap:1.25rem}.form-section{grid-column:1;grid-row:1 / 3;display:flex;flex-direction:column}.form-section .signup-form{flex:1;min-height:0}.form-section .signup-form>div:nth-child(2){flex:1;display:flex;flex-direction:column;min-height:0}.form-section .field-group:has(.single-input){flex:1;display:flex;flex-direction:column;min-height:0}.form-section .single-input{flex:1;min-height:80px}.score-section{grid-column:2;grid-row:1}.data-grid{grid-column:2;grid-row:2;grid-template-columns:1fr 1fr;align-content:start}.metric-cards-section{grid-column:1 / -1;grid-row:3}.metric-cards-grid{grid-template-columns:1fr 1fr 1fr}}@media(max-width:480px){main{padding:1.25rem 1rem}.metric-row{grid-template-columns:110px 1fr 38px;gap:.5rem}}