/* GENERATED by scripts/css-build.py - do not edit.
 * Source: mobius/public/assets/css/00-fonts.css, 01-tokens.css, 02-reset.css, 03-base.css, 04-layout.css, 05-components.css, 06-responsive.css, 06-shell.css, 08-app.css
 * Edit a part and re-run the build; `css-build.py --check` fails a stale bundle.
 */

/* ==== 00-fonts.css ==== */
@font-face {
	font-family: "Plus Jakarta Sans";
	font-style: normal;
	font-weight: 200 800;
	font-display: optional;
	src: url("/assets/fonts/plus-jakarta-sans-latin.woff2") format("woff2");
	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: "Plus Jakarta Sans";
	font-style: normal;
	font-weight: 200 800;
	font-display: swap;
	src: url("/assets/fonts/plus-jakarta-sans-latin-ext.woff2") format("woff2");
	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;
}
@font-face {
	font-family: "IBM Plex Sans";
	font-style: normal;
	font-weight: 400 600;
	font-display: optional;
	src: url("/assets/fonts/ibm-plex-sans-latin.woff2") format("woff2");
	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: "IBM Plex Sans";
	font-style: normal;
	font-weight: 400 600;
	font-display: swap;
	src: url("/assets/fonts/ibm-plex-sans-latin-ext.woff2") format("woff2");
	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;
}
@font-face {
	font-family: "IBM Plex Mono";
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url("/assets/fonts/ibm-plex-mono-400.woff2") format("woff2");
}
@font-face {
	font-family: "IBM Plex Mono";
	font-style: normal;
	font-weight: 500;
	font-display: swap;
	src: url("/assets/fonts/ibm-plex-mono-500.woff2") format("woff2");
}

/* ==== 01-tokens.css ==== */
@layer tokens, reset, base, layout, components, responsive, screens, motion;
@layer tokens {
:root {
	color-scheme: light dark;
	--d-page: #121211;        --l-page: #f5f6f8;
	--d-header: #0e0e0d;      --l-header: #ffffff;
	--d-strip: #171715;       --l-strip: #eceef2;
	--d-raised: #1f1e1b;      --l-raised: #ffffff;
	--d-overlay: #252420;     --l-overlay: #ffffff;
	--d-hover: #2c2b27;       --l-hover: #edeff3;
	--d-menu-hover: #302f2a;  --l-menu-hover: #eef0f4;
	--d-sunk: rgba(0, 0, 0, 0.28);    --l-sunk: rgba(16, 24, 40, 0.04);
	--d-scrim: rgba(0, 0, 0, 0.5);    --l-scrim: rgba(16, 24, 40, 0.32);
	--d-vignette: rgba(6, 6, 5, 0.4); --l-vignette: transparent;
	--d-max: #ffffff;         --l-max: #0b0c0f;
	--d-strong: #faf8f4;      --l-strong: #0b0c0f;
	--d-bright: #f3f1ec;      --l-bright: #14161b;
	--d-ink: #ebe8e1;         --l-ink: #1d2027;
	--d-soft: #dedbd3;        --l-soft: #343843;
	--d-quiet: #cecbc2;       --l-quiet: #3e434e;
	--d-dim: #bfbbb1;         --l-dim: #484d59;
	--d-label: #aaa59b;       --l-label: #555b68;
	--d-accent: #e3b46a;      --l-accent: #94520b;
	--d-accent-btn: #b45a12;  --l-accent-btn: #b45309;
	--d-accent-lit: #9c4c0f;  --l-accent-lit: #92400e;
	--d-accent-press: #803d0c; --l-accent-press: #7c2d12;
	--d-accent-hot: #ecc584;  --l-accent-hot: #8a4a08;
	--d-accent-text: #f0d39f; --l-accent-text: #7e4407;
	--d-accent-wash: rgba(227, 180, 106, 0.1); --l-accent-wash: rgba(180, 83, 9, 0.08);
	--d-ok: #74d3a5;          --l-ok: #13795b;
	--d-on-ok: #062a1a;       --l-on-ok: #ffffff;
	--d-bad: #ef7a6c;         --l-bad: #c0402c;
	--d-bad-text: #f3a59a;    --l-bad-text: #b3261e;
	--d-bad-hot: #f8c4bc;     --l-bad-hot: #8f1d16;
	--d-on-bad: #2a0c08;      --l-on-bad: #ffffff;
	--d-warn: #efc66b;        --l-warn: #946000;
	--d-pink: #ee82cf;        --l-pink: #b02a8a;
	--d-info: #9cc4f0;        --l-info: #1d5fb8;
	--d-line: rgb(244 238 226);       --l-line: rgb(16 24 40);
	--d-field: rgba(0, 0, 0, 0.3);    --l-field: #f7f8fa;
	--d-field-strong: rgba(0, 0, 0, 0.36); --l-field-strong: #eff1f4;
	--d-field-deep: rgba(0, 0, 0, 0.42);   --l-field-deep: #e8ebef;
	--d-field-solid: #0d0d0c;  --l-field-solid: #f7f8fa;
	--d-field-border: rgba(244, 238, 226, 0.16); --l-field-border: rgba(16, 24, 40, 0.18);
	--d-field-border-hover: rgba(244, 238, 226, 0.26); --l-field-border-hover: rgba(16, 24, 40, 0.3);
	--d-raise: rgba(244, 238, 226, 0.06); --l-raise: rgba(16, 24, 40, 0.04);
	--d-wash-row: rgba(244, 238, 226, 0.035); --l-wash-row: rgba(16, 24, 40, 0.03);
	--d-state-hover: rgba(244, 238, 226, 0.08); --l-state-hover: rgba(16, 24, 40, 0.06);
	--d-state-press: rgba(244, 238, 226, 0.12); --l-state-press: rgba(16, 24, 40, 0.1);
	--d-hairline-soft: rgba(244, 238, 226, 0.06); --l-hairline-soft: rgba(16, 24, 40, 0.07);
	--d-hairline: rgba(244, 238, 226, 0.09); --l-hairline: rgba(16, 24, 40, 0.11);
	--d-hairline-mid: rgba(244, 238, 226, 0.14); --l-hairline-mid: rgba(16, 24, 40, 0.17);
	--d-hairline-strong: rgba(244, 238, 226, 0.2); --l-hairline-strong: rgba(16, 24, 40, 0.24);
	--d-edge-lit: rgba(255, 248, 235, 0.1); --l-edge-lit: transparent;
	--d-edge-top: rgba(244, 238, 226, 0.26); --l-edge-top: rgba(16, 24, 40, 0.06);
	--d-edge-mid: rgba(244, 238, 226, 0.07); --l-edge-mid: rgba(16, 24, 40, 0.12);
	--d-edge-bottom: rgba(244, 238, 226, 0.04); --l-edge-bottom: rgba(16, 24, 40, 0.2);
	--d-lift-top: rgba(244, 238, 226, 0.3); --l-lift-top: rgba(16, 24, 40, 0.08);
	--d-lift-mid: rgba(244, 238, 226, 0.1); --l-lift-mid: rgba(16, 24, 40, 0.14);
	--d-lift-bottom: rgba(244, 238, 226, 0.06); --l-lift-bottom: rgba(16, 24, 40, 0.22);
	--d-rule-fade: rgba(244, 238, 226, 0.12); --l-rule-fade: rgba(16, 24, 40, 0.12);
	--d-lift-rule: rgba(244, 238, 226, 0.14); --l-lift-rule: rgba(16, 24, 40, 0.14);
	--d-pool: rgba(227, 180, 106, 0.13); --l-pool: rgba(214, 140, 60, 0.07);
	--d-sidelight: rgba(243, 241, 236, 0.03); --l-sidelight: rgba(255, 255, 255, 0.7);
	--d-brass: rgba(227, 180, 106, 0.95); --l-brass: rgba(148, 82, 11, 0.6);
	--d-shine: rgba(243, 241, 236, 0.09); --l-shine: transparent;
	--d-btn-shine: rgba(255, 236, 205, 0.25); --l-btn-shine: rgba(255, 236, 205, 0.35);
	--d-shade: rgb(0 0 0 / 1);    --l-shade: rgb(16 24 40 / 0.3);
	--d-ink-1: #5fcfc4;       --l-ink-1: #0b8a92;
	--d-ink-2: #ee82cf;       --l-ink-2: #b4378f;
	--d-ink-3: #a596f2;       --l-ink-3: #6650c8;
	--d-ink-4: #66d4a5;       --l-ink-4: #18865d;
	--d-ink-5: #9fcf6a;       --l-ink-5: #4f8f1f;
	--d-ink-6: #b7b3aa;       --l-ink-6: #6f7684;
	--d-ink-none: #9d988e;    --l-ink-none: #656b78;
	--d-site-none: #6f6b62;   --l-site-none: #656b78;
	--c-site-1: #2f7a80;
	--c-site-2: #a8478c;
	--c-site-3: #6f5fbe;
	--c-site-4: #4a5ba8;
	--c-site-5: #2f7a59;
	--c-site-6: #7f6630;
	--c-white: #fff;
	--r-1: 8px;
	--r-2: 12px;
	--len-header: 4rem;
	--len-header-narrow: 3.3rem;
	--len-tabbar: 3.5rem;
	--len-measure: 78rem;
	--len-pad: 2rem;
	--len-aside: 12.5rem;
	--len-form: 35rem;
	--len-form-wide: 47.5rem;
	--len-control: 17.5rem;
	--len-unit: 8.75rem;
	--face-sans: "Plus Jakarta Sans", "Segoe UI", sans-serif;
	--word-space: 0.08em;
	--text-micro: 0.625rem;
	--text-label: 0.6875rem;
	--text-fine: 0.75rem;
	--text-small: 0.8125rem;
	--text-body: 0.875rem;
	--text-row: 0.9375rem;
	--text-base: 1rem;
	--text-lead: 1.0625rem;
	--text-head: 1.125rem;
	--text-title: 1.375rem;
	--text-display: 1.5rem;
	--text-figure: 1.75rem;
	--text-hero: 2rem;
	--track-label: 0.07em;
	--track-caps: 0.04em;
	--track-clock: -0.035em;
	--surface-page: light-dark(var(--l-page), var(--d-page));
	--surface-header: light-dark(var(--l-header), var(--d-header));
	--surface-strip: light-dark(var(--l-strip), var(--d-strip));
	--surface-sunk: light-dark(var(--l-sunk), var(--d-sunk));
	--surface-raised: light-dark(var(--l-raised), var(--d-raised));
	--surface-overlay: light-dark(var(--l-overlay), var(--d-overlay));
	--scrim: light-dark(var(--l-scrim), var(--d-scrim));
	--vignette: light-dark(var(--l-vignette), var(--d-vignette));
	--on-surface-max: light-dark(var(--l-max), var(--d-max));
	--on-surface-strong: light-dark(var(--l-strong), var(--d-strong));
	--on-surface-bright: light-dark(var(--l-bright), var(--d-bright));
	--on-surface: light-dark(var(--l-ink), var(--d-ink));
	--on-surface-lit: light-dark(var(--l-soft), var(--d-soft));
	--on-surface-soft: light-dark(var(--l-soft), var(--d-soft));
	--on-surface-quiet: light-dark(var(--l-quiet), var(--d-quiet));
	--on-surface-mute: light-dark(var(--l-quiet), var(--d-quiet));
	--on-surface-dim: light-dark(var(--l-dim), var(--d-dim));
	--on-surface-faint: light-dark(var(--l-label), var(--d-label));
	--on-surface-label: light-dark(var(--l-label), var(--d-label));
	--on-surface-dimmest: light-dark(var(--l-label), var(--d-label));
	--on-accent: var(--c-white);
	--on-ok: light-dark(var(--l-on-ok), var(--d-on-ok));
	--on-bad: light-dark(var(--l-on-bad), var(--d-on-bad));
	--accent: light-dark(var(--l-accent), var(--d-accent));
	--accent-btn: light-dark(var(--l-accent-btn), var(--d-accent-btn));
	--accent-lit: light-dark(var(--l-accent-lit), var(--d-accent-lit));
	--accent-press: light-dark(var(--l-accent-press), var(--d-accent-press));
	--accent-hot: light-dark(var(--l-accent-hot), var(--d-accent-hot));
	--accent-text: light-dark(var(--l-accent-text), var(--d-accent-text));
	--accent-wash: light-dark(var(--l-accent-wash), var(--d-accent-wash));
	--accent-tint: light-dark(rgb(from var(--l-accent) r g b / 0.1), rgb(from var(--d-accent) r g b / 0.16));
	--accent-on-tint: light-dark(var(--l-accent-text), var(--d-accent));
	--ok: light-dark(var(--l-ok), var(--d-ok));
	--bad: light-dark(var(--l-bad), var(--d-bad));
	--bad-text: light-dark(var(--l-bad-text), var(--d-bad-text));
	--bad-hot: light-dark(var(--l-bad-hot), var(--d-bad-hot));
	--warn: light-dark(var(--l-warn), var(--d-warn));
	--pink: light-dark(var(--l-pink), var(--d-pink));
	--info-text: light-dark(var(--l-info), var(--d-info));
	--surface-hover: light-dark(var(--l-hover), var(--d-hover));
	--surface-menu-hover: light-dark(var(--l-menu-hover), var(--d-menu-hover));
	--field: light-dark(var(--l-field), var(--d-field));
	--field-border: light-dark(var(--l-field-border), var(--d-field-border));
	--field-border-hover: light-dark(var(--l-field-border-hover), var(--d-field-border-hover));
	--chevron: linear-gradient(45deg, transparent 50%, var(--on-surface-faint) 50%), linear-gradient(135deg, var(--on-surface-faint) 50%, transparent 50%);
	--chevron-position: right 0.95rem top 50%, right 0.6rem top 50%;
	--chevron-size: 0.35rem 0.35rem;
	--field-strong: light-dark(var(--l-field-strong), var(--d-field-strong));
	--field-deep: light-dark(var(--l-field-deep), var(--d-field-deep));
	--field-solid: light-dark(var(--l-field-solid), var(--d-field-solid));
	--raise: light-dark(var(--l-raise), var(--d-raise));
	--wash-row: light-dark(var(--l-wash-row), var(--d-wash-row));
	--state-hover: light-dark(var(--l-state-hover), var(--d-state-hover));
	--state-press: light-dark(var(--l-state-press), var(--d-state-press));
	--line: light-dark(var(--l-line), var(--d-line));
	--hairline-soft: light-dark(var(--l-hairline-soft), var(--d-hairline-soft));
	--hairline: light-dark(var(--l-hairline), var(--d-hairline));
	--hairline-mid: light-dark(var(--l-hairline-mid), var(--d-hairline-mid));
	--hairline-strong: light-dark(var(--l-hairline-strong), var(--d-hairline-strong));
	--edge-lit: light-dark(var(--l-edge-lit), var(--d-edge-lit));
	--edge-panel: linear-gradient(to bottom, light-dark(var(--l-edge-top), var(--d-edge-top)), light-dark(var(--l-edge-mid), var(--d-edge-mid)) 55%, light-dark(var(--l-edge-bottom), var(--d-edge-bottom)));
	--edge-lift: linear-gradient(to bottom, light-dark(var(--l-lift-top), var(--d-lift-top)), light-dark(var(--l-lift-mid), var(--d-lift-mid)) 55%, light-dark(var(--l-lift-bottom), var(--d-lift-bottom)));
	--lift-ground: linear-gradient(var(--surface-overlay), var(--surface-overlay)) padding-box, var(--edge-lift) border-box;
	--edge-top: light-dark(var(--l-edge-top), var(--d-edge-top));
	--edge-side: light-dark(var(--l-edge-mid), var(--d-edge-mid));
	--edge-bottom: light-dark(var(--l-edge-bottom), var(--d-edge-bottom));
	--rule-fade: linear-gradient(to right, transparent, light-dark(var(--l-rule-fade), var(--d-rule-fade)) 15%, light-dark(var(--l-rule-fade), var(--d-rule-fade)) 85%, transparent);
	--rule-lift: linear-gradient(to right, transparent, light-dark(var(--l-lift-rule), var(--d-lift-rule)) 12%, light-dark(var(--l-lift-rule), var(--d-lift-rule)) 88%, transparent);
	--light-pool: radial-gradient(1000px 360px at 35% -90px, light-dark(var(--l-pool), var(--d-pool)), transparent 70%);
	--side-light: linear-gradient(to bottom, light-dark(var(--l-sidelight), var(--d-sidelight)), transparent 45%);
	--edge-brass: linear-gradient(to right, transparent, light-dark(var(--l-brass), var(--d-brass)) 8%, light-dark(var(--l-brass), var(--d-brass)) 92%, transparent);
	--brass-line: var(--edge-brass) top / 100% 1px no-repeat border-box;
	--bar-edge: light-dark(var(--l-hairline), transparent);
	--bar-lift: 0 1px 3px light-dark(rgba(16, 24, 40, 0.08), transparent);
	--shine: light-dark(var(--l-shine), var(--d-shine));
	--btn-shine: light-dark(var(--l-btn-shine), var(--d-btn-shine));
	--shade: light-dark(var(--l-shade), var(--d-shade));
	--elev-2: 0 1px 2px rgb(from var(--shade) r g b / calc(alpha * 0.45));
	--elev-4: 0 1px 2px rgb(from var(--shade) r g b / calc(alpha * 0.45)), 0 4px 12px rgb(from var(--shade) r g b / calc(alpha * 0.35));
	--elev-8: 0 2px 4px rgb(from var(--shade) r g b / calc(alpha * 0.45)), 0 10px 24px rgb(from var(--shade) r g b / calc(alpha * 0.4));
	--shadow-pop: var(--elev-8);
	--shadow-menu: 0 2px 4px light-dark(rgba(16, 24, 40, 0.08), rgba(0, 0, 0, 0.5)), 0 16px 36px light-dark(transparent, rgba(0, 0, 0, 0.55)), 0 16px 40px light-dark(rgba(16, 24, 40, 0.18), transparent);
	--shadow-sheet: 0 -12px 40px rgb(from var(--shade) r g b / calc(alpha * 0.6));
	--shadow-float: 0 22px 56px rgb(from var(--shade) r g b / calc(alpha * 0.6));
	--shadow-well: inset 0 2px 4px rgb(from var(--shade) r g b / calc(alpha * 0.35));
	--radius: var(--r-1);
	--radius-lg: var(--r-2);
	--radius-xl: 14px;
	--radius-bar: 1px;
	--radius-tick: 2px;
	--radius-check: 4px;
	--radius-chip: 5px;
	--radius-item: 6px;
	--radius-trigger: 7px;
	--radius-sheet: 12px;
	--radius-pill: 999px;
	--radius-round: 50%;
	--control-h: 2.75rem;
	--control-h-sm: 2.25rem;
	--glyph: 1.125rem;
	--av-size: 1.5rem;
	--av-size-sm: 1.25rem;
	--control-pad: 1.125rem;
	--control-pad-sm: 0.75rem;
	--dur-1: 100ms;
	--dur-2: 120ms;
	--dur-3: 150ms;
	--dur-4: 200ms;
	--dur-5: 250ms;
	--dur-6: 300ms;
	--dur-slow: 700ms;
	--ease-enter: cubic-bezier(0, 0, 0.38, 0.9);
	--ease-exit: cubic-bezier(0.2, 0, 1, 0.9);
	--ease-move: cubic-bezier(0.2, 0, 0.38, 0.9);
	--motion: 1;
	--gap-meta: 4px;
	--gap-list: 8px;
	--gap-controls: 12px;
	--gap-text: 16px;
	--gap-foot: 24px;
	--gap-items: 32px;
	--head-gap: 12px;
	--gap-split: clamp(2rem, 1.5rem + 2vw, 4rem);
	--gap-groups: clamp(2.75rem, 2rem + 3vw, 5.5rem);
	--gap-tiles: 12px;
	--inset: clamp(1rem, 0.6rem + 1.2vw, 1.25rem);
	--inset-row: calc(var(--inset) - var(--gap-list));
	--section-y: clamp(1.5rem, 1rem + 2vw, 2.5rem);
	--measure: var(--len-measure);
	--pad: var(--len-pad);
	--aside: var(--len-aside);
	--form: var(--len-form);
	--form-wide: var(--len-form-wide);
	--control-w: var(--len-control);
	--unit-w: var(--len-unit);
	--gap-section: 1.6rem;
	--font: var(--face-sans);
	--header-h: var(--len-header);
	--tabbar-h: var(--len-tabbar);
	--z-raise: 2;
	--z-sticky: 20;
	--z-ribbon: 50;
	--z-tabbar: 60;
	--z-dialog: 70;
	--ink-1: light-dark(var(--l-ink-1), var(--d-ink-1));
	--ink-2: light-dark(var(--l-ink-2), var(--d-ink-2));
	--ink-3: light-dark(var(--l-ink-3), var(--d-ink-3));
	--ink-4: light-dark(var(--l-ink-4), var(--d-ink-4));
	--ink-5: light-dark(var(--l-ink-5), var(--d-ink-5));
	--ink-6: light-dark(var(--l-ink-6), var(--d-ink-6));
	--ink-none: light-dark(var(--l-ink-none), var(--d-ink-none));
	--on-site: var(--c-white);
	--site-1: var(--c-site-1);
	--site-2: var(--c-site-2);
	--site-3: var(--c-site-3);
	--site-4: var(--c-site-4);
	--site-5: var(--c-site-5);
	--site-6: var(--c-site-6);
	--site-none: light-dark(var(--l-site-none), var(--d-site-none));
}
:root[data-appearance="dark"] { color-scheme: dark; }
:root[data-appearance="light"] { color-scheme: light; }
:root[data-theme="ultramarine"] {
	--d-page: #161834;
	--d-header: #10132a;
	--d-strip: #1b1e3f;
	--d-raised: #25294f;
	--d-overlay: #2b315b;
	--d-hover: #2f3460;
	--d-menu-hover: #2f3460;
	--d-sunk: rgba(0, 0, 0, 0.26);
	--d-scrim: rgba(4, 6, 24, 0.55);
	--d-vignette: rgba(4, 6, 24, 0.4);
	--d-strong: #fbf8f2;
	--d-bright: #f6f1e8;
	--d-ink: #eee9e0;
	--d-soft: #e3ddd3;
	--d-quiet: #d1ced2;
	--d-dim: #c0bfd1;
	--d-label: #a8abcf;
	--d-accent: #f4c071;
	--d-accent-hot: #f8cf8c;
	--d-accent-text: #f9dcaa;
	--d-accent-wash: rgba(244, 192, 113, 0.11);
	--d-ok: #7adcb0;
	--d-bad: #f2807a;
	--d-bad-text: #f7aca6;
	--d-bad-hot: #fbc9c4;
	--d-on-bad: #2a0c0c;
	--d-warn: #f2c96c;
	--d-pink: #f28bd6;
	--d-info: #a9cbff;
	--d-line: rgb(230 234 255);
	--d-field: rgba(4, 6, 24, 0.32);
	--d-field-strong: rgba(4, 6, 24, 0.38);
	--d-field-deep: rgba(4, 6, 24, 0.44);
	--d-field-solid: #10122b;
	--d-field-border: rgba(230, 234, 255, 0.18);
	--d-field-border-hover: rgba(230, 234, 255, 0.28);
	--d-raise: rgba(230, 234, 255, 0.07);
	--d-wash-row: rgba(230, 234, 255, 0.04);
	--d-state-hover: rgba(230, 234, 255, 0.06);
	--d-state-press: rgba(230, 234, 255, 0.1);
	--d-hairline-soft: rgba(230, 234, 255, 0.07);
	--d-hairline: rgba(230, 234, 255, 0.11);
	--d-hairline-mid: rgba(230, 234, 255, 0.16);
	--d-hairline-strong: rgba(230, 234, 255, 0.22);
	--d-edge-lit: rgba(246, 241, 232, 0.12);
	--d-edge-top: rgba(230, 234, 255, 0.26);
	--d-edge-mid: rgba(230, 234, 255, 0.07);
	--d-edge-bottom: rgba(230, 234, 255, 0.04);
	--d-lift-top: rgba(230, 234, 255, 0.3);
	--d-lift-mid: rgba(230, 234, 255, 0.1);
	--d-lift-bottom: rgba(230, 234, 255, 0.06);
	--d-rule-fade: rgba(230, 234, 255, 0.12);
	--d-lift-rule: rgba(230, 234, 255, 0.14);
	--d-pool: rgba(244, 192, 113, 0.13);
	--d-sidelight: rgba(246, 241, 232, 0.03);
	--d-brass: rgba(244, 192, 113, 0.95);
	--d-shine: rgba(246, 241, 232, 0.09);
	--d-ink-1: #5fdad6;
	--d-ink-2: #f28bd6;
	--d-ink-3: #b2a6ff;
	--d-ink-4: #6fe0b1;
	--d-ink-5: #a8d66c;
	--d-ink-6: #c0bfd1;
	--d-ink-none: #a8abcf;
	--d-site-none: #5d6290;
}
@media (min-width: 1025px) {
	:root { --control-h: var(--control-h-sm); }
}
[data-ink] { --ink: var(--ink-none); }
[data-ink="1"] { --ink: var(--ink-1); }
[data-ink="2"] { --ink: var(--ink-2); }
[data-ink="3"] { --ink: var(--ink-3); }
[data-ink="4"] { --ink: var(--ink-4); }
[data-ink="5"] { --ink: var(--ink-5); }
[data-ink="6"] { --ink: var(--ink-6); }
[data-site-ink] { --ink: var(--site-none); }
[data-site-ink="1"] { --ink: var(--site-1); }
[data-site-ink="2"] { --ink: var(--site-2); }
[data-site-ink="3"] { --ink: var(--site-3); }
[data-site-ink="4"] { --ink: var(--site-4); }
[data-site-ink="5"] { --ink: var(--site-5); }
[data-site-ink="6"] { --ink: var(--site-6); }
[data-site-ink="me"] { --ink: var(--accent-btn); --on-site: var(--on-accent); }
@property --fill {
	syntax: "<percentage>";
	inherits: false;
	initial-value: 0%;
}
@property --ink {
	syntax: "<color>";
	inherits: true;
	initial-value: #8b8d93;
}
@property --at {
	syntax: "<percentage>";
	inherits: false;
	initial-value: 0%;
}
}
@media (max-width: 720px) {
	@layer tokens {
		:root { --header-h: var(--len-header-narrow); --inset-row: calc(var(--inset) - var(--gap-meta)); }
	}
}

/* ==== 02-reset.css ==== */
@layer reset {
*, *::before, *::after { box-sizing: border-box; }
:where(body) { margin: 0; }
:where(h1, h2, h3, h4, p, figure, blockquote, dl, dd) { margin: 0; }
:where(ul, ol) { margin: 0; padding: 0; list-style: none; }
:where(input, select, textarea, button) { font: inherit; color: inherit; word-spacing: inherit; }
:where(img, svg, video) { display: block; max-width: 100%; }
:where(button) { cursor: pointer; border: 0; background: none; }
:where(textarea) { width: 100%; }
:where(table) { width: 100%; border-collapse: separate; border-spacing: 0; }
}
@layer motion {
@media (prefers-reduced-motion: reduce) {
	:root { --motion: 0; }
	*, *::before, *::after, *::backdrop {
		animation-duration: var(--dur-1);
		transition-duration: var(--dur-1);
		scroll-behavior: auto;
	}
}
}

/* ==== 03-base.css ==== */
@layer base {
html {
	background: var(--surface-page);
	scroll-padding-top: calc(var(--header-h) + 1px);
}
::selection { background: rgb(from var(--accent) r g b / 0.3); color: var(--on-surface-bright); }
input, textarea { caret-color: var(--accent); }
input:autofill, textarea:autofill, select:autofill {
	box-shadow: inset 0 0 0 100vmax var(--field-solid);
	-webkit-text-fill-color: var(--on-surface);
}
body {
	margin: 0;
	min-height: 100vh;
	color: var(--on-surface);
	font: 400 var(--text-body)/1.55 var(--font);
	word-spacing: var(--word-space);
	-webkit-font-smoothing: antialiased;
}
body::before {
	content: "";
	position: fixed;
	inset: 0;
	z-index: -1;
	pointer-events: none;
	background:
		url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.04 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g)'/%3E%3C/svg%3E") 0 0 / 180px 180px repeat,
		radial-gradient(120vmax 90vmax at 50% 40%, transparent 55%, var(--vignette) 100%);
}
h1, h2, h3 { font-weight: 800; letter-spacing: -0.015em; }
:where(svg:has(> use)) { width: var(--glyph); height: var(--glyph); flex: 0 0 auto; vertical-align: middle; }
a {
	color: var(--on-surface-soft);
	text-decoration: none;
}
:where(p, li, dt, dd, td, th, caption, figcaption, legend, label, span, small, strong, b, em, i, blockquote, h1, h2, h3, h4) > a {
	border-bottom: 1px solid var(--hairline-mid);
}
a:hover { border-bottom-color: var(--on-surface-soft); }
input, select, textarea {
	background-color: var(--field);
	border: 1px solid var(--field-border);
	border-radius: var(--radius);
	padding: 0.4rem 0.75rem;
	font-size: var(--text-base);
	font-weight: 500;
	transition: border-color var(--dur-1) ease, box-shadow var(--dur-1) ease;
}
input:not([type="checkbox"], [type="radio"], [type="hidden"], [type="file"], [type="range"]), select { height: var(--control-h); }
@media (min-width: 1025px) {
	input, select, textarea { font-size: var(--text-body); }
}
textarea { min-height: calc(var(--control-h) * 2); padding-block: 0.6rem; }
input::placeholder, textarea::placeholder { color: var(--on-surface-faint); font-weight: 400; }
input[type="file"] { font-size: var(--text-small); }
input[type="file"]::file-selector-button {
	margin-right: var(--gap-controls);
	padding: 0.3rem var(--control-pad-sm);
	border: 1px solid var(--field-border);
	border-radius: var(--radius);
	background: transparent;
	color: var(--on-surface-max);
	font: inherit;
	font-weight: 700;
	cursor: pointer;
}
input[type="file"]::file-selector-button:hover { background: var(--surface-hover); border-color: var(--field-border-hover); }
input[type="date"]::-webkit-datetime-edit-fields-wrapper { padding-block: 0; }
[data-datefield] { position: relative; display: inline-block; max-width: 100%; }
[data-datefield] > input[type="date"] { width: 100%; }
[data-datefield] > input[type="date"]:not(:focus)::-webkit-datetime-edit { color: transparent; }
[data-dateshow] { position: absolute; left: calc(0.75rem + 1px); top: 50%; transform: translateY(-50%); pointer-events: none; color: var(--on-surface); white-space: nowrap; }
[data-dateshow][data-dateblank] { color: var(--on-surface-faint); }
[data-datefield] > input[type="date"]:focus + [data-dateshow] { display: none; }
select {
	appearance: none;
	white-space: nowrap;
	padding-right: 1.9rem;
	overflow: clip;
	overflow-clip-margin: content-box;
	background-image: var(--chevron);
	background-position: var(--chevron-position);
	background-size: var(--chevron-size);
	background-repeat: no-repeat;
}
select option { background-color: var(--surface-overlay); color: var(--on-surface); }
select, ::picker(select) { appearance: base-select; }
select:open { border-color: var(--accent); }
select::picker-icon { display: none; }
@supports (appearance: base-select) {
	select { display: inline-flex; align-items: center; background-image: none; }
	select::picker-icon {
		display: block;
		content: "";
		width: 1rem;
		height: 1rem;
		margin-left: auto;
		background: var(--on-surface-faint);
		mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") center / contain no-repeat;
	}
	select { padding-right: 0.75rem; }
}
::picker(select) {
	position-try-order: normal;
	margin-top: var(--gap-meta);
	min-width: anchor-size(width);
	max-height: 19rem;
	padding: 0.4rem;
	border: 1px solid transparent;
	border-radius: var(--radius-lg);
	background: var(--lift-ground);
	color: var(--on-surface);
	box-shadow: inset 0 1px 0 var(--edge-lit), var(--shadow-menu);
}
select option {
	display: flex;
	align-items: center;
	gap: var(--gap-list);
	padding: 0.45rem 0.65rem;
	border-radius: var(--radius);
	transition: background-color var(--dur-1) linear, color var(--dur-1) linear;
}
select option:hover, select option:focus-visible {
	outline: none;
	background-color: var(--surface-menu-hover);
	color: var(--on-surface-max);
}
select option:checked { color: var(--on-surface-max); }
select option::checkmark { order: 1; margin-left: auto; width: 1rem; text-align: center; color: var(--accent); }
input:hover, select:hover, textarea:hover { border-color: var(--field-border-hover); }
:is(input, select, textarea)[aria-invalid="true"] { border-color: var(--bad-text); }
button {
	transition: color var(--dur-1) ease, background var(--dur-1) ease, border-color var(--dur-1) ease,
	            box-shadow var(--dur-1) ease;
}
:focus-visible {
	outline: 2px solid var(--accent);
	outline-offset: 2px;
}
main[tabindex="-1"]:focus { outline: none; }
input[type="checkbox"], [data-lpick] {
	appearance: none;
	position: relative;
	width: 1rem;
	height: 1rem;
	padding: 0;
	flex: 0 0 auto;
	border-radius: var(--radius-check);
	cursor: pointer;
	border: 1px solid rgb(from var(--line) r g b / 0.35);
	background: var(--field-strong);
	display: inline-grid;
	place-content: center;
	box-shadow: none;
	transition: background var(--dur-1) ease, border-color var(--dur-1) ease,
	            box-shadow var(--dur-1) ease, transform var(--dur-1) ease;
}
input[type="checkbox"]::before, [data-lpick]::before { content: ""; position: absolute; inset: -0.5rem; border-radius: var(--radius-item); }
input[type="checkbox"]::after, [data-lpick]::after {
	content: "";
	width: 0.55rem;
	height: 0.55rem;
	background: var(--on-accent);
	clip-path: polygon(14% 46%, 0 62%, 44% 100%, 100% 22%, 84% 8%, 41% 70%);
	transform: scale(0.4);
	opacity: 0;
	transition: transform var(--dur-1) var(--ease-enter), opacity var(--dur-1) ease;
}
input[type="checkbox"]:hover, [data-lpick]:hover { border-color: rgb(from var(--accent) r g b / 0.65); background: rgb(from var(--accent) r g b / 0.08); }
input[type="checkbox"]:active, [data-lpick]:active { transform: scale(0.9); }
input[type="checkbox"]:checked, :checked + [data-lpick] { background: var(--accent-btn); border-color: var(--accent-btn); box-shadow: inset 0 1px 0 var(--btn-shine); }
input[type="checkbox"]:checked:hover, :checked + [data-lpick]:hover { background: var(--accent-hot); border-color: var(--accent-hot); }
input[type="checkbox"]:checked::after, :checked + [data-lpick]::after { transform: scale(1); opacity: 1; }
input[type="checkbox"]:disabled { cursor: not-allowed; opacity: 0.4; }
input[type="checkbox"]:disabled:hover { border-color: rgb(from var(--line) r g b / 0.35); background: var(--field-strong); }
[data-contents] { display: contents; }
[data-end] { margin-left: auto; }
.num { font-variant-numeric: tabular-nums; font-feature-settings: "tnum" 1; }
.clock {
	font-variant-numeric: tabular-nums;
	font-feature-settings: "tnum" 1;
	font-weight: 600;
	display: inline-block;
	text-align: right;
}
.clock.warn { color: var(--warn); }
@keyframes pop { from { opacity: 0; translate: 0 calc(8px * var(--motion)); } }
@keyframes grow-x { from { scale: calc(1 - var(--motion)) 1; } }
@keyframes spin { to { rotate: calc(360deg * var(--motion)); } }
}

/* ==== 04-layout.css ==== */
@layer layout {
.wrap { max-width: var(--measure); margin-inline: auto; padding-inline: var(--pad); }
.page { display: block; }
.problem { max-width: 32rem; margin-inline: auto; padding: 4rem var(--pad); }
.problem h1 { font-size: var(--text-hero); }
.problem .message { margin-top: var(--gap-list); color: var(--on-surface-dim); white-space: pre-line; }
.problem p + p { margin-top: var(--gap-text); }
div.auth { min-height: 100vh; display: grid; place-items: center; padding: var(--gap-items) var(--gap-text); }
.auth__inner { width: 100%; max-width: 26rem; display: flex; flex-direction: column; gap: var(--gap-foot); }
div.auth .brand { display: flex; justify-content: center; font-size: var(--text-head); }
.auth__inner .flash { max-width: none; margin: 0; }
.auth__card { display: flex; flex-direction: column; gap: var(--gap-foot); padding: var(--gap-items) var(--gap-items) var(--gap-foot); border: 1px solid var(--hairline); border-radius: var(--radius-lg); }
.auth__head { display: flex; flex-direction: column; gap: var(--gap-list); }
.auth__title { font-size: var(--text-title); overflow-wrap: anywhere; }
.auth__lede, .auth__card .message { color: var(--on-surface-label); white-space: pre-line; }
:is(.auth__lede, .auth__facts, .auth__invite) b { font-weight: 600; color: var(--on-surface-bright); }
.auth__foot { text-align: center; color: var(--on-surface-label); }
.auth__note { font-size: var(--text-fine); color: var(--on-surface-label); text-align: center; }
@media (max-width: 720px) {
	.auth__card { padding: var(--gap-foot); }
}
}
@layer layout {
.site-header { position: sticky; top: 0; z-index: var(--z-sticky); background: var(--surface-header); border-bottom: 1px solid var(--hairline); }
.site-header__inner {
	display: flex;
	align-items: center;
	min-height: var(--header-h);
	padding: 0 var(--gap-meta) 0 var(--inset);
}
.site-header__right { margin-left: auto; display: flex; align-items: center; }
.brand {
	display: inline-flex;
	align-items: center;
	gap: var(--gap-meta);
	font-size: var(--text-lead);
	font-weight: 700;
	letter-spacing: -0.045em;
	color: var(--on-surface);
	border-bottom: 0;
}
.brand__dot { width: 0.32rem; height: 0.32rem; border-radius: var(--radius-round); background: linear-gradient(135deg, var(--accent), var(--accent-btn)); display: inline-block; }
[data-mebtn], [data-bellbtn] {
	position: relative;
	flex: 0 0 auto;
	display: grid;
	place-items: center;
	width: var(--control-h);
	height: var(--control-h);
	border-radius: var(--radius);
	color: var(--on-surface-soft);
}
[data-mebtn]:hover, [data-bellbtn]:hover { background: var(--state-hover); }
[data-bellbtn] > svg { width: 1.125rem; height: 1.125rem; }
[data-bellbtn][aria-current] { color: var(--accent); }
[data-bellcount] {
	position: absolute;
	top: calc(50% - 1.1875rem);
	left: calc(50% + 0.25rem);
}
.flash {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: var(--gap-list) var(--gap-text);
	max-width: var(--measure);
	margin: var(--gap-text) auto 0;
	padding: 0.55rem 0.9rem;
	border: 1px solid var(--hairline-strong);
	border-radius: var(--radius);
	background: var(--surface-strip);
	font-size: var(--text-body);
	color: var(--on-surface);
	animation: pop var(--dur-5) var(--ease-enter);
}
.flash.ok { border-color: rgb(from var(--ok) r g b / 0.4); background: rgb(from var(--ok) r g b / 0.08); color: var(--ok); }
.flash.bad { border-color: rgb(from var(--bad) r g b / 0.4); background: rgb(from var(--bad) r g b / 0.08); color: var(--bad); }
[data-toasts] {
	position: fixed;
	bottom: 1.5rem;
	left: 1.5rem;
	z-index: calc(var(--z-tabbar) + 1);
	max-width: 24rem;
}
[data-toasts] > .flash {
	position: relative;
	display: flex;
	align-items: center;
	gap: var(--gap-text);
	margin: 0;
	padding: 0.75rem 2.4rem 0.75rem 1rem;
	border: 1px solid var(--hairline-mid);
	border-radius: var(--radius-lg);
	background: var(--surface-overlay);
	color: var(--on-surface-bright);
	font-weight: 600;
	box-shadow: inset 0 1px 0 var(--edge-lit), var(--shadow-menu);
	transition: opacity var(--dur-3) var(--ease-exit);
}
[data-toasts] > .flash > [data-undo] { flex: 0 0 auto; }
[data-toasts] > .flash[data-gone] { opacity: 0; pointer-events: none; }
[data-flashx] {
	position: absolute;
	top: 0.35rem;
	right: 0.35rem;
	width: 1.6rem;
	height: 1.6rem;
	display: grid;
	place-items: center;
	border-radius: var(--radius);
	font-size: var(--text-fine);
	color: var(--on-surface-dim);
}
[data-flashx]:hover { background: rgb(from var(--line) r g b / 0.1); color: var(--on-surface-strong); }
form.inline { display: inline; }
.paginator { display: flex; align-items: center; gap: var(--gap-list); flex-wrap: wrap; margin-top: var(--gap-text); }
.paginator__page, .paginator__step {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 2rem;
	min-height: 2rem;
	padding: 0 0.55rem;
	border: 1px solid var(--hairline-strong);
	border-radius: var(--radius);
	background: var(--raise);
	font-size: var(--text-small);
	color: var(--on-surface-dim);
}
a.paginator__page:hover, a.paginator__step:hover { border-color: rgb(from var(--on-surface-quiet) r g b / 0.5); color: var(--on-surface); }
.paginator__on { background: var(--accent-btn); border-color: var(--accent-btn); color: var(--on-accent); font-weight: 600; }
.dev-ribbon {
	position: fixed;
	left: 0.75rem;
	bottom: 0.75rem;
	z-index: var(--z-ribbon);
	padding: 0.15rem 0.6rem;
	border: 1px solid rgb(from var(--warn) r g b / 0.4);
	border-radius: var(--radius);
	background: rgb(from var(--warn) r g b / 0.12);
	font-size: var(--text-label);
	font-weight: 600;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--warn);
	pointer-events: none;
}
}

/* ==== 05-components.css ==== */
@layer components {
[data-btn] {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: var(--gap-list);
	min-height: var(--control-h);
	padding: 0 var(--control-pad-sm);
	font-size: var(--text-small);
	white-space: nowrap;
	background: transparent;
	border: 1px solid var(--hairline-strong);
	border-radius: var(--radius);
	color: var(--on-surface-strong);
	font-weight: 600;
	transition: background-color var(--dur-1) ease, border-color var(--dur-1) ease, color var(--dur-1) ease;
}
[data-btn]:hover {
	background: var(--state-hover);
	border-color: var(--field-border-hover);
}
[data-btn]:active {
	background: var(--state-press);
}
[data-btnico] { width: 0.85rem; height: 0.85rem; flex: 0 0 auto; }
[data-primary] {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: var(--gap-list);
	white-space: nowrap;
	min-height: var(--control-h);
	padding: 0 var(--control-pad-sm);
	font-size: var(--text-small);
	font-weight: 600;
	border-radius: var(--radius);
	background: var(--accent-btn);
	color: var(--on-accent);
	border: 1px solid var(--accent-btn);
	box-shadow: inset 0 1px 0 var(--btn-shine), var(--elev-2);
	transition: background-color var(--dur-1) ease, border-color var(--dur-1) ease;
}
[data-primary]:hover { background: var(--accent-lit); border-color: var(--accent-lit); }
[data-primary]:active { background: var(--accent-press); border-color: var(--accent-press); box-shadow: none; }
[data-btn][data-sm], [data-primary][data-sm] { min-height: var(--control-h-sm); }
[data-btn][data-danger] { color: var(--bad-text); }
[data-btn][data-danger]:hover { background: rgb(from var(--bad) r g b / 0.1); color: var(--bad-hot); }
[data-primary][data-danger] { border-color: var(--bad); background: var(--bad); color: var(--on-bad); }
[data-primary][data-danger]:hover { border-color: var(--bad-text); background: var(--bad-text); }
:is([data-btn], [data-primary])[data-busy] { cursor: progress; }
:is([data-btn], [data-primary])[data-busy] > [data-btnico] { display: none; }
:is([data-btn], [data-primary], [data-savestatus])[data-busy]::before {
	content: "";
	flex: 0 0 auto;
	width: 0.875rem;
	height: 0.875rem;
	border: 2px solid currentColor;
	border-right-color: transparent;
	border-radius: var(--radius-round);
	animation: spin var(--dur-slow) linear infinite;
}
[data-vishidden] { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
[data-quiet] { display: inline-flex; align-items: center; gap: var(--gap-list); font-size: var(--text-small); color: var(--on-surface-faint); }
[data-quiet]:hover { color: var(--on-surface-bright); }
[data-tab]:hover { color: var(--on-surface); }
[data-actions] { display: flex; align-items: center; gap: var(--gap-controls); }
[data-icon] {
	--icon-box: var(--control-h-sm);
	--icon-bleed: calc((var(--icon-box) - var(--glyph)) / -2);
	display: grid;
	place-items: center;
	padding: 0;
	width: var(--icon-box);
	height: var(--icon-box);
	border: 0;
	border-radius: var(--radius);
	background: transparent;
	color: var(--on-surface-mute);
	font-size: var(--text-label);
	transition: background-color var(--dur-1) ease, color var(--dur-1) ease;
}
[data-icon]:hover { background: var(--surface-hover); color: var(--on-surface-strong); }
[data-icon][data-danger] { color: var(--bad); }
[data-icon][data-danger]:hover { color: var(--bad-hot); }
[data-featbtn] { display: none; }
[data-seg] { display: inline-flex; flex-wrap: wrap; gap: 0; padding: 2px; border: 1px solid var(--hairline); border-radius: var(--radius); background: var(--field); }
[data-seg] > button { min-height: calc(var(--control-h) - 6px); padding: 0 var(--control-pad-sm); border-radius: var(--radius-item); font-size: var(--text-fine); font-weight: 500; color: var(--on-surface-faint); }
[data-seg] > button:hover { color: var(--on-surface-strong); }
[data-seg] > button:is([data-current="true"], [aria-selected="true"]) { background: var(--surface-overlay); box-shadow: inset 0 1px 0 var(--edge-lit); color: var(--on-surface-strong); font-weight: 600; }
[data-seg] > [data-segopt] {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: calc(var(--control-h) - 6px);
	padding: 0 var(--control-pad-sm);
	border-radius: var(--radius-item);
	font-size: var(--text-fine);
	font-weight: 500;
	color: var(--on-surface-faint);
	cursor: pointer;
	transition: background-color var(--dur-1) ease, color var(--dur-1) ease;
}
[data-seg]:has(> [data-segopt]) { flex-wrap: nowrap; }
[data-seg] > [data-segopt] > input { position: absolute; width: 1px; height: 1px; margin: 0; opacity: 0; pointer-events: none; }
[data-seg] > [data-segopt]:hover { background: var(--state-hover); color: var(--on-surface); }
[data-seg] > [data-segopt]:has(> input:checked) { background: var(--surface-overlay); box-shadow: inset 0 1px 0 var(--edge-lit); color: var(--on-surface-strong); font-weight: 600; }
[data-seg] > [data-segopt][data-tone="good"]:has(> input:checked) { background: var(--ok); color: var(--on-ok); }
[data-seg] > [data-segopt][data-tone="bad"]:has(> input:checked) { background: var(--bad); color: var(--on-bad); }
[data-seg] > a[data-segopt] { border-bottom: 0; }
[data-seg] > [data-segopt][data-current="true"] { background: var(--surface-overlay); box-shadow: inset 0 1px 0 var(--edge-lit); color: var(--on-surface-strong); font-weight: 600; }
[data-av] {
	flex: 0 0 auto;
	width: var(--av-size);
	height: var(--av-size);
	border-radius: var(--radius-round);
	display: grid;
	place-items: center;
	font-size: min(var(--text-fine), calc(var(--av-size) / 2));
	font-weight: 700;
	text-transform: uppercase;
	color: var(--on-site);
}
[data-mebtn]:hover > [data-av] { box-shadow: 0 0 0 2px rgb(from var(--accent) r g b / 0.45); }
[data-mebtn]:has(+ :popover-open) > [data-av] { box-shadow: 0 0 0 2px var(--accent); }
[data-tag] {
	flex: 0 0 auto;
	display: inline-flex;
	align-items: center;
	box-sizing: border-box;
	height: 1.5rem;
	padding: 0 0.625rem;
	border: 1px solid var(--hairline-mid);
	border-radius: var(--radius-pill);
	font-size: var(--text-fine);
	line-height: 1rem;
	font-weight: 600;
	white-space: nowrap;
	color: var(--on-surface-soft);
}
[data-tag][data-tone] { color: var(--on-surface-soft); }
[data-tag][data-tone="bad"] { color: var(--bad-text); }
[data-dot] { width: 0.4rem; height: 0.4rem; border-radius: var(--radius-round); flex: 0 0 auto; display: inline-block; }
[data-railitem] > [data-badge], [data-count], [data-tabbadge], [data-bellcount] {
	box-sizing: border-box;
	display: inline-grid;
	place-items: center;
	min-width: 1.25rem;
	height: 1.25rem;
	padding: 0 0.375rem;
	border-radius: var(--radius-pill);
	background: var(--on-surface-label);
	color: var(--surface-page);
	font-size: var(--text-fine);
	font-weight: 700;
	line-height: 1;
	font-variant-numeric: tabular-nums;
}
:is([data-tabbadge], [data-bellcount]) { min-width: 1rem; height: 1rem; padding: 0 0.25rem; box-shadow: 0 0 0 2px var(--badge-ring, var(--surface-header)); }
[data-bellcount] { background: var(--bad); color: var(--on-bad); }
[data-panel]:has(> [data-card]) { display: flex; flex-direction: column; gap: var(--gap-items); }
:is([data-card], [data-sheet], [data-tablewrap], [data-plan]) {
	--card-pad: var(--inset);
	border: 1px solid transparent;
	border-radius: var(--radius-lg);
}
:is([data-card], [data-sheet], [data-plan], [data-pnl], [data-hubgroup]) { position: relative; }
:is([data-card], [data-sheet], [data-plan], [data-pnl], [data-hubgroup])::before {
	content: "";
	position: absolute;
	inset: -1px;
	border: 1px solid transparent;
	border-radius: inherit;
	background: var(--edge-panel) border-box;
	mask: linear-gradient(black 0 0) padding-box exclude, linear-gradient(black 0 0);
	pointer-events: none;
}
[data-tablewrap] { border-color: var(--edge-top) var(--edge-side) var(--edge-bottom); }
[data-lcard] { --card-pad: var(--inset); }
[data-callout] {
	border: 1px solid var(--hairline-mid);
	border-radius: var(--radius-lg);
}
[data-callout][data-tone="warn"] { color: var(--on-surface); }
[data-card], [data-sheet] { padding: var(--card-pad); }
form > [data-card] + [data-card] { margin-top: var(--gap-items); }
[data-tabs] { display: flex; flex-wrap: wrap; gap: 0 var(--gap-items); margin-bottom: var(--gap-foot); border-bottom: 1px solid var(--hairline); }
[data-tabs] > :is(button, a) { display: inline-flex; align-items: center; gap: var(--gap-list); min-height: 2.5rem; padding: 0; font-size: var(--text-body); font-weight: 500; color: var(--on-surface-label); }
[data-tabs] > :is(button, a):hover { color: var(--on-surface-soft); }
[data-tabs] > a { border-bottom: 0; }
[data-tabs] > :is(button, a):is([data-current="true"], [aria-selected="true"]) { font-weight: 600; color: var(--on-surface-bright); box-shadow: inset 0 -2px 0 var(--accent); }
[data-tabsmore]:not([hidden]) { display: inline-flex; }
[data-tabsmore] > button { display: inline-flex; align-items: center; gap: var(--gap-meta); min-height: 2.5rem; padding: 0; font-size: var(--text-body); font-weight: 500; color: var(--on-surface-label); }
[data-tabsmore] > button:hover { color: var(--on-surface-soft); }
[data-tabsmore] > button > svg { width: 0.875rem; height: 0.875rem; }
[data-tabsmenu] { min-width: 10rem; flex-direction: column; }
[data-tabsmenu]:popover-open { display: flex; }
[data-card] p { max-width: 60ch; }
[data-cardhead] {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	justify-content: space-between;
	gap: var(--gap-meta) var(--gap-text);
	margin-bottom: var(--gap-text);
	font-size: var(--text-small);
	color: var(--on-surface-faint);
}
[data-cardhead] > span:first-child:not([data-headstack]), [data-headstack] > :first-child {
	font-size: var(--text-lead);
	line-height: 1.5rem;
	font-weight: 800;
	color: var(--on-surface-max);
}
[data-cardhead] > :first-child { flex: 0 0 auto; }
[data-cardhead] > [data-headstack] { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; gap: var(--gap-meta); }
[data-headnote] { max-width: 60ch; font-size: var(--text-small); color: var(--on-surface-faint); }
input[type="checkbox"]:indeterminate,
input[type="checkbox"][data-mixed="true"] { background: var(--accent-tint); border-color: var(--accent); }
input[type="checkbox"]:indeterminate::after,
input[type="checkbox"][data-mixed="true"]::after {
	width: 0.4rem;
	height: 0.125rem;
	border-radius: var(--radius-tick);
	background: var(--accent);
	clip-path: none;
	transform: scale(1);
	opacity: 1;
}
[data-trigger] {
	display: flex;
	align-items: center;
	gap: var(--gap-list);
	width: 100%;
	text-align: left;
	padding: var(--gap-list);
	border: 1px solid var(--hairline);
	border-radius: var(--radius);
	background: var(--surface-sunk);
}
[data-trigger]:hover, [data-trigger]:has(+ :popover-open) { background: var(--state-hover); }
[data-chip] {
	display: grid;
	place-items: center;
	width: 1.75rem;
	height: 1.75rem;
	border-radius: var(--radius-item);
	font-size: var(--text-fine);
	font-weight: 700;
	flex: 0 0 auto;
}
:is([data-pop], [data-tabsmenu]) {
	background: var(--lift-ground);
	color: var(--on-surface-soft);
	border: 1px solid transparent;
	border-radius: var(--radius-lg);
	box-shadow: inset 0 1px 0 var(--edge-lit), var(--shadow-menu);
	padding: var(--gap-meta);
}
@supports (anchor-name: --a) {
	[data-pop] {
		position: fixed;
		position-anchor: auto;
		inset: auto;
		margin: 0;
		width: auto;
		top: calc(anchor(bottom) + var(--gap-meta));
		left: anchor(left);
		right: anchor(right);
		position-try-fallbacks: flip-block;
	}
	[data-tabsmenu] {
		position: fixed;
		position-anchor: auto;
		inset: auto;
		margin: 0;
		top: calc(anchor(bottom) + var(--gap-meta));
		right: anchor(right);
		position-try-fallbacks: flip-block;
	}
}
[data-popitem] {
	display: flex;
	align-items: center;
	gap: var(--gap-controls);
	width: 100%;
	min-height: var(--control-h);
	text-align: left;
	padding: 0.375rem var(--gap-controls);
	border-radius: var(--radius);
	color: var(--on-surface-soft);
}
[data-popitem]:hover, [data-popitem][data-current="true"] { background: var(--state-hover); color: var(--on-surface-bright); }
[data-popitem] > [data-chip] { width: 1.5rem; height: 1.5rem; }
[data-wsname] { flex: 1; min-width: 0; display: flex; flex-direction: column; }
[data-wsname] > [data-wslabel] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
:is([data-wscheck], [data-wsplus]) { width: 1rem; height: 1rem; flex: 0 0 auto; }
[data-wsplus] { margin-inline: var(--gap-meta); }
[data-wsdot] { flex: 0 0 auto; width: 8px; height: 8px; border-radius: var(--radius-round); background: var(--on-surface-bright); }
[data-rolecaret] {
	flex: 0 0 auto;
	width: 0.5rem;
	height: 0.5rem;
	border-right: 1.4px solid var(--on-surface-faint);
	border-bottom: 1.4px solid var(--on-surface-faint);
	transform: translateY(-0.1rem) rotate(45deg);
}
[data-rolecaret][data-open="true"],
:is([data-pill], [data-btn]):has(+ :popover-open) > [data-rolecaret] { transform: translateY(0.05rem) rotate(-135deg); }
[data-picker] { flex: 0 0 auto; max-width: 60%; }
[data-pill] {
	display: inline-flex;
	align-items: center;
	gap: var(--gap-list);
	max-width: 100%;
	min-height: var(--control-h);
	padding: 0 var(--control-pad-sm);
	border-radius: var(--radius);
	border: 1px solid var(--field-border);
	background: var(--field);
	font-weight: 500;
	color: var(--on-surface-lit);
	transition: background-color var(--dur-1) ease, border-color var(--dur-1) ease;
}
[data-pill]:hover { background: var(--accent-wash); border-color: var(--field-border-hover); }
[data-pill]:has(+ :popover-open) { border-color: var(--accent); background: var(--accent-wash); }
[data-menu] {
	--menu-pad: 0.375rem;
	min-width: 20rem;
	max-height: 19rem;
	overflow-y: auto;
	padding: var(--menu-pad);
	border-radius: var(--radius-lg);
	border: 1px solid transparent;
	background: var(--lift-ground);
	color: var(--on-surface);
	box-shadow: inset 0 1px 0 var(--edge-lit), var(--shadow-menu);
	transform-origin: top right;
}
:is([data-menu], [data-pop], [data-dialog]) {
	--enter: var(--dur-3);
	--exit: var(--dur-1);
	--from-y: -4px;
	--from-scale: 1;
	opacity: 0;
	translate: 0 calc(var(--from-y) * var(--motion));
	scale: calc(1 - (1 - var(--from-scale)) * var(--motion));
	transition-property: opacity, translate, scale, overlay, display;
	transition-duration: var(--exit);
	transition-timing-function: var(--ease-exit);
	transition-behavior: allow-discrete;
}
[data-dialog] { --enter: var(--dur-4); --exit: var(--dur-3); --from-y: 0px; --from-scale: 0.98; }
:is([data-menu], [data-pop]):popover-open, [data-dialog][open] {
	opacity: 1;
	translate: none;
	scale: none;
	transition-duration: var(--enter);
	transition-timing-function: var(--ease-enter);
}
@starting-style {
	:is([data-menu], [data-pop]):popover-open, [data-dialog][open] {
		opacity: 0;
		translate: 0 calc(var(--from-y) * var(--motion));
		scale: calc(1 - (1 - var(--from-scale)) * var(--motion));
	}
}
:is([data-menu], [data-pop], [data-dialog])::backdrop {
	opacity: 0;
	transition-property: opacity, overlay, display;
	transition-duration: var(--exit);
	transition-timing-function: var(--ease-exit);
	transition-behavior: allow-discrete;
}
:is([data-menu], [data-pop]):popover-open::backdrop, [data-dialog][open]::backdrop {
	opacity: 1;
	transition-duration: var(--enter);
	transition-timing-function: var(--ease-enter);
}
@starting-style {
	:is([data-menu], [data-pop]):popover-open::backdrop, [data-dialog][open]::backdrop { opacity: 0; }
}
@position-try --menu-below {
	bottom: 0.5rem;
	height: auto;
	min-height: 10rem;
}
@supports (anchor-name: --a) {
	[data-menu] {
		position: fixed;
		position-anchor: auto;
		inset: auto;
		margin: 0;
		top: calc(anchor(bottom) + 0.5rem);
		right: anchor(right);
		position-try-fallbacks: --menu-below, flip-block, flip-inline, flip-block flip-inline;
	}
}
[data-opt] { transition: background-color var(--dur-1) linear, color var(--dur-1) linear; }
[data-grp] {
	display: flex;
	align-items: center;
	gap: var(--gap-list);
	padding: 0.375rem 0.625rem 0.25rem;
	font-size: var(--text-fine);
	line-height: 1rem;
	font-weight: 800;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--on-surface-faint);
}
[data-opt] {
	display: flex;
	align-items: center;
	gap: var(--gap-list);
	width: 100%;
	text-align: left;
	min-height: 2.5rem;
	padding: 0.5rem 0.625rem;
	border-radius: var(--radius);
	font-size: var(--text-row);
	font-weight: 600;
	color: var(--on-surface-lit);
	border-bottom: 0;
}
[data-opt]:hover { background: var(--state-hover); color: var(--on-surface-max); }
[data-optico] { width: 1.15rem; height: 1.15rem; flex: 0 0 auto; color: var(--on-surface-faint); }
[data-opt]:hover > [data-optico], [data-opt][data-active="true"] > [data-optico] { color: var(--on-surface-strong); }
[data-opt][data-danger="true"] > [data-optico] { color: var(--bad); }
[data-hsheet] [data-opt] { gap: var(--gap-controls); padding-inline: 0.75rem; }
[data-opt][data-active="true"] { background: var(--state-hover); color: var(--on-surface-max); }
[data-opt] > input[type="radio"] { position: absolute; opacity: 0; width: 1px; height: 1px; }
[data-optbody] { flex: 1; min-width: 0; }
[data-optlabel] { display: block; font-size: var(--text-body); }
[data-optlabel] > small { display: block; font-size: var(--text-fine); font-weight: 400; color: var(--on-surface-label); }
[data-optnote] { display: block; font-size: var(--text-fine); color: var(--on-surface-faint); }
[data-opttick] { width: 1rem; text-align: center; color: var(--accent); }
[data-opt][data-danger="true"] [data-optlabel] { color: var(--bad); }
[data-opt][data-danger="true"]:is(:hover, [data-active="true"]) [data-optlabel] { color: var(--bad-text); }
[data-picksearch] { width: 100%; margin-bottom: var(--gap-meta); }
[data-pickresults] { display: block; }
:is([data-pickerempty], [data-pickfocus]) { display: block; padding: 0.6rem; font-size: var(--text-small); color: var(--on-surface-faint); }
[data-pairlist] { display: flex; flex-direction: column; }
[data-pairlist]:focus-visible { outline-offset: -2px; }
[data-optnew] { margin-top: var(--gap-meta); border-top: 1px solid; border-image: var(--rule-lift) 1; border-radius: 0; }
[data-optnew] + [data-optnew] { margin-top: 0; border-top: 0; }
[data-menusep] { display: block; height: 1px; margin: var(--gap-meta) 0; background: var(--hairline-soft); }
[data-menu][data-hsheet] {
	min-width: 21rem;
	max-width: 24rem;
	max-height: 70vh;
	overflow-y: auto;
}
[data-pillshort] { display: none; }
[data-nlist] > ul { margin: 0; padding: var(--gap-list) calc(var(--inset) - var(--gap-controls)); list-style: none; }
[data-nrow] { display: grid; grid-template-columns: 0.5rem minmax(0, 1fr) auto; align-items: start; column-gap: var(--gap-controls); padding: 0.625rem var(--gap-controls); border-bottom: 0; border-radius: var(--radius); color: inherit; }
[data-nrow]:hover { background: var(--state-hover); }
[data-nodot] { width: 0.5rem; height: 0.5rem; margin-top: calc((1lh - 0.5rem) / 2); border-radius: var(--radius-round); }
[data-nrow][data-nnew] > [data-nodot] { background: var(--on-surface-bright); }
[data-nbody] { display: flex; flex-direction: column; gap: calc(var(--gap-meta) / 2); min-width: 0; }
[data-nwhat] { color: var(--on-surface-soft); }
[data-nrow][data-nnew] [data-nwhat] { font-weight: 600; color: var(--on-surface-bright); }
[data-nwhere] { font-size: var(--text-fine); color: var(--on-surface-label); }
[data-nwhen] { padding-top: 0.125rem; font-size: var(--text-fine); color: var(--on-surface-label); white-space: nowrap; }
[data-nmore] { display: flex; justify-content: center; padding: 0 var(--gap-text) var(--gap-text); }
[data-menu] > [data-sheethead] { display: none; }
[data-dialog] {
	width: min(32rem, calc(100% - 2 * var(--gap-text)));
	max-width: none;
	max-height: calc(100dvh - 2 * var(--gap-foot));
	padding: 0;
	border: 1px solid transparent;
	border-radius: var(--radius-lg);
	background: var(--lift-ground);
	color: var(--on-surface);
	box-shadow: inset 0 1px 0 var(--edge-lit), var(--shadow-menu);
}
[data-dialog]::backdrop { background: var(--scrim); }
[data-dialog][open]:not(:modal) { position: fixed; inset: 0; z-index: var(--z-dialog); }
[data-dialog] > form { display: flex; flex-direction: column; max-height: inherit; }
:is([data-dialoghead], [data-dialogfoot]) { display: flex; align-items: center; gap: var(--gap-controls); padding: var(--gap-text) var(--gap-foot); }
[data-dialoghead] { border-bottom: 1px solid; border-image: var(--rule-lift) 1; }
[data-dialoghead] > h2 { flex: 1; font-size: var(--text-body); font-weight: 600; color: var(--on-surface-bright); }
:is([data-dialoghead], [data-setuphead]) [data-icon], [data-menuclose] { margin-inline-end: var(--icon-bleed); }
[data-dialogbody] { flex: 1; min-height: 0; overflow-y: auto; padding: var(--gap-foot); }
[data-sethelp] { display: block; font-size: var(--text-fine); color: var(--on-surface-label); }
[data-dialogbody] [data-sethelp] { margin-top: var(--gap-meta); }
:has(> select > option[value=""]:not(:checked)) > [data-sethelp][data-blankonly] { display: none; }
[data-dialogbody] > [data-formgrid]:not([data-suggestfacts] ~ *) { padding-top: 0; }
[data-switchline] { display: flex; align-items: center; justify-content: space-between; gap: var(--gap-text); }
[data-switchtext] { display: flex; flex-direction: column; gap: calc(var(--gap-meta) / 2); cursor: pointer; }
[data-switchtext] > b { font-weight: 600; color: var(--on-surface-bright); }
:is([data-pnl], [data-dialog]) [data-scontrol] > input[type="checkbox"] { border-color: transparent; background: var(--hairline-mid); }
:is([data-pnl], [data-dialog]) [data-scontrol] > input[type="checkbox"]::after { background: var(--on-surface-label); }
:is([data-pnl], [data-dialog]) [data-scontrol] > input[type="checkbox"]:checked { border-color: transparent; background: var(--on-surface-soft); }
:is([data-pnl], [data-dialog]) [data-scontrol] > input[type="checkbox"]:checked:hover { border-color: transparent; background: var(--on-surface-bright); }
:is([data-pnl], [data-dialog]) [data-scontrol] > input[type="checkbox"]:checked::after { background: var(--surface-page); }
[data-unitfield] { position: relative; display: block; }
[data-unitfield] > input { width: 100%; max-width: none; padding-right: 3.5rem; }
[data-unitmark] { position: absolute; right: 0.75rem; top: 50%; transform: translateY(-50%); color: var(--on-surface-faint); pointer-events: none; }
[data-setrow-top] { display: flex; align-items: center; gap: var(--gap-list); flex-wrap: wrap; padding: 0.75rem 0; }
[data-setk] { font-size: var(--text-fine); line-height: 1rem; font-weight: 800; letter-spacing: 0.08em; text-transform: uppercase; color: var(--on-surface-faint); flex: 0 0 auto; cursor: pointer; }
[data-setrow-top]:has(> [data-switchbox]) > [data-setk], [data-setk][data-setgroup] { font-size: var(--text-base); line-height: 1.5rem; font-weight: 600; letter-spacing: normal; text-transform: none; color: var(--on-surface-max); }
[data-setgroup] { cursor: default; }
[data-setrow-top] > select { margin-left: auto; max-width: 14rem; }
[data-setrow-top] > [data-picker] { margin-left: auto; max-width: 16rem; }
[data-setrow-top] > input { margin-left: auto; max-width: 16rem; flex: 1 1 10rem; min-width: 0; }
[data-setrow-top]:has(> :is(input, select, [data-picker], [data-datefield])) {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr);
	align-items: center;
	gap: var(--gap-meta) var(--gap-list);
}
[data-setrow-top]:has(> :is(input, select, [data-picker], [data-datefield])) > :is(input, select, [data-picker], [data-datefield]) { grid-column: 1 / -1; margin-left: 0; max-width: 32rem; }
[data-setrow-top]:has(> :is(input, select, [data-picker])) > [data-picker] > [data-pill] { width: 100%; }
[data-childhelp] { padding: 0; margin-top: var(--gap-meta); }
[data-switch] { position: absolute; width: 1px; height: 1px; margin: 0; opacity: 0; pointer-events: none; }
[data-switchbox] { display: inline-flex; align-items: center; gap: var(--gap-controls); margin-left: auto; cursor: pointer; }
[data-setsum] { font-size: var(--text-small); color: var(--on-surface-dim); }
[data-knob] {
	--knob-w: 3rem;
	--knob-h: 1.75rem;
	--knob-d: 1.25rem;
	--knob-x: 3px;
	position: relative;
	flex: 0 0 auto;
	width: var(--knob-w);
	height: var(--knob-h);
	border-radius: var(--radius-pill);
	background: rgb(from var(--on-surface-max) r g b / 0.1);
	box-shadow: inset 0 0 0 1px var(--field-border);
	transition: background var(--dur-1) ease, box-shadow var(--dur-1) ease;
}
[data-knob]::after {
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	width: var(--knob-d);
	height: var(--knob-d);
	border-radius: var(--radius-round);
	background: var(--on-surface-quiet);
	transform: translate(var(--knob-x), -50%);
	transition: transform var(--dur-1) ease, background var(--dur-1) ease;
}
[data-switchbox]:hover [data-knob] { box-shadow: inset 0 0 0 1px var(--field-border-hover); }
[data-switch]:checked ~ [data-setrow-top] [data-knob], [data-switch]:checked ~ [data-switchbox] [data-knob] {
	--knob-x: calc(var(--knob-w) - var(--knob-d) - 3px);
	background: var(--accent-btn);
	box-shadow: none;
}
[data-switch]:checked ~ [data-setrow-top] [data-knob]::after, [data-switch]:checked ~ [data-switchbox] [data-knob]::after { background: var(--on-accent); }
[data-setrow] > [data-switch] ~ [data-setrow-body] { display: none; }
[data-setrow] > [data-switch]:checked ~ [data-setrow-body] { display: grid; }
[data-sumalt] { display: none; }
:is([data-switch][checked]:not(:checked), [data-switch]:not([checked]):checked) ~ [data-setrow-top] [data-sumalt] { display: inline; }
:is([data-switch][checked]:not(:checked), [data-switch]:not([checked]):checked) ~ [data-setrow-top] [data-setsum]:not([data-sumalt]) { display: none; }
[data-dialogbody] > p + p { margin-top: var(--gap-list); }
[data-dialogbody] > p + [data-formgrid] { margin-top: var(--gap-foot); }
[data-suggestfacts] { display: flex; flex-direction: column; gap: var(--gap-meta); }
[data-suggestwhat] { display: flex; align-items: center; gap: var(--gap-list); font-weight: 600; color: var(--on-surface-bright); }
[data-suggestwhat] > .clock { margin-left: auto; }
[data-suggestwhat]:has(> [data-dot]) + [data-sethelp] { padding-left: var(--gap-text); }
[data-suggestfacts] ~ [data-formgrid] { padding-top: var(--gap-foot); row-gap: var(--gap-foot); }
[data-dialogfoot] { flex-wrap: wrap; justify-content: flex-end; border-top: 1px solid; border-image: var(--rule-lift) 1; }
[data-dialogfoot] > [hidden] { display: none; }
[data-dialoglead] { margin-right: auto; padding-inline: 0; font-size: var(--text-body); font-weight: 600; color: var(--bad-text); }
[data-dialogfoot] > [data-formerror] { flex: 1 1 100%; }
[data-dialognote] { flex: 1 1 10rem; font-size: var(--text-fine); color: var(--on-surface-label); }
[data-inlinelink] { padding: 0; font: inherit; font-weight: 600; color: var(--on-surface-bright); text-decoration: underline; text-underline-offset: 3px; }
[data-dialogask] { display: flex; flex: 1; align-items: center; gap: var(--gap-controls); }
[data-dialogask][hidden] { display: none; }
[data-dialogask] > span { flex: 1; color: var(--on-surface-bright); font-weight: 600; }
[data-dialogfoot]:has(> [data-dialogask]:not([hidden])) > :not([data-dialogask]) { display: none; }
[data-setlabel] {
	display: block;
	width: fit-content;
	max-width: 100%;
	margin-bottom: var(--gap-meta);
	cursor: pointer;
}
:is([data-setlabel], [data-wizbox] > label, .auth__field > label) {
	font-size: var(--text-fine);
	line-height: 1rem;
	font-weight: 600;
	color: var(--on-surface-label);
}
[data-scontrol] { display: flex; align-items: center; justify-content: flex-end; gap: var(--gap-list); flex-wrap: wrap; }
:where([data-scontrol]) :where(input:not([type="checkbox"]), select, textarea) { flex: 1 1 auto; min-width: 0; }
:where([data-setfield], [data-formgrid] > span) :where(input:not([type="date"]), select, textarea) { width: 100%; min-width: 0; }
:where([data-scontrol], [data-setfield], [data-formgrid] > span) input.num:not([type="date"], [data-unitfield] > *) { flex: 0 0 auto; width: auto; max-width: 5.5em; }
:where([data-setfield]) input[type="date"] { flex: 0 0 auto; width: auto; max-width: none; }
:where([data-formgrid] > span) :is(input[type="date"], [data-datefield]) { width: 100%; max-width: none; }
[data-scontrol] input[type="checkbox"] { margin: 0; }
[data-scontrol] > input[type="checkbox"] {
	--sw-w: 2.25rem;
	--sw-h: 1.25rem;
	--sw-d: 0.875rem;
	width: var(--sw-w);
	height: var(--sw-h);
	border-radius: var(--radius-pill);
	border-color: var(--field-border);
	background: rgb(from var(--on-surface-max) r g b / 0.1);
}
[data-scontrol] > input[type="checkbox"]::after {
	position: absolute;
	top: 50%;
	left: 3px;
	width: var(--sw-d);
	height: var(--sw-d);
	clip-path: none;
	border-radius: var(--radius-round);
	background: var(--on-surface-quiet);
	opacity: 1;
	transform: translateY(-50%);
	transition: transform var(--dur-1) ease, background var(--dur-1) ease;
}
[data-scontrol] > input[type="checkbox"]:hover { background: rgb(from var(--on-surface-max) r g b / 0.1); border-color: var(--field-border-hover); }
[data-scontrol] > input[type="checkbox"]:checked { background: var(--accent-btn); border-color: var(--accent-btn); }
[data-scontrol] > input[type="checkbox"]:checked:hover { background: var(--accent-lit); border-color: var(--accent-lit); }
[data-scontrol] > input[type="checkbox"]:checked::after { background: var(--on-accent); transform: translate(calc(var(--sw-w) - var(--sw-d) - 8px), -50%); }
[data-scontrol] > input[type="checkbox"]:active { transform: none; }
[data-svalue] { display: flex; align-items: center; height: var(--control-h); padding-inline: 0.75rem; border: 1px solid transparent; font-size: var(--text-base); font-weight: 500; color: var(--on-surface-bright); }
@media (min-width: 1025px) {
	[data-svalue] { font-size: var(--text-body); }
}
[data-formerror] { display: flex; align-items: baseline; gap: var(--gap-meta); margin-bottom: var(--gap-list); font-size: var(--text-fine); color: var(--bad-text); }
[data-formerror]::before {
	content: "";
	flex: 0 0 auto;
	align-self: center;
	width: 0.875rem;
	height: 0.875rem;
	background: currentColor;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cline x1='12' x2='12' y1='8' y2='12'/%3E%3Cline x1='12' x2='12.01' y1='16' y2='16'/%3E%3C/svg%3E") center / contain no-repeat;
}
:is(input, select, textarea, [data-unitfield]) ~ [data-formerror] { flex: 1 1 100%; margin: var(--gap-meta) 0 0; }
[data-hover] { transition: background-color var(--dur-1) ease; }
[data-hover]:hover { background: var(--state-hover); }
[data-hover]:active { background: var(--state-press); }
:is([data-lrow], [data-people], [data-billrow], [data-mrow]) { min-height: 3.25rem; padding-block: 0.625rem; border-bottom: 0; }
[data-billrow]:not(:has(+ [data-billrow])) { border-bottom: 1px solid var(--hairline-soft); }
[data-lrow] { display: flex; align-items: center; gap: var(--gap-controls); flex-wrap: wrap; }
[data-meta] { display: flex; align-items: baseline; gap: 0 var(--gap-meta); flex-wrap: wrap; font-size: var(--text-small); color: var(--on-surface-faint); }
[data-meta] > span:not([data-tag]):has(+ span:not([data-tag]))::after { content: ","; }
[data-group] { padding-top: 0; }
[data-group]:first-of-type { padding-top: 0; border-top: 0; }
[data-sect] { display: flex; align-items: baseline; gap: var(--gap-controls); flex-wrap: wrap; padding-bottom: 0.35rem; }
[data-sect] > b { font-size: var(--text-lead); line-height: 1.5rem; font-weight: 800; color: var(--on-surface-max); }
[data-sect] > i { font-style: normal; font-size: var(--text-small); color: var(--on-surface-faint); }
[data-sect]:has([data-secttail]) { align-items: center; }
[data-secttail] { margin-left: auto; display: inline-flex; align-items: center; gap: var(--gap-list); }
[data-tablewrap] { overflow-x: auto; padding: 0; }
[data-tablewrap] tbody > tr:last-child > [data-td] { border-bottom: 0; }
[data-tablewrap] > [data-cardhead] { padding: var(--card-pad) var(--card-pad) 0; }
[data-tablewrap] table { margin: 0; }
[data-tablewrap] [data-th]:last-child, [data-tablewrap] [data-td]:last-child { padding-right: var(--card-pad); }
[data-tablewrap] { isolation: isolate; }
[data-tablewrap]:focus-visible { outline-offset: -2px; }
[data-tablewrap] tr > :first-child { position: sticky; left: 0; }
[data-tablewrap][tabindex] tr > :first-child { background-color: var(--surface-page); box-shadow: inset -1px 0 0 var(--hairline); }
[data-tablewrap][tabindex] [data-arow][data-stripe="true"] > [data-td]:first-child { background: linear-gradient(var(--wash-row), var(--wash-row)) var(--surface-page); }
[data-tablewrap][tabindex] :is([data-arow]:is(:hover, :focus-within), [data-arow]:has(+ [data-detailrow])) > [data-td]:first-child { background: linear-gradient(var(--state-hover), var(--state-hover)) var(--surface-page); }
[data-th] {
	text-align: left;
	padding: 0.75rem 1rem 0.75rem 0;
	border-bottom: 1px solid var(--hairline-mid);
	white-space: nowrap;
}
[data-th] {
	font-size: var(--text-fine);
	line-height: 1rem;
	font-weight: 600;
	color: var(--on-surface-label);
}
[data-td] { padding: 0.75rem 1rem 0.75rem 0; line-height: 1.35; font-weight: 500; border-bottom: 1px solid var(--hairline-soft); vertical-align: middle; }
tfoot > tr > [data-td] { border-top: 1px solid var(--hairline-strong); border-bottom: 0; font-weight: 600; }
[data-arow] [data-td] { transition: background-color var(--dur-1) ease; }
[data-arow]:is(:hover, :focus-within) [data-td], [data-arow]:has(+ [data-detailrow]) [data-td] { background: var(--state-hover); }
table:not([data-permgrid]):has(tr[data-arow]) :is(thead [data-th], tbody > tr > [data-td]) { border-bottom: 0; }
[data-daterow] > td { height: 2.5rem; padding: 0 var(--card-pad); vertical-align: middle; }
[data-datelabel] { font-size: var(--text-body); font-weight: 600; color: var(--on-surface-bright); }
[data-datecount] { font-weight: 400; color: var(--on-surface-label); }
[data-arow][data-stripe="true"] [data-td] { background: var(--wash-row); }
[data-roledot][data-ink] { box-shadow: 0 0 0 2px color-mix(in srgb, var(--ink) 20%, transparent); }
.fg-bright { color: var(--on-surface-strong); }
.fg-info { color: var(--info-text); }
.fg-dim { color: var(--on-surface-dim); }
.fg-faint { color: var(--on-surface-faint); }
.fg-ok { color: var(--ok); }
.fg-bad { color: var(--bad); }
.fg-warn { color: var(--warn); }
[data-align="right"] { text-align: right; }
[data-wrap="nowrap"] { white-space: nowrap; }
[data-sub] { display: block; font-size: var(--text-fine); color: var(--on-surface-faint); }
[data-pick] { width: 1.5rem; }
[data-detailrow] > td { padding: 0.75rem var(--card-pad) 1rem; background: var(--wash-row); }
[data-detail] { padding: 0; }
[data-detail] [data-dl] { grid-template-columns: repeat(auto-fill, minmax(11rem, auto)); justify-content: start; gap: var(--gap-text) var(--gap-items); margin: 0; max-width: 46rem; }
[data-detail] [data-dl] > div { min-width: 0; }
[data-detail] [data-dl] dd { font-size: var(--text-row); overflow-wrap: anywhere; }
[data-dl] dd[data-mono] { font-size: var(--text-small); color: var(--on-surface-dim); font-variant-numeric: tabular-nums; letter-spacing: 0.02em; }
[data-dl] dd[data-chips] { display: flex; flex-wrap: wrap; gap: var(--gap-list); margin-top: var(--gap-meta); }
[data-dl] > div:has(> dd[data-chips]) { grid-column: 1 / -1; }
[data-factchip] {
	display: inline-flex;
	align-items: center;
	gap: var(--gap-list);
	padding: 0.22rem 0.6rem 0.22rem 0.5rem;
	border-radius: var(--radius);
	background: var(--raise);
	box-shadow: inset 0 1px 0 var(--edge-lit), var(--elev-2);
	font-size: var(--text-small);
	color: var(--on-surface-soft);
}
[data-factnote] { color: var(--on-surface-faint); }
[data-selbar] > [data-leadline] { flex: 1 1 auto; min-width: 0; font-size: var(--text-body); font-weight: 400; color: var(--on-surface-label); }
[data-pickrow] { display: inline-flex; align-items: center; cursor: pointer; }
:is([data-pickrow], [data-pick]) > input { margin: 0; }
[data-reveal] > summary { list-style: none; cursor: pointer; }
[data-reveal] > summary::-webkit-details-marker { display: none; }
[data-reveal] > summary::marker { content: ""; }
[data-reveal] > summary [data-revealhide] { display: none; }
[data-reveal][open] > summary [data-revealshow] { display: none; }
[data-reveal][open] > summary [data-revealhide] { display: inline; }
[data-reveal][open] > summary [data-rolecaret] { transform: translateY(0.05rem) rotate(-135deg); }
[data-empty] {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	padding: 1.5rem 1.25rem 1.75rem;
	border: 1px solid var(--hairline);
	border-radius: var(--radius-lg);
}
:is([data-pnl], [data-daypnl], [data-weekcard]) > [data-empty] { padding-inline: var(--inset); border: 0; border-radius: 0; }
[data-empty-head] { font-size: var(--text-body); line-height: 1.45; font-weight: 600; letter-spacing: normal; color: var(--on-surface-bright); }
[data-empty-line] { max-width: 60ch; margin-top: var(--gap-meta); font-size: var(--text-body); color: var(--on-surface-label); line-height: 1.45; }
[data-empty-act] { margin-top: var(--gap-text); }
[data-dl] { display: grid; gap: var(--gap-meta); }
[data-dl] dt { font-size: var(--text-fine); line-height: 1rem; color: var(--on-surface-faint); }
[data-dl] dd { margin: 0; font-weight: 500; font-variant-numeric: tabular-nums; color: var(--on-surface-lit); }
[data-dl] dd.fg-faint { color: var(--on-surface-faint); }
[data-meter] { position: relative; display: block; height: 0.25rem; border-radius: var(--radius-pill); background: var(--hairline-mid); overflow: hidden; }
[data-meter] > [data-fill] { display: block; height: 100%; width: var(--fill); border-radius: var(--radius-pill); background: var(--on-surface-faint); }
[data-fill] { transform-origin: left; animation: grow-x var(--dur-5) cubic-bezier(0.05, 0.7, 0.1, 1); }
[data-meter][data-thin] { margin-top: var(--gap-list); }
[data-ofcell] { display: flex; flex-direction: column; gap: var(--gap-meta); color: var(--on-surface-label); }
[data-ofcell] b { font-weight: 600; color: var(--on-surface-bright); }
[data-ofcell] > [data-meter] { width: 7rem; }
[data-ofcell] [data-fill] { background: var(--on-surface-label); }
[data-fill][data-tone="dim"] { background: var(--on-surface-dim); }
[data-fill][data-tone="ok"] { background: var(--ok); }
[data-fill][data-tone="warn"] { background: var(--warn); }
[data-fill][data-tone="bad"] { background: var(--bad); }
[data-gauge] { display: flex; flex-direction: column; gap: var(--gap-meta); width: min(100%, 20rem); margin-top: var(--gap-text); }
[data-gaugehead] { display: flex; align-items: baseline; justify-content: space-between; gap: var(--gap-list); }
[data-gaugek] { font-size: var(--text-small); color: var(--on-surface-faint); }
[data-gaugepct] { font-size: var(--text-small); color: var(--on-surface-dim); }
[data-gaugev] { line-height: 1.2; }
[data-gaugenum] { font-size: var(--text-display); font-weight: 600; letter-spacing: var(--track-clock); color: var(--on-surface-max); font-variant-numeric: tabular-nums; }
[data-gaugeof] { font-size: var(--text-body); color: var(--on-surface-faint); }
[data-gauge] > [data-meter] { overflow: visible; }
[data-tick] { position: absolute; top: -0.2rem; bottom: -0.2rem; left: var(--at); width: 2px; margin-left: -1px; background: var(--on-surface-dim); }
[data-gaugehelp] { font-size: var(--text-small); color: var(--on-surface-dim); }
:is([data-gaugenum], [data-gaugepct], [data-gaugehelp])[data-tone="bad"] { color: var(--bad); }
:is([data-gaugenum], [data-gaugepct], [data-gaugehelp])[data-tone="warn"] { color: var(--warn); }
[data-metrics] { display: grid; grid-template-columns: repeat(auto-fill, minmax(18rem, 1fr)); gap: var(--gap-text) var(--gap-items); margin-top: var(--gap-text); }
[data-metric] { display: flex; flex-direction: column; gap: 0; min-width: 0; }
[data-metrick], [data-metricsub] { font-size: var(--text-fine); color: var(--on-surface-label); }
[data-metricv] > .num { font-size: var(--text-body); font-weight: 600; color: var(--on-surface-bright); font-variant-numeric: tabular-nums; }
[data-metricu] { font-size: var(--text-body); color: var(--on-surface-label); }
[data-metricsub][data-tone] { color: var(--on-surface-label); }
[data-metricv] > .num[data-tone] { color: var(--on-surface-bright); }
:is([data-metricsub], [data-metricv] > .num)[data-tone="bad"] { color: var(--bad-text); }
[data-callout] { margin: var(--gap-text) 0; padding: 0.75rem 1rem 0.5rem; }
[data-callout-head] {
	display: flex;
	align-items: center;
	gap: var(--gap-list);
	flex-wrap: wrap;
	padding-bottom: 0.7rem;
	border-bottom: 1px solid;
	border-image: var(--rule-fade) 1;
}
[data-callout][data-tone="info"] > [data-callout-head] { border-bottom: 0; padding-bottom: 0.35rem; }
[data-calloutrow] { display: flex; flex-wrap: wrap; align-items: baseline; gap: 0 var(--gap-list); margin: 0; padding: 0.5rem 0; font-size: var(--text-body); }
[data-calloutrow] > a { font-weight: 600; }
[data-reportpanel] {
	position: fixed;
	inset: auto var(--gap-foot) 1.25rem auto;
	margin: 0;
	padding: 0;
	width: min(25rem, calc(100vw - 2.5rem));
	max-width: none;
	max-height: min(40rem, calc(100vh - 7rem));
	overflow-y: auto;
	background: var(--lift-ground);
	border: 1px solid transparent;
	border-top: 2px solid var(--accent);
	border-radius: var(--radius-lg);
	box-shadow: var(--shadow-float);
	color: var(--on-surface);
	font-family: var(--font);
}
[data-reportpanel]::backdrop { background: transparent; }
[data-reportpanel][open]:not(:modal) { z-index: var(--z-dialog); }
[data-reporthead] {
	display: flex;
	align-items: flex-start;
	gap: var(--gap-controls);
	padding: 0.9rem 1rem 0.75rem;
	border-bottom: 1px solid;
	border-image: var(--rule-lift) 1;
}
[data-reporttitles] { flex: 1 1 auto; min-width: 0; display: block; }
[data-reporttitles] strong { display: block; font-size: var(--text-row); line-height: 1.3; }
[data-reportsub] { display: block; margin-top: var(--gap-meta); font-size: var(--text-fine); line-height: 1.35; color: var(--on-surface-faint); }
[data-reportclose] {
	flex: 0 0 auto;
	border: 0;
	background: none;
	color: var(--on-surface-faint);
	font-size: var(--text-title);
	line-height: 1;
	padding: 0 0.15rem;
	cursor: pointer;
}
[data-reportclose]:hover { color: var(--on-surface); }
[data-reportform] { --card-pad: 1rem; padding: 0.85rem var(--card-pad) 1rem; }
[data-reportfield] { display: block; margin: 0 0 var(--gap-controls); border: 0; background: none; min-height: 0; }
[data-reportlabel] {
	display: block;
	margin: 0 0 var(--gap-meta);
	font-size: var(--text-label);
	font-weight: 600;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: var(--on-surface-faint);
}
[data-reportfield] input[type="text"],
[data-reportfield] textarea {
	display: block;
	width: 100%;
	margin: 0;
	padding: 0.5rem 0.65rem;
	background: var(--field-deep);
	border: 1px solid var(--hairline-mid);
	border-radius: var(--radius);
	box-shadow: var(--shadow-well), inset 0 -1px 0 var(--edge-lit);
	color: var(--on-surface);
	font-family: var(--font);
	font-size: var(--text-body);
	line-height: 1.45;
	transition: border-color var(--dur-1) ease, box-shadow var(--dur-1) ease;
}
[data-reportfield] textarea { resize: vertical; min-height: 3.5rem; }
[data-reportfield] input::placeholder,
[data-reportfield] textarea::placeholder { color: var(--on-surface-dimmest); }
[data-reportpath] { color: var(--on-surface-dim); font-size: var(--text-small); word-break: break-all; }
[data-reportact] { display: flex; align-items: center; gap: var(--gap-controls); margin: var(--gap-foot) 0 0; }
[data-reportsend] {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 1 1 auto;
	min-height: 2.4rem;
	padding: 0.5rem 0.9rem;
	border: 1px solid var(--accent-btn);
	border-radius: var(--radius);
	background: var(--accent-btn);
	color: var(--on-accent);
	font-family: var(--font);
	font-size: var(--text-body);
	font-weight: 600;
	cursor: pointer;
	box-shadow: inset 0 1px 0 var(--btn-shine), var(--elev-2);
	transition: background-color var(--dur-1) ease, border-color var(--dur-1) ease, box-shadow var(--dur-1) ease;
}
[data-reportsend]:hover { background: var(--accent-lit); border-color: var(--accent-lit); }
[data-reportsend]:active { background: var(--accent-press); border-color: var(--accent-press); box-shadow: none; }
[data-reportact] [data-reportlink] {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 auto;
	min-height: 2.4rem;
	padding: 0.5rem 0.8rem;
	background: transparent;
	border: 1px solid var(--hairline-strong);
	border-radius: var(--radius);
	color: var(--on-surface-strong);
	font-size: var(--text-small);
	font-weight: 500;
	text-decoration: none;
	transition: background var(--dur-1) ease, border-color var(--dur-1) ease, color var(--dur-1) ease;
}
[data-reportact] [data-reportlink]:hover { background: var(--state-hover); border-color: var(--field-border-hover); }
[data-reportact] [data-reportlink]:active { background: var(--state-press); }
[data-reportkinds] {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: var(--gap-list);
	margin: 0 0 var(--gap-controls);
	padding: 0;
	border: 0;
}
[data-reportkinds] > [data-reportlabel] { grid-column: 1 / -1; padding: 0; }
[data-reportkind] {
	display: flex;
	align-items: center;
	gap: var(--gap-list);
	min-height: 2.2rem;
	padding: 0.4rem 0.55rem;
	background: transparent;
	border: 1px solid var(--hairline-strong);
	border-radius: var(--radius);
	font-size: var(--text-fine);
	line-height: 1.25;
	color: var(--on-surface-dim);
	cursor: pointer;
	transition: border-color var(--dur-1) ease, color var(--dur-1) ease, background var(--dur-1) ease;
}
[data-reportkind] input { flex: 0 0 auto; margin: 0; accent-color: var(--accent); }
[data-reportkind]:hover { background: var(--state-hover); border-color: var(--field-border-hover); color: var(--on-surface-max); }
[data-reportkind]:has(input:checked) { background: var(--accent-wash); border-color: var(--accent); color: var(--on-surface-max); }
[data-reportopt] {
	font-style: normal;
	font-weight: 400;
	letter-spacing: 0;
	text-transform: none;
	color: var(--on-surface-dimmest);
}
[data-reportexpect][hidden] { display: none; }
[data-reportcheck] {
	display: flex;
	align-items: center;
	gap: var(--gap-list);
	min-height: 2.2rem;
	margin: var(--gap-meta) 0;
	padding: 0.35rem 0.55rem;
	background: var(--field);
	border: 1px solid var(--field-border);
	border-radius: var(--radius);
	box-shadow: inset 0 1px 2px rgb(from var(--shade) r g b / calc(alpha * 0.25));
	font-size: var(--text-fine);
	line-height: 1.3;
	color: var(--on-surface-dim);
	cursor: pointer;
	transition: border-color var(--dur-1) ease, color var(--dur-1) ease;
}
[data-reportcheck] input { flex: 0 0 auto; margin: 0; accent-color: var(--accent); }
[data-reportcheck]:hover { border-color: var(--field-border-hover); color: var(--on-surface); }
[data-reportcheck]:has(input:checked) { border-color: rgb(from var(--accent) r g b / 0.55); color: var(--on-surface); }
[data-reportfine] {
	margin: var(--gap-controls) 0 0;
	font-size: var(--text-micro);
	line-height: 1.4;
	color: var(--on-surface-dimmest);
}
[data-reportctx] {
	margin-top: var(--gap-text);
	padding-top: 0.6rem;
	border-top: 1px solid var(--hairline-soft);
	font-size: var(--text-fine);
	color: var(--on-surface-dim);
}
[data-reporterror] {
	margin: 0 0 var(--gap-list);
	padding: 0.45rem 0.6rem;
	background: rgb(from var(--bad) r g b / 0.12);
	border-radius: var(--radius);
	color: var(--bad);
	font-size: var(--text-fine);
	line-height: 1.4;
}
[data-reportdone] { margin: 0; padding: 0.85rem 1rem 1rem; font-size: var(--text-body); line-height: 1.45; }
[data-reportdone] p { margin: 0 0 var(--gap-list); }
[data-reportdone] p:first-child { color: var(--ok); font-weight: 600; }
[data-reportdone] p:last-child { margin-bottom: 0; font-size: var(--text-fine); color: var(--on-surface-dim); }
[data-panel] { margin-top: var(--head-gap); }
[data-panel] p { max-width: 60ch; }
[data-panel] > table { width: 100%; margin: var(--gap-list) 0 var(--gap-text); }
[data-panel] > div > table { width: 100%; margin: 0; }
[data-panel] [data-td]:first-child, [data-panel] [data-th]:first-child { padding-left: 0; }
[data-panel] [data-tablewrap] [data-td]:first-child, [data-panel] [data-tablewrap] [data-th]:first-child { padding-left: var(--card-pad); }
:where([data-panel] > div) { padding: 0.9rem 0 1rem; margin: 0; }
[data-panel] > div:has(> [data-sheet]) { padding: 0; }
[data-stack] { display: flex; flex-direction: column; gap: var(--gap-items); }
[data-stack] > [data-primary] { align-self: flex-start; }
[data-pagebody] { display: flex; flex-direction: column; gap: var(--gap-text); }
[data-pagemain] { min-width: 0; overflow-x: auto; }
[data-pnl] { --card-pad: var(--inset); display: flex; flex-direction: column; border: 1px solid transparent; border-radius: var(--radius-lg); overflow: clip; overflow-clip-margin: 1px; }
:is([data-pnlhead], [data-pnlfoot]) { display: flex; align-items: center; gap: var(--gap-controls); padding: 0 var(--inset); }
[data-pnlhead] { min-height: 3.25rem; border-bottom: 1px solid; border-image: var(--rule-fade) 1; }
[data-pnlhead] > h2 { font-size: var(--text-small); font-weight: 600; color: var(--on-surface-strong); }
[data-pnlhead] > b { font-weight: 600; color: var(--on-surface-max); }
[data-pnlhead] > h2 > [data-meta] { display: inline; margin-left: var(--gap-list); font-weight: 500; }
[data-pnlbody] { flex: 1; padding: 0 var(--inset); }
[data-pnlbody] > p { padding-block: var(--gap-text); }
[data-pnlwho] { flex: 1; min-width: 0; display: flex; align-items: center; gap: var(--gap-list); font-weight: 500; }
[data-pnlbody] [data-lrow] > [data-meter] { flex: 0 0 6rem; }
[data-pnlfoot] { flex-wrap: wrap; column-gap: var(--gap-text); min-height: 2.75rem; padding-block: var(--gap-list); border-top: 1px solid; border-image: var(--rule-fade) 1; font-size: var(--text-fine); color: var(--on-surface-label); }
[data-pnlfoot] > a { font-weight: 600; color: var(--on-surface-soft); text-decoration: underline; text-underline-offset: 3px; border-bottom: 0; white-space: nowrap; }
[data-formgrid] {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: var(--gap-controls) var(--gap-text);
	padding-top: 0.85rem;
}
[data-setrow-body] {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: var(--gap-controls) var(--gap-text);
	padding: 0 0 0.9rem;
	margin: 0;
}
:where([data-formgrid], [data-setrow-body]) > [data-wide="true"] { grid-column: span 2; }
:where([data-formgrid], [data-setrow-body]) > [data-wide="full"] { grid-column: 1 / -1; }
[data-setfield] { min-width: 0; }
[data-entries] { padding: var(--gap-meta) var(--gap-list) var(--gap-list); }
[data-entry] { display: flex; align-items: center; border-radius: var(--radius); }
[data-entrylink] {
	flex: 1;
	min-width: 0;
	display: flex;
	align-items: center;
	gap: var(--gap-text);
	min-height: 2.75rem;
	padding: 0 var(--inset-row);
	border: 0;
	background: transparent;
	color: inherit;
	font: inherit;
	text-align: left;
}
[data-entrywhat] { flex: 1 1 0; max-width: 24rem; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 500; color: var(--on-surface-bright); }
[data-entrywhere] { width: 14rem; flex: none; display: inline-flex; align-items: center; gap: var(--gap-list); min-width: 0; overflow: hidden; white-space: nowrap; font-size: var(--text-fine); color: var(--on-surface-label); }
[data-entrywhere] > [data-dot] { width: 0.5rem; height: 0.5rem; }
[data-entryhours] { width: 3.5rem; flex: none; text-align: right; font-weight: 600; color: var(--on-surface-bright); }
[data-entrywhere] + :is([data-entryhours], [data-tag], [data-quiet]) { margin-left: auto; }
[data-scroller] { overflow-x: auto; }
[data-weekgrid] { --grid-cols: minmax(0, 1fr) repeat(7, 4.5rem) 5rem; display: block; width: 100%; }
[data-weekgrid] :is(thead, tbody, tfoot) { display: block; }
[data-weekgrid] tbody { padding: var(--gap-meta) var(--gap-list); }
[data-weekgrid] tr { display: grid; grid-template-columns: var(--grid-cols); column-gap: var(--gap-list); align-items: center; min-height: 2.75rem; padding: 0 var(--inset-row); }
[data-weekgrid] :is(thead, tfoot) tr { padding-inline: var(--inset); }
[data-weekgrid] :is(th, td) { padding: 0; text-align: center; }
[data-weekgrid] thead tr { border-bottom: 1px solid var(--hairline-soft); font-size: var(--text-fine); color: var(--on-surface-label); }
[data-weekgrid] th { font-weight: 400; }
[data-weekgrid] :is(th, td)[data-firstcol] { min-width: 0; text-align: left; }
[data-weekgrid] :is(th, td)[data-lastcol] { text-align: right; }
[data-gridident] { display: flex; align-items: center; gap: var(--gap-list); min-width: 0; }
[data-gridident] > [data-dot] { width: 0.5rem; height: 0.5rem; }
[data-gridname] { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
[data-gridproject] { font-weight: 500; color: var(--on-surface-bright); }
[data-gridtask] { color: var(--on-surface-label); }
[data-gridtask]:not(:empty)::before { content: " / " / ""; }
[data-weekgrid] tbody td[data-lastcol] { font-weight: 600; color: var(--on-surface-bright); }
[data-weekgrid] tfoot tr { border-top: 1px solid var(--hairline-soft); }
[data-weekgrid] tfoot td[data-firstcol] { font-size: var(--text-fine); color: var(--on-surface-label); }
[data-weektotal] { font-weight: 600; color: var(--on-surface-soft); }
[data-weektotal][data-zero] { color: var(--on-surface-label); }
[data-weektotal][data-now="true"] { font-weight: 700; color: var(--on-surface-bright); }
[data-weekgrid] tfoot td[data-lastcol] { font-weight: 700; color: var(--on-surface-bright); }
[data-dayselect] { display: none; }
}
@layer components {
[data-tone="accent"] { color: var(--accent); }
[data-tone="ok"] { color: var(--ok); }
[data-tone="warn"] { color: var(--warn); }
[data-tone="bad"] { color: var(--bad); }
[data-tone="info"] { color: var(--info-text); }
[data-tone="plain"] { color: var(--on-surface); }
[data-tone="dim"] { color: var(--on-surface-dim); }
[data-tone="faint"] { color: var(--on-surface-faint); }
[data-tone="label"] { color: var(--on-surface-label); }
[data-dot][data-ink], [data-dot][data-site-ink] { background: var(--ink); }
[data-roledot][data-ink] { background: var(--ink); }
[data-chip][data-site-ink] { background: var(--ink); color: var(--on-site); }
[data-av][data-site-ink] { background: var(--ink); color: var(--on-site); }
[data-meter] > [data-fill][data-ink] { background: var(--ink); }
}
@layer components {
[data-btn]:disabled, [data-primary]:disabled { opacity: 0.5; cursor: not-allowed; }
[data-btn]:disabled:hover { background: var(--surface-overlay); border-color: var(--hairline-strong); }
}
@layer components {
[data-inline] { display: flex; align-items: center; gap: var(--gap-list); }
[data-glyph="lead"] { width: 1.05rem; height: 1.05rem; flex: 0 0 auto; }
:is([data-lrow], [data-opt], [data-popitem]):focus-visible { outline-offset: -2px; }
@media (max-width: 720px) {
	[data-tabs] > a:focus-visible { outline-offset: -2px; }
}
:is(
	:focus-visible + [data-lpick],
	[data-daychip]:has(> input:focus-visible),
	[data-rowfold]:has(:focus-visible),
	[data-rowtoggle]:focus-visible ~ [data-rowacts] > label[data-icon],
	:is([data-sect], [data-mainhead]):has(+ [data-addtoggle]:focus-visible) [data-secttail]
) { outline: 2px solid var(--accent); outline-offset: 2px; }
[data-seg] > [data-segopt]:has(> input:focus-visible) { outline: 2px solid var(--accent); outline-offset: -2px; }
:is(
	[data-switch]:focus-visible ~ [data-setrow-top] [data-switchbox] > [data-knob],
	[data-switch]:focus-visible ~ [data-switchbox] > [data-knob],
	[data-radio] > input:focus-visible ~ [data-radiodot],
	input[type="radio"]:focus-visible
) { outline: 2px solid var(--accent); outline-offset: 3px; }
}

/* ==== 06-responsive.css ==== */
@layer responsive {
@media (max-width: 1024px) {
	[data-opt], [data-popitem] { min-height: 2.75rem; }
	[data-seg] > button, [data-seg] > [data-segopt] { min-height: 2.5rem; }
	[data-setrow-body] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	[data-pnlhead]:has(> [data-groupby]) { flex-wrap: wrap; }
	[data-pnlhead] > [data-groupby] { flex-wrap: wrap; }
	[data-tabs] > :is(button, a) { min-height: var(--control-h); }
}
@media (min-width: 721px) and (max-width: 1024px) {
	[data-weekgrid] { --grid-cols: minmax(6rem, 1fr) repeat(7, 3.25rem) 3.75rem; }
	[data-weekgrid] tr { column-gap: calc(var(--gap-list) - var(--gap-meta) / 2); }
}
@media (min-width: 721px) {
	[data-hide-wide] { display: none; }
}
@media (max-width: 720px) {
	[data-leadrest] { display: block; }
	[data-leadpart]:first-child::before { content: none; }
	[data-pnlhead]:has(> p[data-leadline] [data-leadrest]) { padding-block: var(--gap-list); }
	[data-pnlhead]:has(> p[data-leadline] [data-leadrest]) > [data-end] { margin-block: calc(-1 * var(--gap-list)); }
	:root { --dock-clear: calc(var(--tabbar-h) + env(safe-area-inset-bottom, 0px)); scroll-padding-bottom: var(--dock-clear); }
	main { padding-bottom: calc(var(--dock-clear) + var(--gap-section)); }
	main section > div, main:not(#main) > div { padding-inline: 1.1rem; }
	main section > :is([data-pnlhead], [data-tablewrap], [data-pnlbody]), :is([data-pnl], [data-daypnl], [data-weekcard]) > [data-empty] { padding-inline: var(--inset); }
	:root { --pad: 1.1rem; }
	[data-hide-narrow] { display: none; }
	[data-tabs] { flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; column-gap: var(--gap-text); }
	[data-tabs] > * { flex: 0 0 auto; }
	input:not([type="checkbox"], [type="radio"], [type="hidden"], [type="file"], [type="range"]), select, [data-pill] { min-height: 3rem; }
	input[type="checkbox"], [data-lpick] { width: 1.25rem; height: 1.25rem; }
	input[type="checkbox"]::after, [data-lpick]::after { width: 0.7rem; height: 0.7rem; }
	[data-scontrol] > input[type="checkbox"] { --sw-w: 2.75rem; --sw-h: 1.5rem; --sw-d: 1.125rem; width: var(--sw-w); height: var(--sw-h); }
	[data-scontrol] > input[type="checkbox"]::after { width: var(--sw-d); height: var(--sw-d); }
	[data-knob] { --knob-w: 3.25rem; --knob-h: 2rem; --knob-d: 1.5rem; }
	input[type="checkbox"]:indeterminate::after,
	input[type="checkbox"][data-mixed="true"]::after { width: 0.5rem; height: 0.15rem; }
	[data-toasts] { bottom: calc(var(--dock-clear) + 12px); left: 0.75rem; right: 0.75rem; max-width: none; }
	[data-icon] { --icon-box: var(--control-h); }
	[data-quiet] { min-height: 2.5rem; }
	[data-opt] { min-height: 3rem; }
	[data-popitem] { min-height: 3.25rem; }
	[data-seg] > button, [data-seg] > [data-segopt] { min-height: 2.75rem; padding: 0 0.9rem; }
	[data-menu], [data-pop] {
		position: fixed;
		inset: auto 0 calc(var(--tabbar-h) + env(safe-area-inset-bottom, 0px)) 0;
		position-try-fallbacks: none;
		min-width: 0;
		max-width: none;
		width: 100%;
		height: auto;
		max-height: 62vh;
		margin: 0;
		border-radius: var(--radius-sheet) var(--radius-sheet) 0 0;
	}
	[data-menu] { --menu-pad: 0.6rem; padding: 0 var(--menu-pad) 0.7rem; }
	[data-menu] {
		border: 0;
		border-top: 1px solid var(--hairline-mid);
		box-shadow: var(--shadow-sheet);
	}
	:is([data-menu], [data-pop], [data-dialog]:not([data-confirmask])) { --enter: var(--dur-5); --exit: var(--dur-4); --from-y: 16px; --from-scale: 1; }
	[data-dialog]:not([data-confirmask]) { width: 100%; height: 100%; max-height: none; margin: 0; border: 0; border-radius: 0; box-shadow: none; }
	[data-dialog]:not([data-confirmask]) > form { height: 100%; }
	[data-dialog]:not([data-confirmask]) [data-dialogfoot] { padding-bottom: calc(var(--gap-text) + env(safe-area-inset-bottom, 0px)); }
	[data-dialogfoot] > [data-dialogcancel] { display: none; }
	[data-dialog]:not([data-confirmask]) [data-dialogfoot] > [data-primary] { flex: 1; }
	[data-dialognote] { flex-basis: 100%; }
	[data-menu][data-hsheet] { min-width: 0; max-width: none; }
	[data-pop] { overflow-y: auto; padding-bottom: 0.7rem; }
	[data-menu]::backdrop, [data-pop]::backdrop { background: var(--scrim); }
	[data-sheethead] {
		display: grid;
		grid-template-columns: minmax(0, 1fr) 2.5rem;
		align-items: center;
		column-gap: var(--gap-list);
		position: sticky;
		top: 0;
		z-index: var(--z-raise);
		margin: 0 calc(-1 * var(--menu-pad)) var(--gap-list);
		padding: 0.6rem 0.5rem 0.6rem 0.95rem;
		background: var(--surface-overlay);
		border-bottom: 1px solid var(--hairline);
		border-radius: var(--radius-sheet) var(--radius-sheet) 0 0;
		touch-action: none;
		cursor: grab;
	}
	[data-sheetgrab] {
		grid-column: 1 / -1;
		grid-row: 1;
		justify-self: center;
		width: 2.5rem;
		height: 0.25rem;
		margin-bottom: var(--gap-list);
		border-radius: var(--radius-pill);
		background: rgb(from var(--line) r g b / 0.22);
	}
	[data-sheethead]:active [data-sheetgrab] { background: rgb(from var(--line) r g b / 0.45); }
	[data-sheettitle] {
		grid-column: 1;
		grid-row: 2;
		align-self: center;
		font-size: var(--text-base);
		font-weight: 500;
		letter-spacing: -0.01em;
		color: var(--on-surface-strong);
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
	[data-sheetx] {
		grid-column: 2;
		grid-row: 2;
		align-self: center;
		display: grid;
		place-items: center;
		width: 2.5rem;
		height: 2.5rem;
		margin: calc(-1 * var(--gap-list)) calc(-1 * var(--gap-meta));
		border-radius: var(--radius-pill);
		font-size: var(--text-lead);
		line-height: 1;
		color: var(--on-surface-faint);
		border: 0;
		background: transparent;
	}
	[data-sheetx]:hover { color: var(--on-surface-strong); background: var(--hairline); }
	[data-sheetgrab] { display: block; }
	[data-nlist] > ul { padding-block: var(--gap-meta); }
	[data-nrow] { grid-template-columns: 0.5rem minmax(0, 1fr); padding-block: var(--gap-controls); }
	[data-pillfull] { display: none; }
	[data-pillshort] { display: inline; font-weight: 600; letter-spacing: 0.02em; }
	[data-pill] > [data-pillshort] { flex: 0 0 auto; }
	[data-pill] > span:nth-last-child(2) { flex: 1 1 auto; min-width: 0; text-align: start; }
	[data-sbar] [data-primary] { flex: 1 1 auto; }
	.pane-head > [data-savestatus] { grid-column: 1 / -1; margin-left: 0; }
	[data-setline] > [data-scontrol]:not(:has(> input[type="checkbox"])) { flex: 1 1 100%; }
	[data-lrow]:has(> [data-meter]) > [data-pnlwho] { flex-basis: 100%; }
	[data-pnlbody] [data-lrow] > [data-meter] { flex: 1 1 auto; }
	[data-setrow-body] { grid-template-columns: minmax(0, 1fr); }
	[data-formgrid] { grid-template-columns: minmax(0, 1fr); }
	[data-formgrid] > span { grid-column: 1 / -1; }
	:where([data-formgrid], [data-setrow-body]) > [data-wide="true"] { grid-column: 1 / -1; }
	[data-featbtn] { display: inline-flex; }
	[data-reportpanel]::backdrop { background: var(--scrim); }
	[data-reportpanel] {
		inset: auto 0 0 0;
		width: auto;
		max-height: 85dvh;
		border: 0;
		border-top: 2px solid var(--accent);
		border-radius: var(--radius-lg) var(--radius-lg) 0 0;
		padding-bottom: env(safe-area-inset-bottom, 0px);
		box-shadow: var(--shadow-sheet);
		transition: opacity var(--dur-5) var(--ease-enter), translate var(--dur-5) var(--ease-enter);
	}
	@starting-style {
		[data-reportpanel][open] { opacity: 0; translate: 0 calc(16px * var(--motion)); }
	}
	[data-reporthead] {
		position: sticky;
		top: 0;
		z-index: var(--z-raise);
		background: var(--surface-overlay);
	}
	[data-reportkinds] { grid-template-columns: 1fr; }
	[data-reportkind] { min-height: 2.75rem; font-size: var(--text-body); }
	[data-reportcheck] { min-height: 2.75rem; }
	[data-reportsend] { min-height: 2.75rem; }
	[data-reportact] [data-reportlink] { min-height: 2.75rem; display: flex; align-items: center; }
	[data-reportact] {
		position: sticky;
		bottom: 0;
		margin: var(--gap-foot) calc(-1 * var(--card-pad)) 0;
		padding: 0.7rem var(--card-pad);
		background: var(--surface-overlay);
		border-top: 1px solid var(--hairline-soft);
		box-shadow: 0 -8px 16px -8px rgb(from var(--shade) r g b / calc(alpha * 0.6));
	}
	[data-reportfine] { margin-top: var(--gap-list); padding-bottom: 0.2rem; }
	[data-suggestfacts] ~ [data-formgrid] { padding-top: var(--gap-text); row-gap: var(--gap-text); }
	[data-dialogbody] > [data-dialoglead] { margin-top: var(--gap-text); }
	[data-entries] { padding: var(--gap-meta); }
	[data-entrylink] {
		display: grid;
		grid-template-columns: minmax(0, 1fr) auto;
		column-gap: var(--gap-controls);
		row-gap: calc(var(--gap-meta) / 2);
		min-height: 3.5rem;
		padding: 0 var(--gap-meta) 0 var(--inset-row);
	}
	[data-entrywhat] { grid-column: 1; grid-row: 1; max-width: none; }
	[data-entrywhere] { grid-column: 1; grid-row: 2; width: auto; }
	[data-entryhours] { grid-column: 2; grid-row: 1; width: auto; }
	[data-entrylink]:not(:has(> [data-entryat])) > [data-entryhours] { grid-row: 1 / span 2; }
	[data-entrylink] > [data-tag] { grid-row: 3; justify-self: start; margin-left: 0; }
	[data-entrylink] > [data-quiet] { grid-column: 2; grid-row: 3; }
	[data-dayselect] { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: calc(var(--gap-meta) / 2); padding: var(--gap-meta); border-bottom: 1px solid var(--hairline-soft); }
	[data-daychip] {
		position: relative;
		display: flex;
		flex-direction: column;
		align-items: center;
		gap: calc(var(--gap-meta) / 2);
		padding: 6px 0;
		border-radius: var(--radius);
		white-space: nowrap;
		text-align: center;
		font-size: var(--text-fine);
		color: var(--on-surface-label);
		cursor: pointer;
	}
	[data-daychip] > input { position: absolute; opacity: 0; width: 1px; height: 1px; }
	[data-chipsum] { font-size: var(--text-body); font-weight: 600; color: var(--on-surface-soft); }
	[data-daychip][data-now="true"] { font-weight: 700; color: var(--on-surface-bright); }
	[data-daychip]:has(input:checked) { background: var(--on-surface-soft); color: var(--surface-page); font-weight: 700; }
	[data-daychip]:has(input:checked) > [data-chipsum] { color: var(--surface-page); }
	[data-daychip]:has(input:focus-visible) { outline: 2px solid var(--accent); outline-offset: 2px; }
	:is([data-daystrip], [data-dayselect]) { container: days / inline-size; }
	@container days (max-width: 21.5rem) {
		[data-dayname] { width: min-content; white-space: normal; }
	}
}
}
@layer responsive {
@media (max-width: 720px) {
	.wrap { padding-inline: 1.1rem; }
}
}

/* ==== 06-shell.css ==== */
@layer screens {
.admin-band > .wrap { padding-block: 1.25rem 2.5rem; }
[data-admin] { display: grid; grid-template-columns: minmax(0, 1fr); }
:is([data-railitem], [data-bellbtn], [data-tab], [data-tabmenu], [data-tbtext], [data-setupstep], [data-skip], .brand) { border-bottom: 0; }
.admin-pane { min-width: 0; background: var(--light-pool); }
.admin-pane h1 { font-size: var(--text-title); line-height: 1.2; font-weight: 700; letter-spacing: -0.01em; }
[data-skip] {
	position: fixed;
	top: var(--gap-list);
	left: var(--gap-list);
	z-index: calc(var(--z-tabbar) + 1);
	padding: var(--gap-list) var(--gap-controls);
	border-radius: var(--radius);
	background: var(--surface-overlay);
	font-weight: 600;
	color: var(--on-surface-bright);
	translate: 0 -200%;
}
[data-skip]:focus { translate: none; }
[data-back] {
	display: inline-flex;
	align-items: center;
	gap: var(--gap-meta);
	justify-self: start;
	min-height: 1.75rem;
	border-bottom: 0;
	font-size: var(--text-fine);
	color: var(--on-surface-label);
}
[data-back] > svg { width: 0.875rem; height: 0.875rem; }
[data-back]:hover { color: var(--on-surface-soft); }
[data-problemline] { max-width: 40rem; color: var(--on-surface-label); }
[data-problemact] { margin-top: var(--gap-text); }
[data-content] .wrap { max-width: none; margin-inline: 0; padding-inline: 0; }
.admin-pane > [data-panel]:first-child { margin-top: 0; }
.pane-head {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: var(--gap-foot);
	flex-wrap: wrap;
	padding-bottom: 0.75rem;
}
@media (min-width: 721px) {
	.pane-head > div > h1:first-child,
	.pane-head > [data-titlenote] { padding-block: calc((var(--control-h) - 1lh) / 2); }
	.pane-head > :is([data-pager], [data-headacts]) { min-height: var(--control-h); }
}
.scope { margin-top: var(--gap-meta); font-size: var(--text-body); color: var(--on-surface-dim); }
[data-headacts] { display: inline-flex; align-items: center; gap: var(--gap-controls); }
.pane-head h1 > :is([data-tag], [data-av]) { vertical-align: middle; }
.pane-head h1 > [data-av] { --av-size: 2rem; display: inline-grid; margin-right: var(--gap-list); }
.pane-head h1 > [data-tag] { margin-left: var(--gap-list); }
[data-titlenote] { color: var(--on-surface-label); }
[data-titlebtn] { display: inline-flex; align-items: center; gap: var(--gap-list); padding: 0; text-align: left; border: 0; border-radius: var(--radius); background: transparent; color: inherit; font: inherit; letter-spacing: inherit; cursor: pointer; }
[data-titlecaret] { width: 1rem; height: 1rem; flex: none; color: var(--on-surface-label); }
.pane-head h1:has(> [data-titlebtn]) > [data-tag] { margin-left: var(--gap-controls); }
[data-pager] { display: inline-flex; align-items: center; gap: var(--gap-meta); }
[data-pager] > [data-pagerback] { min-height: var(--control-h); padding: 0 var(--gap-list); border-bottom: 0; border-radius: var(--radius); font-size: var(--text-body); font-weight: 500; color: var(--on-surface-soft); }
[data-pager] > [data-pagerback]:hover { background: var(--state-hover); color: var(--on-surface-bright); }
.pane-head > [data-pager] { margin-right: auto; }
[data-headfig] { display: flex; flex-direction: column; align-items: flex-end; gap: var(--gap-list); width: 10rem; margin-left: auto; color: var(--on-surface-label); }
[data-headfigv] > b { font-weight: 700; color: var(--on-surface-bright); }
[data-headfig] > [data-meter] { width: 100%; }
[data-headfig] [data-fill] { background: var(--on-surface-label); }
[data-railpanel] {
	--rail-inset: var(--gap-list);
	--rail-lead: var(--av-size);
	display: flex;
	flex-direction: column;
	gap: var(--gap-text);
	padding: var(--gap-text) var(--gap-controls);
	background: var(--side-light), var(--surface-strip);
}
.switch-id { flex: 1; min-width: 0; }
.switch-name {
	display: block;
	font-weight: 600;
	color: var(--on-surface-bright);
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.switch-caret {
	width: 0.875rem;
	height: 0.875rem;
	color: var(--on-surface-label);
	flex: 0 0 auto;
}
[data-trigger]:has(+ :popover-open) > .switch-caret { rotate: 180deg; }
[data-role] {
	display: block;
	font-size: var(--text-fine);
	color: var(--on-surface-label);
}
[data-railpanel] [data-group] { display: flex; flex-direction: column; gap: calc(var(--gap-meta) / 2); }
[data-railpanel] [data-grp] {
	padding: 0 var(--rail-inset) var(--gap-meta);
	font-size: var(--text-fine);
	line-height: 1rem;
	font-weight: 600;
	letter-spacing: 0.07em;
	text-transform: uppercase;
	color: var(--on-surface-label);
}
[data-railitem] {
	display: flex;
	align-items: center;
	gap: var(--gap-controls);
	width: 100%;
	min-height: var(--control-h);
	padding: 0 var(--rail-inset);
	border-radius: var(--radius);
	text-align: left;
	font-size: var(--text-body);
	font-weight: 500;
	color: var(--on-surface-soft);
	transition: background-color var(--dur-1) ease, color var(--dur-1) ease;
}
[data-railitem]:hover { background: var(--state-hover); color: var(--on-surface-bright); }
[data-railitem] > [data-railtext] { flex: 1; }
[data-railitem] > [data-ico] { width: 1rem; height: 1rem; flex: 0 0 auto; }
:is([data-railitem]:has(> [data-ico]), [data-railme]) {
	display: grid;
	grid-template-columns: var(--rail-lead) minmax(0, 1fr);
	grid-auto-flow: column;
	grid-auto-columns: auto;
	column-gap: var(--gap-list);
	padding-inline-start: var(--gap-meta);
}
:is([data-railitem], [data-railme]) > :first-child { justify-self: center; }
[data-railon="true"] { background: var(--accent-wash); color: var(--on-surface-bright); font-weight: 600; }
[data-railon="true"]:hover { background: var(--accent-tint); }
[data-railon="true"] > [data-ico] { color: var(--accent); }
[data-railrow] { display: grid; grid-template-areas: "row"; align-items: center; }
[data-railrow] > * { grid-area: row; }
[data-railrow] > [data-runstop] { justify-self: end; padding-inline-end: var(--rail-inset); pointer-events: none; }
[data-runstop] > [data-runpill] { pointer-events: auto; }
[data-runpill] {
	display: inline-flex;
	align-items: center;
	gap: var(--gap-meta);
	min-height: 1.5rem;
	padding: 0 var(--gap-list);
	border: 0;
	border-radius: var(--radius-pill);
	background: var(--accent-tint);
	color: var(--accent-on-tint);
	font-size: var(--text-fine);
	font-weight: 700;
	line-height: 1.25rem;
	cursor: pointer;
}
[data-runpill]:hover { background: var(--accent-wash); }
[data-runpill] > svg { width: 8px; height: 8px; flex: 0 0 auto; }
[data-runpill] > .clock { font-weight: inherit; }
[data-railtop] { display: flex; align-items: center; justify-content: space-between; gap: var(--gap-list); padding-left: var(--rail-inset); --badge-ring: var(--surface-strip); }
[data-menuclose] { display: none; }
[data-railend] { display: flex; flex-direction: column; gap: var(--gap-list); margin-top: auto; }
[data-railfoot] { padding-top: var(--gap-list); border-top: 1px solid var(--hairline); }
[data-railme] { align-items: center; width: 100%; min-height: var(--control-h); padding-inline-end: var(--rail-inset); border-radius: var(--radius); text-align: left; font-weight: 500; color: var(--on-surface-soft); }
[data-railme]:hover { background: var(--state-hover); }
[data-railme] > [data-av] { --av-size: var(--av-size-sm); }
[data-railname] { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
[data-setupnext] { display: flex; flex-direction: column; gap: var(--gap-meta); padding: var(--gap-meta) var(--gap-meta) var(--gap-list) var(--gap-controls); border: 1px solid var(--hairline); border-radius: var(--radius); }
main [data-setupnext] { padding-inline-start: var(--inset); }
[data-setuphead] { display: flex; align-items: center; justify-content: space-between; padding: 0; }
[data-setuphead] > h2 { font-size: var(--text-body); font-weight: 600; color: var(--on-surface-bright); }
[data-setupstep] { display: flex; align-items: center; gap: var(--gap-list); min-height: 1.75rem; color: var(--on-surface-soft); }
[data-setupstep]::before { content: ""; flex: 0 0 auto; width: 0.75rem; height: 0.75rem; box-sizing: border-box; border: 1.5px solid var(--on-surface-label); border-radius: var(--radius-round); }
[data-tab] { display: flex; flex-direction: column; align-items: center; justify-content: center; font-size: var(--text-fine); font-weight: 600; color: var(--on-surface-label); }
[data-tab][aria-current] { color: var(--accent); }
[data-tabico] { position: relative; display: inline-flex; align-items: center; justify-content: center; }
[data-tabico] > svg { width: 1.25rem; height: 1.25rem; }
[data-tabbadge] { position: absolute; top: -4px; right: -10px; }
[data-tabrun] { display: none; position: absolute; width: 8px; height: 8px; border-radius: var(--radius-round); background: var(--accent); box-shadow: 0 0 0 2px var(--surface-strip); }
[data-tabmenu] { display: grid; place-items: center; width: var(--control-h); height: var(--control-h); border-radius: var(--radius); color: var(--on-surface-soft); }
[data-tabmenu] > svg { width: 1.25rem; height: 1.25rem; }
@media (min-width: 721px) {
	:root { --header-h: 0px; }
	.site-header { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); visibility: hidden; }
	.site-header [popover] { visibility: visible; }
	.admin-band > .wrap { max-width: none; margin-inline: 0; padding: 0; }
	[data-admin] { min-height: 100dvh; }
	[data-back]:not([data-wide]) { display: none; }
	.pane-head:has(> [data-back]) { display: grid; grid-template-columns: minmax(0, 1fr) auto; row-gap: var(--gap-meta); }
	[data-back] { grid-column: 1 / -1; }
	.pane-head:has(> [data-titlenote][data-hide-narrow]) { grid-template-columns: auto auto minmax(0, 1fr) auto; column-gap: var(--gap-controls); }
	.pane-head > [data-titlenote][data-hide-narrow] ~ [data-savestatus] { grid-column: 3; justify-self: end; align-self: center; }
	.pane-head:has(> [data-titlenote][data-hide-narrow]) > [data-headacts] { grid-column: 4; }
	.admin-pane > * { max-width: 62rem; margin-inline: auto; }
	.admin-pane[data-fullwidth] > * { max-width: none; }
	.admin-pane[data-narrow] > * { max-width: var(--form); }
	[data-timerbar] { display: none; }
	@supports (anchor-name: --a) {
		#me-menu { top: auto; bottom: calc(anchor(top) + 0.5rem); left: anchor(left); right: auto; transform-origin: bottom left; }
	}
}
@media (min-width: 1025px) {
	[data-admin] { grid-template-columns: 15rem minmax(0, 1fr); }
	[data-admin] > [data-railpanel] { position: sticky; top: 0; height: 100dvh; overflow-y: auto; border-right: 1px solid var(--hairline); }
	.admin-pane { padding: 2rem clamp(1.5rem, 4vw, 3rem) 3.5rem; }
	[data-dock] { display: none; }
	@supports (anchor-name: --a) {
		#me-menu { min-width: 0; max-width: none; right: anchor(right); bottom: calc(anchor(top) + var(--gap-meta)); }
	}
}
@media (min-width: 721px) and (max-width: 1024px) {
	[data-admin] > [data-railpanel] { display: none; }
	.admin-pane { padding: 1.5rem 2rem 2rem 7rem; }
	[data-dock] { position: fixed; inset: 0 auto 0 0; z-index: var(--z-tabbar); width: 5rem; background: var(--surface-strip); border-right: 1px solid var(--hairline); --badge-ring: var(--surface-strip); }
	[data-tabbar] { display: flex; flex-direction: column; align-items: center; gap: var(--gap-meta); height: 100%; box-sizing: border-box; padding: var(--gap-list) 0 var(--gap-text); }
	[data-tabmenu] { margin-bottom: var(--gap-controls); }
	[data-tab] { gap: var(--gap-meta); width: 4.5rem; padding: 0.375rem 0; }
	[data-tab][aria-current] { color: var(--on-surface-bright); }
	[data-tabico] { width: 3.25rem; height: 2rem; border-radius: var(--radius-pill); }
	[data-tab][aria-current] > [data-tabico] { background: var(--accent-wash); color: var(--accent); }
	[data-tabbadge] { top: 0; right: 4px; }
	[data-tabrun] { display: block; top: 4px; right: 12px; }
	[data-tabmore] { display: none; }
	[data-tabfoot] { display: flex; flex-direction: column; align-items: center; gap: var(--gap-meta); margin-top: auto; }
	[data-menudialog] { inset: 0 auto 0 0; width: 17.5rem; max-width: none; height: 100%; max-height: none; margin: 0; padding: 0; border: 0; border-right: 1px solid var(--hairline); background: var(--surface-overlay); color: inherit; box-shadow: var(--shadow-menu); }
	[data-menudialog]::backdrop { background: var(--scrim); }
	[data-menudialog] > [data-railpanel] { min-height: 100%; box-sizing: border-box; background: none; }
	[data-menudialog] [data-railtop] > [data-bellbtn] { display: none; }
	[data-menudialog] [data-menuclose] { display: grid; }
}
@media (max-width: 720px) {
	.flash:not([data-toast]) { margin-inline: var(--pad); }
	[data-admin] { padding-inline: var(--inset); background: var(--light-pool); }
	.admin-pane { background: none; }
	[data-admin] > [data-railpanel] { display: none; }
	[data-tabmenu], [data-tabfoot] { display: none; }
	[data-dock] { position: fixed; inset: auto 0 0; z-index: var(--z-tabbar); padding-bottom: env(safe-area-inset-bottom, 0px); background: var(--surface-header); border-top: 1px solid var(--hairline); }
	[data-tabbar] { display: grid; grid-auto-flow: column; grid-auto-columns: minmax(0, 1fr); height: var(--tabbar-h); }
	[data-timerbar] + [data-tabbar] { border-top: 1px solid var(--hairline-soft); }
	[data-tab] { gap: calc(var(--gap-meta) / 2); }
	[data-tab]:active { background: var(--state-press); }
	[data-timerbar] { display: flex; align-items: center; gap: var(--gap-controls); min-height: 4rem; padding: 0 var(--gap-controls) 0 var(--gap-text); background: var(--surface-raised); }
	[data-timerbar]:has(> .clock[data-running]) { background: var(--brass-line), var(--surface-raised); }
	[data-tbtext] { flex: 1; min-width: 0; display: flex; flex-direction: column; align-items: flex-start; gap: calc(var(--gap-meta) / 2); padding: 0; border: 0; background: transparent; color: inherit; font: inherit; text-align: left; }
	[data-tbtext] > [data-tbtitle] { max-width: 100%; }
	[data-timerbar]:not(:has(> .clock)) [data-tbtitle] { color: var(--on-surface-label); }
	[data-tbtitle] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 600; color: var(--on-surface-bright); }
	[data-tbline] { display: flex; align-items: center; gap: var(--gap-list); font-size: var(--text-fine); color: var(--on-surface-label); }
	[data-tbline] > [data-dot] { width: 8px; height: 8px; }
	[data-timerbar] > .clock { font-size: var(--text-title); font-weight: 700; letter-spacing: var(--track-clock); color: var(--accent); }
	[data-timerbar] > .clock.warn { color: var(--warn); }
	[data-tbbtn] { display: grid; place-items: center; width: 2.75rem; height: 2.75rem; border-radius: var(--radius-round); background: var(--accent-btn); color: var(--on-accent); }
	[data-tbbtn] > svg { width: 0.875rem; height: 0.875rem; }
	:root:has([data-timerbar]) { --dock-clear: calc(var(--tabbar-h) + 4rem + env(safe-area-inset-bottom, 0px)); }
	[data-content] section > .wrap { padding-inline: 0; }
	.pane-head { display: grid; grid-template-columns: minmax(0, 1fr) auto; grid-template-areas: "title acts"; align-items: center; gap: var(--gap-meta) var(--gap-list); margin-top: 0; padding-bottom: 0.7rem; }
	.pane-head:has(> [data-back]) { grid-template-areas: "back back" "title acts"; }
	.pane-head > div { display: contents; }
	.pane-head > [data-back] { grid-area: back; min-height: var(--control-h); }
	.pane-head > [data-back] > svg { width: 1rem; height: 1rem; }
	.pane-head h1 { grid-area: title; overflow-wrap: anywhere; }
	.pane-head > [data-headacts] { grid-area: acts; }
	.pane-head :is([data-scopeline], [data-gauge], [data-metrics]) { grid-column: 1 / -1; margin-top: 0; }
	.pane-head h1 > [data-tag] { margin-left: var(--gap-meta); }
	.pane-head > [data-pager] { grid-area: acts; margin-right: 0; }
	.pane-head:has(> [data-headacts] > :not([data-hide-narrow])) > [data-pager] { grid-area: auto; grid-column: 1 / -1; justify-self: start; }
	.pane-head > [data-headacts]:not(:has(> :not([data-hide-narrow]))) { display: none; }
	.pane-head > [data-headfig] { grid-column: 1 / -1; margin-left: 0; }
	.pane-head:has(> [data-titlenote]:not([data-hide-narrow])) { grid-template-areas: "title acts" "note acts"; }
	.pane-head > [data-titlenote] { grid-area: note; margin-left: 0; font-size: var(--text-fine); }
	.pane-head:has(> [data-pager]):not(:has(> [data-titlenote])) { display: flex; flex-wrap: wrap; align-items: center; gap: var(--gap-meta) var(--gap-list); }
	.pane-head:has(> [data-pager]):not(:has(> [data-titlenote])) > [data-pager] { margin-left: auto; }
	.pane-head:has(> [data-pager]):not(:has(> [data-titlenote])) > [data-headfig] { flex-basis: 100%; }
	[data-titlebtn] { white-space: nowrap; }
	.pane-head h1:has(> [data-titlebtn]) > [data-tag] { display: block; height: auto; margin: 0; padding: 0; border: 0; font-weight: 400; }
	.pane-head h1:has(> [data-titlebtn]) > [data-tag]:not([data-tone="bad"]) { color: var(--on-surface-label); }
	.pane-head > [data-headfig] { flex-direction: row; align-items: center; gap: var(--gap-controls); width: auto; }
	.pane-head > [data-headfig] > [data-meter] { flex: 1; }
	[data-headacts] { flex: 0 0 auto; }
	[data-headacts] > [data-btn]:not(:last-child, [data-phone]) { display: none; }
	.pane-head > [data-headacts]:has(> [data-phone] + [data-phone]) { display: grid; grid-template-columns: 1fr 1fr; grid-area: auto; grid-column: 1 / -1; }
	.pane-head:has(> [data-headacts] > [data-phone] + [data-phone]) h1 { grid-column: 1 / -1; }
}
@media (max-width: 720px) and (max-height: 479px) {
	html { scroll-padding-top: 0; }
	.site-header { position: static; }
	[data-timerbar] { display: none; }
	:root:has([data-timerbar]) { --dock-clear: calc(var(--tabbar-h) + env(safe-area-inset-bottom, 0px)); }
	[data-tabrun] { display: block; top: -2px; right: -6px; }
	[data-dialog]:not([data-confirmask]) { overflow-y: auto; }
	[data-dialog]:not([data-confirmask]) > form { height: auto; min-height: 100%; }
	[data-dialog]:not([data-confirmask]) [data-dialogbody] { flex: 1 0 auto; overflow-y: visible; }
}
}

/* ==== 08-app.css ==== */
@layer screens {
[data-noteta] { resize: none; overflow-y: auto; field-sizing: content; max-height: 9rem; line-height: 1.45; font-family: inherit; min-height: var(--control-h); padding-block: calc((var(--control-h) - 2px - 1lh) / 2); }
[data-timersec] > form {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: var(--gap-controls);
	min-height: 4rem;
	padding: var(--gap-controls) var(--gap-controls) var(--gap-controls) var(--inset);
	border: 1px solid var(--bar-edge);
	border-radius: var(--radius-xl);
	background: var(--surface-raised);
	box-shadow: inset 0 1px 0 var(--shine), var(--bar-lift);
}
[data-timersec] > form:has(input[data-clockin][data-running]) {
	background: var(--brass-line), var(--surface-raised);
}
[data-timersec] [data-noteta] {
	flex: 999 1 15rem;
	min-width: 0;
	padding-inline: 0;
	border: 0;
	background: transparent;
	font-weight: 600;
	color: var(--on-surface-bright);
}
[data-timersec] [data-picker] { flex: 0 1 auto; min-width: 0; }
[data-timersec] [data-pill] { max-width: 100%; }
[data-pillempty] { color: var(--on-surface-label); }
[data-pill][data-pickunset] > :not([data-pillempty], [data-rolecaret]) { display: none; }
[data-timersec] [data-noteta]::placeholder { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-weight: 600; color: var(--on-surface-label); }
[data-timersec] > :is([data-cfields], [data-formerror]) { margin-top: var(--gap-list); }
input[data-clockin] {
	width: 6rem;
	padding: 0;
	border: 0;
	background: transparent;
	font-size: var(--text-title);
	font-weight: 700;
	letter-spacing: var(--track-clock);
	text-align: right;
	color: var(--on-surface-bright);
}
input[data-clockin]::placeholder { color: var(--on-surface-label); font-weight: 700; }
input[data-clockin][data-running] { color: var(--accent); }
input[data-clockin][data-running].warn { color: var(--warn); }
input[data-clockin]:is(:hover, :focus) { background: transparent; }
[data-composerdialog] [data-dialogbody] { display: flex; flex-direction: column; }
[data-composerdialog] [data-dialogbody] > [data-setlabel] ~ [data-setlabel] { margin-top: var(--gap-text); }
[data-composerdialog] [data-picker] { max-width: none; }
[data-composerdialog] [data-pill] { width: 100%; justify-content: flex-start; }
[data-composerdialog] input[data-clockin] {
	width: 8rem;
	padding-inline: var(--gap-controls);
	border: 1px solid var(--field-border);
	text-align: left;
}
[data-waitpnl] > [data-pnlhead] { min-height: 3rem; font-size: var(--text-body); font-weight: 600; color: var(--on-surface-bright); }
[data-waitrows] { display: grid; grid-template-columns: repeat(auto-fill, minmax(18rem, 1fr)); column-gap: var(--gap-items); padding: var(--gap-meta) var(--gap-list) var(--gap-list); }
[data-waitrow] { display: flex; align-items: center; gap: var(--gap-list); min-height: 2.5rem; padding: var(--gap-meta) var(--inset-row); border-bottom: 0; border-radius: var(--radius); color: var(--on-surface-soft); }
[data-waitrow]:hover { background: var(--state-hover); }
:is([data-waitrow], [data-latecard]) { flex-wrap: wrap; row-gap: var(--gap-meta); }
[data-waitk][data-own] { color: var(--on-surface-bright); }
[data-waitwarn] { width: 0.875rem; height: 0.875rem; flex: none; color: var(--warn); }
[data-waitv] { margin-left: auto; white-space: nowrap; font-weight: 600; color: var(--on-surface-bright); }
[data-waitv][data-tone="bad"] { color: var(--bad-text); }
[data-daystrip] { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)) auto; gap: var(--gap-meta); padding: var(--gap-list); border-bottom: 1px solid var(--hairline-soft); }
[data-day] {
	display: flex;
	flex-direction: column;
	gap: calc(var(--gap-meta) / 2);
	padding: var(--gap-list) var(--inset-row);
	border-bottom: 0;
	border-radius: var(--radius);
	white-space: nowrap;
	font-size: var(--text-fine);
	color: var(--on-surface-label);
}
[data-day]:hover { background: var(--state-hover); }
[data-day] > .num { font-size: var(--text-body); font-weight: 600; color: var(--on-surface-soft); }
[data-day][data-today] { font-weight: 700; color: var(--on-surface-bright); }
[data-day][aria-current] { background: var(--on-surface-soft); color: var(--surface-page); font-weight: 700; }
[data-day][aria-current] > .num { color: var(--surface-page); }
[data-day][data-weekday] { align-items: flex-end; }
[data-day][data-weekday] > .num { font-weight: 400; color: var(--on-surface-label); }
[data-day][data-weekday] b { font-weight: 600; color: var(--on-surface-soft); }
[data-lockline] { display: flex; align-items: center; gap: var(--gap-list); max-width: none; padding: var(--gap-controls) var(--inset); border-bottom: 1px solid var(--hairline-soft); color: var(--on-surface-label); }
[data-lockline] > svg { width: 0.875rem; height: 0.875rem; flex: none; }
[data-entry]:hover { background: var(--state-hover); }
[data-entrynote] { flex: none; font-size: var(--text-fine); color: var(--on-surface-label); }
[data-entryat] { width: 7rem; flex: none; margin-left: auto; text-align: right; font-size: var(--text-fine); color: var(--on-surface-label); }
[data-entrynote] + [data-entryhours] { margin-left: auto; }
[data-entrylink]:has(> [data-entryat]) > [data-tag] { margin-left: 0; }
[data-entryplay] { flex: none; color: var(--on-surface-label); }
[data-entryplay] > svg { width: 1rem; height: 1rem; }
[data-entryedit] {
	display: flex;
	flex-direction: column;
	gap: var(--gap-controls);
	margin: var(--gap-list) 0;
	padding: 0.85rem 0.95rem 0.9rem;
	background: var(--wash-row);
	border-radius: var(--radius);
}
[data-editgrid] { display: grid; grid-template-columns: minmax(0, 1fr) 7rem; gap: var(--gap-controls); }
[data-edithead] { display: flex; align-items: center; gap: var(--gap-list); }
[data-editdot] { width: 0.5rem; height: 0.5rem; flex: 0 0 auto; }
[data-editwhere] { font-size: var(--text-small); color: var(--on-surface-faint); }
[data-editform] { display: flex; flex-direction: column; gap: var(--gap-controls); }
[data-editform] > [data-hint] { font-size: var(--text-fine); }
[data-editrow] { display: flex; align-items: flex-end; gap: var(--gap-foot) var(--gap-text); flex-wrap: wrap; }
[data-editacts] { display: flex; align-items: center; gap: var(--gap-controls); flex-wrap: wrap; }
[data-editfield] { display: block; font-size: var(--text-fine); color: var(--on-surface-faint); }
[data-editfield]:has(> [data-picker]) { flex: 0 1 24rem; min-width: 0; }
[data-editfield] > input, [data-editfield] > select { width: 100%; }
[data-editfield] > [data-picker] { max-width: none; }
[data-editfield] > [data-picker] > [data-pill] { width: 100%; }
[data-editfield][data-narrowfield] > input { width: 8rem; }
[data-editgrid] > span > input { width: 100%; }
[data-entryedit] [data-noteta] { line-height: inherit; }
[data-hint] { font-size: var(--text-small); color: var(--on-surface-faint); }
[data-dialogbody] > [data-suggestfacts] ~ [data-formgrid] { grid-template-columns: minmax(0, 1fr) 8rem; }
[data-dialogbody] > [data-suggestfacts] ~ [data-formgrid] input.num { width: 100%; max-width: none; }
[data-elsewhere] { display: flex; align-items: center; gap: var(--gap-controls); flex-wrap: wrap; }
[data-locknote] { font-size: var(--text-small); }
[data-cfields] { display: grid; gap: var(--gap-controls); margin-top: var(--gap-controls); }
[data-editform] > [data-cfields] { margin-top: 0; }
[data-cfgrid] { display: grid; justify-items: start; gap: var(--gap-text); }
[data-cffold] > [data-cfgrid] { margin-top: var(--gap-controls); }
[data-cffold] { min-width: 0; }
[data-cffold][open] > [data-cfsum] { border-color: var(--accent); }
[data-cfsumk] { flex: 0 0 auto; font-weight: 600; }
[data-cfsumv] { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--on-surface-dim); }
[data-cfield] { display: flex; flex-direction: column; gap: var(--gap-meta); max-width: 100%; }
[data-cfield] > label { font-size: var(--text-fine); color: var(--on-surface-dim); }
[data-cfield] > [data-hint] { max-width: 42ch; font-size: var(--text-fine); }
[data-cfkind="text"] > input { width: 18rem; max-width: 100%; }
[data-cfkind="number"] > input { width: 8rem; }
[data-cfkind="pick"] > select { min-width: 12rem; max-width: 100%; }
[data-cfkind="bool"] { flex-flow: row wrap; align-items: center; column-gap: var(--gap-list); }
[data-cfkind="bool"] > input { order: -1; }
[data-cfkind="bool"] > [data-hint] { flex-basis: 100%; }
@media (min-width: 721px) {
	[data-cfgrid] { grid-template-columns: max-content max-content minmax(0, 1fr); column-gap: var(--gap-text); row-gap: var(--gap-list); align-items: center; }
	[data-cfield] { display: grid; grid-template-columns: subgrid; grid-column: 1 / -1; column-gap: var(--gap-text); align-items: center; justify-items: start; }
	[data-cfkind="bool"] > input { order: 0; }
	[data-cfield] > [data-hint] { max-width: 60ch; }
}
@media (min-width: 721px) and (max-width: 1024px) {
	[data-timersec] [data-noteta] { flex-basis: 10rem; }
	[data-day] { padding-inline: var(--gap-list); }
	[data-entryat] { width: 3.5rem; }
}
[data-pickdot] { width: 0.45rem; height: 0.45rem; flex: 0 0 auto; }
[data-grpdot] { width: 0.4rem; height: 0.4rem; }
[data-clip] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.auth__inner .brand__dot { width: 0.34rem; height: 0.34rem; }
.auth__inner .flash { padding: 0.6rem 0.85rem; }
.auth__ask { display: flex; flex-direction: column; gap: var(--gap-text); }
.auth__field { display: flex; flex-direction: column; gap: var(--gap-list); }
.auth__field > :is(input, a, button) { width: 100%; justify-content: center; }
.auth__field > [data-formerror] { margin: 0; }
.auth__field > [data-codefield] { font-weight: 600; letter-spacing: 0.12em; }
.auth__facts { border-top: 1px solid var(--hairline-soft); }
.auth__facts > div { display: flex; align-items: center; justify-content: space-between; gap: var(--gap-text); min-height: 2.5rem; }
.auth__facts > div + div { border-top: 1px solid var(--hairline-soft); }
.auth__facts dd { text-align: right; }
.auth__invites { margin: 0; padding: 0; list-style: none; border-top: 1px solid var(--hairline-soft); }
.auth__invites > li { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--gap-controls) var(--gap-text); padding-block: var(--gap-controls); border-bottom: 1px solid var(--hairline-soft); }
.auth__invite { display: flex; flex-direction: column; gap: var(--gap-meta); min-width: 0; }
.auth__invite > span { font-size: var(--text-fine); color: var(--on-surface-label); }
}
@layer screens {
[data-pophead] { padding: var(--gap-list) var(--gap-controls) var(--gap-meta); font-size: var(--text-fine); font-weight: 600; color: var(--on-surface-label); }
[data-weekspan] { width: 8rem; flex: none; }
[data-weekstate] { flex: 1; font-size: var(--text-fine); color: var(--on-surface-label); }
[data-weekhours] { font-weight: 600; color: var(--on-surface-bright); }
[data-weekpick] [data-wscheck] { display: block; }
[data-gotodate] [data-wsname] { flex: 1; }
[data-returned] { display: flex; align-items: flex-start; gap: var(--gap-controls); padding: 14px var(--inset); border: 1px solid var(--hairline-mid); border-radius: var(--radius-lg); }
[data-returned] > svg { width: 1rem; height: 1rem; flex: none; margin-top: calc((1lh - 1rem) / 2); color: var(--bad-text); }
[data-returned] > div { display: flex; flex-direction: column; gap: var(--gap-meta); }
[data-returned] h2 { font-size: var(--text-body); font-weight: 600; color: var(--on-surface-bright); }
[data-returned] p { color: var(--on-surface-soft); }
[data-weekcol] a { color: inherit; border-bottom: 0; }
[data-weekcol][data-now="true"] { font-weight: 700; color: var(--on-surface-bright); }
[data-weekcell] { display: flex; justify-content: center; }
:is([data-cellin], [data-cellrun]) { box-sizing: border-box; width: 3.5rem; height: 2rem; padding: 0; border: 1px solid var(--hairline-mid); border-radius: var(--radius); background: transparent; font-size: var(--text-body); font-weight: 600; text-align: center; color: var(--on-surface-bright); }
[data-weekcell][data-now="true"] > :is([data-cellin], [data-cellrun]) { background: var(--wash-row); }
[data-cellin][aria-invalid="true"] { border-color: var(--bad-text); color: var(--bad-text); }
[data-cellrun] { display: inline-grid; place-items: center; font-weight: 700; color: var(--accent); }
[data-celltext] { border-bottom: 0; font-weight: 600; color: var(--on-surface-bright); }
[data-gridname] > [data-sub] { white-space: normal; }
[data-weekfoot] { display: flex; flex-wrap: wrap; align-items: center; gap: var(--gap-list) var(--gap-text); padding: var(--gap-list) calc(var(--inset) - var(--gap-controls)); border-top: 1px solid var(--hairline-soft); }
[data-weekaddform] { display: flex; align-items: center; }
[data-weekaddform] [data-picker] { max-width: none; }
:is([data-weekaddform] [data-pill], [data-weekcopy]) { display: inline-flex; align-items: center; gap: var(--gap-list); min-height: var(--control-h); padding: 0 var(--gap-controls); border: 0; border-radius: var(--radius); background: transparent; font-size: var(--text-body); font-weight: 500; white-space: nowrap; color: var(--on-surface-soft); }
:is([data-weekaddform] [data-pill], [data-weekcopy]):hover { background: var(--state-hover); color: var(--on-surface-bright); }
[data-weekaddform] [data-pill] > [data-rolecaret] { display: none; }
[data-weekcopy] > svg { width: 1rem; height: 1rem; }
[data-weekline] { margin-left: auto; padding-right: var(--gap-controls); font-size: var(--text-fine); color: var(--on-surface-label); }
[data-weeksaid][data-bad] { color: var(--bad-text); }
[data-weekline][data-locked] { align-self: stretch; max-width: none; margin: 0; padding: var(--gap-controls) var(--inset); border-top: 1px solid var(--hairline-soft); }
[data-weeksave] { padding: var(--gap-list) var(--inset); }
[data-titlenotice] { display: flex; flex-wrap: wrap; align-items: center; gap: var(--gap-list); min-height: 3rem; margin-bottom: var(--gap-text); padding: 0 var(--gap-list) 0 var(--gap-text); border: 1px solid var(--hairline-mid); border-radius: var(--radius-lg); color: var(--on-surface-label); }
[data-noticepick] { display: inline-flex; align-items: center; gap: var(--gap-list); min-height: var(--control-h); padding: 0 var(--gap-list); border: 0; border-radius: var(--radius); background: transparent; font-weight: 600; color: var(--on-surface-bright); }
[data-noticepick]:hover { background: var(--state-hover); }
[data-noticepick] > [data-av] { --av-size: var(--av-size-sm); }
[data-noticeback] { margin-left: auto; min-height: var(--control-h); padding: 0 var(--gap-list); border-bottom: 0; border-radius: var(--radius); font-size: var(--text-body); font-weight: 500; color: var(--on-surface-soft); }
[data-noticeback]:hover { background: var(--state-hover); color: var(--on-surface-bright); }
@media (min-width: 721px) {
	:is([data-weekpick], [data-daypick]) { right: auto; width: 22rem; }
	[data-personpick] { right: auto; min-width: 16rem; }
	@supports (anchor-name: --a) {
		[data-weekaddform] [data-menu] { left: anchor(left); right: auto; transform-origin: top left; }
	}
}
}
@layer screens {
@media (min-width: 721px) and (max-width: 1024px) {
	:is([data-cellin], [data-cellrun]) { width: 2.75rem; height: 2.5rem; }
}
}
@layer screens {
@media (max-width: 720px) {
	[data-editfield]:has(> [data-picker]) { flex: 1 1 100%; }
	[data-editacts] { row-gap: var(--gap-text); }
	[data-editacts] > [data-primary] { flex: 1 1 100%; }
	[data-editgrid] { grid-template-columns: minmax(0, 1fr); }
	[data-dialogbody] > [data-suggestfacts] ~ [data-formgrid] { grid-template-columns: minmax(0, 1fr) 6.5rem; column-gap: var(--gap-controls); }
	[data-dialogbody] > [data-suggestfacts] ~ [data-formgrid] > span:not([data-wide]) { grid-column: auto; }
	[data-daypage] { gap: var(--gap-text); }
	[data-daystrip] { grid-template-columns: repeat(7, minmax(0, 1fr)); gap: calc(var(--gap-meta) / 2); padding: var(--gap-meta); }
	[data-day] { align-items: center; padding: 6px 0; text-align: center; }
	[data-lockline] { align-items: flex-start; }
	[data-waitrows] { padding: var(--gap-meta); }
	[data-waitrow] { min-height: var(--control-h); }
	[data-day][data-weekday] { display: none; }
	[data-latecard] { position: relative; display: flex; align-items: center; gap: var(--gap-list); min-height: var(--control-h); padding: var(--gap-meta) calc(var(--gap-controls) + 1rem + var(--gap-list)) var(--gap-meta) var(--inset); border: 1px solid var(--hairline); border-radius: var(--radius-lg); color: var(--on-surface-soft); }
	[data-latecard]:hover { background: var(--state-hover); }
	[data-latego] { position: absolute; top: 50%; right: var(--gap-controls); width: 1rem; height: 1rem; translate: 0 -50%; color: var(--on-surface-label); }
	[data-entrynote] { grid-column: 1 / -1; grid-row: 3; }
	[data-entrylink]:has(> [data-tag]) > [data-entrynote] { grid-row: 4; }
	[data-entryat] { grid-column: 2; grid-row: 2; width: auto; margin-left: 0; }
	[data-entryplay] { width: var(--control-h); height: var(--control-h); }
	[data-daypnl] > [data-empty] { padding: var(--gap-text) var(--gap-text) 1.25rem; }
	[data-weekgrid] :is(thead, tfoot) { display: none; }
	[data-weekgrid] tbody { padding: var(--gap-meta); }
	[data-weekgrid] tr { grid-template-columns: minmax(0, 1fr) 4.5rem; column-gap: var(--gap-controls); min-height: 3.5rem; padding: 0 var(--gap-meta) 0 var(--inset-row); }
	[data-weekgrid] td[data-lastcol] { display: none; }
	[data-weekcell] { display: none; }
	[data-gridident] { align-items: flex-start; }
	[data-gridident] > [data-dot] { margin-top: calc((1lh - 0.5rem) / 2); }
	[data-gridname] { display: flex; flex-direction: column; gap: calc(var(--gap-meta) / 2); }
	:is([data-gridproject], [data-gridtask]) { overflow: hidden; text-overflow: ellipsis; }
	[data-gridtask] { font-size: var(--text-fine); }
	[data-gridtask]:not(:empty)::before { content: none; }
	:is([data-cellin], [data-cellrun]) { width: 4.5rem; height: 2.5rem; min-height: 0; }
	[data-weekcell][data-now="true"] > :is([data-cellin], [data-cellrun]) { background: transparent; }
	[data-weekcard]:has([data-daychip] > input[value="0"]:checked) [data-weekcell]:nth-child(2),
	[data-weekcard]:has([data-daychip] > input[value="1"]:checked) [data-weekcell]:nth-child(3),
	[data-weekcard]:has([data-daychip] > input[value="2"]:checked) [data-weekcell]:nth-child(4),
	[data-weekcard]:has([data-daychip] > input[value="3"]:checked) [data-weekcell]:nth-child(5),
	[data-weekcard]:has([data-daychip] > input[value="4"]:checked) [data-weekcell]:nth-child(6),
	[data-weekcard]:has([data-daychip] > input[value="5"]:checked) [data-weekcell]:nth-child(7),
	[data-weekcard]:has([data-daychip] > input[value="6"]:checked) [data-weekcell]:nth-child(8) { display: flex; }
	[data-weekfoot] { flex-direction: column; align-items: stretch; gap: 0; padding: var(--gap-meta); }
	:is([data-weekaddform] [data-pill], [data-weekcopy]) { width: 100%; justify-content: flex-start; }
	[data-weekaddform] [data-picker] { flex: 1; }
	[data-weekaddform] [data-pillfull] { display: inline; }
	[data-weekaddform] [data-pillshort] { display: none; }
	[data-weekline] { margin-left: 0; padding: var(--gap-list) var(--gap-controls); }
	[data-weekline][data-locked] { padding-inline: var(--inset); }
	[data-weeksend] { display: flex; flex-direction: column; gap: var(--gap-list); }
	[data-weeksend] > * { width: 100%; }
	[data-titlenotice] { padding-block: var(--gap-list); }
	[data-noticeback] { margin-left: 0; }
	[data-composerdialog] [data-pillfull], [data-editfield] [data-pillfull] { display: inline; }
	[data-composerdialog] [data-pillshort], [data-editfield] [data-pillshort] { display: none; }
}
}