:root{
  color-scheme:dark;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --dym-font-sans:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --dym-font-size-xs:.75rem;
  --dym-font-size-sm:.875rem;
  --dym-font-size-md:1rem;
  --dym-font-size-lg:1.125rem;
  --dym-font-size-xl:1.5rem;
  --dym-font-size-display:clamp(2.25rem,7vw,4.5rem);
  --dym-line-tight:1.2;
  --dym-line-normal:1.55;
  --dym-space-1:.25rem;
  --dym-space-2:.5rem;
  --dym-space-3:.75rem;
  --dym-space-4:1rem;
  --dym-space-5:1.25rem;
  --dym-space-6:1.5rem;
  --dym-space-8:2rem;
  --dym-space-10:2.5rem;
  --dym-radius-sm:.625rem;
  --dym-radius-md:.875rem;
  --dym-radius-lg:1.125rem;
  --dym-radius-xl:1.5rem;
  --dym-radius-pill:999px;
  --dym-color-bg:#17130f;
  --dym-color-bg-deep:#100d0b;
  --dym-color-bg-warm:#32251b;
  --dym-color-surface:rgba(26,20,16,.88);
  --dym-color-surface-raised:#211913;
  --dym-color-surface-subtle:rgba(255,255,255,.045);
  --dym-color-surface-hover:rgba(255,255,255,.085);
  --dym-color-text:#f6eee5;
  --dym-color-text-muted:#cdbdad;
  --dym-color-text-soft:#aa9989;
  --dym-color-accent:#d69b57;
  --dym-color-accent-strong:#e6ae69;
  --dym-color-on-accent:#21170f;
  --dym-color-success:#6fa37a;
  --dym-color-success-surface:rgba(75,140,91,.17);
  --dym-color-success-text:#d9f1de;
  --dym-color-warning:#d6aa57;
  --dym-color-warning-surface:rgba(214,170,87,.15);
  --dym-color-warning-text:#f6e7be;
  --dym-color-danger:#be4939;
  --dym-color-danger-surface:rgba(190,73,57,.17);
  --dym-color-danger-text:#ffd5cf;
  --dym-color-border:rgba(246,238,229,.12);
  --dym-color-border-strong:rgba(246,238,229,.2);
  --dym-color-danger-border:rgba(255,135,120,.22);
  --dym-color-focus:#f6eee5;
  --dym-shadow-card:0 20px 80px rgba(0,0,0,.28);
  --dym-shadow-focus:0 0 0 3px rgba(214,155,87,.16);
  color:var(--dym-color-text);
  background:var(--dym-color-bg);
}
*{box-sizing:border-box}
html{min-height:100%}
body{margin:0;min-height:100vh;background:radial-gradient(circle at top,var(--dym-color-bg-warm) 0,var(--dym-color-bg) 44%,var(--dym-color-bg-deep) 100%);color:var(--dym-color-text)}
button,input,select,textarea{font:inherit}
a{color:inherit}
.app-shell{min-height:100vh;padding:var(--dym-space-4)}
.app-frame{width:min(1080px,100%);margin:0 auto;display:grid;gap:var(--dym-space-5)}
.topbar{display:flex;align-items:center;justify-content:space-between;gap:var(--dym-space-4);padding:var(--dym-space-4) var(--dym-space-5);border:1px solid var(--dym-color-border);border-radius:var(--dym-radius-xl);background:var(--dym-color-surface);box-shadow:var(--dym-shadow-card);backdrop-filter:blur(14px)}
.brand{display:flex;align-items:center;gap:var(--dym-space-3);text-decoration:none}
.brand-mark{display:grid;place-items:center;width:2.25rem;height:2.25rem;border-radius:var(--dym-radius-md);background:linear-gradient(145deg,var(--dym-color-accent-strong),var(--dym-color-accent));color:var(--dym-color-on-accent);font-weight:900;letter-spacing:-.04em}
.brand-copy{display:grid;gap:2px}.brand-copy strong{font-size:var(--dym-font-size-lg)}.brand-copy span{font-size:var(--dym-font-size-xs);color:var(--dym-color-text-soft);text-transform:uppercase;letter-spacing:.12em}
.primary-nav{display:flex;gap:var(--dym-space-2);overflow-x:auto;padding:var(--dym-space-2);border:1px solid var(--dym-color-border);border-radius:var(--dym-radius-lg);background:var(--dym-color-surface-subtle);scrollbar-width:thin}
.nav-link{flex:0 0 auto;padding:.7rem .9rem;border-radius:var(--dym-radius-md);color:var(--dym-color-text-muted);text-decoration:none;font-size:var(--dym-font-size-sm);font-weight:700;transition:background .15s ease,color .15s ease}
.nav-link:hover{background:var(--dym-color-surface-hover);color:var(--dym-color-text)}
.nav-link:focus-visible,.button:focus-visible,input:focus-visible{outline:2px solid var(--dym-color-focus);outline-offset:2px}
.nav-link.is-active{background:var(--dym-color-accent);color:var(--dym-color-on-accent)}
.nav-link.is-gated:not(.is-active){opacity:.72}
.main-surface{min-height:440px;padding:var(--dym-space-8);border:1px solid var(--dym-color-border);border-radius:var(--dym-radius-xl);background:var(--dym-color-surface);box-shadow:var(--dym-shadow-card);backdrop-filter:blur(14px)}
.view-header{display:grid;gap:var(--dym-space-2);margin-bottom:var(--dym-space-6)}
.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:var(--dym-font-size-xs);color:var(--dym-color-text-soft)}
.view-header h1{margin:0;font-size:var(--dym-font-size-display);line-height:var(--dym-line-tight);letter-spacing:-.04em}
.view-header p{max-width:760px;margin:0;color:var(--dym-color-text-muted);line-height:var(--dym-line-normal)}
.view-content{display:grid;gap:var(--dym-space-4)}
.status-pill{display:inline-flex;flex-wrap:wrap;gap:var(--dym-space-2);align-items:center;width:fit-content;padding:.65rem .85rem;border-radius:var(--dym-radius-pill);background:var(--dym-color-surface-subtle);color:var(--dym-color-text-muted);font-size:var(--dym-font-size-sm)}
.status-pill::before{content:"";width:.5rem;height:.5rem;border-radius:50%;background:var(--dym-color-accent)}
.panel{padding:var(--dym-space-5);border:1px solid var(--dym-color-border);border-radius:var(--dym-radius-lg);background:var(--dym-color-surface-subtle)}
.panel-heading{display:grid;gap:var(--dym-space-1);margin-bottom:var(--dym-space-4)}
.panel-heading strong{font-size:var(--dym-font-size-lg)}
.panel-heading span,.panel-copy{color:var(--dym-color-text-muted);line-height:var(--dym-line-normal)}
.field{display:grid;gap:var(--dym-space-2)}
.field-label{font-size:var(--dym-font-size-sm);font-weight:700}
.field input{min-width:0;width:100%;border:1px solid var(--dym-color-border-strong);border-radius:var(--dym-radius-md);padding:.78rem .9rem;background:var(--dym-color-bg-deep);color:var(--dym-color-text);outline:none}
.field input:focus{border-color:var(--dym-color-accent);box-shadow:var(--dym-shadow-focus)}
.form-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--dym-space-3);align-items:end}
.actions{display:flex;flex-wrap:wrap;gap:var(--dym-space-3);margin-top:var(--dym-space-4)}
.button{border:0;border-radius:var(--dym-radius-md);padding:.72rem .95rem;font-weight:750;cursor:pointer;transition:transform .12s ease,background .12s ease,opacity .12s ease}
.button:not(:disabled):active{transform:translateY(1px)}
.button:disabled{cursor:not-allowed;opacity:.58}
.button-primary{background:var(--dym-color-accent);color:var(--dym-color-on-accent)}
.button-primary:hover:not(:disabled){background:var(--dym-color-accent-strong)}
.button-secondary{background:var(--dym-color-surface-hover);color:var(--dym-color-text)}
.button-ghost{background:transparent;color:var(--dym-color-text-muted);border:1px solid var(--dym-color-border)}
.button-danger{background:var(--dym-color-danger-surface);color:var(--dym-color-danger-text);border:1px solid var(--dym-color-danger-border)}
.message{padding:.8rem .95rem;border-radius:var(--dym-radius-md);font-size:var(--dym-font-size-sm);line-height:var(--dym-line-normal)}
.message-neutral{background:var(--dym-color-surface-hover);color:var(--dym-color-text)}
.message-success{background:var(--dym-color-success-surface);color:var(--dym-color-success-text)}
.message-warning{background:var(--dym-color-warning-surface);color:var(--dym-color-warning-text)}
.message-error{background:var(--dym-color-danger-surface);color:var(--dym-color-danger-text)}
.state-view{display:grid;grid-template-columns:auto 1fr;gap:var(--dym-space-4);align-items:start;padding:var(--dym-space-5);border:1px solid var(--dym-color-border);border-radius:var(--dym-radius-lg);background:var(--dym-color-surface-subtle)}
.state-symbol{width:.75rem;height:.75rem;margin-top:.35rem;border-radius:50%;background:var(--dym-color-accent)}
.state-loading .state-symbol{animation:pulse 1.1s ease-in-out infinite}
.state-offline .state-symbol,.state-warning .state-symbol{background:var(--dym-color-warning)}
.state-error .state-symbol{background:var(--dym-color-danger)}
.state-view strong{display:block;margin-bottom:var(--dym-space-1)}
.state-view p{margin:0;color:var(--dym-color-text-muted);line-height:var(--dym-line-normal)}
.state-actions{margin-top:var(--dym-space-4)}
.auth-form{display:grid;gap:var(--dym-space-3)}
.auth-note{margin:var(--dym-space-3) 0 0;color:var(--dym-color-text-soft);font-size:var(--dym-font-size-xs);line-height:var(--dym-line-normal)}
.danger-zone{display:flex;gap:var(--dym-space-5);align-items:center;justify-content:space-between;margin-top:var(--dym-space-6);padding-top:var(--dym-space-5);border-top:1px solid var(--dym-color-danger-border)}
.danger-zone strong{color:var(--dym-color-danger-text)}
.danger-zone p{max-width:520px;margin:var(--dym-space-1) 0 0;color:var(--dym-color-text-soft);font-size:var(--dym-font-size-sm);line-height:var(--dym-line-normal)}
.foundation-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--dym-space-4)}
.foundation-metric{padding:var(--dym-space-4);border:1px solid var(--dym-color-border);border-radius:var(--dym-radius-lg);background:var(--dym-color-surface-subtle)}
.foundation-metric strong{display:block;font-size:var(--dym-font-size-xl);margin-bottom:var(--dym-space-1)}
.foundation-metric span{color:var(--dym-color-text-muted);font-size:var(--dym-font-size-sm)}
@keyframes pulse{0%,100%{opacity:.45;transform:scale(.82)}50%{opacity:1;transform:scale(1.08)}}
@media(max-width:760px){.app-shell{padding:var(--dym-space-3)}.topbar{padding:var(--dym-space-4)}.main-surface{padding:var(--dym-space-5)}.foundation-grid{grid-template-columns:1fr}.form-row{grid-template-columns:1fr}.danger-zone{flex-direction:column;align-items:stretch}.danger-zone .button{width:100%}.brand-copy span{display:none}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}