:root{--google-blue:#1a73e8;--google-red:#d93025;--google-yellow:#b06000;--google-green:#137333;--color-primary:#1a73e8;--color-primary-container:#e8f0fe;--color-on-primary:#fff;--color-secondary:#137333;--color-tertiary:#b06000;--color-neutral:#202124;--color-error:#c5221f;--color-background:#fff;--color-surface:#fff;--color-surface-variant:#f1f3f4;--color-surface-elevated:#f8f9fa;--color-outline:#dadce0;--color-outline-variant:#e8eaed;--font-display:"Google Sans", "Outfit", -apple-system, sans-serif;--font-body:"Roboto", "Inter", -apple-system, sans-serif;--font-mono:"Roboto Mono", monospace;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--radius-xs:4px;--radius-sm:6px;--radius-md:8px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--bg-darkest:#f8f9fa;--bg-base:#fff;--bg-surface:#fff;--bg-surface-elevated:#f1f3f4;--bg-glass:#ffffffeb;--border-subtle:#dadce0;--border-focus:#1a73e8;--border-glow:#1a73e840;--primary:#1a73e8;--primary-light:#4285f4;--primary-dark:#174ea6;--primary-glow:#1a73e833;--accent-cyan:#007b83;--accent-cyan-glow:#007b8326;--accent-emerald:#137333;--accent-emerald-glow:#13733326;--accent-amber:#b06000;--accent-rose:#c5221f;--text-primary:#202124;--text-secondary:#5f6368;--text-muted:#70757a;--text-dim:#9aa0a6}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--color-background);color:var(--color-neutral);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;letter-spacing:.1px;min-height:100vh;overflow-x:hidden}.google-accent-line{background:linear-gradient(90deg,#4285f4 0%,#ea4335 25%,#fbbc04 50%,#34a853 75%,#4285f4 100%);flex-shrink:0;width:100%;height:3.5px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f3f4}::-webkit-scrollbar-thumb{background:#dadce0;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#bdc1c6}.glass-panel{border:1px solid var(--color-outline);border-radius:var(--radius-lg);background:#fff;transition:box-shadow .2s;box-shadow:0 1px 3px #3c40431f,0 1px 2px #3c404314}.glass-panel:hover{box-shadow:0 2px 6px #3c404326,0 1px 2px #3c40431a}.glass-panel-elevated{border:1px solid var(--color-outline-variant);border-radius:var(--radius-lg);background:#fff;box-shadow:0 4px 12px #3c404326,0 1px 3px #3c40431a}.badge-neon{border-radius:var(--radius-full);font-size:11px;font-weight:500;font-family:var(--font-display);letter-spacing:.2px;align-items:center;gap:6px;padding:3px 12px;display:inline-flex}.badge-primary{color:#1a73e8;background:#e8f0fe;border:1px solid #d2e3fc}.badge-emerald{color:#137333;background:#e6f4ea;border:1px solid #ceead6}.badge-amber{color:#b06000;background:#fef7e0;border:1px solid #feefc3}.badge-rose{color:#c5221f;background:#fce8e6;border:1px solid #fad2cf}.badge-cyan{color:#007b83;background:#e4f7fb;border:1px solid #cceff7}.badge-secondary{color:#5f6368;background:#f1f3f4;border:1px solid #dadce0}.btn{border-radius:var(--radius-full);font-family:var(--font-display);cursor:pointer;-webkit-user-select:none;user-select:none;border:1px solid #0000;outline:none;justify-content:center;align-items:center;gap:8px;padding:8px 18px;font-size:13px;font-weight:500;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.btn:active{transform:scale(.98)}.btn-primary{background-color:var(--color-primary);color:#fff;font-weight:600;box-shadow:0 1px 2px #3c40434d,0 1px 3px 1px #3c404326}.btn-primary:hover{background-color:#174ea6;box-shadow:0 1px 3px #3c40434d,0 4px 8px 3px #3c404326}.btn-secondary{color:#3c4043;border:1px solid var(--color-outline);background:#fff}.btn-secondary:hover{border-color:var(--color-primary);color:var(--color-primary);background:#f8f9fa}.btn-danger{color:#c5221f;background:#fce8e6;border:1px solid #fad2cf}.btn-danger:hover{color:#a50e0e;background:#fad2cf}.btn-emerald{color:#fff;background-color:#137333;font-weight:600}.btn-emerald:hover{background-color:#0d5d26;box-shadow:0 2px 6px #1373334d}.google-prompt-bar{border:1px solid var(--color-outline);border-radius:var(--radius-full);background:#fff;align-items:center;padding:4px 6px 4px 16px;transition:all .25s;display:flex;box-shadow:0 1px 6px #20212426}.google-prompt-bar:hover{box-shadow:0 2px 8px #20212433}.google-prompt-bar:focus-within{border-color:var(--color-primary);background:#fff;box-shadow:0 1px 6px #20212447}.metric-card-google{border:1px solid var(--color-outline);border-radius:var(--radius-lg);background:#fff;padding:18px 20px;transition:transform .2s,box-shadow .2s;position:relative;overflow:hidden;box-shadow:0 1px 3px #3c40431a}.metric-card-google:hover{transform:translateY(-2px);box-shadow:0 4px 12px #3c404326}.metric-card-google:before{content:"";background:var(--google-blue);height:3.5px;position:absolute;top:0;left:0;right:0}.status-dot{border-radius:50%;width:8px;height:8px;position:relative}.status-dot.active{background:#137333;box-shadow:0 0 6px #13733380}.status-dot.active:after{content:"";border:1.5px solid #137333;border-radius:50%;animation:2.2s infinite pulse-ring;position:absolute;inset:-2px}@keyframes pulse-ring{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(2.2)}}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);letter-spacing:-.01em;color:var(--text-primary);font-weight:500}.code-font{font-family:var(--font-mono)}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.25s ease-out forwards fadeIn}@keyframes waveform{0%,to{height:4px}50%{height:24px}}.wave-bar{background:var(--color-primary);border-radius:2px;width:3px;animation:1.2s ease-in-out infinite waveform}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{animation:1s linear infinite spin}.judge-mode-btn{color:#fff;background:linear-gradient(135deg,#1a73e8 0%,#174ea6 100%);border:1px solid #fff3;font-weight:600;position:relative;overflow:hidden;box-shadow:0 2px 8px #1a73e859}.judge-mode-btn:hover{transform:translateY(-1px);box-shadow:0 4px 14px #1a73e880}