:root{--bg: #0d0d0d;--bg-elev: #141414;--bg-elev-2: #1a1a1a;--border: #232323;--border-hot: #2e2e2e;--text: #e6e6e6;--text-dim: #8a8a8a;--text-mute: #5a5a5a;--accent: #00ff9c;--warn: #ffb454;--danger: #ff4d4d;--mono: "JetBrains Mono", "Fira Code", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--mono);font-size:14px;letter-spacing:.02em;background-image:linear-gradient(rgba(255,255,255,.015) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.015) 1px,transparent 1px);background-size:32px 32px;background-position:-1px -1px}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(to bottom,rgba(255,255,255,.012) 0,rgba(255,255,255,.012) 1px,transparent 1px,transparent 3px);pointer-events:none;z-index:100}button{font-family:var(--mono);background:transparent;color:var(--text);border:1px solid var(--border-hot);padding:6px 12px;text-transform:uppercase;font-size:11px;letter-spacing:.12em;cursor:pointer;transition:background 80ms linear,border-color 80ms linear,color 80ms linear}button:hover{background:var(--bg-elev-2);border-color:var(--accent);color:var(--accent)}button:disabled{opacity:.4;cursor:not-allowed}input,select{font-family:var(--mono);background:var(--bg);color:var(--text);border:1px solid var(--border-hot);padding:8px 10px;font-size:13px;width:100%}input:focus,select:focus{outline:none;border-color:var(--accent)}.app{display:flex;flex-direction:column;min-height:100vh}.app-header{padding:14px 24px 6px}.app-title{margin:0;font-size:12px;letter-spacing:.4em;color:var(--text-dim);text-transform:uppercase}.app-title .accent{color:var(--accent)}.statusbar{display:flex;align-items:center;gap:18px;padding:10px 24px;border-bottom:1px solid var(--border);background:var(--bg-elev);font-size:12px;text-transform:uppercase;letter-spacing:.12em}.statusbar .dot{width:10px;height:10px;border-radius:50%;display:inline-block;box-shadow:0 0 12px currentColor}.statusbar .dot.ok{background:var(--accent);color:var(--accent)}.statusbar .dot.warn{background:var(--warn);color:var(--warn)}.statusbar .dot.bad{background:var(--danger);color:var(--danger)}.statusbar .sep{color:var(--text-mute)}.statusbar .grow{flex:1}.statusbar .err{color:var(--danger);text-transform:none;letter-spacing:0;font-size:12px}.main{flex:1;padding:24px}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px}.card{position:relative;background:var(--bg-elev);border:1px solid var(--border);border-left:4px solid var(--accent);padding:18px 18px 14px;display:flex;flex-direction:column;gap:10px;min-height:180px}.card.dim{opacity:.45;border-left-color:var(--border-hot)!important}.card-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px}.card-label{font-size:13px;letter-spacing:.3em;text-transform:uppercase;color:var(--text-dim)}.card-domain{font-size:10px;color:var(--text-mute);letter-spacing:.15em}.card-code{font-size:44px;font-weight:800;letter-spacing:.08em;color:var(--text);line-height:1;word-break:break-all}.card-code.muted{font-size:18px;font-weight:500;color:var(--text-mute);letter-spacing:.2em;text-transform:uppercase}.card-link-cta{display:inline-block;text-decoration:none;font-family:var(--mono);font-size:16px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;padding:14px 16px;border:1px solid var(--border-hot);text-align:center;transition:background 80ms linear,transform 80ms linear}.card-link-cta:hover{background:#ffffff0a;transform:translate(2px)}.card-link-url{font-size:11px;color:var(--text-mute);word-break:break-all;line-height:1.4;max-height:3.6em;overflow:hidden}.card-subject{font-size:12px;color:var(--text-dim);line-height:1.4}.card-from{font-size:10px;color:var(--text-mute);letter-spacing:.1em;margin-top:4px}.card-foot{display:flex;justify-content:space-between;align-items:center;margin-top:auto;font-size:11px;color:var(--text-mute);letter-spacing:.1em;text-transform:uppercase}.copy-btn{font-size:10px;padding:4px 10px}.empty{border:1px dashed var(--border-hot);padding:60px 24px;text-align:center;color:var(--text-mute);text-transform:uppercase;letter-spacing:.3em;font-size:12px}.monitored{margin-top:32px;border:1px solid var(--border);background:var(--bg-elev)}.monitored-head{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;cursor:pointer;-webkit-user-select:none;user-select:none;border-bottom:1px solid var(--border);font-size:11px;letter-spacing:.3em;text-transform:uppercase;color:var(--text-dim)}.monitored-head .caret{color:var(--text-mute)}.monitored-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1px;background:var(--border)}.monitored-item{background:var(--bg-elev);padding:10px 14px;display:flex;align-items:center;gap:10px;font-size:12px}.monitored-item .swatch{width:10px;height:10px;border-radius:1px;flex:none}.monitored-item.no-otp{color:var(--text-mute)}.monitored-item .domain{color:var(--text-mute);margin-left:auto;font-size:10px;letter-spacing:.1em}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:200}.modal{background:var(--bg-elev);border:1px solid var(--border-hot);width:420px;max-width:92vw;padding:22px;display:flex;flex-direction:column;gap:14px}.modal h2{margin:0;font-size:12px;letter-spacing:.4em;color:var(--text-dim);text-transform:uppercase}.field{display:flex;flex-direction:column;gap:6px}.field label{font-size:10px;text-transform:uppercase;letter-spacing:.25em;color:var(--text-mute)}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:6px}.toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.toolbar h2{margin:0;font-size:11px;letter-spacing:.3em;color:var(--text-dim);text-transform:uppercase}