*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{background:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;line-height:1.5}:root{--text-xs:10px;--text-sm:11px;--text-base:13px;--leading-relaxed:1.6;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--radius-md:4px;--color-success:#4ade80;--color-error:#f87171}@view-transition{navigation:auto}::view-transition-new(auth-card){animation-name:auth-card-fade-up;animation-duration:.25s;animation-timing-function:cubic-bezier(.4,0,.2,1)}::view-transition-old(auth-card){animation-name:auth-card-fade-up;animation-duration:.25s;animation-timing-function:cubic-bezier(.4,0,.2,1);animation-direction:reverse}@keyframes auth-card-fade-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){::view-transition-new(auth-card){animation:none}::view-transition-old(auth-card){animation:none}}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-sans,"Inter"), system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;font-size:16px}.shell{view-transition-name:auth-card;flex-direction:column;justify-content:center;align-items:center;height:100dvh;padding:1.5rem;display:flex;overflow:hidden}.brand{text-align:center;margin-bottom:2rem}.brand-name{color:var(--color-accent);letter-spacing:.05em;text-transform:uppercase;font-size:1.25rem;font-weight:700}.brand-logo{object-fit:contain;max-width:180px;max-height:48px}.brand-tagline{color:var(--color-muted);margin-top:.25rem;font-size:.75rem}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);width:100%;max-width:420px;padding:2rem}.card-title{color:var(--color-text);margin-bottom:.25rem;font-size:1.4rem;font-weight:600}.card-subtitle{color:var(--color-muted);margin-bottom:1.75rem;font-size:.85rem}.input-base,.field input,.edit-field__input{background:var(--color-input);border:1px solid var(--color-border);border-radius:calc(var(--radius) - 2px);width:100%;color:var(--color-text);font-family:var(--font-sans);outline:none;transition:border-color .15s,box-shadow .15s}.input-base:focus,.field input:focus,.edit-field__input:focus{border-color:var(--color-accent)}.input-base::placeholder{color:var(--color-muted)}.field input::placeholder{color:var(--color-muted)}.edit-field__input::placeholder{color:var(--color-muted)}.field__input-wrap{position:relative}.field__input-wrap input{padding-right:2.75rem}.field__toggle-pw{cursor:pointer;min-width:44px;min-height:44px;color:var(--color-text);opacity:.5;background:0 0;border:none;justify-content:center;align-items:center;padding:0;transition:opacity .15s;display:flex;position:absolute;top:50%;right:.15rem;transform:translateY(-50%)}.field__toggle-pw:hover{opacity:1}.field__toggle-pw:focus-visible{opacity:1}.field__toggle-pw .icon-eye-off,.field__toggle-pw[data-visible=true] .icon-eye{display:none}.field__toggle-pw[data-visible=true] .icon-eye-off{display:inline}.field{margin-bottom:1rem}label{color:var(--color-muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:.4rem;font-size:.8rem;font-weight:500;display:block}input{padding:.75rem 1rem;font-size:.95rem}.btn{font-family:var(--font-sans);letter-spacing:.02em;border-radius:calc(var(--radius) - 2px);cursor:pointer;text-align:center;border:none;font-weight:600;text-decoration:none;transition:background .15s,opacity .1s,transform .1s}.btn:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.btn--primary{background:var(--color-accent);color:var(--color-accent-fg)}.btn--primary:hover{background:var(--color-accent-hover)}.btn--primary:active{transform:scale(.98)}.btn--ghost{color:var(--color-muted);border-color:var(--color-border-md);background:0 0}.btn--ghost:hover{color:var(--color-text);background:var(--color-row-hover)}.btn--danger{color:var(--color-red);border-color:var(--color-red-border);background:0 0}.btn--danger:hover{background:var(--color-red-bg)}.btn--sm{height:26px;padding:0 10px;font-size:.75rem}.btn--full{width:100%;height:36px;font-size:.875rem}.btn--disabled{pointer-events:none;opacity:.35!important;cursor:not-allowed!important}.btn:not(.btn--compact){background:var(--color-accent);width:100%;color:var(--color-accent-fg);margin-top:.5rem;padding:.85rem;font-size:.95rem;font-weight:700;display:block}.btn:not(.btn--compact):hover{background:var(--color-accent-hover)}.btn:not(.btn--compact):active{transform:scale(.98)}.alert{border-radius:calc(var(--radius) - 2px);border-style:solid;border-width:1px;margin-bottom:1.25rem;padding:.75rem 1rem;font-size:.85rem}.alert-error{color:#ff8a9b;background:#2a1a1a;border-color:#cf6679}.alert-success{color:#81c784;background:#1a2a1a;border-color:#4caf50}.social-divider{color:var(--color-muted);text-transform:uppercase;letter-spacing:.06em;align-items:center;gap:.75rem;margin:1.5rem 0 1rem;font-size:.78rem;display:flex}.social-divider:before,.social-divider:after{content:"";background:var(--color-border);flex:1;height:1px}.social-buttons{flex-direction:column;gap:.6rem;display:flex}.btn-social{border:1px solid var(--color-border);border-radius:calc(var(--radius) - 2px);width:100%;color:var(--color-text);cursor:pointer;letter-spacing:normal;background:0 0;justify-content:center;align-items:center;gap:.6rem;margin-top:0;padding:.75rem 1rem;font-family:inherit;font-size:.9rem;font-weight:500;text-decoration:none;transition:background .2s,transform .1s;display:flex}.btn-social:hover{background:var(--color-input);text-decoration:none}.btn-social:active{transform:scale(.98)}.social-icon{flex-shrink:0;align-items:center;line-height:0;display:flex}.footer-link{text-align:center;color:var(--color-muted);margin-top:1.25rem;font-size:.85rem}.footer-link a{color:var(--color-accent);text-decoration:none}.footer-link a:hover{text-decoration:underline}.divider{background:var(--color-border);height:1px;margin:1.5rem 0}.copyright{color:var(--color-muted);margin-top:1.75rem;font-size:.75rem}.copyright a{color:var(--color-muted);margin-left:.25rem;text-decoration:none}.copyright a:hover{color:var(--color-accent);text-decoration:underline}.pw-requirements{font-size:var(--text-sm);line-height:var(--leading-relaxed);border:1px solid var(--color-border);border-radius:var(--radius);margin-block-end:1rem;padding:1rem;list-style:none}.pw-req{color:var(--color-muted);transition:color .15s}.pw-req__icon{text-align:center;width:14px;display:inline-block}.pw-req--met{color:var(--color-success)}.pw-req--failed{color:var(--color-error)}.pw-match-error{font-size:var(--text-sm);color:var(--color-error);margin-block-end:1rem}.toast{top:var(--space-4);right:var(--space-4);z-index:9998;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-left:3px solid var(--color-success);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--color-text);max-width:360px;animation:.25s ease-out toast-in;display:flex;position:fixed;box-shadow:0 2px 16px rgba(0,0,0,.16)}.toast--leaving{animation:.3s ease-in forwards toast-out}.toast__icon{color:var(--color-success);flex-shrink:0}.toast__icon svg{width:16px;height:16px}@keyframes toast-in{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes toast-out{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(20px)}}.demo-banner{z-index:9999;justify-content:center;align-items:center;gap:var(--space-2,8px);background:var(--color-amber-bg,rgba(251,191,36,.09));border-bottom:1px solid var(--color-amber-border,rgba(251,191,36,.22));height:36px;font-size:var(--text-sm,12px);color:var(--color-amber,#fbbf24);display:flex;position:sticky;top:0;left:0;right:0}.demo-banner .badge{padding:2px var(--space-2,8px);font-size:var(--text-sm,12px);font-weight:var(--weight-medium,500);letter-spacing:var(--tracking-normal,0);background:var(--color-amber-bg,rgba(251,191,36,.09));color:var(--color-amber,#fbbf24);border:.5px solid;border-color:var(--color-amber-border,rgba(251,191,36,.22));border-radius:0;align-items:center;display:inline-flex}.demo-banner code{font-family:var(--font-mono,"Inconsolata", monospace);font-size:var(--text-sm,12px);color:var(--color-amber,#fbbf24);background:rgba(251,191,36,.12);border-radius:3px;padding:1px 5px}.demo-banner~.shell{height:calc(100dvh - 36px)}.demo-banner~.portal-topbar{top:36px}.demo-banner~.portal-topbar~.portal-tabnav{top:84px}.demo-banner~.portal-sidebar{top:36px;bottom:0}.demo-banner~.portal-main-wrap,.demo-banner~.welcome-shell{min-height:calc(100dvh - 36px)}body:has(.demo-banner){padding-top:36px}body:has(.demo-banner~.shell){padding-top:0}body:has(.demo-banner~.portal-topbar){padding-top:0}body:has(.demo-banner~.portal-sidebar){padding-top:0}body:has(.demo-banner~.welcome-shell){padding-top:0}