@layer settings,generic,elements,objects,components,utilities;@layer settings{:root{--color-bg: #161826;--color-surface: #232532;--color-text: #e9e9ed;--color-canvas: #101220;--color-navbar: #1b1d2b;--color-accent: #9184d9;--color-accent-100: #f5f4ff;--color-accent-200: #e7e5fe;--color-accent-300: #d2cefd;--color-accent-400: #b5abfc;--color-accent-500: #968ae0;--color-accent-600: #796cbf;--color-accent-700: #5d5294;--color-accent-800: #423a6a;--color-accent-900: #2b2741;--color-neutral-100: #f3f5fe;--color-neutral-200: #e4e7f5;--color-neutral-300: #cfd3e5;--color-neutral-400: #b2b6ca;--color-neutral-500: #9397ab;--color-neutral-600: #75798c;--color-neutral-700: #595d6c;--color-neutral-800: #3f424d;--color-neutral-900: #292b31;--color-divider: color-mix(in srgb, var(--color-text) 16%, transparent);--color-text-primary: var(--color-text);--color-text-secondary: color-mix(in srgb, var(--color-text) 82%, transparent);--color-text-tertiary: color-mix(in srgb, var(--color-text) 62%, transparent);--color-text-meta: color-mix(in srgb, var(--color-text) 45%, transparent);--color-text-quiet: color-mix(in srgb, var(--color-text) 33%, transparent);--color-status-ueber: oklch(.66 .125 25);--color-status-bald: oklch(.78 .13 85);--color-status-im-rahmen: oklch(.66 .11 145);--color-rad-1: oklch(.66 .11 145);--color-rad-2: oklch(.55 .13 25);--color-rad-3: oklch(.7 .12 52);--color-rad-4: oklch(.6 .08 75);--color-rad-5: oklch(.62 .1 265);--color-rad-6: oklch(.68 .09 320);--color-rad-7: oklch(.64 .1 195);--color-rad-8: oklch(.58 .11 240);--color-rad-9: oklch(.66 .12 355);--color-rad-10: oklch(.68 .1 110);--rad-label-lightness: .88;--rad-label-chroma: .06;--rad-ground-alpha: .14}}@layer settings{:root{--font-body: "Inter Variable", "Inter", system-ui, sans-serif;--font-heading: var(--font-body);--font-weight-regular: 400;--font-weight-medium: 500;--type-screen-title-size: 22px;--type-screen-title-tracking: -.02em;--type-screen-title-sm-size: 17px;--type-metric-size: 30px;--type-metric-tracking: -.03em;--type-card-title-size: 14px;--type-row-title-size: 13.5px;--type-label-size: 12px;--type-metric-compact-size: 15px;--type-action-size: 14.5px;--type-body-size: 13px;--type-body-sm-size: 12.5px;--type-body-line-height: 1.5;--type-meta-size: 11px;--type-tertiary-size: 10.5px;--type-section-label-size: 11px;--type-section-label-tracking: .1em;--type-chart-label-size: 9.5px}}@layer settings{:root{--space-1: 2.8px;--space-2: 5.6px;--space-3: 8.4px;--space-4: 11.2px;--space-5: 14px;--space-6: 16.8px;--space-7: 19.6px;--space-8: 22.4px;--space-gutter: var(--space-5);--radius-sm: 4px;--radius-md: 8px;--radius-lg: 14px;--radius-card: 12px;--radius-tile: 9px;--radius-field: 10px;--radius-action: 11px;--radius-segment: 10px;--radius-pill: 999px;--radius-mark: 3px;--safe-top: env(safe-area-inset-top, 0px);--safe-right: env(safe-area-inset-right, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--motion-swipe-return: .18s;--motion-disclosure: .2s;--motion-easing: ease-out}}@layer settings{:root{--shadow-sm: 0 0 0 1px var(--color-neutral-800);--shadow-md: 0 0 0 1px var(--color-neutral-700), 0 6px 18px rgb(0 0 0 / .55);--shadow-lg: 0 0 0 1px var(--color-neutral-500), 0 16px 40px rgb(0 0 0 / .65);--hairline-accent: 0 0 0 1px var(--color-accent-800);--hairline-warn: 0 0 0 1px oklch(from var(--color-status-bald) l c h / .4);--hairline-inset: inset 0 0 0 1px color-mix(in srgb, var(--color-text) 9%, transparent);--surface-accent-soft: color-mix(in srgb, var(--color-accent) 9%, transparent);--surface-accent-active: color-mix(in srgb, var(--color-accent) 16%, transparent);--surface-swipe-action: color-mix(in srgb, var(--color-accent) 12%, transparent);--surface-glass: color-mix(in srgb, var(--color-canvas) 30%, transparent);--surface-overlay: color-mix(in srgb, var(--color-bg) 78%, transparent);--surface-photo-top: color-mix(in srgb, var(--color-canvas) 50%, transparent);--surface-photo-bottom: color-mix(in srgb, var(--color-canvas) 86%, transparent);--surface-selection: color-mix(in srgb, var(--color-accent) 30%, transparent);--surface-pressed: color-mix(in srgb, var(--color-surface) 85%, var(--color-text));--surface-accent-pressed: color-mix(in srgb, var(--color-accent) 22%, transparent);--surface-accent-hover: color-mix(in srgb, var(--color-accent) 12%, transparent)}}@layer generic{@font-face{font-family:Inter Variable;font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/inter-latin-wght-normal.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter Variable;font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/inter-latin-ext-wght-normal.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}}@layer generic{*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body{margin:0}h1,h2,h3,h4,h5,h6,p,figure,blockquote,dl,dd{margin:0}ul,ol{padding:0;margin:0;list-style:none}img,svg,video,canvas{display:block;max-width:100%}button,input,select,textarea{font:inherit;color:inherit}button{padding:0;background:none;border:0}}@layer elements{html{color-scheme:dark;background-color:var(--color-canvas)}body{background-color:var(--color-bg);color:var(--color-text-primary);font-family:var(--font-body);font-size:var(--type-body-size);font-weight:var(--font-weight-regular);line-height:var(--type-body-line-height)}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-size:inherit;font-weight:var(--font-weight-medium);line-height:1.2}a{color:var(--color-accent-300);text-underline-offset:3px}hr{height:1px;border:0;background-color:var(--color-neutral-900)}::selection{background-color:var(--surface-selection)}}@layer elements{:focus{outline:none}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}:disabled,[aria-disabled=true]{cursor:not-allowed;opacity:.45}[aria-busy=true]{cursor:progress;pointer-events:none;opacity:.6}button,[role=button],a,label,summary{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button,[role=button],nav,summary{-webkit-user-select:none;user-select:none}button:not(:disabled),[role=button]:not([aria-disabled=true]),summary{cursor:pointer}input,select,textarea{background-color:transparent;border:0}input::placeholder,textarea::placeholder{color:var(--color-text-quiet)}input:autofill,input:autofill:hover,input:autofill:focus{-webkit-text-fill-color:var(--color-text-primary);box-shadow:inset 0 0 0 1000px var(--color-surface)}textarea{resize:vertical}}@layer elements{html,body{min-height:100dvh;overscroll-behavior:none}body{overflow-x:hidden}}@layer components{.card{display:block;padding:var(--space-4) var(--space-5);color:inherit;text-decoration:none;background-color:var(--color-surface);border-radius:var(--radius-card);box-shadow:var(--shadow-sm)}.card--accent{background-color:var(--surface-accent-soft);box-shadow:var(--hairline-accent)}.card--warn{box-shadow:var(--hairline-warn)}.card--selected{box-shadow:0 0 0 1px var(--color-accent-700)}a.card:active,button.card:active,.card[role=button]:active{background-color:var(--surface-pressed)}}@layer components{.button{display:inline-flex;gap:var(--space-2);align-items:center;justify-content:center;padding:var(--space-4) var(--space-5);font-size:var(--type-action-size);font-weight:var(--font-weight-medium);line-height:1.2;color:var(--color-text-secondary);text-decoration:none;background-color:transparent;border:1px solid transparent;border-radius:var(--radius-action)}.button--primary{color:var(--color-accent-300);border-color:var(--color-accent)}.button--primary:active{background-color:var(--surface-accent-pressed)}.button--secondary{color:var(--color-text-tertiary);box-shadow:var(--shadow-sm)}.button--secondary:active{background-color:var(--surface-pressed)}.button--ghost{padding-inline:var(--space-2);font-size:var(--type-body-sm-size);color:var(--color-accent-300)}.button--ghost:active{background-color:var(--surface-accent-hover)}.button--icon{width:36px;height:36px;padding:0}.button--destructive{color:var(--color-status-ueber);border-color:var(--color-status-ueber)}.button[aria-busy=true]{pointer-events:none}}@layer components{.pill{display:inline-flex;gap:var(--space-2);align-items:center;padding:var(--space-2) var(--space-4);font-size:var(--type-label-size);color:var(--color-text-tertiary);text-decoration:none;background-color:transparent;border-radius:var(--radius-pill);box-shadow:var(--shadow-sm)}.pill--selected{color:var(--color-accent-300);background-color:var(--surface-accent-active);box-shadow:var(--hairline-accent)}.pill--overlay{color:var(--color-neutral-200);background-color:var(--surface-overlay);box-shadow:0 0 0 1px var(--color-neutral-700)}.pill:active{background-color:var(--surface-pressed)}}@layer components{.field{display:flex;flex-direction:column;gap:var(--space-1)}.field__label{font-size:var(--type-label-size);color:var(--color-text-tertiary)}.field__control{width:100%;padding:var(--space-3) var(--space-4);font-size:var(--type-card-title-size);color:var(--color-text-primary);caret-color:var(--color-accent);background-color:var(--color-bg);border-radius:var(--radius-field);box-shadow:var(--shadow-sm)}select.field__control{appearance:auto}.field__control:focus-visible{outline-offset:0;box-shadow:0 0 0 1px var(--color-accent)}.field--invalid .field__control{box-shadow:0 0 0 1px var(--color-status-ueber)}.field__hint{font-size:var(--type-meta-size);color:var(--color-text-meta)}.field__error{font-size:var(--type-meta-size);color:var(--color-status-ueber)}}