:root{color-scheme:light;--color-canvas: #f6f8f8;--color-surface: #ffffff;--color-surface-subtle: #f0f5f4;--color-surface-selected: #e6f4f1;--color-text: #16252a;--color-text-muted: #52646a;--color-text-subtle: #6b7c81;--color-border: #d7e2e1;--color-border-strong: #a9bdbc;--color-primary: #0f766e;--color-primary-hover: #0b625c;--color-primary-active: #084b46;--color-primary-subtle: #ccfbf1;--color-focus: #1d4ed8;--color-success: #166534;--color-success-subtle: #dcfce7;--color-warning: #92400e;--color-warning-subtle: #fef3c7;--color-danger: #b42318;--color-danger-subtle: #fee4e2;--color-info: #1d4ed8;--color-info-subtle: #dbeafe;--font-sans: inter, "Noto Sans", "Segoe UI", roboto, helvetica, arial, sans-serif;--font-mono: "SFMono-Regular", consolas, "Liberation Mono", monospace;--font-size-100: .75rem;--font-size-200: .875rem;--font-size-300: 1rem;--font-size-400: 1.125rem;--font-size-500: 1.25rem;--font-size-600: 1.5rem;--font-size-700: clamp(1.75rem, 5vw, 2.25rem);--line-height-tight: 1.2;--line-height-body: 1.5;--line-height-relaxed: 1.65;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--radius-sm: .5rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-pill: 999px;--shadow-sm: 0 1px 2px rgb(22 37 42 / 6%);--shadow-md: 0 8px 24px rgb(22 37 42 / 10%);--content-max: 72rem;--control-min-size: 2.75rem;font-family:var(--font-sans);font-synthesis:none;color:var(--color-text);background:var(--color-canvas)}*{box-sizing:border-box}html{min-width:20rem;background:var(--color-canvas);text-size-adjust:100%}body{min-width:20rem;min-height:100vh;margin:0;background:radial-gradient(circle at 100% 0,rgb(204 251 241 / 38%),transparent 25rem),var(--color-canvas);color:var(--color-text);font-size:var(--font-size-300);font-weight:var(--font-weight-regular);line-height:var(--line-height-body)}button,input,select,textarea{font:inherit}button,[role=button]{min-block-size:var(--control-min-size);border:1px solid transparent;border-radius:var(--radius-md);padding:var(--space-2) var(--space-4);background:var(--color-primary);color:#fff;font-weight:var(--font-weight-semibold);line-height:1.25;cursor:pointer;touch-action:manipulation;transition:background-color .16s ease,border-color .16s ease,box-shadow .16s ease,transform .16s ease}button:disabled,[role=button][aria-disabled=true]{opacity:.56;cursor:not-allowed}button:hover:not(:disabled),[role=button]:hover:not([aria-disabled=true]){background:var(--color-primary-hover)}button:active:not(:disabled),[role=button]:active:not([aria-disabled=true]){background:var(--color-primary-active);transform:translateY(1px)}button.button--secondary,.button--secondary{border-color:var(--color-border-strong);background:var(--color-surface);color:var(--color-primary-active)}button.button--secondary:hover:not(:disabled),.button--secondary:hover:not([aria-disabled=true]){border-color:var(--color-primary);background:var(--color-surface-selected)}button.button--danger,.button--danger{background:var(--color-danger)}button.button--danger:hover:not(:disabled),.button--danger:hover:not([aria-disabled=true]){background:#8f1c13}a{color:var(--color-primary-active);font-weight:var(--font-weight-medium);text-decoration-color:currentcolor;text-underline-offset:.16em}a:hover{color:var(--color-primary)}input:not([type=checkbox],[type=radio]),select,textarea{inline-size:100%;min-block-size:var(--control-min-size);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3);background:var(--color-surface);color:var(--color-text);line-height:var(--line-height-body);transition:border-color .16s ease,box-shadow .16s ease}textarea{min-block-size:7.5rem;resize:vertical}input::placeholder,textarea::placeholder{color:var(--color-text-subtle);opacity:1}input[type=checkbox],input[type=radio]{inline-size:1.25rem;block-size:1.25rem;accent-color:var(--color-primary)}:focus-visible{outline:3px solid var(--color-focus);outline-offset:3px}::selection{background:var(--color-primary-subtle);color:var(--color-primary-active)}h1,h2,h3,p{margin-block:0}h1,h2,h3{color:var(--color-text);font-weight:var(--font-weight-bold);letter-spacing:-.018em;line-height:var(--line-height-tight)}h1{font-size:var(--font-size-700)}h2{font-size:var(--font-size-600)}h3{font-size:var(--font-size-500)}p+p{margin-block-start:var(--space-3)}img,svg{display:block;max-inline-size:100%}.skip-link{position:fixed;z-index:20;inset-block-start:var(--space-3);inset-inline-start:var(--space-3);transform:translateY(-160%);transition:transform .16s ease}.skip-link:focus{transform:translateY(0)}.shell{display:grid;min-block-size:100vh;grid-template-rows:auto 1fr auto}.shell header{display:flex;min-block-size:4rem;align-items:center;justify-content:space-between;gap:var(--space-3);border-block-end:1px solid var(--color-border);padding:var(--space-2) max(var(--space-4),env(safe-area-inset-right)) var(--space-2) max(var(--space-4),env(safe-area-inset-left));background:#fffffff0;box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.shell header strong{font-size:var(--font-size-400);font-weight:var(--font-weight-bold)}.shell nav{position:sticky;z-index:10;inset-block-end:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));order:3;gap:var(--space-1);border-block-start:1px solid var(--color-border);padding:var(--space-1) max(var(--space-2),env(safe-area-inset-right)) max(var(--space-1),env(safe-area-inset-bottom)) max(var(--space-2),env(safe-area-inset-left));background:#fffffff5;box-shadow:0 -4px 16px #16252a12;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.shell nav a{display:grid;min-block-size:var(--control-min-size);place-items:center;border-radius:var(--radius-sm);padding:var(--space-1) var(--space-2);color:var(--color-text-muted);font-size:var(--font-size-100);font-weight:var(--font-weight-semibold);line-height:1.15;text-align:center;text-decoration:none}.shell nav a:hover{background:var(--color-surface-subtle);color:var(--color-primary-active)}.shell nav a.active{background:var(--color-surface-selected);color:var(--color-primary-active)}.shell main,.auth-page{inline-size:min(100%,var(--content-max));margin-inline:auto;padding:var(--space-6) var(--space-4) calc(var(--space-8) + env(safe-area-inset-bottom))}.shell main>*+*{margin-block-start:var(--space-6)}.shell main section>*+*{margin-block-start:var(--space-3)}.card{inline-size:min(100%,30rem);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);background:var(--color-surface);box-shadow:var(--shadow-md)}.auth-page{display:grid;min-block-size:100vh;place-items:center}.auth-page .card{display:grid;gap:var(--space-6)}.auth-page form,.field{display:grid;gap:var(--space-4)}.field{gap:var(--space-2);color:var(--color-text);font-size:var(--font-size-200);font-weight:var(--font-weight-semibold)}.status-message,.update-prompt{border:1px solid var(--color-info);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);background:var(--color-info-subtle);color:#17366f}.status-message--error{border-color:var(--color-danger);background:var(--color-danger-subtle);color:#7a271a}.update-prompt{position:fixed;z-index:15;inset-inline:var(--space-4);inset-block-end:calc(4.5rem + env(safe-area-inset-bottom));display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);box-shadow:var(--shadow-md)}@media (width >= 48rem){.shell main,.auth-page{padding:var(--space-8) var(--space-6)}.shell nav a{font-size:var(--font-size-200)}.update-prompt{inset-inline:auto var(--space-6);max-inline-size:30rem}}@media (width >= 64rem){.shell{grid-template-columns:15rem minmax(0,1fr);grid-template-rows:auto 1fr}.shell header{grid-column:1 / -1}.shell nav{position:sticky;inset-block:4rem auto;align-self:start;grid-template-columns:1fr;order:0;min-block-size:calc(100vh - 4rem);border-block-start:0;border-inline-end:1px solid var(--color-border);padding:var(--space-4);box-shadow:none}.update-prompt{inset-block-end:calc(var(--space-6) + env(safe-area-inset-bottom))}.shell nav a{justify-items:start;padding-inline:var(--space-3);text-align:start}.shell main{margin-inline:0}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (forced-colors: active){:focus-visible{outline-color:Highlight}.shell nav a.active{outline:1px solid Highlight}}