:root{color-scheme:light;--background: #f6f7f9;--surface: #ffffff;--surface-muted: #f1f2f5;--surface-raised: #ffffff;--surface-inset: #f8f9fb;--text-primary: #0f172a;--text-secondary: #4b5563;--text-tertiary: #9ca3af;--border: #e5e7eb;--border-strong: #d1d5db;--border-soft: #eef0f3;--shadow-pop: 0 1px 2px 0 rgb(15 23 42 / .06), 0 8px 24px -8px rgb(15 23 42 / .12);--primary-color: #4f46e5;--primary-hover: #4338ca;--primary-press: #3730a3;--primary-subtle: #eef2ff;--primary-soft: #e0e7ff;--primary-border-soft: #c7d2fe;--primary-fg-on: #ffffff;--focus-ring: 0 0 0 3px rgb(79 70 229 / .18);--success-color: #059669;--success-subtle-bg: #ecfdf5;--success-subtle-fg: #047857;--success-subtle-border: #a7f3d0;--success-rail: #10b981;--danger-color: #dc2626;--danger-subtle-bg: #fef2f2;--danger-subtle-fg: #b91c1c;--danger-subtle-border: #fecaca;--danger-rail: #ef4444;--warning-color: #d97706;--warning-subtle-bg: #fffbeb;--warning-subtle-fg: #b45309;--warning-subtle-border: #fde68a;--warning-rail: #f59e0b;--info-color: #2563eb;--info-subtle-bg: #eff6ff;--info-subtle-fg: #1d4ed8;--info-subtle-border: #bfdbfe;--info-rail: #3b82f6;--neutral-rail: #cbd5e1;--radius-card: 12px;--radius-modal: 14px;--radius-control: 8px;--radius-icon: 10px;--radius-pill: 999px;--radius-rail: 3px;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-7: 2rem;--space-8: 3rem;--space-9: 4rem;--text-xs: .75rem;--text-sm: .8125rem;--text-base: .9375rem;--text-md: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--weight-regular: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--font-display: "Sora", -apple-system, BlinkMacSystemFont, sans-serif;--font-body: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;--ease-out: cubic-bezier(.16, 1, .3, 1);--duration-fast: .16s;--duration-base: .24s}*{box-sizing:border-box}body{margin:0;font-family:var(--font-body);font-size:var(--text-base);line-height:1.5;color:var(--text-primary);background:var(--background);min-height:100vh;scrollbar-gutter:stable;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-feature-settings:"cv11","ss01"}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.app-shell{display:grid;grid-template-columns:248px 1fr;min-height:100vh;gap:var(--space-6);padding:var(--space-6);background:var(--background)}.nav{background:var(--surface);border-radius:var(--radius-card);padding:var(--space-5);border:1px solid var(--border);display:flex;flex-direction:column;gap:var(--space-5);position:sticky;top:var(--space-6);align-self:start;max-height:calc(100vh - var(--space-9))}.brand{font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--weight-bold);letter-spacing:-.02em;color:var(--primary-color);line-height:1.1;display:inline-flex;align-items:center;gap:var(--space-2)}.brand-mark{display:inline-block;width:32px;height:32px;border-radius:0;background:transparent;object-fit:contain;flex-shrink:0}.nav-links{display:flex;flex-direction:column;gap:2px}.nav-link{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-control);border:1px solid transparent;color:var(--text-secondary);font-size:var(--text-base);font-weight:var(--weight-medium);line-height:1.2;transition:background-color var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out)}.nav-link:hover{background:var(--surface-muted);color:var(--text-primary)}.nav-link.active{background:var(--primary-subtle);color:var(--primary-color);font-weight:var(--weight-semibold)}.nav-link.active:hover{background:var(--primary-soft);color:var(--primary-press)}.nav-link__glyph{width:16px;height:16px;display:inline-flex;align-items:center;justify-content:center;color:currentColor;opacity:.7;flex-shrink:0}.nav-link.active .nav-link__glyph{opacity:1}.badge{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:var(--radius-pill);font-size:var(--text-xs);font-weight:var(--weight-medium);line-height:1.4;border:1px solid var(--border);background:var(--surface);color:var(--text-secondary);white-space:nowrap}.badge:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.6;flex-shrink:0}.badge.good{background:var(--success-subtle-bg);color:var(--success-subtle-fg);border-color:var(--success-subtle-border)}.badge.warn{background:var(--danger-subtle-bg);color:var(--danger-subtle-fg);border-color:var(--danger-subtle-border)}.badge.dim{background:var(--info-subtle-bg);color:var(--info-subtle-fg);border-color:var(--info-subtle-border)}.badge.neutral{background:var(--surface-muted);color:var(--text-secondary);border-color:var(--border)}.badge.solid{background:var(--text-primary);color:var(--surface);border-color:var(--text-primary)}.text-display{font-family:var(--font-display)}.text-display-lg{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:var(--weight-bold);letter-spacing:-.025em;line-height:1.15;color:var(--text-primary)}.text-xl{font-size:2rem;font-weight:var(--weight-bold);letter-spacing:-.02em;line-height:1.2}.section-title{font-family:var(--font-body);font-size:var(--text-xs);font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:.08em;color:var(--text-tertiary);line-height:1.2}.muted{color:var(--text-secondary)}.hairline{height:1px;background:var(--border);border:0;margin:0}.bg-subtle{background:var(--surface-muted);border:1px dashed var(--border-strong)}.flex-between{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3)}.flex-center{display:flex;align-items:center;justify-content:center}.gap-8{gap:var(--space-2)}.gap-4{gap:var(--space-1)}.mb-8{margin-bottom:var(--space-2)}.mt-4{margin-top:var(--space-4)}.mt-8{margin-top:var(--space-2)}.mobile-nav .brand{margin-bottom:var(--space-5)}.key-hygiene-list{margin:0;padding-left:1.125rem;color:var(--text-secondary)}.key-card-header{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3)}.scope-buttons{display:flex;flex-wrap:wrap;gap:var(--space-2)}.main{display:flex;flex-direction:column;gap:var(--space-6);min-width:0;min-height:100%;container-type:inline-size}.topbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:0}.topbar h1{margin:0;font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--weight-bold);letter-spacing:-.025em;color:var(--text-primary);line-height:1.1}.topbar__copy{display:flex;flex-direction:column;gap:4px;min-width:0}.topbar__lede{color:var(--text-secondary);font-size:var(--text-sm);line-height:1.4;max-width:60ch}.topbar__right{display:inline-flex;align-items:center;gap:var(--space-3)}.user-chip{display:inline-flex;align-items:center;gap:var(--space-2);padding:4px 10px 4px 4px;border-radius:var(--radius-pill);border:1px solid var(--border);background:var(--surface);color:var(--text-secondary);font-size:var(--text-sm);font-weight:var(--weight-medium);line-height:1.2;max-width:240px}.user-chip__avatar{width:24px;height:24px;border-radius:50%;background:var(--primary-subtle);color:var(--primary-press);display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:var(--weight-semibold);letter-spacing:.02em;flex-shrink:0}.user-chip__email{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.grid{display:grid;gap:var(--space-4)}.grid.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}@container (max-width: 640px){.grid.cols-2,.grid.cols-3{grid-template-columns:1fr}}@container (min-width: 641px) and (max-width: 960px){.grid.cols-3{grid-template-columns:repeat(2,minmax(0,1fr))}}.card{background:var(--surface);border-radius:var(--radius-card);border:1px solid var(--border);padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-4)}.card--inset{background:var(--surface-inset);border-color:var(--border-soft)}.card--tight{padding:var(--space-4);gap:var(--space-3)}.card__head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4)}.card__title{font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--weight-semibold);letter-spacing:-.01em;color:var(--text-primary);margin:0;line-height:1.25}.card__lede{margin:4px 0 0;color:var(--text-secondary);font-size:var(--text-sm);line-height:1.5;max-width:65ch}.card-title{font-size:var(--text-xl);font-weight:var(--weight-semibold);letter-spacing:-.01em}.card code{background:var(--surface-muted);padding:.125rem .375rem;border-radius:4px;font-size:.875em;font-family:var(--font-mono);color:var(--text-primary)}.card-subtitle{color:var(--text-secondary);font-size:var(--text-sm);line-height:1.5}.action-row{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center}.button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);border:1px solid var(--border);background:var(--surface);color:var(--text-primary);padding:0 var(--space-4);height:36px;border-radius:var(--radius-control);cursor:pointer;font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--weight-semibold);line-height:1;white-space:nowrap;transition:background-color var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out)}.button--lg{height:40px;padding:0 var(--space-5);font-size:var(--text-base)}.button--sm{height:30px;padding:0 var(--space-3);font-size:var(--text-xs)}.button:hover{background:var(--surface-muted);border-color:var(--border-strong);color:var(--text-primary)}.button:focus-visible{outline:none;border-color:var(--primary-color);box-shadow:var(--focus-ring)}.button:active{background:var(--surface-muted);border-color:var(--border-strong);transform:translateY(.5px)}.button.primary{background:var(--primary-color);color:var(--primary-fg-on);border-color:var(--primary-color)}.button.primary:hover{background:var(--primary-hover);border-color:var(--primary-hover)}.button.primary:focus-visible{border-color:var(--primary-press);box-shadow:0 0 0 3px #4f46e547}.button.danger{background:var(--surface);color:var(--danger-color);border-color:var(--danger-subtle-border)}.button.danger:hover{background:var(--danger-subtle-bg);border-color:var(--danger-subtle-border);color:var(--danger-subtle-fg)}.button.ghost{background:transparent;border-color:transparent;color:var(--text-secondary)}.button.ghost:hover{background:var(--surface-muted);color:var(--text-primary);border-color:transparent}.button.link{background:transparent;border-color:transparent;color:var(--primary-color);height:auto;padding:0;text-decoration:none}.button.link:hover{background:transparent;color:var(--primary-hover);text-decoration:underline;text-underline-offset:3px}.button:disabled,.button[aria-disabled=true]{cursor:not-allowed;opacity:.55;transform:none}.icon-button{width:32px;height:32px;padding:0;display:inline-flex;align-items:center;justify-content:center;background:transparent;border:1px solid transparent;border-radius:var(--radius-control);color:var(--text-secondary);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out)}.icon-button:hover{background:var(--surface-muted);color:var(--text-primary)}.icon-button:focus-visible{outline:none;box-shadow:var(--focus-ring);border-color:var(--primary-color)}.field{display:flex;flex-direction:column;gap:var(--space-2)}.field label{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--text-primary)}.field__hint{font-size:var(--text-xs);color:var(--text-secondary);line-height:1.5;margin:0}.field__optional{font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.06em}.input,.textarea,.select{width:100%;border:1px solid var(--border);border-radius:var(--radius-control);padding:0 var(--space-3);height:36px;background:var(--surface);color:var(--text-primary);font-family:var(--font-body);font-size:var(--text-sm);line-height:1.4;transition:border-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}.input::placeholder,.textarea::placeholder,.select::placeholder{color:var(--text-tertiary)}.input:hover:not(:focus-visible):not(:disabled),.textarea:hover:not(:focus-visible):not(:disabled),.select:hover:not(:focus-visible):not(:disabled){border-color:var(--border-strong)}.input:focus-visible,.textarea:focus-visible,.select:focus-visible{outline:none;border-color:var(--primary-color);box-shadow:var(--focus-ring)}.input:disabled,.textarea:disabled,.select:disabled{background:var(--surface-muted);color:var(--text-tertiary);cursor:not-allowed}.textarea{min-height:120px;height:auto;padding:var(--space-3);resize:vertical}.divider{height:1px;background:var(--border);border:0;margin:0}.divider--strong{background:var(--border-strong)}.divider--inset{margin-left:var(--space-5);margin-right:var(--space-5)}.skeleton{background:var(--surface-muted);border-radius:var(--radius-control);animation:skeletonPulse 1.4s ease-in-out infinite}@keyframes skeletonPulse{0%,to{opacity:1}50%{opacity:.55}}.fade-up{animation:fadeUp var(--duration-base) var(--ease-out) backwards}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn var(--duration-base) var(--ease-out) backwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.fade-up,.fade-in{animation:none;opacity:1;transform:none}.skeleton{animation:none}}@media (max-width: 960px){.app-shell{grid-template-columns:1fr}.nav{position:static;max-height:none}}@media (max-width: 767px){.app-shell{padding:var(--space-4);gap:var(--space-4)}.topbar{flex-wrap:wrap;gap:var(--space-3)}.topbar h1{font-size:var(--text-xl);flex:1}.card{padding:var(--space-4)}.nav-links{flex-direction:row;flex-wrap:wrap;gap:6px}.nav-link{padding:6px 10px;font-size:var(--text-sm)}.field{gap:6px}.input,.textarea,.select{font-size:16px}}.legal-shell{min-height:100vh;display:flex;flex-direction:column;padding:2rem 1rem;max-width:900px;margin:0 auto;background:var(--background)}.legal-header{margin-bottom:1.5rem}.legal-header .brand-link{font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--weight-bold);color:var(--primary-color);text-decoration:none;letter-spacing:-.02em;transition:opacity .2s ease}.legal-header .brand-link:hover{opacity:.85}.legal-footer{margin-top:auto;padding-top:1.5rem;display:flex;justify-content:center;align-items:center;gap:1rem;font-size:var(--text-sm)}.legal-footer a{color:var(--text-secondary);text-decoration:none;transition:color .2s ease}.legal-footer a:hover,.legal-footer a.active{color:var(--primary-color)}.legal-footer .separator{color:var(--border-strong)}.app-footer{margin-top:auto;padding:var(--space-4) 0 var(--space-3);display:flex;justify-content:center;align-items:center;gap:var(--space-3);font-size:var(--text-sm);color:var(--text-secondary)}.app-footer a{color:var(--text-secondary);text-decoration:none;transition:color .2s ease}.app-footer a:hover{color:var(--primary-color)}.app-footer .separator{color:var(--border)}@media (max-width: 640px){.legal-shell{padding:1rem}.legal-header .brand-link{font-size:var(--text-lg)}}.skip-link.svelte-6ytg3m{position:absolute;top:-100%;left:0;padding:8px 16px;background:var(--primary-color);color:var(--primary-fg-on);text-decoration:none;font-weight:var(--weight-semibold);z-index:1000;border-radius:0 0 var(--radius-control) 0}.skip-link.svelte-6ytg3m:focus{top:0}.mobile-menu-button.svelte-6ytg3m{position:fixed;top:16px;left:16px;z-index:60;background:var(--surface);border:1px solid var(--border);color:var(--text-primary)}.mobile-nav-overlay.svelte-6ytg3m{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a66;z-index:90;display:none;border:0;padding:0;cursor:pointer}.mobile-nav-overlay.open.svelte-6ytg3m{display:block}.mobile-nav.svelte-6ytg3m{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--surface);z-index:100;padding:20px;overflow-y:auto;transform:translate(100%);transition:transform var(--duration-base) var(--ease-out)}.mobile-nav.open.svelte-6ytg3m{transform:translate(0)}@media (min-width: 768px){.mobile-menu-button.svelte-6ytg3m,.mobile-nav-overlay.svelte-6ytg3m,.mobile-nav.svelte-6ytg3m{display:none!important}}