:root{--bg-primary:#f0f2f5;--bg-secondary:#fff;--text-primary:#1a1a1a;--text-secondary:#4a4a4a;--text-tertiary:#666;--border-color:#e0e0e0;--shadow-color:#0000000d;--accent-color:#06c;--accent-hover:#05a;--success-color:#34c759;--warning-color:#ff9500;--error-color:#ff3b30;--card-bg:#fff;--input-bg:#fafafa;--input-border:#e0e0e0;--input-focus-border:#06c;--input-focus-shadow:#0066cc1a;--button-bg:#06c;--button-text:#fff;--button-hover:#05a;--button-disabled:#f5f5f5;--button-disabled-text:#999;--status-protected-bg:#34c7591a;--status-protected-text:#34c759;--status-active-bg:#34c7591a;--status-active-text:#34c759;--status-hit-bg:#34c7591a;--status-hit-text:#34c759;--status-miss-bg:#ff95001a;--status-miss-text:#ff9500}.dark-mode{--bg-primary:#121212;--bg-secondary:#1e1e1e;--text-primary:#fff;--text-secondary:#e0e0e0;--text-tertiary:#b0b0b0;--border-color:#333;--shadow-color:#0003;--accent-color:#3b82f6;--accent-hover:#2563eb;--success-color:#10b981;--warning-color:#f59e0b;--error-color:#ef4444;--card-bg:#1e1e1e;--input-bg:#2a2a2a;--input-border:#333;--input-focus-border:#3b82f6;--input-focus-shadow:#3b82f633;--button-bg:#3b82f6;--button-text:#fff;--button-hover:#2563eb;--button-disabled:#333;--button-disabled-text:#666;--status-protected-bg:#10b98133;--status-protected-text:#10b981;--status-active-bg:#10b98133;--status-active-text:#10b981;--status-hit-bg:#10b98133;--status-hit-text:#10b981;--status-miss-bg:#f59e0b33;--status-miss-text:#f59e0b}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);min-width:320px;min-height:100vh;color:var(--text-primary);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-weight:400;line-height:1.5}a{color:var(--accent-color);-webkit-text-decoration:inherit;text-decoration:inherit;font-weight:500}a:hover{color:var(--accent-hover)}button{background-color:var(--button-bg);color:var(--button-text);cursor:pointer;border:1px solid #0000;border-radius:8px;padding:.6em 1.2em;font-family:inherit;font-size:1em;font-weight:500;transition:border-color .25s,background-color .25s}button:hover{border-color:var(--accent-color);background-color:var(--button-hover)}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}button:disabled{background-color:var(--button-disabled);color:var(--button-disabled-text);cursor:not-allowed}h1{font-size:3.2em;line-height:1.1}