@layer reset,normalize,base,tokens,components,utilities;@layer normalize{html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}}@layer reset{*,*:before,*:after{box-sizing:border-box}*{margin:0}img,picture,svg,video{display:block;max-width:100%}input,button,textarea,select{font:inherit}}@layer base{html{font-family:var(--font-sans);line-height:1.5;-webkit-font-smoothing:antialiased}body{min-height:100dvh;background:var(--color-bg);color:var(--color-text)}a{color:var(--color-text)}::placeholder{color:var(--color-text-muted);opacity:1}:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}@media(prefers-reduced-motion:reduce){::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}}}@layer base{@font-face{font-family:Bricolage Grotesque;font-style:normal;font-display:swap;font-weight:200 800;src:url(/fonts/bricolage-grotesque-latin-wght-normal.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:Hanken Grotesk;font-style:normal;font-display:swap;font-weight:100 900;src:url(/fonts/hanken-grotesk-latin-wght-normal.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 Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/fonts/ibm-plex-mono-latin-500-normal.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}}@layer tokens{:root{--space-1: .25rem;--space-2: .5rem;--space-3: clamp(.75rem, .7221rem + .1143vw, .825rem);--space-4: clamp(1rem, .9629rem + .1524vw, 1.1rem);--space-5: clamp(1.5rem, 1.4443rem + .2286vw, 1.65rem);--space-6: clamp(2rem, 1.9257rem + .3048vw, 2.2rem);--space-7: clamp(3rem, 2.8886rem + .4571vw, 3.3rem);--text-page-title: clamp(1.625rem, 1.4393rem + .7619vw, 2.125rem);--leading-page-title: clamp(1.875rem, 1.6893rem + .7619vw, 2.375rem);--weight-page-title: 700;--tracking-page-title: -.02em;--text-task-title-lg: clamp(1.625rem, 1.5646rem + .2476vw, 1.7875rem);--leading-task-title-lg: 1.2308;--weight-task-title-lg: 650;--tracking-task-title-lg: -.015em;--text-form-title: clamp(1.25rem, 1.2036rem + .1905vw, 1.375rem);--leading-form-title: 1.2727;--weight-form-title: 650;--text-panel-title: clamp(1.1875rem, 1.1434rem + .181vw, 1.30625rem);--leading-panel-title: 1.2632;--weight-panel-title: 650;--tracking-panel-title: -.01em;--text-body: clamp(.9375rem, .9027rem + .1429vw, 1.03125rem);--leading-body: 1.4667;--weight-body: 400;--text-task-title: clamp(.9375rem, .9027rem + .1429vw, 1.03125rem);--leading-task-title: 1.4;--weight-task-title: 550;--text-quick-add: clamp(1.0625rem, 1.023rem + .1619vw, 1.16875rem);--leading-quick-add: 1.5294;--weight-quick-add: 500;--text-control: clamp(.875rem, .8425rem + .1333vw, .9625rem);--leading-control: 1.4286;--weight-control: 550;--text-small: clamp(.8125rem, .7823rem + .1238vw, .89375rem);--leading-small: 1.3846;--weight-small: 400;--text-data: clamp(.75rem, .7221rem + .1143vw, .825rem);--leading-data: 1.3333;--weight-data: 500;--text-eyebrow: clamp(.6875rem, .662rem + .1048vw, .75625rem);--leading-eyebrow: 1.2727;--weight-eyebrow: 700;--tracking-eyebrow: .08em;--font-display: "Bricolage Grotesque", system-ui, -apple-system, "Segoe UI", sans-serif;--font-sans: "Hanken Grotesk", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, "Cascadia Code", Consolas, monospace;--control-block-size: calc(1lh + var(--space-2) * 2 + 2px);--indicator-bar: 3px;--hit: 0px;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-full: 999px;--z-nav: 10;--z-overlay: 100;color-scheme:dark;--color-bg: oklch(18.2% .0044 264.46);--theme-color: #111214;--color-surface: oklch(22.28% .0079 274.57);--color-surface-sunken: oklch(15.41% .0046 264.43);--color-surface-hover: oklch(25.72% .0095 276.72);--color-border: oklch(30.16% .0112 271.03);--color-control-border: oklch(52.43% .0164 268.36);--color-text: oklch(94.87% .0058 264.53);--color-text-muted: oklch(71.62% .0148 272.62);--color-primary: oklch(81.14% .0791 259.2);--color-on-primary: oklch(15.41% .0046 264.43);--color-primary-edge: var(--color-primary);--color-accent: oklch(55.02% .1925 265.44);--color-on-accent: oklch(100% 0 0);--color-accent-edge: var(--color-accent);--color-danger: oklch(73.38% .1645 17.03);--color-danger-soft: oklch(25.42% .0587 15.6);--color-success: oklch(73.5% .1362 159.28);--color-on-success: oklch( 18.13% .0114 260.64 );--color-warning: oklch(82.11% .1357 66.86);--color-warning-soft: oklch( 27.58% .0422 70.3 );--color-on-warning: oklch(22.13% .0192 262.09);--color-focus-ring: oklch(81.14% .0791 259.2);--color-when-now: oklch(89.9% .0431 259.19);--color-when-today: oklch(81.14% .0791 259.2);--color-when-weekend: oklch(69.35% .1091 259.92);--color-when-next: oklch(57.67% .1154 259.63);--color-when-free: oklch(45.77% .0953 259.48);--color-when-someday: oklch(36.84% .0123 273.07);--color-level-1: oklch(80.04% .1098 149.85);--color-level-2: oklch(80.04% .1105 80.21);--color-level-2o: oklch(79.94% .1106 61.64);--color-level-3: oklch(80.02% .1102 48.36);--color-level-4: oklch(79.95% .1107 24.56);--color-level-1-on-primary: oklch(50.95% .1405 149.84);--color-level-2-on-primary: oklch(52.79% .1056 79.74);--color-level-2o-on-primary: oklch(53.3% .1222 61.17);--color-level-3-on-primary: oklch(53.82% .1445 48.75);--color-level-4-on-primary: oklch(54.38% .1655 24.5);--color-level-unlit: oklch(53.49% .0246 268.22);--color-level-unlit-on-primary: oklch(52.54% .0769 259.9);--color-scrim: oklch(0% 0 0 / .6);--shadow-raised: 0 0 0 1px oklch(100% 0 0 / .05);--shadow-overlay: 0 12px 32px oklch(0% 0 0 / .55), 0 0 0 1px oklch(100% 0 0 / .07)}@media(pointer:coarse){:root{--hit: 44px}}:root[data-theme=light]{color-scheme:light;--color-bg: oklch(96.03% .004 106.47);--theme-color: #f2f2ef;--color-surface: oklch(100% 0 0);--color-surface-sunken: oklch(93.9% .0053 106.5);--color-surface-hover: oklch(97.53% .004 106.47);--color-border: oklch(89.31% .0067 106.54);--color-control-border: oklch(61.49% .0089 106.66);--color-text: oklch(22.38% .0077 285.76);--color-text-muted: oklch(48.04% .0095 286.04);--color-primary: oklch(79.04% .0823 259.99);--color-on-primary: oklch(22.38% .0077 285.76);--color-primary-edge: oklch(57.6% .1281 259.93);--color-accent: oklch(86.75% .1401 87.01);--color-on-accent: oklch(22.38% .0077 285.76);--color-accent-edge: oklch(61.1% .1253 84.69);--color-danger: oklch(51.57% .1789 19.99);--color-danger-soft: oklch(93.61% .0266 9.01);--color-success: oklch(48.56% .1015 157.59);--color-on-success: oklch(99.06% .0017 247.84);--color-warning: oklch(51.47% .123 58.15);--color-warning-soft: oklch(94.82% .0372 75.16);--color-on-warning: oklch(100% 0 0);--color-focus-ring: oklch(57.6% .1281 259.93);--color-when-now: oklch(46.02% .1465 259.53);--color-when-today: oklch(61.51% .1372 258.84);--color-when-weekend: oklch(72.08% .1041 259.08);--color-when-next: oklch(81.14% .0791 259.2);--color-when-free: oklch(88.61% .0438 257.97);--color-when-someday: oklch(87.47% .0068 106.54);--color-level-1: oklch(53.04% .1298 150.16);--color-level-2: oklch(53.21% .1124 74.63);--color-level-2o: oklch(53.07% .1248 59.71);--color-level-3: oklch(53.03% .13 48.14);--color-level-4: oklch(52.96% .13 24.86);--color-level-1-on-primary: oklch(49.19% .1345 150.07);--color-level-2-on-primary: oklch(51.22% .1048 73.86);--color-level-2o-on-primary: oklch(51.56% .1189 59.75);--color-level-3-on-primary: oklch(51.98% .1388 48.04);--color-level-4-on-primary: oklch(52.93% .1946 24.83);--color-level-unlit: oklch(61.4% .0133 106.78);--color-level-unlit-on-primary: oklch(50.63% .0626 258.61);--color-scrim: oklch(22.13% .0192 262.09 / .36);--shadow-raised: 0 1px 2px oklch(22.13% .0192 262.09 / .06), 0 0 0 1px oklch(22.13% .0192 262.09 / .06);--shadow-overlay: 0 12px 32px oklch(22.13% .0192 262.09 / .18), 0 2px 6px oklch(22.13% .0192 262.09 / .08)}}@layer components{.t4-button{--t4-button-pad-block: .4375rem;position:relative;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--t4-button-pad-block) .875rem;border:1px solid var(--color-control-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);font:var(--weight-control) var(--text-control)/var(--leading-control) var(--font-sans);text-decoration:none;white-space:nowrap;cursor:pointer;transition:background-color .15s ease-out,color .15s ease-out,opacity .15s ease-out}.t4-button:hover:not(:disabled,[aria-disabled=true]){background:var(--color-surface-hover)}.t4-button:is(:disabled,[aria-disabled=true]){opacity:.45;cursor:not-allowed}@media(prefers-reduced-motion:reduce){.t4-button{transition:none}}.t4-button--primary{border-color:var(--color-primary-edge);background:var(--color-primary);color:var(--color-on-primary)}.t4-button--primary:hover:not(:disabled,[aria-disabled=true]){background:var(--color-primary);opacity:.88}.t4-button--ghost{border-color:transparent;background:transparent}.t4-button--danger{border-color:var(--color-danger);background:transparent;color:var(--color-danger)}.t4-button--sm{--t4-button-pad-block: var(--space-1);padding-inline:.625rem;font-size:var(--text-small);line-height:var(--leading-small)}.t4-button--icon{block-size:calc(1lh + var(--t4-button-pad-block) * 2 + 2px);aspect-ratio:1;padding:0;border-color:transparent;background:transparent;color:var(--color-text-muted)}.t4-button--icon:hover:not(:disabled,[aria-disabled=true]){color:var(--color-text)}}@layer components{.t4-select{inline-size:100%;block-size:var(--control-block-size);padding:0 var(--space-3);border:1px solid var(--color-control-border);border-radius:var(--radius-md);background:var(--color-surface-sunken);color:var(--color-text);font:var(--weight-body) var(--text-body)/var(--leading-body) var(--font-sans)}}@layer components{.t4-field{display:grid;gap:.375rem;align-content:start}.t4-field>input,.t4-field textarea{inline-size:100%;padding:var(--space-2) var(--space-3);border:1px solid var(--color-control-border);border-radius:var(--radius-md);background:var(--color-surface-sunken);color:var(--color-text);font:var(--weight-body) var(--text-body)/var(--leading-body) var(--font-sans)}.t4-field>input[type=date]{appearance:none;-webkit-appearance:none;min-inline-size:0}.t4-field>input[type=date]::-webkit-date-and-time-value{block-size:1lh;text-align:start}.t4-field textarea{padding-block:.625rem;resize:vertical}.t4-field>input{block-size:var(--control-block-size)}.t4-field>.t4-field-title{padding-inline:0;border-color:transparent;border-block-end-color:var(--color-control-border);border-radius:0;background:transparent;font:var(--weight-form-title) var(--text-form-title)/var(--leading-form-title) var(--font-display);block-size:3.25rem}.t4-field>[aria-invalid=true]{border-color:var(--color-danger);box-shadow:inset 0 0 0 1px var(--color-danger)}.t4-field>.t4-field-title[aria-invalid=true]{border-color:transparent;border-block-end-color:var(--color-danger);box-shadow:none}.t4-field-error,.t4-field-hint{font:var(--weight-small) var(--text-small)/var(--leading-small) var(--font-sans)}.t4-field-error{color:var(--color-danger)}.t4-field-hint{color:var(--color-text-muted)}.t4-field-hint--changed{display:flex;align-items:flex-start;gap:.375rem}.t4-field-hint--changed>svg{flex:none;inline-size:.75rem;block-size:1lh;color:var(--color-warning)}}@layer components{.t4-combobox{position:relative}.t4-combobox-popover{position:absolute;inset-block-start:100%;inset-inline:0;z-index:var(--z-overlay);margin-block-start:var(--space-1);max-block-size:20.375rem;overflow-y:auto;padding:.375rem;list-style:none;border-radius:var(--radius-md);background:var(--color-surface);box-shadow:var(--shadow-overlay)}.t4-combobox-popover,.t4-combobox-popover>ul{display:flex;flex-direction:column;gap:.125rem}.t4-combobox-popover li{display:flex;align-items:center;gap:.625rem;min-block-size:max(2.25rem,var(--hit));flex-shrink:0;padding:var(--space-1) .625rem;border-radius:var(--radius-sm);color:var(--color-text);cursor:pointer;overflow-wrap:anywhere}.t4-combobox-popover li:hover,.t4-combobox-popover li[aria-selected=true]{background:var(--color-surface-hover)}.t4-combobox-popover li[aria-selected=true]{font-weight:var(--weight-task-title)}.t4-combobox-popover li>:first-child{flex-grow:1;min-inline-size:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.t4-combobox-popover li>.t4-field-hint{flex-shrink:0;max-inline-size:50%}.t4-combobox-popover--up{inset-block-start:auto;inset-block-end:100%;margin-block-start:0;margin-block-end:var(--space-1)}.t4-combobox-popover:has(>.t4-combobox-foot){display:grid;max-block-size:none;overflow:visible}.t4-combobox-popover:has(>.t4-combobox-foot)>ul{max-block-size:20.375rem;overflow-y:auto;padding:0}.t4-combobox-foot{margin:0;padding:var(--space-2) var(--space-2) var(--space-1);border-block-start:1px solid var(--color-border)}.t4-combobox-sheet-head,.t4-combobox-sheet-search,.t4-combobox-scrim{display:none}@container shell (width < 48rem){.t4-combobox-scrim--open{display:block;position:fixed;inset:0;z-index:var(--z-overlay);background:var(--color-scrim)}.t4-combobox-popover.t4-combobox-sheet{position:fixed;inset:auto 0 0;gap:var(--space-3);margin:0;max-block-size:85dvh;padding:var(--space-2) var(--space-4) calc(var(--space-6) + env(safe-area-inset-bottom,0rem));padding-inline:max(var(--space-4),env(safe-area-inset-left,0rem)) max(var(--space-4),env(safe-area-inset-right,0rem));border-radius:1.125rem 1.125rem 0 0;overflow-y:auto}.t4-combobox-popover.t4-combobox-sheet:before{content:"";justify-self:center;inline-size:2.25rem;block-size:var(--space-1);margin-block-start:var(--space-1);border-radius:var(--radius-full);background:var(--color-control-border)}.t4-combobox-popover.t4-combobox-sheet li{min-block-size:max(2.75rem,var(--hit));font-size:var(--text-body)}.t4-combobox-popover.t4-combobox-sheet>ul{max-block-size:none}.t4-combobox-sheet-head{display:flex;align-items:center;gap:var(--space-2)}.t4-combobox-sheet-head>h2{flex-grow:1;margin:0}.t4-combobox-sheet-search{display:grid}.t4-combobox-sheet-search>input,.t4-combobox-sheet-search>.t4-icon{grid-area:1/1}.t4-combobox-sheet-search>input{padding-inline-start:2.25rem}.t4-combobox-sheet-search>input::-webkit-search-cancel-button{appearance:none}.t4-combobox-sheet-search>.t4-icon{z-index:1;align-self:center;margin-inline-start:var(--space-3);color:var(--color-text-muted);pointer-events:none}}}@layer components{.t4-kbd{padding-inline:.3125rem;border:1px solid color-mix(in oklch,currentColor 70%,transparent);border-radius:var(--radius-sm);font:var(--weight-data) var(--text-eyebrow)/var(--leading-data) var(--font-mono)}}@layer components{.t4-markdown{overflow-wrap:anywhere}.t4-markdown>*+*{margin-block-start:var(--space-2)}.t4-markdown table{display:block;max-inline-size:100%;overflow-x:auto}.t4-markdown ul,.t4-markdown ol{padding-inline-start:var(--space-5)}.t4-markdown a{color:var(--color-text)}.t4-markdown code,.t4-markdown pre{font-family:var(--font-mono);font-size:.9em;background:color-mix(in oklab,var(--color-surface),var(--color-text) 6%);border-radius:var(--radius-sm)}.t4-markdown code{padding:0 var(--space-1)}.t4-markdown pre{padding:var(--space-2) var(--space-3);overflow-x:auto}.t4-markdown pre code{padding:0;background:none}.t4-markdown blockquote{padding-inline-start:var(--space-3);border-inline-start:2px solid var(--color-border);color:var(--color-text-muted)}.t4-markdown h1,.t4-markdown h2,.t4-markdown h3,.t4-markdown h4,.t4-markdown h5,.t4-markdown h6{font-size:var(--text-body)}.t4-markdown img{display:block;max-inline-size:100%;block-size:auto;border-radius:var(--radius-sm)}.t4-markdown--clamped img{max-block-size:6rem}}@layer components{.t4-toast{display:flex;align-items:center;gap:var(--space-3);max-inline-size:27.5rem;padding:.625rem .625rem .625rem var(--space-4);border-radius:var(--radius-lg);background:var(--color-primary);color:var(--color-on-primary);box-shadow:var(--shadow-overlay);font:var(--weight-body) var(--text-control)/var(--leading-control) var(--font-sans)}.t4-toast>p{flex-grow:1;min-inline-size:0;overflow-wrap:anywhere}.t4-toast .t4-button,.t4-toast .t4-button:hover:not(:disabled){border-color:transparent;background:transparent;color:inherit;text-decoration:underline;text-underline-offset:.2em}.t4-toast :focus-visible{outline-color:currentColor}.t4-toast--error{background:var(--color-danger-soft);color:var(--color-danger);box-shadow:inset 0 0 0 1px var(--color-danger),var(--shadow-overlay)}}@layer components{.t4-scrim{position:fixed;inset:0;z-index:calc(var(--z-overlay) + 1);background:var(--color-scrim)}.t4-dialog{position:fixed;inset:0;z-index:calc(var(--z-overlay) + 1);margin:auto;inline-size:min(27.5rem,100% - var(--space-4) * 2);block-size:fit-content;max-block-size:calc(100% - var(--space-4) * 2);overflow-y:auto;display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-5);border-radius:var(--radius-lg);background:var(--color-surface);color:var(--color-text);box-shadow:var(--shadow-overlay);overflow-wrap:anywhere}.t4-dialog-title{font:var(--weight-panel-title) var(--text-panel-title)/var(--leading-panel-title) var(--font-display);letter-spacing:var(--tracking-panel-title);text-wrap:balance}.t4-dialog-body{color:var(--color-text-muted);font:var(--weight-body) var(--text-control)/var(--leading-control) var(--font-sans)}.t4-dialog-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:var(--space-2);margin-block-start:var(--space-2)}.t4-task-scrim{position:fixed;inset:0;z-index:var(--z-overlay);background:var(--color-scrim)}.t4-task-dialog{--task-form-pane-pad: 0rem;position:fixed;inset:min(6.5rem,10%) 0 auto;z-index:var(--z-overlay);margin-inline:auto;inline-size:min(45rem,100% - var(--space-4) * 2);max-block-size:calc(100% - min(6.5rem,10%) - min(2.5rem,5%));overflow-y:auto;border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-overlay)}@container shell (width < 48rem){.t4-task-dialog{inset:0;inline-size:auto;max-block-size:none;border-radius:0;border-block-start:env(safe-area-inset-top,0rem) solid var(--color-surface)}.t4-dialog{inset-block:auto calc(var(--space-5) + env(safe-area-inset-bottom,0rem));inset-inline:max(var(--space-4),env(safe-area-inset-left,0rem)) max(var(--space-4),env(safe-area-inset-right,0rem));margin:0;inline-size:auto}.t4-dialog-actions{flex-direction:column-reverse;align-items:stretch}.t4-dialog-actions>.t4-button{min-block-size:3rem}}}@layer components{.t4-topbar{min-block-size:3.5rem;padding-inline:max(var(--space-4),env(safe-area-inset-left,0rem)) max(var(--space-4),env(safe-area-inset-right,0rem));background:var(--color-surface);border-block-end:1px solid var(--color-border)}@container shell (width >= 69.5625rem){.t4-topbar{padding-inline:max(var(--space-5),env(safe-area-inset-left,0rem)) max(var(--space-5),env(safe-area-inset-right,0rem))}}.t4-brand-tile{flex:none;display:grid;place-content:center;inline-size:1.75rem;block-size:1.75rem;border-radius:var(--radius-md);background:var(--color-accent);box-shadow:inset 0 0 0 1px var(--color-accent-edge);color:var(--color-on-accent)}.t4-brand-tile>svg{inline-size:1.125rem;block-size:1.125rem}@container shell (width < 48rem){.t4-brand-tile{inline-size:1.625rem;block-size:1.625rem}}.t4-account{position:relative;flex:none;display:grid;place-content:center;inline-size:2.25rem;block-size:2.25rem;padding:0;border:1px solid var(--color-control-border);border-radius:var(--radius-full);background:var(--color-surface-sunken);color:var(--color-text);font:700 var(--text-data)/1 var(--font-sans);cursor:pointer;anchor-name:--t4-account}.t4-account:hover{background:var(--color-surface-hover)}.t4-account:after{content:"";position:absolute;inset-block-start:50%;inset-inline-start:50%;inline-size:max(100%,var(--hit));block-size:max(100%,var(--hit));translate:-50% -50%}}@layer components{.t4-tag{display:inline-flex;align-items:center;gap:var(--space-1);block-size:1.25rem;padding:0 .375rem;border-radius:var(--radius-sm);box-shadow:inset 0 0 0 1px var(--color-border);color:var(--color-text-muted);font:var(--weight-data) var(--text-eyebrow)/1.4545 var(--font-mono);letter-spacing:.02em;text-transform:uppercase;white-space:nowrap}.t4-tag--soon{background:var(--color-warning-soft);box-shadow:none;color:var(--color-warning)}.t4-tag--overdue{background:var(--color-danger-soft);box-shadow:none;color:var(--color-danger)}.t4-tag--replaced{box-shadow:inset 0 0 0 1px var(--color-warning);color:var(--color-warning)}.t4-tag--replaced>svg{flex:none;inline-size:.75rem;block-size:.75rem}}@layer components{.t4-env-stripe{position:absolute;inset-block-start:0;inset-inline:0;block-size:.25rem;background:repeating-linear-gradient(-45deg,var(--color-warning) 0 .375rem,var(--color-warning-soft) .375rem .75rem);pointer-events:none}.t4-brand-tile.t4-brand-tile--dev{background:var(--color-warning);box-shadow:none;color:var(--color-on-warning)}.t4-env-chip{flex:none;font-weight:700}}@layer components{.t4-saving-bar{position:absolute;inset-inline:0;inset-block-end:-1px;z-index:calc(var(--z-nav) + 1);block-size:var(--indicator-bar);overflow:hidden;pointer-events:none}.t4-saving-bar:before{content:"";position:absolute;inset-block:0;inline-size:32%;border-radius:var(--radius-full);background:linear-gradient(90deg,transparent,var(--color-primary-edge) 55%,var(--color-primary-edge));animation:t4-saving-bar-slide 1.3s cubic-bezier(.4,0,.2,1) infinite}@media(prefers-reduced-motion:reduce){.t4-saving-bar{block-size:2px;background:var(--color-primary-edge)}.t4-saving-bar:before{display:none}}@keyframes t4-saving-bar-slide{0%{inset-inline-start:-45%}to{inset-inline-start:100%}}}@layer components{.t4-tabbar{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);padding-block-end:env(safe-area-inset-bottom,0rem);padding-inline:max(0rem,env(safe-area-inset-left,0rem)) max(0rem,env(safe-area-inset-right,0rem));background:var(--color-surface);border-block-start:1px solid var(--color-border)}.t4-tab{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-1);padding:var(--space-2) 0 .625rem;color:var(--color-text-muted);font:var(--weight-control) var(--text-eyebrow)/var(--leading-eyebrow) var(--font-sans);text-decoration:none}.t4-tab:hover,.t4-tab[aria-current=page]{color:var(--color-text)}.t4-tab[aria-current=page]{box-shadow:inset 0 var(--indicator-bar) 0 var(--color-accent-edge)}.t4-tab>.t4-icon{flex:none;font-size:1.125rem}.t4-tab-label{max-inline-size:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.t4-tab-label--wide{display:none}@container shell (width >= 48rem){.t4-tab-label--wide{display:inline}.t4-tab-label--narrow{display:none}.t4-tabbar{container:tabs/inline-size;display:flex;gap:.125rem;padding-block-end:0;padding-inline:0;background:none;border-block-start:none;font-size:var(--text-control)}.t4-tab{flex-direction:row;gap:var(--space-2);min-inline-size:var(--hit);padding:0 var(--space-3);font-size:var(--text-control);line-height:var(--leading-control)}.t4-tab[aria-current=page]{box-shadow:inset 0 calc(-1 * var(--indicator-bar)) 0 var(--color-accent-edge)}.t4-tab>.t4-icon{font-size:.875rem}}@container shell (width >= 48rem) and (width < 69.5625rem){.t4-tabbar{gap:0}.t4-tab{padding-inline:var(--space-2)}}.t4-tab{position:relative}.t4-tab-count{position:absolute;inset-block-start:.25rem;inset-inline-start:calc(50% + .375rem);padding-inline:var(--space-1);border-radius:var(--radius-full);background:var(--color-accent);box-shadow:inset 0 0 0 1px var(--color-accent-edge);color:var(--color-on-accent);font:var(--weight-data) var(--text-eyebrow)/var(--leading-eyebrow) var(--font-mono)}@container shell (width >= 48rem){.t4-tab-count{position:static}}@container shell (width >= 48rem) and (width < 69.5625rem){@container tabs (width < 34.51em){.t4-tab-label{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.t4-tab-count{position:absolute;inset-block-start:calc(50% - .75rem)}}}@container shell (width >= 69.5625rem){@container tabs (width < 37.82em){.t4-tab-label{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.t4-tab-count{position:absolute;inset-block-start:calc(50% - .75rem)}}}}@layer components{.t4-status{display:inline-flex;align-items:center;gap:.375rem;min-block-size:1.625rem;padding:0 .625rem;border-radius:var(--radius-full);box-shadow:inset 0 0 0 1px var(--color-border);color:var(--color-text-muted);font:var(--weight-control) var(--text-data)/var(--leading-data) var(--font-sans);white-space:nowrap;position:relative;border:0;background:transparent}.t4-status:before{content:"";flex:none;inline-size:.4375rem;block-size:.4375rem;border-radius:50%;background:var(--color-success)}button.t4-status{cursor:pointer}button.t4-status:hover:not([aria-disabled=true]){background:var(--color-surface-hover)}button.t4-status[aria-disabled=true]{cursor:default}button.t4-status:after{content:"";position:absolute;inset-block-start:50%;inset-inline-start:50%;inline-size:max(100%,var(--hit));block-size:max(100%,var(--hit));translate:-50% -50%}.t4-status--syncing:before{background:var(--color-primary)}.t4-status--pending:before{background:var(--color-warning)}.t4-status--unsynced:before{background:var(--color-text-muted)}.t4-status--offline{background:var(--color-warning-soft);box-shadow:none;color:var(--color-warning)}.t4-status--offline:before{background:var(--color-warning)}}@layer components{@position-try --t4-capped{max-block-size:calc(100% - var(--space-1) - max(var(--space-1),env(safe-area-inset-bottom,0rem)));min-block-size:8.25rem}@position-try --t4-capped-any{max-block-size:calc(100% - var(--space-1) - max(var(--space-1),env(safe-area-inset-bottom,0rem)))}.t4-menu{position:fixed;inset:auto 0 0;margin:0;border:0;inline-size:auto;block-size:auto;display:none;align-content:start;max-block-size:85dvh;overflow-y:auto;padding:var(--space-2) var(--space-2) calc(var(--space-6) + env(safe-area-inset-bottom,0rem));padding-inline:max(var(--space-2),env(safe-area-inset-left,0rem)) max(var(--space-2),env(safe-area-inset-right,0rem));border-radius:1.125rem 1.125rem 0 0;background:var(--color-surface);color:var(--color-text);box-shadow:var(--shadow-overlay)}.t4-menu:popover-open{display:grid}.t4-menu:before{content:"";justify-self:center;inline-size:2.25rem;block-size:var(--space-1);margin-block:var(--space-1) var(--space-3);border-radius:var(--radius-full);background:var(--color-control-border)}.t4-menu hr{margin:var(--space-1) var(--space-2);border:0;border-block-start:1px solid var(--color-border)}.t4-menu--anchored{inset:0;margin:auto;block-size:fit-content;inline-size:max-content;min-inline-size:13.75rem;max-inline-size:calc(100% - var(--space-4) * 2);max-block-size:75dvh;padding:.375rem;border-radius:var(--radius-lg)}@supports (position-area: block-end){.t4-menu--anchored{position-anchor:var(--t4-anchor);inset:auto;margin-block:var(--space-1) max(var(--space-1),env(safe-area-inset-bottom,0rem));margin-inline:0;block-size:auto;position-area:block-end span-inline-start;position-try-fallbacks:flip-block,--t4-capped,--t4-capped flip-inline,--t4-capped-any flip-block,--t4-capped-any flip-block flip-inline}}.t4-menu--anchored:before{content:none}.t4-menu--anchored hr{margin:.375rem var(--space-1)}.t4-menu-head{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-1) var(--space-3) var(--space-3)}.t4-menu-avatar{flex:none;display:grid;place-content:center;inline-size:2.5rem;block-size:2.5rem;border:1px solid var(--color-control-border);border-radius:var(--radius-full);background:var(--color-surface-sunken);font:700 var(--text-small)/1 var(--font-sans)}.t4-menu-who{display:flex;flex-direction:column;min-inline-size:0}.t4-menu-name{font-weight:var(--weight-panel-title);overflow-wrap:anywhere}.t4-menu-note{color:var(--color-text-muted);font:var(--weight-small) var(--text-small)/var(--leading-small) var(--font-sans)}.t4-menu-item{display:flex;align-items:center;gap:.875rem;min-block-size:3.25rem;padding:.4375rem var(--space-3);border:0;border-radius:var(--radius-md);background:transparent;color:var(--color-text);font:var(--weight-control) var(--text-body)/var(--leading-body) var(--font-sans);text-align:start;cursor:pointer}.t4-menu-item:hover:not([aria-disabled=true]){background:var(--color-surface-hover)}.t4-menu-item>.t4-icon{flex:none}.t4-menu-item--danger{color:var(--color-danger)}.t4-menu-item[aria-disabled=true]{color:var(--color-text-muted);cursor:default}.t4-menu-busy>path{color:var(--color-primary)}.t4-menu-item--danger .t4-menu-busy>path{color:var(--color-danger)}.t4-menu-label{display:flex;flex-direction:column}.t4-menu-foot{padding:var(--space-2) var(--space-3) 0;color:var(--color-text-muted);font:var(--weight-data) var(--text-data)/var(--leading-data) var(--font-mono)}@container shell (width >= 48rem){.t4-menu:not(.t4-menu--anchored){inset:0;margin:auto;block-size:fit-content;inline-size:16.25rem;min-inline-size:auto;max-inline-size:calc(100% - var(--space-4) * 2);max-block-size:75dvh;padding:.375rem;border-radius:var(--radius-lg)}@supports (position-area: block-end){.t4-menu:not(.t4-menu--anchored){position-anchor:var(--t4-anchor);inset:auto;margin-block:var(--space-1) max(var(--space-1),env(safe-area-inset-bottom,0rem));margin-inline:0;block-size:auto;position-area:block-end span-inline-start;position-try-fallbacks:flip-block,--t4-capped,--t4-capped flip-inline,--t4-capped-any flip-block,--t4-capped-any flip-block flip-inline}}.t4-menu:not(.t4-menu--anchored):before{content:none}.t4-menu:not(.t4-menu--anchored) hr{margin:.375rem var(--space-1)}.t4-menu-head{padding:var(--space-2) .625rem var(--space-1);font-size:var(--text-control)}.t4-menu-avatar{display:none}.t4-menu-item{gap:.625rem;min-block-size:max(2.25rem,var(--hit));padding-inline:.625rem;font-size:var(--text-control);line-height:var(--leading-control)}.t4-menu-foot{padding:var(--space-1) .625rem}}}@layer components{.t4-system-page{--t4-system-page-pad: clamp(.5rem, 5.3333vw - .8rem, 4rem);grid-column:1/-1;position:relative;isolation:isolate;display:flex;flex-direction:column;justify-content:center;gap:var(--space-4);padding-inline:var(--t4-system-page-pad)}.t4-system-page>p{max-inline-size:27.5rem;margin:0;color:var(--color-text-muted);font:var(--weight-body) var(--text-body)/var(--leading-body) var(--font-sans)}.t4-system-page-title{max-inline-size:32rem;margin:0;color:var(--color-text);font:var(--weight-page-title) clamp(2rem,1.7214rem + 1.1429vw,2.75rem)/clamp(2.25rem,1.9714rem + 1.1429vw,3rem) var(--font-display);letter-spacing:var(--tracking-page-title)}.t4-system-page-code{color:var(--color-text-muted);font:var(--weight-data) var(--text-small)/var(--leading-data) var(--font-mono);font-variant-numeric:tabular-nums}.t4-system-page-actions{display:flex;flex-wrap:wrap;gap:var(--space-2)}@container shell (width < 48rem){.t4-system-page-actions{flex-direction:column}.t4-system-page-actions>.t4-button{--t4-button-pad-block: .8125rem}}.t4-system-page-art{position:absolute;z-index:-1;inset-inline-end:var(--t4-system-page-pad);inset-block-end:var(--space-6);inline-size:clamp(10rem,8.1429rem + 7.619vw,15rem);block-size:auto}.t4-system-page-art-base{fill:var(--color-text)}.t4-system-page-art-today{fill:var(--color-when-today)}.t4-system-page-art-accent{fill:var(--color-accent);stroke:var(--color-accent-edge)}.t4-system-page-art-next{fill:var(--color-when-next)}}@layer components{[data-when=now]{--when-dot: var(--color-when-now)}[data-when=today]{--when-dot: var(--color-when-today)}[data-when=weekend]{--when-dot: var(--color-when-weekend)}[data-when=next]{--when-dot: var(--color-when-next)}[data-when=free]{--when-dot: var(--color-when-free)}[data-when=someday]{--when-dot: var(--color-when-someday)}:root[data-theme=light] :is([data-when=free],[data-when=someday]){--when-dot-ring: var(--color-control-border)}.t4-dot,.t4-when:before{flex:none;inline-size:.5rem;block-size:.5rem;border-radius:50%;background:var(--when-dot, var(--color-when-someday));box-shadow:inset 0 0 0 1px var(--when-dot-ring, transparent)}.t4-dot{display:inline-block}.t4-when{display:inline-flex;align-items:center;gap:.375rem;color:var(--color-text);font:var(--weight-control) var(--text-data)/var(--leading-data) var(--font-sans);white-space:nowrap}.t4-when:before{content:""}.t4-effort,.t4-dur{--lvl-1: var(--color-level-1);--lvl-2: var(--color-level-2);--lvl-2o: var(--color-level-2o);--lvl-3: var(--color-level-3);--lvl-4: var(--color-level-4);--lvl-unlit: var(--color-level-unlit)}.t4-seg>:is(button,label):is([aria-checked=true],[aria-selected=true],:has(:checked)) :is(.t4-effort,.t4-dur){--lvl-1: var(--color-level-1-on-primary);--lvl-2: var(--color-level-2-on-primary);--lvl-2o: var(--color-level-2o-on-primary);--lvl-3: var(--color-level-3-on-primary);--lvl-4: var(--color-level-4-on-primary);--lvl-unlit: var(--color-level-unlit-on-primary)}.t4-effort{display:inline-flex;align-items:flex-end;gap:.125rem;block-size:.75rem}.t4-effort>i{inline-size:.1875rem;border-radius:1px;background:var(--lvl-unlit)}.t4-effort>i:nth-child(1){block-size:.3125rem}.t4-effort>i:nth-child(2){block-size:.5rem}.t4-effort>i:nth-child(3){block-size:.75rem}.t4-effort[data-level="1"]{--mark-color: var(--lvl-1)}.t4-effort[data-level="2"]{--mark-color: var(--lvl-2o)}.t4-effort[data-level="3"]{--mark-color: var(--lvl-4)}.t4-effort[data-level="1"]>i:nth-child(-n+1),.t4-effort[data-level="2"]>i:nth-child(-n+2),.t4-effort[data-level="3"]>i:nth-child(-n+3){background:var(--mark-color, var(--color-text))}.t4-dur{--quarters: 1;--mark-color: var(--lvl-1);display:inline-block;flex:none;inline-size:.75rem;block-size:.75rem;border-radius:50%;background:conic-gradient(var(--mark-color) 0 calc(var(--quarters) * 25%),transparent 0);box-shadow:inset 0 0 0 1.5px var(--mark-color)}.t4-dur[data-level="2"]{--quarters: 2;--mark-color: var(--lvl-2)}.t4-dur[data-level="3"]{--quarters: 3;--mark-color: var(--lvl-3)}.t4-dur[data-level="4"]{--quarters: 4;--mark-color: var(--lvl-4)}.t4-meta{display:inline-flex;align-items:center;gap:.375rem;color:var(--color-text-muted);font:var(--weight-data) var(--text-data)/var(--leading-data) var(--font-sans)}.t4-area{color:var(--color-text-muted);font:var(--weight-control) var(--text-data)/var(--leading-data) var(--font-sans);overflow-wrap:anywhere}}@layer components{.t4-star{display:grid;place-content:center;inline-size:1.75rem;block-size:1.75rem;padding:0;border:0;border-radius:var(--radius-md);background:transparent;color:var(--color-text-muted);cursor:pointer}.t4-star>svg{inline-size:1rem;block-size:1rem;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linejoin:round}.t4-star[aria-pressed=true]{background:var(--color-accent);box-shadow:inset 0 0 0 1px var(--color-accent-edge);color:var(--color-on-accent)}.t4-star[aria-pressed=true]>svg{fill:currentColor}}@layer components{.t4-check{appearance:none;display:grid;place-content:center;inline-size:var(--check-size, 1.375rem);block-size:var(--check-size, 1.375rem);margin:0;border:1.5px solid var(--color-control-border);border-radius:50%;background:var(--color-surface);cursor:pointer}.t4-check:after{content:"";inline-size:.625rem;block-size:.375rem;border:solid var(--color-on-success);border-width:0 0 2px 2px;transform:translateY(-1px) rotate(-45deg);opacity:0}.t4-check:hover:not(:disabled,[aria-disabled=true]){border-color:var(--color-text)}.t4-check:checked{border-color:var(--color-success);background:var(--color-success)}.t4-check:checked:after{opacity:1}.t4-check:is(:disabled,[aria-disabled=true]){opacity:.45;cursor:not-allowed}.t4-check--recurring:checked{border-style:dashed;background:var(--color-surface)}.t4-check--recurring:checked:after{border-color:var(--color-success)}}@layer components{.t4-filter-chip{display:inline-flex;align-items:center;gap:.375rem;min-block-size:1.875rem;padding:var(--space-1) var(--space-3);border:1px solid var(--color-control-border);border-radius:var(--radius-full);background:transparent;color:var(--color-text);font:var(--weight-control) var(--text-small)/var(--leading-small) var(--font-sans);overflow-wrap:anywhere;cursor:pointer}.t4-filter-chip:hover{background:var(--color-surface-hover)}.t4-filter-chip:is([aria-pressed=true],[aria-checked=true],:has(:checked)){border-color:var(--color-primary-edge);background:var(--color-primary);color:var(--color-on-primary)}.t4-filter-chip:is([aria-pressed=true],[aria-checked=true],:has(:checked)) .t4-dot{background:var(--color-on-primary)}.t4-filter-chip:has(:focus-visible){outline:2px solid var(--color-focus-ring);outline-offset:2px}.t4-filter-chip>input[type=radio]{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}}@layer components{.t4-seg{display:inline-flex;flex-wrap:wrap;gap:.125rem;padding:.1875rem;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-sunken)}.t4-seg>:is(button,label){display:inline-flex;align-items:center;gap:.375rem;min-block-size:1.875rem;padding:0 .625rem;border:0;border-radius:.375rem;background:transparent;color:var(--color-text-muted);font:var(--weight-control) var(--text-small)/var(--leading-small) var(--font-sans);cursor:pointer}.t4-seg>:is(button,label):is([aria-checked=true],[aria-selected=true],:has(:checked)){background:var(--color-primary);box-shadow:inset 0 0 0 1px var(--color-primary-edge);color:var(--color-on-primary)}.t4-seg>:is(button,label):has(:focus-visible){outline:2px solid var(--color-focus-ring);outline-offset:2px}.t4-seg>:is(button,label)>input[type=radio]{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}}@layer components{.t4-pager{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-block-start:1px solid var(--color-border)}.t4-pager-status{margin-inline-end:auto;color:var(--color-text-muted);font:var(--weight-data) var(--text-data)/var(--leading-data) var(--font-mono)}.t4-pager-size{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--color-text-muted);font:var(--weight-data) var(--text-data)/var(--leading-data) var(--font-mono)}.t4-pager-size>input{inline-size:4.5rem;block-size:max(1.875rem,var(--hit));padding:0 var(--space-2);border:1px solid var(--color-control-border);border-radius:var(--radius-md);background:var(--color-surface-sunken);color:var(--color-text);font:var(--weight-data) var(--text-small)/var(--leading-small) var(--font-mono)}}@layer components{.t4-notice{display:flex;align-items:center;gap:var(--space-3);padding:.625rem var(--space-3);border-radius:var(--radius-md);background:var(--color-warning-soft);color:var(--color-warning);font:var(--weight-body) var(--text-control)/var(--leading-control) var(--font-sans)}.t4-notice>svg{flex:none;inline-size:1rem;block-size:1rem}.t4-notice--offline:before{content:"";flex:none;inline-size:1rem;block-size:1rem;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round'%3E%3Cpath d='M2 2l12 12'/%3E%3Cpath d='M5.5 6.2a6 6 0 0 0-2.3 1.6M8 9.5a2.5 2.5 0 0 0-1.6.6M1 5.2a10 10 0 0 1 2.4-1.5M10.6 4a10 10 0 0 1 4.4 1.2M11.6 7.3a6 6 0 0 1 1.2.9'/%3E%3Ccircle cx='8' cy='12.5' r='.8' fill='black'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round'%3E%3Cpath d='M2 2l12 12'/%3E%3Cpath d='M5.5 6.2a6 6 0 0 0-2.3 1.6M8 9.5a2.5 2.5 0 0 0-1.6.6M1 5.2a10 10 0 0 1 2.4-1.5M10.6 4a10 10 0 0 1 4.4 1.2M11.6 7.3a6 6 0 0 1 1.2.9'/%3E%3Ccircle cx='8' cy='12.5' r='.8' fill='black'/%3E%3C/svg%3E") center/contain no-repeat}@media(forced-colors:active){.t4-notice--offline:before{forced-color-adjust:none;background:CanvasText}}.t4-notice>.t4-button,.t4-notice>.t4-button:hover:not(:disabled){border-color:var(--color-warning);background:transparent;color:var(--color-warning)}.t4-notice-text{flex-grow:1;min-inline-size:0}.t4-notice--stack{flex-direction:column;align-items:stretch;gap:var(--space-1);padding:var(--space-4)}.t4-notice-title{display:flex;align-items:center;gap:var(--space-2);margin:0;font:var(--weight-panel-title) var(--text-body)/1.375 var(--font-display)}.t4-notice-title>svg{flex:none;inline-size:1rem;block-size:1rem}.t4-notice-body{margin:0;color:var(--color-text-muted)}}@layer components{.t4-replaced{container:replaced/inline-size;display:flex;flex-direction:column;gap:1px;margin:var(--space-2) 0 0;padding:0;overflow:hidden;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-border);color:var(--color-text);list-style:none}.t4-replaced-item{display:grid;grid-template-columns:5.25rem minmax(0,1fr) auto;align-items:start;gap:.375rem .875rem;padding:var(--space-3) .875rem;background:var(--color-surface)}.t4-replaced-item>.t4-eyebrow{padding-block-start:.1875rem}.t4-replaced-value{display:flex;flex-direction:column;gap:.1875rem;min-inline-size:0;font:var(--weight-body) var(--text-body)/var(--leading-body) var(--font-sans);overflow-wrap:anywhere}.t4-replaced-none{color:var(--color-text-muted);font-style:italic}.t4-replaced-notes{white-space:pre-line}.t4-replaced-clamp{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.t4-replaced-meta{color:var(--color-text-muted);font:var(--weight-small) var(--text-small)/var(--leading-small) var(--font-sans)}.t4-replaced-more{padding:0;border:0;background:none;color:var(--color-text);font:inherit;text-decoration:underline;cursor:pointer}.t4-replaced-actions{display:flex;gap:var(--space-1)}.t4-replaced-narrow{display:none}@container replaced (width <= 30rem){.t4-replaced-item{grid-template-columns:minmax(0,1fr)}.t4-replaced-item>.t4-eyebrow{padding-block-start:0}.t4-replaced-narrow{display:inline}.t4-replaced-wide{display:none}.t4-replaced-actions>.t4-button{flex:1;justify-content:center;min-block-size:2.75rem}}}@layer components{.t4-panel-column{justify-self:center;inline-size:100%;max-inline-size:55rem}.t4-panel-card{min-inline-size:0;background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-raised);overflow:clip}.t4-panel-rows{list-style:none;margin:0;padding:0}.t4-panel-rows>li:not(:first-child,.t4-panel-nested){border-block-start:1px solid var(--color-border)}.t4-panel-rows>li:hover,.t4-panel-rows>li:hover+li{border-block-start-color:transparent}}@layer components{.t4-skel{block-size:3.75rem;margin:.375rem var(--space-2);border-radius:var(--radius-md);background:var(--color-surface-sunken)}.t4-panel-empty{padding:var(--space-4) var(--space-4) var(--space-5);color:var(--color-text-muted);font-size:var(--text-control)}.t4-panel-error{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-3);padding:var(--space-2) var(--space-4) 1.25rem;color:var(--color-text-muted);font-size:var(--text-control)}.t4-panel-error>p{margin:0}}@layer components{.t4-page-head{display:flex;flex-direction:column;gap:.375rem}.t4-eyebrow{color:var(--color-text-muted);font:var(--weight-eyebrow) var(--text-eyebrow)/var(--leading-eyebrow) var(--font-sans);letter-spacing:var(--tracking-eyebrow);text-transform:uppercase}.t4-page-title{inline-size:fit-content;margin:0;color:var(--color-text);font:var(--weight-page-title) var(--text-page-title)/var(--leading-page-title) var(--font-display);letter-spacing:var(--tracking-page-title)}.t4-panel-title{margin:0;color:var(--color-text);font:var(--weight-panel-title) var(--text-panel-title)/var(--leading-panel-title) var(--font-display);letter-spacing:var(--tracking-panel-title)}}@layer components{:is(.t4-star,.t4-filter-chip,.t4-seg>:is(button,label),.t4-button--sm,.t4-replaced-more,.t4-hit-area){position:relative}:is(.t4-star,.t4-filter-chip,.t4-seg>:is(button,label),.t4-button--sm,.t4-replaced-more,.t4-hit-area):after{content:"";position:absolute;inset-block-start:calc(-1*max(0px,(var(--hit) - 100%) / 2));inset-block-end:calc(-1*max(0px,(var(--hit) - 100%) / 2));inset-inline-start:calc(-1*max(0px,(var(--hit) - 100%) / 2));inset-inline-end:calc(-1*max(0px,(var(--hit) - 100%) / 2))}}@layer utilities{.visually-hidden{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}}@layer utilities{.t4-icon{display:block;inline-size:1.1em;block-size:1.1em}}