:root{--font-body: "Manrope", system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, monospace;--radius: 22px;--radius-sm: 12px;--gutter: 1rem;--nav-height: 72px;--glass-bg: color-mix(in srgb, var(--mat-sys-surface) 62%, transparent);--glass-bg-strong: color-mix(in srgb, var(--mat-sys-surface) 78%, transparent);--glass-border: color-mix(in srgb, #fff 55%, transparent);--glass-highlight: rgba(255, 255, 255, .6);--glass-shadow: 0 12px 32px -20px rgba(0, 0, 0, .45);--blob-a: var(--mat-sys-primary);--blob-b: var(--mat-sys-tertiary);--blob-strength: 22%}:root[data-running]{--blob-a: var(--running-accent);--blob-b: var(--running-accent);--blob-strength: 58%}:root[data-running] body{background-color:color-mix(in srgb,var(--running-accent) 16%,var(--mat-sys-surface))}@media(prefers-color-scheme:dark){:root{--glass-border: color-mix(in srgb, #fff 16%, transparent);--glass-highlight: rgba(255, 255, 255, .14);--glass-shadow: 0 12px 32px -18px rgba(0, 0, 0, .8)}}html{height:100%;--mat-sys-background: light-dark(#fff8f5, #181210);--mat-sys-error: light-dark(#ba1a1a, #ffb4ab);--mat-sys-error-container: light-dark(#ffdad6, #93000a);--mat-sys-inverse-on-surface: light-dark(#fbeee8, #362f2b);--mat-sys-inverse-primary: light-dark(#ffb787, #964900);--mat-sys-inverse-surface: light-dark(#362f2b, #ece0da);--mat-sys-on-background: light-dark(#201a17, #ece0da);--mat-sys-on-error: light-dark(#ffffff, #690005);--mat-sys-on-error-container: light-dark(#93000a, #ffdad6);--mat-sys-on-primary: light-dark(#ffffff, #502400);--mat-sys-on-primary-container: light-dark(#723600, #ffdcc7);--mat-sys-on-primary-fixed: light-dark(#311300, #311300);--mat-sys-on-primary-fixed-variant: light-dark(#723600, #723600);--mat-sys-on-secondary: light-dark(#ffffff, #422b1b);--mat-sys-on-secondary-container: light-dark(#5b4130, #ffdcc7);--mat-sys-on-secondary-fixed: light-dark(#2b1708, #2b1708);--mat-sys-on-secondary-fixed-variant: light-dark(#5b4130, #5b4130);--mat-sys-on-surface: light-dark(#201a17, #ece0da);--mat-sys-on-surface-variant: light-dark(#52443c, #f4ded3);--mat-sys-on-tertiary: light-dark(#ffffff, #003737);--mat-sys-on-tertiary-container: light-dark(#004f4f, #00fbfb);--mat-sys-on-tertiary-fixed: light-dark(#002020, #002020);--mat-sys-on-tertiary-fixed-variant: light-dark(#004f4f, #004f4f);--mat-sys-outline: light-dark(#84746a, #9f8d83);--mat-sys-outline-variant: light-dark(#d7c3b8, #52443c);--mat-sys-primary: light-dark(#964900, #ffb787);--mat-sys-primary-container: light-dark(#ffdcc7, #723600);--mat-sys-primary-fixed: light-dark(#ffdcc7, #ffdcc7);--mat-sys-primary-fixed-dim: light-dark(#ffb787, #ffb787);--mat-sys-scrim: light-dark(#000000, #000000);--mat-sys-secondary: light-dark(#755846, #e5bfa8);--mat-sys-secondary-container: light-dark(#ffdcc7, #5b4130);--mat-sys-secondary-fixed: light-dark(#ffdcc7, #ffdcc7);--mat-sys-secondary-fixed-dim: light-dark(#e5bfa8, #e5bfa8);--mat-sys-shadow: light-dark(#000000, #000000);--mat-sys-surface: light-dark(#fff8f5, #181210);--mat-sys-surface-bright: light-dark(#fff8f5, #3f3834);--mat-sys-surface-container: light-dark(#f8ebe6, #241e1b);--mat-sys-surface-container-high: light-dark(#f2e6e1, #2f2926);--mat-sys-surface-container-highest: light-dark(#ece0da, #3a3330);--mat-sys-surface-container-low: light-dark(#fef1ec, #201a17);--mat-sys-surface-container-lowest: light-dark(#ffffff, #120d0b);--mat-sys-surface-dim: light-dark(#e3d8d3, #181210);--mat-sys-surface-tint: light-dark(#964900, #ffb787);--mat-sys-surface-variant: light-dark(#f4ded3, #52443c);--mat-sys-tertiary: light-dark(#006a6a, #00dddd);--mat-sys-tertiary-container: light-dark(#00fbfb, #004f4f);--mat-sys-tertiary-fixed: light-dark(#00fbfb, #00fbfb);--mat-sys-tertiary-fixed-dim: light-dark(#00dddd, #00dddd);--mat-sys-neutral-variant20: #3a2e26;--mat-sys-neutral10: #201a17;--mat-sys-level0: 0px 0px 0px 0px rgba(0, 0, 0, .2), 0px 0px 0px 0px rgba(0, 0, 0, .14), 0px 0px 0px 0px rgba(0, 0, 0, .12);--mat-sys-level1: 0px 2px 1px -1px rgba(0, 0, 0, .2), 0px 1px 1px 0px rgba(0, 0, 0, .14), 0px 1px 3px 0px rgba(0, 0, 0, .12);--mat-sys-level2: 0px 3px 3px -2px rgba(0, 0, 0, .2), 0px 3px 4px 0px rgba(0, 0, 0, .14), 0px 1px 8px 0px rgba(0, 0, 0, .12);--mat-sys-level3: 0px 3px 5px -1px rgba(0, 0, 0, .2), 0px 6px 10px 0px rgba(0, 0, 0, .14), 0px 1px 18px 0px rgba(0, 0, 0, .12);--mat-sys-level4: 0px 5px 5px -3px rgba(0, 0, 0, .2), 0px 8px 10px 1px rgba(0, 0, 0, .14), 0px 3px 14px 2px rgba(0, 0, 0, .12);--mat-sys-level5: 0px 7px 8px -4px rgba(0, 0, 0, .2), 0px 12px 17px 2px rgba(0, 0, 0, .14), 0px 5px 22px 4px rgba(0, 0, 0, .12);--mat-sys-body-large: 400 1rem / 1.5rem var(--font-body);--mat-sys-body-large-font: var(--font-body);--mat-sys-body-large-line-height: 1.5rem;--mat-sys-body-large-size: 1rem;--mat-sys-body-large-tracking: .031rem;--mat-sys-body-large-weight: 400;--mat-sys-body-medium: 400 .875rem / 1.25rem var(--font-body);--mat-sys-body-medium-font: var(--font-body);--mat-sys-body-medium-line-height: 1.25rem;--mat-sys-body-medium-size: .875rem;--mat-sys-body-medium-tracking: .016rem;--mat-sys-body-medium-weight: 400;--mat-sys-body-small: 400 .75rem / 1rem var(--font-body);--mat-sys-body-small-font: var(--font-body);--mat-sys-body-small-line-height: 1rem;--mat-sys-body-small-size: .75rem;--mat-sys-body-small-tracking: .025rem;--mat-sys-body-small-weight: 400;--mat-sys-display-large: 400 3.562rem / 4rem var(--font-body);--mat-sys-display-large-font: var(--font-body);--mat-sys-display-large-line-height: 4rem;--mat-sys-display-large-size: 3.562rem;--mat-sys-display-large-tracking: -.016rem;--mat-sys-display-large-weight: 400;--mat-sys-display-medium: 400 2.812rem / 3.25rem var(--font-body);--mat-sys-display-medium-font: var(--font-body);--mat-sys-display-medium-line-height: 3.25rem;--mat-sys-display-medium-size: 2.812rem;--mat-sys-display-medium-tracking: 0;--mat-sys-display-medium-weight: 400;--mat-sys-display-small: 400 2.25rem / 2.75rem var(--font-body);--mat-sys-display-small-font: var(--font-body);--mat-sys-display-small-line-height: 2.75rem;--mat-sys-display-small-size: 2.25rem;--mat-sys-display-small-tracking: 0;--mat-sys-display-small-weight: 400;--mat-sys-headline-large: 400 2rem / 2.5rem var(--font-body);--mat-sys-headline-large-font: var(--font-body);--mat-sys-headline-large-line-height: 2.5rem;--mat-sys-headline-large-size: 2rem;--mat-sys-headline-large-tracking: 0;--mat-sys-headline-large-weight: 400;--mat-sys-headline-medium: 400 1.75rem / 2.25rem var(--font-body);--mat-sys-headline-medium-font: var(--font-body);--mat-sys-headline-medium-line-height: 2.25rem;--mat-sys-headline-medium-size: 1.75rem;--mat-sys-headline-medium-tracking: 0;--mat-sys-headline-medium-weight: 400;--mat-sys-headline-small: 400 1.5rem / 2rem var(--font-body);--mat-sys-headline-small-font: var(--font-body);--mat-sys-headline-small-line-height: 2rem;--mat-sys-headline-small-size: 1.5rem;--mat-sys-headline-small-tracking: 0;--mat-sys-headline-small-weight: 400;--mat-sys-label-large: 500 .875rem / 1.25rem var(--font-body);--mat-sys-label-large-font: var(--font-body);--mat-sys-label-large-line-height: 1.25rem;--mat-sys-label-large-size: .875rem;--mat-sys-label-large-tracking: .006rem;--mat-sys-label-large-weight: 500;--mat-sys-label-large-weight-prominent: 700;--mat-sys-label-medium: 500 .75rem / 1rem var(--font-body);--mat-sys-label-medium-font: var(--font-body);--mat-sys-label-medium-line-height: 1rem;--mat-sys-label-medium-size: .75rem;--mat-sys-label-medium-tracking: .031rem;--mat-sys-label-medium-weight: 500;--mat-sys-label-medium-weight-prominent: 700;--mat-sys-label-small: 500 .688rem / 1rem var(--font-body);--mat-sys-label-small-font: var(--font-body);--mat-sys-label-small-line-height: 1rem;--mat-sys-label-small-size: .688rem;--mat-sys-label-small-tracking: .031rem;--mat-sys-label-small-weight: 500;--mat-sys-title-large: 400 1.375rem / 1.75rem var(--font-body);--mat-sys-title-large-font: var(--font-body);--mat-sys-title-large-line-height: 1.75rem;--mat-sys-title-large-size: 1.375rem;--mat-sys-title-large-tracking: 0;--mat-sys-title-large-weight: 400;--mat-sys-title-medium: 500 1rem / 1.5rem var(--font-body);--mat-sys-title-medium-font: var(--font-body);--mat-sys-title-medium-line-height: 1.5rem;--mat-sys-title-medium-size: 1rem;--mat-sys-title-medium-tracking: .009rem;--mat-sys-title-medium-weight: 500;--mat-sys-title-small: 500 .875rem / 1.25rem var(--font-body);--mat-sys-title-small-font: var(--font-body);--mat-sys-title-small-line-height: 1.25rem;--mat-sys-title-small-size: .875rem;--mat-sys-title-small-tracking: .006rem;--mat-sys-title-small-weight: 500;--mat-checkbox-touch-target-display: block;--mat-checkbox-state-layer-size: 36px;--mat-chip-container-height: 28px;--mat-expansion-header-collapsed-state-height: 44px;--mat-expansion-header-expanded-state-height: 60px;--mat-fab-small-touch-target-display: ;--mat-fab-touch-target-display: block;--mat-button-filled-touch-target-display: block;--mat-button-filled-container-height: 36px;--mat-button-outlined-container-height: 36px;--mat-button-outlined-touch-target-display: block;--mat-button-protected-touch-target-display: block;--mat-button-protected-container-height: 36px;--mat-button-text-touch-target-display: block;--mat-button-text-container-height: 36px;--mat-button-tonal-container-height: 36px;--mat-button-tonal-touch-target-display: block;--mat-form-field-container-height: 52px;--mat-form-field-filled-label-display: block;--mat-form-field-container-vertical-padding: 14px;--mat-form-field-filled-with-label-container-padding-top: 22px;--mat-form-field-filled-with-label-container-padding-bottom: 6px;--mat-icon-button-touch-target-display: block;--mat-icon-button-state-layer-size: 36px;--mat-list-list-item-leading-icon-start-space: 12px;--mat-list-list-item-leading-icon-end-space: 12px;--mat-list-list-item-one-line-container-height: 44px;--mat-list-list-item-two-line-container-height: 60px;--mat-list-list-item-three-line-container-height: 84px;--mat-paginator-container-size: 52px;--mat-paginator-form-field-container-height: 40px;--mat-paginator-form-field-container-vertical-padding: 8px;--mat-paginator-touch-target-display: block;--mat-radio-touch-target-display: block;--mat-radio-state-layer-size: 36px;--mat-tab-container-height: 44px;--mat-select-arrow-transform: translateY(-8px);--mat-button-toggle-height: 40px;--mat-stepper-header-height: 68px;--mat-table-header-container-height: 52px;--mat-table-footer-container-height: 48px;--mat-table-row-item-container-height: 48px;--mat-toolbar-standard-height: 60px;--mat-toolbar-mobile-height: 52px;--mat-tree-node-min-height: 44px;--mat-sys-corner-extra-large: 28px;--mat-sys-corner-extra-large-top: 28px 28px 0 0;--mat-sys-corner-extra-small: 4px;--mat-sys-corner-extra-small-top: 4px 4px 0 0;--mat-sys-corner-full: 9999px;--mat-sys-corner-large: 16px;--mat-sys-corner-large-end: 0 16px 16px 0;--mat-sys-corner-large-start: 16px 0 0 16px;--mat-sys-corner-large-top: 16px 16px 0 0;--mat-sys-corner-medium: 12px;--mat-sys-corner-none: 0;--mat-sys-corner-small: 8px;--mat-sys-dragged-state-layer-opacity: .16;--mat-sys-focus-state-layer-opacity: .12;--mat-sys-hover-state-layer-opacity: .08;--mat-sys-pressed-state-layer-opacity: .12}body{color-scheme:light dark;background-color:var(--mat-sys-surface);color:var(--mat-sys-on-surface);font:var(--mat-sys-body-medium);margin:0;min-height:100%;-webkit-font-smoothing:antialiased;transition:background-color .7s ease}body:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(60vmax 45vmax at 12% -8%,color-mix(in srgb,var(--blob-a) var(--blob-strength),transparent),transparent 70%),radial-gradient(50vmax 40vmax at 108% 18%,color-mix(in srgb,var(--blob-b) calc(var(--blob-strength) * .7),transparent),transparent 70%),radial-gradient(45vmax 40vmax at 40% 110%,color-mix(in srgb,var(--blob-a) calc(var(--blob-strength) * .5),transparent),transparent 70%);transition:background .7s ease}.glass{background:var(--glass-bg);-webkit-backdrop-filter:blur(24px) saturate(170%);backdrop-filter:blur(24px) saturate(170%);border:1px solid var(--glass-border);box-shadow:inset 0 1px 0 var(--glass-highlight),var(--glass-shadow)}h2,h3{font-weight:600;letter-spacing:-.01em}a{color:var(--mat-sys-primary)}.top-bar{position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:.75rem;min-height:56px;padding:0 var(--gutter);padding-top:env(safe-area-inset-top);background:var(--glass-bg-strong);-webkit-backdrop-filter:blur(24px) saturate(170%);backdrop-filter:blur(24px) saturate(170%);border-bottom:1px solid var(--glass-border);box-shadow:inset 0 -1px 0 var(--glass-highlight)}.brand{display:inline-flex;align-items:baseline;gap:.35rem;color:var(--mat-sys-on-surface);text-decoration:none;font:var(--mat-sys-title-medium);font-weight:700;letter-spacing:-.02em}.brand small{font:var(--mat-sys-label-small);color:var(--mat-sys-on-surface-variant);letter-spacing:.08em;text-transform:uppercase}.wall-clock{font-family:var(--font-mono);font-size:.95rem;font-weight:500;color:var(--mat-sys-on-surface-variant);font-variant-numeric:tabular-nums}.user-name{font:var(--mat-sys-label-large);color:var(--mat-sys-on-surface-variant)}.main-nav{position:sticky;top:calc(56px + env(safe-area-inset-top));z-index:9;display:flex;justify-content:center;gap:.25rem;padding:.4rem var(--gutter);background:var(--glass-bg-strong);-webkit-backdrop-filter:blur(24px) saturate(170%);backdrop-filter:blur(24px) saturate(170%);border-bottom:1px solid var(--glass-border)}.nav-link{display:inline-flex;align-items:center;gap:.4rem;padding:.45rem .85rem;border-radius:999px;color:var(--mat-sys-on-surface-variant);text-decoration:none;font:var(--mat-sys-label-large);transition:background .12s ease,color .12s ease}.nav-link mat-icon{font-size:20px;width:20px;height:20px}.nav-link:hover{background:var(--mat-sys-surface-container-high)}.nav-link.active{background:var(--mat-sys-primary-container);color:var(--mat-sys-on-primary-container)}main{display:block;padding:var(--gutter);padding-bottom:calc(var(--gutter) + env(safe-area-inset-bottom))}@media(max-width:719px){.main-nav{position:fixed;inset:auto .75rem calc(.6rem + env(safe-area-inset-bottom)) .75rem;top:auto;z-index:10;justify-content:space-around;gap:0;padding:.4rem .25rem;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:999px;box-shadow:inset 0 1px 0 var(--glass-highlight),var(--glass-shadow)}.nav-link{flex:1 1 0;flex-direction:column;gap:.1rem;padding:.35rem .25rem;border-radius:var(--radius-sm);font:var(--mat-sys-label-small)}.nav-link mat-icon{font-size:24px;width:24px;height:24px}.nav-link.active{background:transparent;color:var(--mat-sys-primary)}.user-name{display:none}main{padding-bottom:calc(var(--nav-height) + env(safe-area-inset-bottom) + 1rem)}html{scroll-padding-bottom:calc(var(--nav-height) + env(safe-area-inset-bottom) + 1rem)}}.page{max-width:960px;margin:0 auto}.two-columns{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1rem;align-items:start}.auth-page{max-width:400px;margin:8vh auto 0}.stack{display:flex;flex-direction:column;gap:.5rem}.row{display:flex;align-items:center;gap:.5rem;padding:.25rem 0;flex-wrap:wrap}.grow{flex:1 1 auto}.muted{color:var(--mat-sys-on-surface-variant)}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}mat-card.mat-mdc-card{border-radius:var(--radius);margin-bottom:1rem}mat-card.mat-mdc-card.mdc-card--outlined{background:var(--glass-bg);-webkit-backdrop-filter:blur(24px) saturate(170%);backdrop-filter:blur(24px) saturate(170%);border:1px solid var(--glass-border);box-shadow:inset 0 1px 0 var(--glass-highlight),var(--glass-shadow)}mat-card.mat-mdc-card.mdc-card--filled{background:color-mix(in srgb,var(--mat-sys-surface-container-high) 70%,transparent);-webkit-backdrop-filter:blur(24px) saturate(170%);backdrop-filter:blur(24px) saturate(170%);box-shadow:inset 0 1px 0 var(--glass-highlight)}.mat-mdc-dialog-surface{border-radius:var(--radius)!important}.mat-mdc-card-header{padding-bottom:.25rem}.mat-mdc-card-title{font-weight:600;letter-spacing:-.01em}.inline-input{flex:1 1 8rem;min-width:6rem;height:40px;padding:0 .75rem;border:1px solid var(--glass-border);border-radius:var(--radius-sm);background:color-mix(in srgb,var(--mat-sys-surface-container-lowest) 70%,transparent);box-shadow:inset 0 1px 0 var(--glass-highlight);color:inherit;font:inherit;box-sizing:border-box;transition:border-color .12s ease}.inline-input::placeholder{color:var(--mat-sys-on-surface-variant);opacity:.8}.inline-input:hover{border-color:var(--mat-sys-outline)}.inline-input:focus{outline:none;border-color:var(--mat-sys-primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--mat-sys-primary) 30%,transparent)}.color{width:2.25rem;height:2.25rem;padding:0;border:2px solid var(--mat-sys-surface-container-lowest);border-radius:50%;box-shadow:0 0 0 1px var(--mat-sys-outline-variant);background:none;cursor:pointer}.color::-webkit-color-swatch-wrapper{padding:0}.color::-webkit-color-swatch,.color::-moz-color-swatch{border:none;border-radius:50%}.dot{display:inline-block;width:.7rem;height:.7rem;border-radius:50%;flex-shrink:0}.field{display:flex;flex-direction:column;gap:.2rem}.field .inline-input{flex:0 0 auto;width:100%}.field-label{font:var(--mat-sys-label-small);color:var(--mat-sys-on-surface-variant);letter-spacing:.04em;text-transform:uppercase}.group-title{display:flex;align-items:center;gap:.5rem;margin:.75rem 0 .35rem;font:var(--mat-sys-label-large);color:var(--mat-sys-on-surface-variant);letter-spacing:.04em;text-transform:uppercase}.notice{display:flex;align-items:center;gap:.6rem;padding:.75rem 1rem;margin:0 0 1rem;border-radius:var(--radius);background:var(--mat-sys-surface-container-high);color:var(--mat-sys-on-surface);border-left:4px solid var(--mat-sys-tertiary)}.notice mat-icon{flex-shrink:0;color:var(--mat-sys-tertiary)}.legend{display:flex;flex-wrap:wrap;gap:.25rem 1rem;list-style:none;padding:0;margin:0 0 .75rem;font:var(--mat-sys-label-large)}.legend li{display:inline-flex;align-items:center;gap:.35rem}.data-table{width:100%;border-collapse:collapse;font:var(--mat-sys-body-medium)}.data-table th,.data-table td{padding:.55rem .5rem;border-bottom:1px solid var(--mat-sys-outline-variant);text-align:left}.data-table tbody tr:last-child td{border-bottom:none}.data-table th{font:var(--mat-sys-label-small);color:var(--mat-sys-on-surface-variant);letter-spacing:.04em;text-transform:uppercase}.data-table td:first-child{white-space:nowrap}.data-table td .dot{margin-right:.5rem;vertical-align:middle}.data-table .num{text-align:right;font-family:var(--font-mono);font-variant-numeric:tabular-nums;white-space:nowrap}.swatch{width:1.75rem;height:1.75rem;padding:0;border:2px solid var(--mat-sys-surface-container-lowest);border-radius:50%;box-shadow:0 0 0 1px var(--mat-sys-outline-variant);cursor:pointer;flex-shrink:0}.swatch.selected{box-shadow:0 0 0 2px var(--mat-sys-surface-container-lowest),0 0 0 4px var(--mat-sys-on-surface)}.palette{display:grid;grid-template-columns:repeat(4,auto);gap:.6rem;padding:.75rem}