:root{--color-primary:#6366f1;--color-primary-dark:#4f46e5;--color-surface:#fff;--color-surface-alt:#f9fafb;--color-text:#111827;--color-text-muted:#6b7280;--color-border:#e5e7eb;--color-error:#dc2626;--color-offline-bg:#fef3c7;--color-offline-text:#92400e;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-6:1.5rem;--space-8:2rem;--font-sans:system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--container-max:1200px;--header-height:3.5rem;--radius:.375rem}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;font-size:16px}body{font-family:var(--font-sans);font-size:var(--font-size-base);color:var(--color-text);background-color:var(--color-surface);min-height:100dvh;line-height:1.5}img,svg{max-width:100%;display:block}button{cursor:pointer;font:inherit}.layout{flex-direction:column;min-height:100dvh;display:flex}.layout__container{width:100%;max-width:var(--container-max);padding-inline:var(--space-4);margin-inline:auto}.layout__header{z-index:100;height:var(--header-height);background-color:var(--color-surface);border-bottom:1px solid var(--color-border);align-items:center;display:flex;position:sticky;top:0}.layout__brand{font-size:var(--font-size-lg);color:var(--color-primary);font-weight:600}.layout__main{padding-block:var(--space-6);flex:1}.layout__footer{padding-block:var(--space-4);border-top:1px solid var(--color-border);color:var(--color-text-muted);font-size:var(--font-size-sm)}.offline-banner{top:var(--header-height);z-index:99;padding:var(--space-2) var(--space-4);background-color:var(--color-offline-bg);color:var(--color-offline-text);text-align:center;font-size:var(--font-size-sm);font-weight:500;position:sticky}.auth-container{width:100%;max-width:24rem;padding:var(--space-8) var(--space-4);margin-inline:auto}.auth-container h1{font-size:var(--font-size-2xl);margin-bottom:var(--space-6)}.field{gap:var(--space-1);margin-bottom:var(--space-4);flex-direction:column;display:flex}.field label{font-size:var(--font-size-sm);font-weight:500}.field input{padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius);font-size:var(--font-size-base);width:100%}.field input:focus{outline:2px solid var(--color-primary);outline-offset:1px}.auth-error{color:var(--color-error);font-size:var(--font-size-sm);margin-bottom:var(--space-4)}.auth-links{gap:var(--space-4);margin-top:var(--space-4);font-size:var(--font-size-sm);display:flex}.auth-links button{color:var(--color-primary);background:0 0;border:none;padding:0;text-decoration:underline}@media (width>=40rem){.layout__container{padding-inline:var(--space-6)}}@media (width>=48rem){.layout__container{padding-inline:var(--space-8)}}@media (width>=64rem){.layout__main{padding-block:var(--space-8)}}