.portal-surface{color:#f3f4f6;--bg:#0b0b0c;--surface:#141416;--surface-2:#1b1b1e;--surface-3:#232327;--line:#2a2a2f;--line-strong:#3a3a41;--ink:#f2f2f4;--ink-2:#a3a3ab;--ink-3:#6e6e78;--accent:#b5cc2e;--accent-hover:#c6de3d;--on-accent:#0b0b0c;--ok:#7bd88f;--ok-bg:#12241a;--warn:#ff9f43;--warn-bg:#2a1e0f;--danger:#ff6b6b;--danger-bg:#2a1414;--info:#6aa9ff;--info-bg:#101c2c;background:#0d0d0d;min-height:100vh}:where(.portal-surface) h1,:where(.portal-surface) h2,:where(.portal-surface) h3{color:#f3f4f6}:where(.portal-surface) a{color:#b5cc2e}:where(.portal-surface) th{color:#9ca3af}:where(.portal-surface) input,:where(.portal-surface) select,:where(.portal-surface) textarea{color:#fff;background:#161616;border-color:#333}.portal-surface input:focus,.portal-surface select:focus,.portal-surface textarea:focus{border-color:#b5cc2e;outline:none}.btn{cursor:pointer;border:1px solid #0000;border-radius:.25rem;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:600;text-decoration:none;display:inline-flex}.btn-primary{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}.btn-primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.btn-secondary{color:var(--ink);border-color:var(--line-strong);background:0 0}.btn-ghost{color:var(--ink-2);background:0 0;border-color:#0000}.btn-danger{background:var(--danger-bg);color:var(--danger);border-color:var(--danger)}.btn-sm{padding:.25rem .5rem;font-size:.75rem}.btn:disabled{opacity:1;cursor:not-allowed}.btn-primary:disabled{background:var(--line-strong);color:var(--ink-2);border-color:var(--line-strong)}.btn-danger:disabled{background:var(--surface-2);color:var(--ink-2);border-color:var(--line)}.btn-secondary:disabled{color:var(--ink-3);border-color:var(--line)}.btn-ghost:disabled{color:var(--ink-3)}.input{background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:.25rem;width:100%;padding:.5rem .75rem}.input:focus{border-color:var(--accent);outline:none}.badge{color:var(--ink-2);background:var(--surface-2);border:1px solid var(--line);border-radius:9999px;padding:.125rem .5rem;font-size:.75rem;font-weight:600;line-height:1.25rem;display:inline-block}.badge-ok{color:var(--ok);background:var(--ok-bg);border-color:var(--ok)}.badge-warn{color:var(--warn);background:var(--warn-bg);border-color:var(--warn)}.badge-danger{color:var(--danger);background:var(--danger-bg);border-color:var(--danger)}.badge-info{color:var(--info);background:var(--info-bg);border-color:var(--info)}.note{border:1px solid var(--line);background:var(--surface);color:var(--ink-2);border-radius:.25rem;padding:.75rem 1rem;font-size:.875rem}.card{border:1px solid var(--line);background:var(--surface);border-radius:.5rem;padding:1rem}.warnbox{background:var(--warn-bg);border:1px solid var(--warn);color:var(--ink-2);border-radius:.375rem;padding:.8rem .9rem;font-size:.8125rem}.bg-surface{background:var(--surface)}.bg-accent{background:var(--accent)}.text-accent{color:var(--accent)}