/* Boostery UI - Light default */ :root{ --bg:#f7f8fb; --fg:#111418; --muted:#6b727c; --card:#ffffff; --elev:#ffffff; --border:#e3e7ee; --accent:#37cfa0; --accent-2:#6aa8ff; --accent-fg:#071015; --link:#2e6cff; --danger:#d84a4a; --success:#139c5f; } /* Optional dark mode when you add data-theme="dark" to or */ :root[data-theme="dark"]{ --bg:#0f1115; --fg:#eef0f4; --muted:#a2a9b4; --card:#151a23; --elev:#1a2030; --border:#2b3342; --accent:#64d9b3; --accent-2:#8bbcff; --accent-fg:#0b1018; --link:#a6c8ff; --danger:#ff8282; --success:#8ef2b1; } *{box-sizing:border-box} html,body{margin:0;padding:0;background:var(--bg);color:var(--fg);font:16px/1.6 system-ui,-apple-system,"Segoe UI",Roboto,Ubuntu,Inter,Arial,sans-serif;-webkit-font-smoothing:antialiased} a{color:var(--link);text-decoration:none} a:hover{opacity:.9} .container{max-width:1080px;margin:0 auto;padding:22px 18px 28px} .hdr{display:flex;justify-content:space-between;align-items:center;margin:10px 0 18px} .brand a,.brand{font-weight:800;letter-spacing:.2px;color:var(--fg);font-size:1.8rem;line-height:1.15} .actions{display:flex;align-items:center;gap:10px} .links{display:flex;gap:10px;flex-wrap:wrap} .hamb{display:none;border:1px solid var(--border);background:transparent;color:var(--fg);border-radius:10px;padding:8px 10px;cursor:pointer} #mobileMenu{display:none;background:var(--card);border:1px solid var(--border);border-radius:14px;padding:10px} #mobileMenu.show{display:block;margin-bottom:16px} #mobileMenu a{display:block;margin:6px 0} .card{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:18px;margin-bottom:14px;box-shadow:0 6px 14px rgba(0,0,0,.06)} .narrow{max-width:820px;margin:0 auto}.narrow-sm{max-width:560px;margin:0 auto} .btn{display:inline-block;cursor:pointer;border:0;border-radius:12px;padding:10px 14px;font-weight:700;line-height:1; background:linear-gradient(135deg,var(--accent),var(--accent-2));color:var(--accent-fg);transition:transform .06s ease,filter .2s ease} .btn:hover{filter:brightness(1.03)} .btn:active{transform:translateY(1px)} .btn.link{background:transparent;color:var(--fg);border:1px solid var(--border);font-weight:600} .badge{display:inline-block;border:1px solid var(--border);border-radius:999px;padding:4px 10px;font-size:.8rem;color:var(--muted)} .lock{opacity:.55;pointer-events:none} .label{display:block;margin:8px 0 6px;font-weight:600} .input{width:100%;background:transparent;color:var(--fg);border:1px solid var(--border);border-radius:12px;padding:12px 12px;outline:none} .input:focus{border-color:var(--accent-2);box-shadow:0 0 0 4px color-mix(in oklab, var(--accent-2) 18%, transparent)} textarea.input{resize:vertical} .grid{display:grid;grid-template-columns:1fr 1fr;gap:14px} .grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px} @media (max-width:980px){.grid-3{grid-template-columns:1fr 1fr}} @media (max-width:760px){.grid,.grid-3{grid-template-columns:1fr}.links{display:none}.hamb{display:inline-flex}.container{padding-top:18px}} .table{width:100%;border-collapse:collapse} .table th,.table td{border-bottom:1px solid var(--border);padding:10px;text-align:left} .table th{color:var(--muted);font-weight:700} .kicker{font-size:.95rem;color:var(--muted);margin:4px 0 10px} hr.sep{border:0;border-top:1px solid var(--border);margin:18px 0} footer{margin-top:26px;color:var(--muted)} .footer-links{display:flex;gap:16px;flex-wrap:wrap;margin-top:8px} .footer-links a{color:var(--muted)} .footer-links a:hover{color:var(--fg)}