:root{--bg: #0b0d13;--surface: #161a23;--surface-2: #1e2430;--text: #eef1f7;--muted: #9aa3b5;--accent: #4f8cff;--accent-soft: #1b2742;--action: #ff8a1f;--gold: #ffc24b;--grad-action: linear-gradient(135deg, #d4540a 0%, #b01050 100%);--grad-action-hover: linear-gradient(135deg, #e96214 0%, #c81461 100%);--danger: #ff5d5d;--border: #2a3142;--border-bright: #3b455b;--radius: 10px;--radius-lg: 14px;--glow-action: 0 0 0 1px rgba(255, 194, 75, .35), 0 8px 26px -8px rgba(214, 31, 106, .65);--glow-soft: 0 6px 20px -10px rgba(0, 0, 0, .8);--font-display: "Bebas Neue", "Arial Narrow", sans-serif;--font-head: "Rajdhani", system-ui, sans-serif;--font-body: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box}body{margin:0;background:radial-gradient(900px 500px at 50% -10%,rgba(214,31,106,.12),transparent 60%),radial-gradient(700px 400px at 100% 0%,rgba(79,140,255,.1),transparent 55%),var(--bg);background-attachment:fixed;color:var(--text);font-family:var(--font-body)}.app{max-width:960px;margin:0 auto;padding:0 20px;min-height:100vh;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 0;border-bottom:1px solid var(--border);flex-wrap:wrap}.brand{display:flex;align-items:center;gap:8px;color:var(--text);text-decoration:none}.brand-mark{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:var(--radius);background:var(--grad-action);color:#fff;box-shadow:var(--glow-action)}.brand-text{font-family:var(--font-display);font-size:30px;line-height:1;letter-spacing:1.5px;background:linear-gradient(180deg,#fff 0%,var(--gold) 130%);-webkit-background-clip:text;background-clip:text;color:transparent}.brand-sub{font-family:var(--font-head);font-weight:600;font-size:11px;letter-spacing:1px;text-transform:uppercase;color:var(--muted)}.utility-nav{display:flex;align-items:center;gap:8px}.icon-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);color:var(--muted);text-decoration:none;cursor:pointer;padding:0;transition:color .15s ease,border-color .15s ease,transform .12s ease}.icon-btn:hover{color:var(--gold);border-color:var(--border-bright);transform:translateY(-1px)}.icon-btn.active{color:var(--gold);border-color:var(--gold)}.badge{position:absolute;top:-5px;right:-5px;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--grad-action);color:#fff;font-family:var(--font-head);font-weight:700;font-size:11px;line-height:18px;text-align:center;box-shadow:0 0 0 2px var(--bg)}.avatar{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;border:2px solid var(--gold);background:var(--accent-soft);color:var(--gold);font-family:var(--font-head);font-weight:700;font-size:16px;text-decoration:none;text-transform:uppercase;transition:transform .12s ease,box-shadow .15s ease}.avatar:hover{transform:translateY(-1px);box-shadow:0 0 0 3px #ffc24b33}.content{flex:1;padding:28px 0}h1{margin:0 0 6px;font-family:var(--font-head);font-weight:700;font-size:30px;letter-spacing:.3px}h2{margin:0 0 14px;font-family:var(--font-head);font-weight:600;font-size:18px;letter-spacing:.3px}.muted{color:var(--muted)}a{color:var(--accent)}.home-hero{display:flex;align-items:center;gap:20px;padding:28px;border-radius:var(--radius-lg);background:radial-gradient(420px 220px at 12% 0%,rgba(255,138,31,.25),transparent 70%),var(--surface);border:1px solid var(--border-bright);box-shadow:var(--glow-action);position:relative;overflow:hidden}.hero-icon{display:flex;align-items:center;justify-content:center;width:76px;height:76px;flex-shrink:0;border-radius:var(--radius);background:var(--grad-action);color:#fff;box-shadow:var(--glow-soft)}.hero-body{flex:1;min-width:0}.hero-eyebrow{font-family:var(--font-head);font-weight:700;font-size:12px;letter-spacing:1.5px;text-transform:uppercase;color:var(--gold);margin:0 0 2px}.hero-title{font-family:var(--font-display);font-size:44px;line-height:.95;letter-spacing:1px;margin:0 0 6px}.hero-sub{color:var(--muted);margin:0;font-size:15px}.cta-primary{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-head);font-weight:700;font-size:18px;letter-spacing:.6px;text-transform:uppercase;text-decoration:none;color:#fff;background:var(--grad-action);border:none;padding:14px 26px;border-radius:var(--radius);cursor:pointer;box-shadow:var(--glow-action);animation:cta-pulse 2.6s ease-in-out infinite;transition:transform .12s ease,background .2s ease}.cta-primary:hover{background:var(--grad-action-hover);transform:translateY(-2px)}@keyframes cta-pulse{0%,to{box-shadow:0 0 0 1px #ffc24b59,0 8px 26px -8px #d61f6aa6}50%{box-shadow:0 0 0 1px #ffc24b99,0 10px 34px -6px #d61f6ae6}}.action-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin:18px 0}.action-card{display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:22px;border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--border);text-decoration:none;color:var(--text);position:relative;overflow:hidden;transition:transform .14s ease,border-color .15s ease,box-shadow .18s ease}.action-card:before{content:"";position:absolute;inset:0 0 auto 0;height:3px;background:var(--grad-action);opacity:0;transition:opacity .18s ease}.action-card:hover{transform:translateY(-4px);border-color:var(--border-bright);box-shadow:var(--glow-soft)}.action-card:hover:before{opacity:1}.action-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:var(--radius);background:var(--accent-soft);color:var(--gold);margin-bottom:6px}.action-title{font-family:var(--font-head);font-weight:700;font-size:19px;letter-spacing:.3px}.action-sub{color:var(--muted);font-size:14px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:18px;margin:18px 0;box-shadow:var(--glow-soft)}.table{width:100%;border-collapse:collapse;margin-top:16px}.table th,.table td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--border)}.table thead th{font-family:var(--font-head);font-weight:600;font-size:13px;letter-spacing:.5px;text-transform:uppercase;color:var(--muted)}.table th.num,.table td.num{text-align:right;font-variant-numeric:tabular-nums}.table td.rank{color:var(--gold);font-family:var(--font-head);font-weight:700;width:40px}.table th.label{color:var(--muted);font-weight:500;width:140px}.form-row{display:flex;gap:10px;margin-bottom:10px}input,select,textarea{background:var(--surface-2);border:1px solid var(--border);color:var(--text);padding:10px 12px;border-radius:var(--radius);font-size:14px;font-family:inherit}input{flex:1}input:focus,select:focus,textarea:focus,.icon-btn:focus-visible,.avatar:focus-visible,a:focus-visible,button:focus-visible{outline:2px solid var(--gold);outline-offset:2px;border-color:var(--gold)}button{font-family:var(--font-head);font-weight:600;letter-spacing:.3px;background:var(--accent);color:#fff;border:none;padding:10px 16px;border-radius:var(--radius);font-size:15px;cursor:pointer;transition:filter .15s ease,transform .12s ease}button:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-1px)}button:disabled{opacity:.6;cursor:default}.link-danger{background:none;color:var(--danger);padding:0;font-size:13px}.list{list-style:none;padding:0;margin:18px 0}.list-item{display:flex;align-items:center;gap:14px;padding:14px;border:1px solid var(--border);border-radius:var(--radius);margin-bottom:8px;background:var(--surface);transition:border-color .15s ease}.list-item:hover{border-color:var(--border-bright)}.list-item a{flex:1}.rating-badge{display:inline-block;background:var(--accent-soft);color:var(--gold);font-family:var(--font-head);font-weight:700;padding:4px 12px;border-radius:999px;font-size:14px;font-variant-numeric:tabular-nums}.choice-grid{display:flex;gap:14px;margin:20px 0;flex-wrap:wrap}.choice{flex:1;min-width:220px;display:flex;flex-direction:column;gap:6px;text-align:left;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:18px;cursor:pointer;transition:transform .14s ease,border-color .15s ease}.choice:hover{border-color:var(--action);transform:translateY(-2px)}.choice-title{font-family:var(--font-head);font-weight:700;font-size:17px}.choice-on{border-color:var(--gold);background:var(--accent-soft)}.onboarding-actions{display:flex;align-items:center;gap:16px}.pill{display:inline-block;background:var(--accent-soft);color:var(--gold);padding:4px 12px;border-radius:999px;font-family:var(--font-head);font-size:12px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;margin:0 0 10px}.error,.error-text{color:var(--danger)}.api-key-secret{border-color:var(--gold)}.api-key-value{display:block;word-break:break-all;margin:8px 0;padding:10px;background:var(--surface-2);border-radius:6px;font-size:14px}.suggestions{display:flex;flex-direction:column;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;margin:4px 0 8px}.suggestion-btn{background:var(--surface);color:var(--text);text-align:left;width:100%;padding:8px 12px;border-radius:0;font-size:14px}.suggestion-btn:hover{background:var(--surface-2)}.saved-note{color:var(--gold);font-size:14px;margin-left:10px}.field{display:inline-block;margin:8px 0 4px;color:var(--muted);font-size:14px}.field select{margin-left:6px}.chips{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.chip{background:var(--surface-2);border:1px solid var(--border);color:var(--muted);padding:6px 14px;border-radius:999px;font-size:13px;cursor:pointer;transition:border-color .15s ease,color .15s ease}.chip:hover{border-color:var(--action);color:var(--text)}.chip-on{background:var(--accent-soft);border-color:var(--gold);color:var(--text)}.ratings-row{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0}.list-item.unread{border-color:var(--action);background:var(--accent-soft)}.sides{display:flex;gap:14px;flex-wrap:wrap}.side{flex:1;min-width:240px}.footer{padding:18px 0;border-top:1px solid var(--border);color:var(--muted);font-size:13px}code{background:var(--surface-2);padding:1px 6px;border-radius:5px}@media (prefers-reduced-motion: reduce){*{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.cta-primary:hover,.action-card:hover,.icon-btn:hover,.avatar:hover,.choice:hover,button:hover:not(:disabled){transform:none}}@media (max-width: 620px){.home-hero{flex-direction:column;text-align:center;align-items:stretch}.hero-title{font-size:38px}}