/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--badge-fade:0px}}}@layer theme{:root,:host{--font-sans:var(--font-sans);--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--container-sm:24rem;--container-2xl:42rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-3xl:1.875rem;--font-weight-medium:500;--font-weight-semibold:600;--tracking-tight:-.025em;--leading-tight:1.25;--leading-snug:1.375;--leading-normal:1.5;--radius-xs:.125rem;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.fixed{position:fixed}.static{position:static}.container{width:100%}@media (width>=40rem){.container{max-width:40rem}}@media (width>=48rem){.container{max-width:48rem}}@media (width>=64rem){.container{max-width:64rem}}@media (width>=80rem){.container{max-width:80rem}}@media (width>=96rem){.container{max-width:96rem}}.mt-1{margin-top:var(--spacing)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mb-1{margin-bottom:var(--spacing)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.table{display:table}.min-h-screen{min-height:100vh}.w-24{width:calc(var(--spacing) * 24)}.w-28{width:calc(var(--spacing) * 28)}.w-32{width:calc(var(--spacing) * 32)}.w-48{width:calc(var(--spacing) * 48)}.w-full{width:100%}.max-w-2xl{max-width:var(--container-2xl)}.max-w-sm{max-width:var(--container-sm)}.min-w-0{min-width:0}.flex-1{flex:1}.shrink{flex-shrink:1}.grow{flex-grow:1}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.list-decimal{list-style-type:decimal}.list-disc{list-style-type:disc}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-baseline{align-items:baseline}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-1{gap:var(--spacing)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-5{gap:calc(var(--spacing) * 5)}.gap-6{gap:calc(var(--spacing) * 6)}.self-start{align-self:flex-start}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.rounded{border-radius:.25rem}.border{border-style:var(--tw-border-style);border-width:1px}.mask-repeat{-webkit-mask-repeat:repeat;mask-repeat:repeat}.p-2{padding:calc(var(--spacing) * 2)}.p-4{padding:calc(var(--spacing) * 4)}.p-5{padding:calc(var(--spacing) * 5)}.p-6{padding:calc(var(--spacing) * 6)}.p-8{padding:calc(var(--spacing) * 8)}.p-12{padding:calc(var(--spacing) * 12)}.pl-5{padding-left:calc(var(--spacing) * 5)}.text-center{text-align:center}.text-left{text-align:left}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.leading-snug{--tw-leading:var(--leading-snug);line-height:var(--leading-snug)}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.italic{font-style:italic}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}@media (hover:hover){.hover\:underline:hover{text-decoration-line:underline}}@media (width>=40rem){.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.sm\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}}}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-ext-opsz-normal-CfYZpDVp.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-opsz-normal-BFQXbQ-f.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-ext-opsz-normal-BmPQvyvo.woff2)format("woff2-variations");unicode-range:U+1F??}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-opsz-normal-BM0NlUE_.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-vietnamese-opsz-normal-Ci9T9ieq.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-ext-opsz-normal-DpK-iCPk.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-opsz-normal-BwkfbSeq.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--font-sans:"Inter Variable", -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI Variable Text", "Segoe UI", system-ui, Roboto, "Helvetica Neue", Arial, sans-serif;--font-display:"Inter Variable", -apple-system, BlinkMacSystemFont, "SF Pro Display", "Segoe UI Variable Display", "Segoe UI", system-ui, Roboto, "Helvetica Neue", Arial, sans-serif;--font-rounded:ui-rounded, "SF Pro Rounded", -apple-system, BlinkMacSystemFont, "Segoe UI Variable Display", "Segoe UI", system-ui, sans-serif;--font-mono:ui-monospace, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;--text-2xs:.6875rem;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.375rem;--text-2xl:1.75rem;--text-3xl:2.25rem;--text-stat:clamp(2.25rem, 4.6vw, 3.25rem);--text-hero:clamp(3rem, 7vw, 4.5rem);--text-timer:4.5rem;--tracking-tight:-.02em;--tracking-display:0;--tracking-numeric:-.01em;--leading-tight:1.15;--leading-normal:1.5;--radius-xs:6px;--radius-sm:10px;--radius-md:14px;--radius-lg:22px;--radius-xl:30px;--radius-pill:999px;--card-pad:20px;--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--ease-spring:cubic-bezier(.34, 1.4, .64, 1);--dur-fast:.15s;--dur-base:.22s;--dur-slow:.32s;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--glass-blur:28px;--glass-saturate:180%;--glass-blur-strong:44px;--accent-h:240;--accent-s:84%;--accent-l:62%;--accent:hsl(var(--accent-h) var(--accent-s) var(--accent-l));--accent-strong:hsl(var(--accent-h) var(--accent-s) calc(var(--accent-l) - 10%));--accent-soft:hsl(var(--accent-h) var(--accent-s) var(--accent-l) / .18);--accent-fg:#fff;--accent-fill:hsl(var(--accent-h) var(--accent-s) min(var(--accent-l), 40%));--accent-text-on-light:hsl(var(--accent-h) var(--accent-s) min(var(--accent-l), 32%));--accent-text-on-dark:hsl(var(--accent-h) var(--accent-s) max(var(--accent-l), 72%));--status-ok:#22c55e;--status-warn:#f59e0b;--status-bad:#ef4444;--status-info:#38bdf8;--flame:#ff7a1a;--heat-0:#0f122012;--heat-1:hsl(var(--accent-h) calc(var(--accent-s) * .55) 86%);--heat-2:hsl(var(--accent-h) calc(var(--accent-s) * .75) 72%);--heat-3:hsl(var(--accent-h) calc(var(--accent-s) * .92) 56%);--heat-4:hsl(var(--accent-h) var(--accent-s) 42%);--ring:0 0 0 2px var(--bg-base), 0 0 0 4px var(--accent)}:root[data-accent=rose]{--accent-h:5;--accent-s:91%;--accent-l:83%}:root[data-accent=sky]{--accent-h:207;--accent-s:46%;--accent-l:80%}:root[data-accent=mint]{--accent-h:109;--accent-s:49%;--accent-l:85%}:root[data-accent=violet]{--accent-h:286;--accent-s:32%;--accent-l:85%}:root[data-accent=amber]{--accent-h:35;--accent-s:98%;--accent-l:82%}:root[data-accent=lemon]{--accent-h:60;--accent-s:100%;--accent-l:90%}:root[data-accent=indigo]{--accent-h:207;--accent-s:46%;--accent-l:80%}:root,:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg-base:#eef0f5;--bg-elevated:#fff;--bg-sunken:#e3e6ee;--ink:#0f1220;--ink-muted:#474d63;--ink-subtle:#5f6579;--ink-line:#0f122017;--ink-line-strong:#0f12202b;--fg-on-glass:#0f1220;--glass-solid:#f6f7fa;--accent-text:var(--accent-text-on-light);--chrome-fill:#ffffff94;--chrome-rim:#ffffffd9;--chrome-shadow:0 1px 1px #0f12200a, 0 12px 32px -8px #0f122038;--glass-fill:#fff9;--glass-fill-strong:#ffffffc7;--glass-border:#ffffffb3;--glass-border-inner:inset 0 1px 0 #ffffffe6, inset 0 0 0 1px #ffffff59;--glass-shadow:0 1px 2px #0f12200d, 0 18px 48px -18px #0f122047;--glass-highlight:linear-gradient(180deg, #fff6, #fff0 42%);--panel-fill:#ffffffe6;--matte-fill:#fbfbfd;--panel-border:#0f12200f;--panel-shadow:0 1px 2px #0f12200d, 0 10px 30px -14px #0f122033;--overlay-scrim:#0f122052}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--heat-0:#ffffff12;--heat-1:hsl(var(--accent-h) calc(var(--accent-s) * .6) 24%);--heat-2:hsl(var(--accent-h) calc(var(--accent-s) * .8) 37%);--heat-3:hsl(var(--accent-h) var(--accent-s) 53%);--heat-4:hsl(var(--accent-h) var(--accent-s) 70%);--bg-base:#0b0d14;--bg-elevated:#171a26;--bg-sunken:#070810;--ink:#f4f5f9;--ink-muted:#b8bdcf;--ink-subtle:#8d93a8;--ink-line:#ffffff17;--ink-line-strong:#ffffff2b;--fg-on-glass:#f4f5f9;--glass-solid:#1a1c28;--accent-text:var(--accent-text-on-dark);--chrome-fill:#1e202c80;--chrome-rim:#ffffff29;--chrome-shadow:0 1px 1px #0003, 0 16px 40px -10px #0009;--glass-fill:#16182480;--glass-fill-strong:#161824b3;--glass-border:#ffffff1f;--glass-border-inner:inset 0 1px 0 #ffffff1a, inset 0 0 0 1px #ffffff0a;--glass-shadow:0 1px 2px #00000040, 0 24px 60px -20px #000000b3;--glass-highlight:linear-gradient(180deg, #ffffff12, #fff0 40%);--panel-fill:#141622f0;--matte-fill:#181a25;--panel-border:#ffffff12;--panel-shadow:0 1px 2px #0000004d, 0 16px 40px -18px #000000b3;--overlay-scrim:#00000080}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--heat-0:#ffffff12;--heat-1:hsl(var(--accent-h) calc(var(--accent-s) * .6) 24%);--heat-2:hsl(var(--accent-h) calc(var(--accent-s) * .8) 37%);--heat-3:hsl(var(--accent-h) var(--accent-s) 53%);--heat-4:hsl(var(--accent-h) var(--accent-s) 70%);--bg-base:#0b0d14;--bg-elevated:#171a26;--bg-sunken:#070810;--ink:#f4f5f9;--ink-muted:#b8bdcf;--ink-subtle:#8d93a8;--ink-line:#ffffff17;--ink-line-strong:#ffffff2b;--fg-on-glass:#f4f5f9;--glass-solid:#1a1c28;--accent-text:var(--accent-text-on-dark);--chrome-fill:#1e202c80;--chrome-rim:#ffffff29;--chrome-shadow:0 1px 1px #0003, 0 16px 40px -10px #0009;--glass-fill:#16182480;--glass-fill-strong:#161824b3;--glass-border:#ffffff1f;--glass-border-inner:inset 0 1px 0 #ffffff1a, inset 0 0 0 1px #ffffff0a;--glass-shadow:0 1px 2px #00000040, 0 24px 60px -20px #000000b3;--glass-highlight:linear-gradient(180deg, #ffffff12, #fff0 40%);--panel-fill:#141622f0;--matte-fill:#181a25;--panel-border:#ffffff12;--panel-shadow:0 1px 2px #0000004d, 0 16px 40px -18px #000000b3;--overlay-scrim:#00000080}}:root{--fg-on-glass-muted:var(--fg-on-glass)}@supports (color:color-mix(in lab, red, red)){:root{--fg-on-glass-muted:color-mix(in srgb, var(--fg-on-glass) 76%, transparent)}}:root{--fg-on-glass-subtle:var(--fg-on-glass)}@supports (color:color-mix(in lab, red, red)){:root{--fg-on-glass-subtle:color-mix(in srgb, var(--fg-on-glass) 64%, transparent)}}:root{--line-on-glass:var(--fg-on-glass)}@supports (color:color-mix(in lab, red, red)){:root{--line-on-glass:color-mix(in srgb, var(--fg-on-glass) 11%, transparent)}}:root{--line-strong-on-glass:var(--fg-on-glass)}@supports (color:color-mix(in lab, red, red)){:root{--line-strong-on-glass:color-mix(in srgb, var(--fg-on-glass) 20%, transparent)}}:root{--accent-text-glass:var(--accent-text);--fg-on-backdrop:var(--fg-on-glass);--fg-on-backdrop-muted:var(--fg-on-backdrop)}@supports (color:color-mix(in lab, red, red)){:root{--fg-on-backdrop-muted:color-mix(in srgb, var(--fg-on-backdrop) 76%, transparent)}}:root{--fg-on-backdrop-subtle:var(--fg-on-backdrop)}@supports (color:color-mix(in lab, red, red)){:root{--fg-on-backdrop-subtle:color-mix(in srgb, var(--fg-on-backdrop) 64%, transparent)}}:root{--line-on-backdrop:var(--fg-on-backdrop)}@supports (color:color-mix(in lab, red, red)){:root{--line-on-backdrop:color-mix(in srgb, var(--fg-on-backdrop) 11%, transparent)}}:root{--line-strong-on-backdrop:var(--fg-on-backdrop)}@supports (color:color-mix(in lab, red, red)){:root{--line-strong-on-backdrop:color-mix(in srgb, var(--fg-on-backdrop) 20%, transparent)}}:root{--accent-text-backdrop:var(--accent-text-glass);--backdrop-halo:var(--glass-solid);--fg:var(--ink);--fg-muted:var(--ink-muted);--fg-subtle:var(--ink-subtle);--border:var(--ink-line);--border-strong:var(--ink-line-strong);--bg:var(--bg-base);--chart-1:var(--accent);--chart-2:hsl(var(--accent-h) calc(var(--accent-s) * .8) min(calc(var(--accent-l) + 20%), 84%));--chart-3:hsl(var(--accent-h) var(--accent-s) max(calc(var(--accent-l) - 18%), 26%));--chart-4:hsl(calc(var(--accent-h) + 28) calc(var(--accent-s) * .75) min(calc(var(--accent-l) + 8%), 76%));--chart-5:hsl(calc(var(--accent-h) - 28) calc(var(--accent-s) * .85) max(calc(var(--accent-l) - 6%), 34%))}@media (prefers-reduced-motion:reduce){:root:not([data-motion=on]){--dur-fast:0s;--dur-base:0s;--dur-slow:0s}}:root[data-motion=off]{--dur-fast:0s;--dur-base:0s;--dur-slow:0s}html{font-family:var(--font-sans);color:var(--fg);background:var(--bg-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}a,button,input,select,textarea,label,summary,[role=button]{touch-action:manipulation}@media (pointer:coarse){input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]),select,textarea{font-size:max(16px,1em)}}body{min-height:100vh;line-height:var(--leading-normal);font-size:var(--text-base);letter-spacing:-.006em;margin:0}*{box-sizing:border-box}button,input,select,textarea{font:inherit;color:inherit;letter-spacing:inherit}input,select,textarea{min-width:0}h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:var(--tracking-tight);line-height:var(--leading-tight);margin:0;font-weight:600}h1{letter-spacing:var(--tracking-display);font-weight:650}p{margin:0}a{color:var(--accent-text);text-decoration:none}a:hover{text-underline-offset:3px;text-decoration:underline}.tabular{font-variant-numeric:tabular-nums;letter-spacing:var(--tracking-numeric)}:focus-visible{box-shadow:var(--ring);border-radius:var(--radius-sm);outline:none}.muted{color:var(--fg-muted)}.subtle{color:var(--fg-subtle)}.text-sm{font-size:var(--text-sm)}.text-xs{font-size:var(--text-xs)}.on-backdrop{--fg:var(--fg-on-backdrop);--fg-muted:var(--fg-on-backdrop-muted);--fg-subtle:var(--fg-on-backdrop-subtle);--border:var(--line-on-backdrop);--border-strong:var(--line-strong-on-backdrop);--accent-text:var(--accent-text-backdrop);color:var(--fg)}.glass,.chrome,:root[data-panel=glass] .panel{--fg:var(--fg-on-glass);--fg-muted:var(--fg-on-glass-muted);--fg-subtle:var(--fg-on-glass-subtle);--border:var(--line-on-glass);--border-strong:var(--line-strong-on-glass);--accent-text:var(--accent-text-glass);color:var(--fg)}:root[data-backdrop=photo] .page-head,:root[data-backdrop=photo] .page-title,:root[data-backdrop=photo] .page-title+p,:root[data-backdrop=photo] .page-sub,:root[data-backdrop=photo] .section-head,:root[data-backdrop=photo] .on-backdrop>*>.section-title{text-shadow:0 0 2px var(--backdrop-halo), 0 1px 18px var(--backdrop-halo)}@supports (color:color-mix(in lab, red, red)){:root[data-backdrop=photo] .page-head,:root[data-backdrop=photo] .page-title,:root[data-backdrop=photo] .page-title+p,:root[data-backdrop=photo] .page-sub,:root[data-backdrop=photo] .section-head,:root[data-backdrop=photo] .on-backdrop>*>.section-title{text-shadow:0 0 2px color-mix(in srgb, var(--backdrop-halo) 25%, transparent), 0 1px 18px color-mix(in srgb, var(--backdrop-halo) 35%, transparent)}}.chrome{background:var(--chrome-fill);border:.5px solid var(--chrome-rim);box-shadow:inset 0 1px 0 var(--chrome-rim), var(--chrome-shadow);position:relative}@supports (color:color-mix(in lab, red, red)){.chrome{box-shadow:inset 0 1px 0 color-mix(in srgb, var(--chrome-rim) 80%, transparent), var(--chrome-shadow)}}.chrome{-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate))}.glass{background:var(--glass-fill);border:1px solid var(--glass-border);box-shadow:var(--glass-border-inner), var(--glass-shadow);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));border-radius:var(--radius-lg);position:relative}.glass:before{content:"";border-radius:inherit;background:var(--glass-highlight);pointer-events:none;position:absolute;inset:0}.glass>*{position:relative}.glass-strong{background:var(--glass-fill-strong);-webkit-backdrop-filter:blur(var(--glass-blur-strong)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur-strong)) saturate(var(--glass-saturate))}.panel{--fg:var(--ink);--fg-muted:var(--ink-muted);--fg-subtle:var(--ink-subtle);--border:var(--ink-line);--border-strong:var(--ink-line-strong);--accent-text:var(--accent-text-on-light);background:var(--panel-fill);border:1px solid var(--panel-border);border-radius:var(--radius-lg);box-shadow:var(--panel-shadow);color:var(--fg)}:root[data-theme=dark] .panel{--accent-text:var(--accent-text-on-dark)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .panel{--accent-text:var(--accent-text-on-dark)}}:root[data-panel=glass] .panel{background:var(--glass-fill);border-color:var(--glass-border);box-shadow:var(--glass-border-inner), var(--glass-shadow);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));position:relative}:root:not([data-panel=glass]) .glass{--fg:var(--ink);--fg-muted:var(--ink-muted);--fg-subtle:var(--ink-subtle);--border:var(--ink-line);--border-strong:var(--ink-line-strong);--accent-text:var(--accent-text-on-light);background:var(--panel-fill);border-color:var(--panel-border);box-shadow:var(--panel-shadow);-webkit-backdrop-filter:none;backdrop-filter:none}:root:not([data-panel=glass]) .glass:before{display:none}:root[data-theme=dark]:not([data-panel=glass]) .glass{--accent-text:var(--accent-text-on-dark)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]):not([data-panel=glass]) .glass{--accent-text:var(--accent-text-on-dark)}}:root[data-panel=custom] .panel,:root[data-panel=custom] .glass{--fg:var(--panel-fg);--fg-muted:var(--panel-fg-muted);--fg-subtle:var(--panel-fg-subtle);--border:var(--panel-border);--border-strong:var(--panel-fg)}@supports (color:color-mix(in lab, red, red)){:root[data-panel=custom] .panel,:root[data-panel=custom] .glass{--border-strong:color-mix(in srgb, var(--panel-fg) 22%, transparent)}}:root[data-panel=custom] .panel,:root[data-panel=custom] .glass{--accent-text:var(--panel-accent-text,var(--accent-text-on-dark));color:var(--panel-fg)}:root[data-panel=matte]{--panel-fill:var(--matte-fill)}:root[data-panel=matte] .chrome{--fg:var(--ink);--fg-muted:var(--ink-muted);--fg-subtle:var(--ink-subtle);--border:var(--ink-line);--border-strong:var(--ink-line-strong);--accent-text:var(--accent-text-on-light);background:var(--matte-fill);border-color:var(--panel-border);box-shadow:var(--panel-shadow);-webkit-backdrop-filter:none;backdrop-filter:none}:root[data-panel=matte][data-theme=dark] .chrome{--accent-text:var(--accent-text-on-dark)}:root[data-panel=matte] .modal::backdrop{-webkit-backdrop-filter:none;backdrop-filter:none}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.glass,.chrome{background:var(--panel-fill)}}@media (prefers-reduced-transparency:reduce){.glass,.glass-strong,.chrome,.modal-body.glass,:root[data-panel=glass] .panel{background:var(--glass-solid);-webkit-backdrop-filter:none;backdrop-filter:none}.modal::backdrop{-webkit-backdrop-filter:none;backdrop-filter:none}}.btn{justify-content:center;align-items:center;gap:var(--space-2);height:40px;padding:0 var(--space-4);border-radius:var(--radius-pill);font-weight:500;font-size:var(--text-sm);cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;transition:background var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out), transform var(--dur-base) var(--ease-spring), opacity var(--dur-fast) var(--ease-out);border:1px solid #0000;text-decoration:none;display:inline-flex;position:relative}.btn:hover{text-decoration:none}.btn:active:not(:disabled){transition-duration:60ms;transform:scale(.96)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--accent-fill);color:var(--accent-fg)}.btn-primary:hover:not(:disabled){background:var(--accent-fill)}@supports (color:color-mix(in lab, red, red)){.btn-primary:hover:not(:disabled){background:color-mix(in srgb, var(--accent-fill) 88%, white)}}.btn-secondary{background:var(--fg)}@supports (color:color-mix(in lab, red, red)){.btn-secondary{background:color-mix(in srgb, var(--fg) 8%, transparent)}}.btn-secondary{border-color:var(--fg)}@supports (color:color-mix(in lab, red, red)){.btn-secondary{border-color:color-mix(in srgb, var(--fg) 10%, transparent)}}.btn-secondary{color:var(--fg)}.btn-secondary:hover:not(:disabled){background:var(--fg)}@supports (color:color-mix(in lab, red, red)){.btn-secondary:hover:not(:disabled){background:color-mix(in srgb, var(--fg) 13%, transparent)}}.btn-ghost{color:var(--fg-muted);background:0 0}.btn-ghost:hover:not(:disabled){background:var(--fg)}@supports (color:color-mix(in lab, red, red)){.btn-ghost:hover:not(:disabled){background:color-mix(in srgb, var(--fg) 9%, transparent)}}.btn-ghost:hover:not(:disabled){color:var(--fg)}.btn-danger{background:var(--status-bad)}@supports (color:color-mix(in lab, red, red)){.btn-danger{background:color-mix(in srgb, var(--status-bad) 12%, transparent)}}.btn-danger{border-color:var(--status-bad)}@supports (color:color-mix(in lab, red, red)){.btn-danger{border-color:color-mix(in srgb, var(--status-bad) 30%, transparent)}}.btn-danger{color:var(--status-bad)}@supports (color:color-mix(in lab, red, red)){.btn-danger{color:color-mix(in srgb, var(--status-bad) 62%, var(--fg))}}.btn-danger:hover:not(:disabled){background:var(--status-bad)}@supports (color:color-mix(in lab, red, red)){.btn-danger:hover:not(:disabled){background:color-mix(in srgb, var(--status-bad) 20%, transparent)}}.btn-sm{height:32px;padding:0 var(--space-3);font-size:var(--text-xs);gap:6px}.btn-lg{height:52px;padding:0 var(--space-6);font-size:var(--text-base)}.btn-icon{width:40px;padding:0}.btn-icon.btn-sm{width:32px}@media (pointer:coarse){.btn-sm{height:36px}.btn-icon.btn-sm{width:36px}}.field{flex-direction:column;gap:6px;display:flex}.field-label{font-size:var(--text-sm);color:var(--fg-muted);font-weight:560}.field-hint{font-size:var(--text-xs);color:var(--fg-subtle)}.input,.select,.textarea{width:100%;min-height:40px;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);border:1px solid var(--fg)}@supports (color:color-mix(in lab, red, red)){.input,.select,.textarea{border:1px solid color-mix(in srgb, var(--fg) 10%, transparent)}}.input,.select,.textarea{background:var(--fg)}@supports (color:color-mix(in lab, red, red)){.input,.select,.textarea{background:color-mix(in srgb, var(--fg) 6%, transparent)}}.input,.select,.textarea{color:var(--fg);transition:border-color var(--dur-fast) var(--ease-out), background var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out)}.input:hover,.select:hover,.textarea:hover{background:var(--fg)}@supports (color:color-mix(in lab, red, red)){.input:hover,.select:hover,.textarea:hover{background:color-mix(in srgb, var(--fg) 8%, transparent)}}.input:focus,.select:focus,.textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}.input::placeholder,.textarea::placeholder{color:var(--fg-subtle)}.textarea{resize:vertical;min-height:80px}.select{appearance:none;padding-right:var(--space-8);background-image:linear-gradient(45deg, transparent 50%, var(--fg-subtle) 50%), linear-gradient(135deg, var(--fg-subtle) 50%, transparent 50%);background-position:calc(100% - 18px),calc(100% - 13px);background-repeat:no-repeat;background-size:5px 5px,5px 5px}.select option{background:var(--bg-elevated);color:var(--ink)}.toggle{border-radius:var(--radius-pill);background:var(--fg);width:46px;height:28px;position:relative}@supports (color:color-mix(in lab, red, red)){.toggle{background:color-mix(in srgb, var(--fg) 18%, transparent)}}.toggle{cursor:pointer;transition:background var(--dur-base) var(--ease-out);border:none;flex-shrink:0;padding:0}.toggle[aria-checked=true]{background:var(--accent)}.toggle:after{content:"";width:24px;height:24px;transition:transform var(--dur-slow) var(--ease-spring), width var(--dur-fast) var(--ease-out);background:#fff;border-radius:50%;position:absolute;top:2px;left:2px;box-shadow:0 0 0 .5px #0000000f,0 2px 6px #00000040}.toggle:active:not(:disabled):after{width:28px}.toggle[aria-checked=true]:after{transform:translate(18px)}.toggle[aria-checked=true]:active:not(:disabled):after{transform:translate(14px)}.toggle:disabled{opacity:.45;cursor:not-allowed}@supports selector(::details-content){:root{interpolate-size:allow-keywords}details::details-content{opacity:0;block-size:0;transition:block-size var(--dur-slow) var(--ease-out), opacity var(--dur-base) var(--ease-out), content-visibility var(--dur-slow) allow-discrete;overflow:hidden}details[open]::details-content{opacity:1;block-size:auto}}.reveal{opacity:0;transition:grid-template-rows var(--dur-base) var(--ease-out), opacity var(--dur-fast) var(--ease-out);grid-template-rows:0fr;display:grid}.reveal.is-open{opacity:1;grid-template-rows:1fr}.reveal-inner{min-height:0;overflow:hidden}:root[data-motion=off] .reveal{transition:none}@media (prefers-reduced-motion:reduce){:root:not([data-motion=on]) .reveal{transition:none}}.segmented{border-radius:var(--radius-pill);background:var(--fg);padding:3px;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.segmented{background:color-mix(in srgb, var(--fg) 7%, transparent)}}.segmented{scrollbar-width:none;gap:2px;max-width:100%;overflow-x:auto}.segmented::-webkit-scrollbar{display:none}.segmented-item{border-radius:var(--radius-pill);font-size:var(--text-sm);color:var(--fg-muted);cursor:pointer;white-space:nowrap;transition:background var(--dur-base) var(--ease-out), color var(--dur-fast) var(--ease-out), box-shadow var(--dur-base) var(--ease-out);background:0 0;border:none;padding:6px 14px;font-weight:540}.segmented-item:hover:not([aria-pressed=true]):not(:disabled){color:var(--fg)}.segmented-item[aria-pressed=true]{background:var(--fg)}@supports (color:color-mix(in lab, red, red)){.segmented-item[aria-pressed=true]{background:color-mix(in srgb, var(--fg) 15%, transparent)}}.segmented-item[aria-pressed=true]{color:var(--fg);box-shadow:inset 0 1px 0 var(--fg-on-glass), 0 1px 3px #0000001f}@supports (color:color-mix(in lab, red, red)){.segmented-item[aria-pressed=true]{box-shadow:inset 0 1px 0 color-mix(in srgb, var(--fg-on-glass) 10%, transparent), 0 1px 3px #0000001f}}.segmented-item:disabled{opacity:.45;cursor:not-allowed}.progress{border-radius:var(--radius-pill);background:var(--fg);width:100%;height:6px}@supports (color:color-mix(in lab, red, red)){.progress{background:color-mix(in srgb, var(--fg) 10%, transparent)}}.progress{overflow:hidden}.progress-bar{border-radius:inherit;height:100%;box-shadow:inset 0 0 0 1px var(--fg)}@supports (color:color-mix(in lab, red, red)){.progress-bar{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--fg) 14%, transparent)}}.progress-bar{background:linear-gradient(90deg, var(--accent), var(--accent))}@supports (color:color-mix(in lab, red, red)){.progress-bar{background:linear-gradient(90deg, color-mix(in srgb, var(--accent) 75%, transparent), var(--accent))}}.progress-bar{transition:width var(--dur-slow) var(--ease-out)}.chip{border-radius:var(--radius-pill);height:22px;font-size:var(--text-xs);background:var(--accent-soft);color:var(--fg);white-space:nowrap;align-items:center;gap:6px;padding:0 9px;font-weight:500;display:inline-flex}.chip-dot{background:currentColor;border-radius:50%;width:6px;height:6px}.chip-ok{background:var(--status-ok)}@supports (color:color-mix(in lab, red, red)){.chip-ok{background:color-mix(in srgb, var(--status-ok) 16%, transparent)}}.chip-ok{color:var(--status-ok)}@supports (color:color-mix(in lab, red, red)){.chip-ok{color:color-mix(in srgb, var(--status-ok) 40%, var(--fg))}}.chip-warn{background:var(--status-warn)}@supports (color:color-mix(in lab, red, red)){.chip-warn{background:color-mix(in srgb, var(--status-warn) 18%, transparent)}}.chip-warn{color:var(--status-warn)}@supports (color:color-mix(in lab, red, red)){.chip-warn{color:color-mix(in srgb, var(--status-warn) 40%, var(--fg))}}.chip-bad{background:var(--status-bad)}@supports (color:color-mix(in lab, red, red)){.chip-bad{background:color-mix(in srgb, var(--status-bad) 16%, transparent)}}.chip-bad{color:var(--status-bad)}@supports (color:color-mix(in lab, red, red)){.chip-bad{color:color-mix(in srgb, var(--status-bad) 45%, var(--fg))}}.chip-info{background:var(--status-info)}@supports (color:color-mix(in lab, red, red)){.chip-info{background:color-mix(in srgb, var(--status-info) 16%, transparent)}}.chip-info{color:var(--status-info)}@supports (color:color-mix(in lab, red, red)){.chip-info{color:color-mix(in srgb, var(--status-info) 40%, var(--fg))}}.chip-neutral{background:var(--fg)}@supports (color:color-mix(in lab, red, red)){.chip-neutral{background:color-mix(in srgb, var(--fg) 8%, transparent)}}.chip-neutral{color:var(--fg-muted)}.slider{width:100%;accent-color:var(--accent);height:28px}.modal{width:100%;max-width:min(560px,100vw - 32px);color:var(--fg-on-glass);overscroll-behavior:contain;border-radius:var(--radius-xl);background:0 0;border:none;max-height:calc(100vh - 32px);margin:auto;padding:0;overflow:auto}.modal::backdrop{background:var(--overlay-scrim);-webkit-backdrop-filter:blur(10px)saturate(120%);backdrop-filter:blur(10px)saturate(120%)}.modal[open]{animation:modal-in var(--dur-slow) var(--ease-spring)}.modal[open]::backdrop{animation:backdrop-in var(--dur-slow) var(--ease-out)}.modal[open].is-closing{animation:modal-out var(--dur-base) var(--ease-out) forwards;pointer-events:none}.modal[open].is-closing::backdrop{animation:backdrop-out var(--dur-base) var(--ease-out) forwards}@keyframes modal-in{0%{opacity:0;transform:translateY(14px)scale(.97)}to{opacity:1;transform:none}}@keyframes modal-out{0%{opacity:1;transform:none}to{opacity:0;transform:translateY(10px)scale(.98)}}@keyframes backdrop-in{0%{opacity:0}}@keyframes backdrop-out{to{opacity:0}}:root[data-motion=off] .modal[open],:root[data-motion=off] .modal[open]::backdrop,:root[data-motion=off] .modal[open].is-closing,:root[data-motion=off] .modal[open].is-closing::backdrop{animation:none}@media (prefers-reduced-motion:reduce){:root:not([data-motion=on]) .modal[open],:root:not([data-motion=on]) .modal[open]::backdrop,:root:not([data-motion=on]) .modal[open].is-closing,:root:not([data-motion=on]) .modal[open].is-closing::backdrop{animation:none}}.modal-body{padding:var(--space-6);border-radius:var(--radius-xl)}.modal-body.glass,.modal-body.glass-strong{background:var(--glass-solid)}@supports (color:color-mix(in lab, red, red)){.modal-body.glass,.modal-body.glass-strong{background:color-mix(in srgb, var(--glass-solid) 90%, transparent)}}.toast.glass-strong{background:var(--glass-solid)}@supports (color:color-mix(in lab, red, red)){.toast.glass-strong{background:color-mix(in srgb, var(--glass-solid) 90%, transparent)}}.modal-title{font-size:var(--text-xl);margin-bottom:var(--space-2);font-weight:600}.modal-actions{justify-content:flex-end;gap:var(--space-2);margin-top:var(--space-6);flex-wrap:wrap;display:flex}.modal-head{align-items:center;gap:var(--space-2);display:flex}.modal-head .modal-title{flex:1;min-width:0}.modal-close{display:none}@media (width<=560px){.modal{border-radius:var(--radius-xl) var(--radius-xl) 0 0;max-width:100vw;max-height:calc(100dvh - 24px);margin:auto 0 0}.modal-body{border-radius:var(--radius-xl) var(--radius-xl) 0 0;padding:var(--space-5) max(var(--space-5), env(safe-area-inset-right)) calc(var(--space-6) + env(safe-area-inset-bottom)) max(var(--space-5), env(safe-area-inset-left));border-bottom:none}.modal:not(.modal-full) .modal-body:after{content:"";background:var(--fg);border-radius:3px;width:36px;height:5px;margin-left:-18px;position:absolute;top:7px;left:50%}@supports (color:color-mix(in lab, red, red)){.modal:not(.modal-full) .modal-body:after{background:color-mix(in srgb, var(--fg) 22%, transparent)}}.modal-actions>.btn{flex:auto}@keyframes modal-in{0%{transform:translateY(100%)}to{transform:none}}@keyframes modal-out{to{transform:translateY(100%)}}.modal[open]{animation-duration:.38s;animation-timing-function:cubic-bezier(.32,.72,0,1)}.modal[open].is-closing{animation-duration:.26s;animation-timing-function:cubic-bezier(.4,0,1,1)}.modal.modal-full{width:100%;max-width:none;height:var(--vv-height,100dvh);max-height:none;transform:translateY(var(--vv-top,0px));border-radius:0;margin:0;overflow:hidden}.modal.modal-full[open]{animation-name:modal-full-in}.modal.modal-full[open].is-closing{animation-name:modal-full-out}.modal-full .modal-body{height:100%;box-shadow:none;background:var(--glass-solid);-webkit-backdrop-filter:none;backdrop-filter:none;border:none;border-radius:0;flex-direction:column;padding:0;display:flex}.modal-full .modal-head{min-height:56px;padding:max(8px, env(safe-area-inset-top)) max(8px, env(safe-area-inset-right)) 8px max(20px, env(safe-area-inset-left));border-bottom:1px solid var(--border);flex:none}.modal-full .modal-title{font-size:var(--text-lg);margin:0;line-height:1.25}.modal-close{background:var(--fg);border:none;border-radius:50%;flex:none;place-items:center;width:44px;height:44px;display:grid}@supports (color:color-mix(in lab, red, red)){.modal-close{background:color-mix(in srgb, var(--fg) 8%, transparent)}}.modal-close{color:var(--fg);cursor:pointer;transition:background var(--dur-fast) var(--ease-out)}.modal-close:active{background:var(--fg)}@supports (color:color-mix(in lab, red, red)){.modal-close:active{background:color-mix(in srgb, var(--fg) 16%, transparent)}}.modal-full .modal-content{overscroll-behavior:contain;min-height:0;padding:var(--space-5) max(var(--space-5), env(safe-area-inset-right)) var(--space-6) max(var(--space-5), env(safe-area-inset-left));flex:1;position:relative;overflow-y:auto}.modal-full .modal-actions{padding:12px max(var(--space-5), env(safe-area-inset-right)) max(12px, env(safe-area-inset-bottom)) max(var(--space-5), env(safe-area-inset-left));border-top:1px solid var(--border);flex:none;margin:0}.modal-full .modal-actions>.btn{min-height:48px}@keyframes modal-full-in{0%{transform:translateY(100%)}to{transform:translateY(var(--vv-top,0px))}}@keyframes modal-full-out{0%{transform:translateY(var(--vv-top,0px))}to{transform:translateY(100%)}}}.toast-stack{bottom:calc(var(--space-6) + var(--tabbar-clearance,0px));align-items:center;gap:var(--space-2);z-index:60;pointer-events:none;flex-direction:column;display:flex;position:fixed;left:50%;transform:translate(-50%)}.toast{pointer-events:auto;border-radius:var(--radius-pill);font-size:var(--text-sm);animation:toast-in var(--dur-slow) var(--ease-spring);max-width:min(440px,100vw - 32px);padding:10px 18px;font-weight:500}.toast.is-leaving{animation:toast-out var(--dur-slow) var(--ease-out) forwards}@keyframes toast-in{0%{opacity:0;transform:translateY(12px)scale(.96)}to{opacity:1;transform:none}}@keyframes toast-out{to{opacity:0;transform:translateY(6px)scale(.98)}}:root[data-motion=off] .toast,:root[data-motion=off] .toast.is-leaving{animation:none}@media (prefers-reduced-motion:reduce){:root:not([data-motion=on]) .toast,:root:not([data-motion=on]) .toast.is-leaving{animation:none}}.divider{background:var(--border);height:1px;margin:var(--space-4) 0}.sr-only{clip:rect(0, 0, 0, 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.fade-in{animation:fade-in var(--dur-slow) var(--ease-out)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.spinner{border:2px solid var(--fg);border-radius:50%;width:18px;height:18px}@supports (color:color-mix(in lab, red, red)){.spinner{border:2px solid color-mix(in srgb, var(--fg) 18%, transparent)}}.spinner{border-top-color:var(--accent);animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.chart{width:100%;margin:0}.chart-label{fill:var(--fg-muted);font-size:11px;font-family:var(--font-sans)}.chart-value{fill:var(--fg);font-size:11px;font-family:var(--font-sans);font-variant-numeric:tabular-nums}.chart-grid{stroke:var(--border);stroke-width:1px}.chart-legend{font-size:var(--text-xs);color:var(--fg-muted);flex-wrap:wrap;gap:4px 14px;margin:6px 0 0;padding:0;list-style:none;display:flex}.chart-swatch{vertical-align:-1px;border-radius:3px;width:10px;height:10px;margin-right:4px;display:inline-block}.chart-table{border-collapse:collapse;width:100%;font-size:var(--text-sm)}.chart-table th,.chart-table td{text-align:left;border-bottom:1px solid var(--border);padding:6px 8px}.chart-table th{color:var(--fg-muted);font-weight:500;font-size:var(--text-xs)}.heatmap{overflow-x:auto}.heatmap-axis{font-size:10px}.heatmap-cell{transition:opacity var(--dur-fast) var(--ease-out)}.heatmap-cell[role=button]{cursor:pointer}.heatmap-cell[role=button]:hover{opacity:.75}.heatmap-cell:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.heatmap-l0,.heatmap-lf,.heatmap-lb{fill:var(--heat-0)}.heatmap-lf{opacity:.45}.heatmap-lb{opacity:.35}.heatmap-l1{fill:var(--heat-1)}.heatmap-l2{fill:var(--heat-2)}.heatmap-l3{fill:var(--heat-3)}.heatmap-l4{fill:var(--heat-4)}.heatmap-legend{font-size:var(--text-xs);color:var(--fg-muted);align-items:center;gap:4px;margin-top:6px;display:flex}.heatmap-legend .chart-label{fill:none;color:var(--fg-muted)}.heatmap-swatch{background:var(--heat-0);border-radius:2.5px;width:11px;height:11px;display:inline-block}.heatmap-swatch.heatmap-l1{background:var(--heat-1)}.heatmap-swatch.heatmap-l2{background:var(--heat-2)}.heatmap-swatch.heatmap-l3{background:var(--heat-3)}.heatmap-swatch.heatmap-l4{background:var(--heat-4)}:root[data-panel=glass] .btn-primary{background:var(--accent)}@supports (color:color-mix(in lab, red, red)){:root[data-panel=glass] .btn-primary{background:color-mix(in srgb, var(--accent) 38%, transparent)}}:root[data-panel=glass] .btn-primary{border-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){:root[data-panel=glass] .btn-primary{border-color:color-mix(in srgb, var(--accent) 55%, transparent)}}:root[data-panel=glass] .btn-primary{color:var(--fg);-webkit-backdrop-filter:blur(14px)saturate(160%);backdrop-filter:blur(14px)saturate(160%)}:root[data-panel=glass] .btn-primary:hover:not(:disabled){background:var(--accent)}@supports (color:color-mix(in lab, red, red)){:root[data-panel=glass] .btn-primary:hover:not(:disabled){background:color-mix(in srgb, var(--accent) 50%, transparent)}}.profile-avatar.is-xs{width:32px;height:32px;font-size:.85rem}@media (width<=600px){.profile-avatar.is-sm{width:44px;height:44px;font-size:1.1rem}}.seg-badge{border-radius:var(--radius-pill);background:var(--accent-fill);color:#fff;vertical-align:1px;place-items:center;min-width:18px;height:18px;margin-left:7px;padding:0 5px;font-size:11px;font-weight:600;display:inline-grid}.feed-wrap{container-type:inline-size}.feed-layout{grid-template-columns:minmax(180px,210px) minmax(0,1fr) minmax(200px,240px);justify-content:center;align-items:start;gap:14px;display:grid}.feed-side{flex-direction:column;gap:10px;min-width:0;display:flex}.feed-side.is-right{position:sticky;top:76px}.feed{flex-direction:column;gap:10px;min-width:0;display:flex}@container (width<=880px){.feed-layout{grid-template-columns:minmax(0,1fr) minmax(200px,240px)}.feed-side.is-left{order:3;grid-column:1/-1}}@container (width<=660px){.feed-layout{grid-template-columns:minmax(0,1fr)}.feed-side.is-right{display:none}}.side-card{padding:var(--card-pad);flex-direction:column;gap:10px;display:flex}.side-card.is-board{gap:14px}.side-card.is-board .side-board{gap:6px}.side-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.side-title{font-size:var(--text-md,1rem);font-weight:600}.side-scope{border-radius:var(--radius-pill);background:var(--fg);padding:2px;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.side-scope{background:color-mix(in srgb, var(--fg) 7%, transparent)}}.side-scope-item{border-radius:var(--radius-pill);font-size:var(--text-xs);color:var(--fg-muted);cursor:pointer;background:0 0;border:0;padding:3px 9px;font-weight:500}.side-scope-item[aria-pressed=true]{background:var(--fg)}@supports (color:color-mix(in lab, red, red)){.side-scope-item[aria-pressed=true]{background:color-mix(in srgb, var(--fg) 15%, transparent)}}.side-scope-item[aria-pressed=true]{color:var(--fg)}.board-scope{justify-content:flex-end;display:flex}.side-me{text-align:center;color:inherit;flex-direction:column;align-items:center;gap:4px;display:flex}.side-me .profile-avatar{width:48px;height:48px;margin-bottom:4px;font-size:1.1rem}.side-me:hover .side-name{text-decoration:underline}.side-name{font-size:var(--text-sm);overflow-wrap:anywhere;font-weight:600}.side-uni{font-size:var(--text-xs);color:var(--fg-muted)}.side-stats{border-top:1px solid var(--border);grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;margin:0;padding:8px 0 0;list-style:none;display:grid}.side-stats li{font-size:var(--text-sm);flex-direction:column;align-items:center;gap:1px;font-weight:600;line-height:1.2;display:flex}.side-stats li>svg{width:16px;height:16px;color:var(--accent-text);margin-bottom:2px}.side-stat-label{font-size:var(--text-xs);color:var(--fg-subtle);font-weight:400}.side-link{font-size:var(--text-xs);color:var(--fg-muted);align-items:center;gap:6px;display:inline-flex}.side-link:hover{color:var(--fg);text-decoration:underline}.side-board{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.side-board-row{font-size:var(--text-sm);grid-template-columns:1.5ch minmax(0,1fr) auto;align-items:center;gap:8px;padding:3px 0;display:grid}.side-board-row .profile-avatar.is-xs{width:26px;height:26px;font-size:.75rem}.side-board-rank{color:var(--fg-subtle);text-align:right}.side-board-who{min-width:0;color:inherit;align-items:center;gap:8px;display:flex}.side-board-who:hover .side-board-name{text-decoration:underline}.side-board-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.side-board-row.is-you .side-board-name{font-weight:600}.side-board-hours{color:var(--fg-muted)}.feed-bar{justify-content:flex-end;display:flex}.composer{padding:var(--card-pad);flex-direction:column;gap:8px;display:flex}.composer-row{align-items:flex-start;gap:10px;display:flex}.composer .profile-avatar.is-sm,.post .profile-avatar.is-sm{width:40px;height:40px;font-size:1rem}.composer-text{min-height:44px;font-size:var(--text-sm);resize:vertical;flex:1;padding:10px 12px}.composer-foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding-left:50px;display:flex}.composer-attach{flex-wrap:wrap;align-items:center;gap:8px;min-width:0;display:flex}.composer-session{color:var(--fg-muted);align-items:center;gap:6px;display:inline-flex}.composer-select{width:auto;max-width:260px;min-height:32px;font-size:var(--text-xs);padding:4px 28px 4px 10px}.composer-file{gap:6px;height:26px;padding-right:4px}.composer-file-x{background:var(--fg);border:0;border-radius:50%;place-items:center;width:18px;height:18px;display:grid}@supports (color:color-mix(in lab, red, red)){.composer-file-x{background:color-mix(in srgb, var(--fg) 10%, transparent)}}.composer-file-x{color:inherit;cursor:pointer}.composer-foot>.btn-primary{margin-left:auto}.compress-offer{gap:8px;display:grid}.composer .compress-offer{padding-left:50px}@media (width<=600px){.composer-foot,.composer .compress-offer{padding-left:0}}.post{padding:var(--card-pad);flex-direction:column;gap:10px;display:flex}.post-head{align-items:center;gap:10px;display:flex}.post-who{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.post-who-line{align-items:center;gap:8px;min-width:0;display:flex}.post-name{font-size:var(--text-sm);color:inherit;text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.post-name:hover{text-decoration:underline}.post-uni{flex:none;height:20px}.post-when{font-size:var(--text-xs);color:var(--fg-subtle)}.post-delete{color:var(--fg-subtle);flex:none}.post-body{font-size:var(--text-sm);white-space:pre-wrap;overflow-wrap:anywhere;max-width:62ch;line-height:1.5}.post-session{border-radius:var(--radius-sm);background:var(--accent);align-items:baseline;gap:8px;padding:8px 12px;display:flex}@supports (color:color-mix(in lab, red, red)){.post-session{background:color-mix(in srgb, var(--accent) 10%, transparent)}}.post-session{font-size:var(--text-sm)}.post-session-icon{width:15px;height:15px;color:var(--accent-text);align-self:center}.post-session-figure{font-family:var(--font-display);letter-spacing:-.01em;font-size:1.2rem;font-weight:700;line-height:1}.post-session-figure small{color:var(--fg-muted);margin-left:.3em;font-size:.5em;font-weight:500}.post-session-subject{color:var(--fg-muted);text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.post-image{object-fit:cover;border-radius:var(--radius-md);background:var(--fg);width:100%;max-height:60vh;display:block}@supports (color:color-mix(in lab, red, red)){.post-image{background:color-mix(in srgb, var(--fg) 6%, transparent)}}.post-image.is-loading{aspect-ratio:4/3}.post-video{aspect-ratio:16/9;border-radius:var(--radius-md);object-fit:contain;background:#000;width:100%;display:block}.post-video-poster{cursor:pointer;color:#fff;background-position:50%;background-size:cover;border:0;place-items:center;padding:0;display:grid;position:relative}.post-play{background:#00000080;border-radius:50%;place-items:center;width:56px;height:56px;padding-left:3px;display:grid}.post-video-error{font-size:var(--text-xs);position:absolute;bottom:10px}.post-foot{gap:2px;margin-left:-8px;display:flex}.post-action{border-radius:var(--radius-pill);height:28px;color:var(--fg-muted);font-size:var(--text-sm);cursor:pointer;transition:background var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out);background:0 0;border:0;align-items:center;gap:5px;padding:0 8px;display:inline-flex}.post-action:hover{background:var(--fg)}@supports (color:color-mix(in lab, red, red)){.post-action:hover{background:color-mix(in srgb, var(--fg) 7%, transparent)}}.post-action:hover{color:var(--fg)}.post-action.is-on{color:var(--accent-text)}.post-comments{border-top:1px solid var(--border);flex-direction:column;gap:10px;padding-top:12px;display:flex}.post-comment{align-items:flex-start;gap:10px;display:flex}.post-comment-main{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.post-comment-head{font-size:var(--text-sm);align-items:baseline;gap:8px;display:flex}.post-comment-body{font-size:var(--text-sm);white-space:pre-wrap;overflow-wrap:anywhere}.post-comment-x{width:24px;height:24px;color:var(--fg-subtle);cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;display:grid}.post-comment-x:hover{background:var(--fg)}@supports (color:color-mix(in lab, red, red)){.post-comment-x:hover{background:color-mix(in srgb, var(--fg) 8%, transparent)}}.post-comment-x:hover{color:var(--fg)}.post-comment-form{align-items:center;gap:8px;display:flex}.post-comment-form .input{min-height:34px;font-size:var(--text-sm)}.friends{flex-direction:column;gap:14px;display:flex}.friends-section{flex-direction:column;gap:12px;padding:16px 18px;display:flex}.friends-search{color:var(--fg-muted);align-items:center;gap:10px;display:flex}.friends-count{font-size:var(--text-sm);color:var(--fg-muted);margin-left:6px;font-weight:500}.friend-state{align-items:center;gap:8px;display:inline-flex}.person-list{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.person-row{border-top:1px solid var(--border);align-items:center;gap:12px;padding:10px 0;display:flex}.person-row:first-child{border-top:0;padding-top:0}.person-row:last-child{padding-bottom:0}.person-link{min-width:0;color:inherit;flex:1;align-items:center;gap:12px;display:flex}.person-link:hover .person-name{text-decoration:underline}.person-text{flex-direction:column;gap:1px;min-width:0;display:flex}.person-name{text-overflow:ellipsis;white-space:nowrap;font-weight:500;overflow:hidden}.person-note{font-size:var(--text-xs);color:var(--fg-subtle)}.person-action{flex:none}.cmp-figure{font-family:var(--font-display);letter-spacing:-.01em;align-items:baseline;font-size:2.25rem;font-weight:700;line-height:1;display:inline-flex}.cmp-figure small{color:var(--fg-muted);margin-left:.3em;font-size:.45em;font-weight:500}.cmp-streak{gap:8px}.cmp-streak>svg{color:var(--accent-text);align-self:center}.cmp-sub{font-size:var(--text-sm);color:var(--fg-muted)}.cmp-bars{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.cmp-bar-row{grid-template-columns:minmax(96px,150px) minmax(0,1fr) auto;align-items:center;gap:12px;display:grid}.cmp-bar-who{min-width:0;color:inherit;align-items:center;gap:8px;display:flex}.cmp-bar-who:hover .cmp-bar-name{text-decoration:underline}.cmp-bar-name{font-size:var(--text-sm);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.is-you .cmp-bar-name{font-weight:600}.cmp-bar-track{background:var(--fg);border-radius:5px;height:10px;display:block}@supports (color:color-mix(in lab, red, red)){.cmp-bar-track{background:color-mix(in srgb, var(--fg) 7%, transparent)}}.cmp-bar-track{overflow:hidden}.cmp-bar-fill{background:var(--accent);border-radius:5px;min-width:4px;height:100%;display:block}@supports (color:color-mix(in lab, red, red)){.cmp-bar-fill{background:color-mix(in srgb, var(--accent) 55%, transparent)}}.cmp-bar-fill{transition:width var(--dur-slow) var(--ease-out)}.is-you .cmp-bar-fill{background:var(--accent)}.cmp-bar-value{font-size:var(--text-sm);text-align:right;min-width:4.5ch;font-weight:500}.cmp-streaks{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.cmp-streak-row{align-items:center;gap:8px;display:flex}.cmp-streak-row .cmp-bar-name{flex:1}.cmp-streak-days{font-size:var(--text-sm);align-items:center;gap:4px;font-weight:500;display:inline-flex}.cmp-streak-days>svg{color:var(--accent-text)}.cmp-multiples{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px 24px;display:grid}.cmp-multiple{flex-direction:column;gap:6px;min-width:0;display:flex}.cmp-multiple .rc-spark{width:100%;height:auto}.cmp-multiple-head{align-items:center;gap:8px;display:flex}.cmp-multiple-head .cmp-bar-name{flex:1}.cmp-multiple-total{font-size:var(--text-sm);color:var(--fg-muted)}.board{flex-direction:column;gap:12px;display:flex}.board-top{flex-direction:column;gap:12px;padding:18px 18px 0;display:flex}.podium{grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:10px;margin:0;padding:0;list-style:none;display:grid}.podium-step{flex-direction:column;align-items:center;gap:10px;min-width:0;display:flex}.podium-person{min-width:0;max-width:100%;color:inherit;flex-direction:column;align-items:center;gap:4px;display:flex}.podium-person:hover .podium-name{text-decoration:underline}.podium-name{font-size:var(--text-sm);text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-weight:500;overflow:hidden}.is-you .podium-name{font-weight:600}.podium-hours{font-size:var(--text-xs);color:var(--fg-muted)}.podium-block{border-radius:var(--radius-md) var(--radius-md) 0 0;background:var(--accent);place-items:start center;width:100%;padding-top:8px;display:grid}@supports (color:color-mix(in lab, red, red)){.podium-block{background:color-mix(in srgb, var(--accent) 22%, transparent)}}.podium-step.is-1 .podium-block{background:var(--accent);height:84px}@supports (color:color-mix(in lab, red, red)){.podium-step.is-1 .podium-block{background:color-mix(in srgb, var(--accent) 38%, transparent)}}.podium-step.is-2 .podium-block{height:60px}.podium-step.is-3 .podium-block{background:var(--accent);height:44px}@supports (color:color-mix(in lab, red, red)){.podium-step.is-3 .podium-block{background:color-mix(in srgb, var(--accent) 14%, transparent)}}.podium-rank{font-family:var(--font-display);color:var(--fg);font-size:1.25rem;font-weight:700}.board-list{padding:var(--card-pad)}.board-rows{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.board-row{border-top:1px solid var(--border);grid-template-columns:2ch minmax(120px,200px) minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px 0;display:grid}.board-row:first-child{border-top:0}.board-rank{color:var(--fg-subtle);text-align:right}.board-who{min-width:0;color:inherit;align-items:center;gap:8px;display:flex}.board-who:hover .board-name{text-decoration:underline}.board-name{font-size:var(--text-sm);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.board-row.is-you .board-name{font-weight:600}.board-row.is-you .cmp-bar-fill{background:var(--accent)}.board-hours{font-size:var(--text-sm);font-weight:500}@media (width<=520px){.board-row{grid-template-columns:2ch minmax(0,1fr) auto}.board-row .cmp-bar-track{display:none}.cmp-bar-row{grid-template-columns:minmax(80px,110px) minmax(0,1fr) auto}}.profile-posts-head{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.profile-posts-list,.profile-posts-items{flex-direction:column;gap:14px;display:flex}.profile-lower-wrap{container-type:inline-size}.profile-lower{grid-template-columns:minmax(0,1fr) 464px;align-items:start;gap:14px;display:grid}.profile-lower>.profile-posts-list{grid-area:1/1/span 2;grid-template-rows:subgrid;display:grid}.profile-side{flex-direction:column;grid-area:2/2;gap:14px;min-width:0;display:flex}.profile-lower.is-side-only,.profile-lower.is-posts-only{grid-template-columns:minmax(0,1fr)}.profile-lower.is-side-only>.profile-side{grid-area:auto/1;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));align-items:start;display:grid}@container (width<=880px){.profile-lower:not(.is-side-only,.is-posts-only){grid-template-columns:minmax(0,1fr) 240px}}@container (width<=660px){.profile-lower:not(.is-side-only,.is-posts-only){grid-template-columns:minmax(0,1fr);row-gap:24px}.profile-lower>.profile-side,.profile-lower>.profile-posts-list{grid-area:auto/1}.profile-lower>.profile-posts-list{display:flex}}.profile-badges{container:profile-badges/inline-size}.profile-side-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px;display:flex}.profile-badge-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}.profile-badge{border-radius:var(--radius-md);background:var(--fg);flex-direction:column;gap:2px;min-width:0;padding:14px;display:flex}@supports (color:color-mix(in lab, red, red)){.profile-badge{background:color-mix(in srgb, var(--fg) 5%, transparent)}}.profile-badge .badge-medal{width:34px;height:34px;color:var(--accent-fg);background:var(--accent-fill);margin-bottom:8px}.profile-badge-name{font-size:var(--text-sm);font-weight:600}.profile-badge-desc{font-size:var(--text-xs);color:var(--fg-muted);line-height:1.4}.profile-badge-when{font-size:var(--text-xs);color:var(--fg-subtle);margin-top:auto;padding-top:6px}@container profile-badges (width<=300px){.profile-badge-grid{grid-template-columns:minmax(0,1fr)}.profile-badge{grid-template-columns:auto minmax(0,1fr);column-gap:12px;padding:12px 14px;display:grid}.profile-badge .badge-medal{grid-row:span 3;margin-bottom:0}.profile-badge-when{padding-top:4px}}.profile-totals-body{flex-wrap:wrap;align-items:center;gap:20px 24px;display:flex}.profile-totals-body>.profile-streak{flex:0 auto}.days-panel-stats.profile-stats{flex:1 1 0;gap:20px 22px}.profile-head{container:profile-head/inline-size}@container profile-head (width<=520px){.profile-head .profile-actions{flex-wrap:wrap;flex:100%;order:1}.profile-head .profile-bio{order:2}.profile-head .friend-pop{left:0;right:auto}.profile-head .profile-actions.is-own{order:-1;gap:6px}.profile-head .profile-actions.is-own .btn{width:32px;height:32px;padding:0}.profile-head .profile-actions.is-own .btn svg{width:16px;height:16px}.profile-head .signout-label{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}}.profile-streak{border-radius:var(--radius-md);background:var(--fg);flex-wrap:wrap;align-items:center;gap:10px 12px;min-width:0;padding:12px 14px;display:flex}@supports (color:color-mix(in lab, red, red)){.profile-streak{background:color-mix(in srgb, var(--fg) 5%, transparent)}}.profile-streak.is-weekly.is-lit{background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.profile-streak.is-weekly.is-lit{background:color-mix(in srgb, var(--accent) 13%, transparent)}}.profile-streak-icon{background:var(--fg);border-radius:50%;flex:none;place-items:center;width:44px;height:44px;display:grid}@supports (color:color-mix(in lab, red, red)){.profile-streak-icon{background:color-mix(in srgb, var(--fg) 8%, transparent)}}.profile-streak-icon{color:var(--fg-subtle)}.profile-streak.is-lit .profile-streak-icon{background:var(--accent-fill);color:var(--accent-fg)}.profile-streak-text{flex-direction:column;flex:auto;gap:1px;min-width:0;display:flex}.profile-streak-label{font-size:var(--text-sm);color:var(--fg-muted)}.profile-streak-figure{font-family:var(--font-display);letter-spacing:-.01em;font-size:1.75rem;font-weight:700;line-height:1.05}.profile-streak-figure small{letter-spacing:0;color:var(--fg-muted);margin-left:.3em;font-size:.45em;font-weight:500}.profile-streak-note{font-size:var(--text-xs);color:var(--fg-subtle)}.profile-week{gap:5px;margin:0;padding:0;list-style:none;display:flex}.profile-week-day{flex-direction:column;align-items:center;gap:4px;display:flex}.profile-week-dot{background:var(--fg);border-radius:50%;width:14px;height:14px}@supports (color:color-mix(in lab, red, red)){.profile-week-dot{background:color-mix(in srgb, var(--fg) 12%, transparent)}}.profile-week-day.is-on .profile-week-dot{background:var(--accent)}.profile-week-day.is-future .profile-week-dot{box-shadow:inset 0 0 0 1.5px var(--fg);background:0 0}@supports (color:color-mix(in lab, red, red)){.profile-week-day.is-future .profile-week-dot{box-shadow:inset 0 0 0 1.5px color-mix(in srgb, var(--fg) 16%, transparent)}}.profile-week-letter{color:var(--fg-subtle);font-size:10px;line-height:1}.profile-level-bar{width:96px;height:5px;margin-left:4px}.profile-avatar-wrap{flex:none;display:inline-flex;position:relative}.profile-avatar-streak{border-radius:var(--radius-pill);background:var(--flame);align-items:center;padding:3px 11px 3px 5px;display:inline-flex;position:absolute;bottom:-6px;right:-10px}@supports (color:color-mix(in lab, red, red)){.profile-avatar-streak{background:color-mix(in srgb, var(--flame) 40%, var(--glass-solid,#1c1b22))}}.profile-avatar-streak{color:var(--fg);font-family:var(--font-display);font-size:1.1rem;font-weight:700;line-height:1}.profile-avatar-streak .rc-flame{margin:-8px -3px -6px -4px}.side-count{font-size:var(--text-xs);color:var(--fg-muted);margin-left:6px;font-weight:500}.side-search{color:var(--fg-muted);align-items:center;gap:8px;display:flex}.side-search .input{min-height:32px;font-size:var(--text-xs);padding:4px 10px}.side-label{border-top:1px solid var(--border);font-size:var(--text-xs);color:var(--fg-subtle);padding-top:8px}.side-people.is-requests .side-person{border-radius:var(--radius-sm);background:var(--accent);margin:0 -6px;padding:4px 6px}@supports (color:color-mix(in lab, red, red)){.side-people.is-requests .side-person{background:color-mix(in srgb, var(--accent) 8%, transparent)}}.side-people{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.side-person{align-items:center;gap:8px;padding:3px 0;display:flex}.side-person-link{min-width:0;color:inherit;flex:1;align-items:center;gap:8px;display:flex}.side-person-link .profile-avatar.is-xs{width:26px;height:26px;font-size:.75rem}.side-person-link:hover .side-person-name{text-decoration:underline}.side-person-name{font-size:var(--text-sm);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.side-person-actions{flex:none;align-items:center;gap:4px;display:inline-flex}.side-person-note{font-size:var(--text-xs);color:var(--fg-subtle)}.side-row-btn{background:var(--fg);border:0;border-radius:50%;place-items:center;width:24px;height:24px;display:grid}@supports (color:color-mix(in lab, red, red)){.side-row-btn{background:color-mix(in srgb, var(--fg) 8%, transparent)}}.side-row-btn{color:var(--fg-muted);cursor:pointer}.side-row-btn:hover:not(:disabled){background:var(--fg)}@supports (color:color-mix(in lab, red, red)){.side-row-btn:hover:not(:disabled){background:color-mix(in srgb, var(--fg) 14%, transparent)}}.side-row-btn:hover:not(:disabled){color:var(--fg)}.side-row-btn.is-yes{background:var(--accent-fill);color:#fff}.side-row-btn:disabled{opacity:.5}.side-row-btn.is-off{color:var(--fg-subtle)}.side-add{border-radius:var(--radius-pill);background:var(--accent-fill);color:#fff;height:24px;font-size:var(--text-xs);cursor:pointer;border:0;padding:0 10px;font-weight:500}.jams{flex-direction:column;gap:12px;display:flex}.jam-starter{flex-wrap:wrap;gap:10px;display:flex}.jam-form{padding:var(--card-pad);flex-wrap:wrap;align-items:center;gap:8px;display:flex}.jam-form:not(.is-code){flex:380px}.jam-form:not(.is-code) .input{flex:140px;min-width:0}.jam-form .segmented{flex:none}.jam-form .input{min-height:34px;font-size:var(--text-sm)}.jam-form.is-code{flex:0 auto}.jam-form.is-code .jam-code{font-variant-numeric:tabular-nums;letter-spacing:.12em;text-transform:uppercase;width:9ch}.jam-empty{max-width:48ch}.jam-section{font-size:var(--text-sm);color:var(--fg-muted);margin-top:6px;font-weight:600}.jam{padding:var(--card-pad);flex-direction:column;gap:10px;display:flex}.jam.is-ended{opacity:.85}.jam-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.jam-title-wrap{min-width:0}.jam-title{font-size:var(--text-md,1rem);text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.jam-meta{font-size:var(--text-xs);color:var(--fg-subtle)}.jam-code-chip{letter-spacing:.1em;color:var(--fg)}.jam-winner{font-size:var(--text-sm);color:var(--accent-text);align-items:center;gap:5px;font-weight:500;display:inline-flex}.jam-rows{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.jam-row{font-size:var(--text-sm);grid-template-columns:1.5ch minmax(96px,150px) minmax(0,1fr) auto;align-items:center;gap:10px;display:grid}.jam-rank{color:var(--fg-subtle);text-align:right}.jam-who{min-width:0;color:inherit;align-items:center;gap:8px;display:flex}.jam-who .profile-avatar.is-xs{width:26px;height:26px;font-size:.75rem}.jam-who:hover .jam-name{text-decoration:underline}.jam-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.jam-row.is-you .jam-name{font-weight:600}.jam-row.is-you .cmp-bar-fill{background:var(--accent)}.jam-crown{color:var(--accent-text);flex:none}.jam-minutes{text-align:right;min-width:4.5ch;font-weight:500}@media (width<=520px){.jam-row{grid-template-columns:1.5ch minmax(0,1fr) auto}.jam-row .cmp-bar-track{display:none}}.board-list{padding:var(--card-pad);flex-direction:column;gap:6px;display:flex}.board-note{margin-bottom:2px}.board-row{padding:7px 0}.board-row .profile-avatar.is-xs{width:28px;height:28px;font-size:.8rem}.everyone{padding:var(--card-pad);flex-direction:column;gap:12px;display:flex}.everyone-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.everyone-chips{flex-wrap:wrap;gap:6px;display:flex}.everyone-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 24px;display:grid}@media (width<=560px){.everyone-grid{grid-template-columns:minmax(0,1fr)}}.everyone-foot{font-size:var(--text-xs);color:var(--fg-subtle)}.vs{flex-direction:column;gap:5px;min-width:0;display:flex}.vs-head{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.vs-label{font-size:var(--text-sm);font-weight:600}.vs-note{font-size:var(--text-xs);color:var(--fg-subtle);text-align:right}.vs-row{font-size:var(--text-xs);grid-template-columns:4.5em minmax(0,1fr) auto;align-items:center;gap:8px;display:grid}.vs-who{color:var(--fg-muted)}.vs-value{text-align:right;min-width:4.5ch;font-weight:500}.cmp-bar-fill.is-you{background:var(--accent)}.live{padding:var(--card-pad);flex-direction:column;gap:10px;display:flex}.live-head{align-items:center;gap:8px;display:flex}.live-count{font-size:var(--text-xs);color:var(--fg-subtle);margin-left:auto}.live-dot{background:var(--status-bad);width:10px;height:10px;box-shadow:0 0 0 3px var(--status-bad);border-radius:50%}@supports (color:color-mix(in lab, red, red)){.live-dot{box-shadow:0 0 0 3px color-mix(in srgb, var(--status-bad) 25%, transparent)}}.live-dot.is-small{width:8px;height:8px;box-shadow:0 0 0 2px var(--panel-fill,#000)}.live-list{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px 20px;margin:0;padding:0;list-style:none;display:grid}.live-row{align-items:center;gap:10px;min-width:0;display:flex}.live-avatar{flex:none;position:relative}.live-avatar .profile-avatar.is-sm{width:40px;height:40px;font-size:1rem}.live-avatar .live-dot{position:absolute;bottom:-1px;right:-1px}.live-text{flex-direction:column;gap:1px;min-width:0;display:flex}.live-line{font-size:var(--text-xs);color:var(--fg-muted);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.live-clock{color:var(--status-bad);font-weight:600}.live-clock.is-resting{color:var(--fg-muted)}.live-dot.is-resting{background:var(--fg-subtle)}.live-dot.is-small.is-resting{box-shadow:0 0 0 2px var(--panel-fill,#000)}.side-person-avatar{flex:none;display:inline-flex;position:relative}.side-person-avatar .live-dot{position:absolute;bottom:-2px;right:-2px}.side-person-text{flex-direction:column;min-width:0;line-height:1.25;display:flex}.side-person-live{font-size:var(--text-xs);color:var(--fg-subtle);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.profile-live{gap:6px;max-width:100%}.profile-live .live-dot.is-small{box-shadow:none}.profile-live .live-line{font-size:inherit;color:inherit;min-width:0}.group{padding:var(--card-pad);flex-direction:column;gap:12px;display:flex}.group-head{align-items:flex-start;gap:12px;display:flex}.group-title-wrap{flex:1;min-width:0}.group-title{font-size:var(--text-md,1rem);font-weight:600}.group-title-sub{color:var(--fg-muted);font-weight:400}.group-meta{font-size:var(--text-xs);color:var(--fg-subtle)}.group-total{flex-direction:column;align-items:flex-end;line-height:1;display:flex}.group-total-figure{font-family:var(--font-display);letter-spacing:-.01em;font-size:1.6rem;font-weight:700}.group-total-label{font-size:var(--text-xs);color:var(--fg-muted);margin-top:3px}.group-live{font-size:var(--text-xs);color:var(--fg-muted);align-items:center;gap:8px;display:inline-flex}.group-body{grid-template-columns:minmax(0,5fr) minmax(0,6fr);align-items:center;gap:12px 28px;display:grid}@media (width<=640px){.group-body{grid-template-columns:minmax(0,1fr)}}.group-lines{width:100%;height:auto;overflow:visible}.group-grid{stroke:var(--fg)}@supports (color:color-mix(in lab, red, red)){.group-grid{stroke:color-mix(in srgb, var(--fg) 9%, transparent)}}.group-grid{stroke-width:1px}.group-line path{fill:none;stroke:var(--fg);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.group-line circle{fill:var(--fg)}.group-line.is-you path{stroke:var(--accent);stroke-width:2.5px}.group-line.is-you circle{fill:var(--accent)}.group-axis{fill:var(--fg-subtle);font-size:10px}.group-rows{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.group-row{font-size:var(--text-sm);grid-template-columns:1.5ch auto minmax(0,1fr) auto;align-items:center;gap:10px;display:grid}.group-row .profile-avatar.is-xs{width:30px;height:30px;font-size:.8rem}.group-who{flex-direction:column;gap:4px;min-width:0;display:flex}.group-name-line{align-items:center;gap:8px;min-width:0;display:flex}.group-row.is-you .jam-name{font-weight:600}.group-nudge{border-radius:var(--radius-pill);background:var(--fg);border:0;align-items:center;gap:4px;height:20px;padding:0 8px;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.group-nudge{background:color-mix(in srgb, var(--fg) 10%, transparent)}}.group-nudge{color:var(--fg);cursor:pointer;font-size:11px;font-weight:500}.group-nudge:hover:not(:disabled){background:var(--fg)}@supports (color:color-mix(in lab, red, red)){.group-nudge:hover:not(:disabled){background:color-mix(in srgb, var(--fg) 16%, transparent)}}.group-segments{gap:3px;max-width:220px;height:5px;display:flex}.group-seg{background:var(--accent);border-radius:3px;min-width:4px;height:100%;display:block}.group-seg.is-1{background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.group-seg.is-1{background:color-mix(in srgb, var(--accent) 65%, transparent)}}.group-seg.is-2{background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.group-seg.is-2{background:color-mix(in srgb, var(--accent) 40%, transparent)}}.group-seg.is-3{background:var(--fg)}@supports (color:color-mix(in lab, red, red)){.group-seg.is-3{background:color-mix(in srgb, var(--fg) 25%, transparent)}}.group-minutes{font-family:var(--font-display);font-size:var(--text-md,1rem);text-align:right;min-width:6ch;font-weight:700}.post-count{margin-left:2px}.nudges{padding:var(--card-pad);flex-direction:column;gap:8px;display:flex}.nudges-head{align-items:center;gap:8px;display:flex}.nudges-icon{color:var(--accent-text)}.nudges-title{font-size:var(--text-sm);flex:1;font-weight:600}.nudges-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.nudges-row{font-size:var(--text-sm);align-items:center;gap:8px;display:flex}.nudges-text{flex:1;min-width:0}.post{padding:var(--card-pad);gap:12px}.post-session-figure{font-size:1.1rem;font-weight:600}.group-total-figure,.group-minutes,.jam-minutes,.board-hours{font-weight:600}.jam-form.is-code .jam-code{width:auto;min-width:7.5em;max-width:9em;padding-inline:12px}.side-requests{flex-direction:column;gap:6px;display:flex}.side-label.is-head{color:var(--fg-muted);font-weight:600}.side-sublabel{font-size:var(--text-xs);color:var(--fg-subtle);align-items:center;gap:6px;display:inline-flex}.side-sublabel.is-toggle{cursor:pointer;color:var(--fg-muted);background:0 0;border:0;padding:2px 0}.side-sublabel.is-toggle svg{transition:transform var(--dur-fast) var(--ease-out)}.side-sublabel.is-toggle svg.is-open{transform:rotate(90deg)}.side-people.is-faded{padding-bottom:14px;-webkit-mask-image:linear-gradient(#000 55%,#0000);mask-image:linear-gradient(#000 55%,#0000)}.side-more{font-size:var(--text-xs);color:var(--fg-muted);cursor:pointer;background:0 0;border:0;align-self:flex-start;padding:0}.side-more:hover{color:var(--fg);text-decoration:underline}.group-subjects{flex-direction:column;gap:3px;min-width:0;display:flex}.group-legend{color:var(--fg-subtle);flex-wrap:wrap;gap:2px 10px;font-size:11px;display:flex}.group-legend-item{white-space:nowrap;align-items:center;gap:4px;display:inline-flex}.group-swatch{background:var(--accent);border-radius:2px;width:7px;height:7px}.group-swatch.is-1{background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.group-swatch.is-1{background:color-mix(in srgb, var(--accent) 65%, transparent)}}.group-swatch.is-2{background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.group-swatch.is-2{background:color-mix(in srgb, var(--accent) 40%, transparent)}}.group-swatch.is-3{background:var(--fg)}@supports (color:color-mix(in lab, red, red)){.group-swatch.is-3{background:color-mix(in srgb, var(--fg) 25%, transparent)}}.jam-open{background:var(--fg);border:0;border-radius:50%;place-items:center;width:26px;height:26px;display:grid}@supports (color:color-mix(in lab, red, red)){.jam-open{background:color-mix(in srgb, var(--fg) 8%, transparent)}}.jam-open{color:var(--fg-muted);cursor:pointer;flex:none}.jam-open svg{transition:transform var(--dur-fast) var(--ease-out)}.jam-open svg.is-open{transform:rotate(180deg)}.jam-details{border-top:1px solid var(--border);grid-template-columns:minmax(0,5fr) minmax(0,6fr);align-items:center;gap:12px 28px;padding-top:10px;display:grid}@media (width<=640px){.jam-details{grid-template-columns:minmax(0,1fr)}}.jam-people{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.jam-person{flex-direction:column;gap:4px;display:flex}.jam-person-meta{font-size:var(--text-xs);color:var(--fg-subtle)}.board-scope{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.lb-top{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}@media (width<=760px){.lb-top{grid-template-columns:minmax(0,1fr)}}.lb-tile{padding:var(--card-pad);flex-direction:column;gap:10px;display:flex}.lb-tile-head{align-items:center;gap:10px;display:flex}.lb-rank-badge{background:var(--accent);border-radius:50%;place-items:center;width:24px;height:24px;display:grid}@supports (color:color-mix(in lab, red, red)){.lb-rank-badge{background:color-mix(in srgb, var(--accent) 22%, transparent)}}.lb-rank-badge{font-size:var(--text-xs);font-weight:600}.lb-tile.is-you .lb-rank-badge{background:var(--accent-fill);color:#fff}.lb-who{min-width:0;color:inherit;align-items:center;gap:10px;display:flex}.lb-who .profile-avatar.is-sm{width:36px;height:36px;font-size:.95rem}.lb-who:hover .lb-name{text-decoration:underline}.lb-name-wrap{flex-direction:column;min-width:0;display:flex}.lb-name{font-size:var(--text-sm);text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.lb-sub{font-size:var(--text-xs);color:var(--fg-subtle);align-items:center;gap:4px;display:inline-flex}.lb-tile-body{justify-content:space-between;align-items:flex-end;gap:12px;display:flex}.lb-tile-figure{flex-direction:column;display:flex}.lb-figure{font-family:var(--font-display);letter-spacing:-.01em;font-size:1.75rem;font-weight:600;line-height:1}.lb-figure small{color:var(--fg-muted);margin-left:.3em;font-size:.5em;font-weight:500}.lb-tile-label{font-size:var(--text-xs);color:var(--fg-subtle);margin-top:3px}.lb-tile-body .rc-spark{flex:none}.lb-tile-foot{font-size:var(--text-xs);color:var(--fg-muted);flex-wrap:wrap;gap:12px;display:flex}.lb-streak{color:var(--accent-text);align-items:center;gap:3px;display:inline-flex}.lb-rows{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.lb-row{border-top:1px solid var(--border);font-size:var(--text-sm);grid-template-columns:2ch minmax(140px,1fr) auto minmax(90px,auto) 4ch auto;align-items:center;gap:14px;padding:8px 0;display:grid}.lb-row:first-child{border-top:0}.lb-row.is-you .board-name{font-weight:600}.lb-row-spark{align-items:center;display:flex}.lb-row-week{flex-direction:column;line-height:1.2;display:flex}.lb-row-label{color:var(--fg-subtle);font-size:11px}.lb-row-streak{font-size:var(--text-xs);color:var(--accent-text);align-items:center;gap:3px;display:inline-flex}@media (width<=640px){.lb-row{grid-template-columns:2ch minmax(0,1fr) auto}.lb-row-spark,.lb-row-week,.lb-row-streak{display:none}}.jam-title-wrap{flex:1}.everyone-body{grid-template-columns:minmax(0,3fr) minmax(0,2fr);align-items:start;gap:14px 32px;display:grid}.everyone-grid{grid-template-columns:minmax(0,1fr);gap:14px}.everyone-figures{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.everyone-figure{flex-direction:column;gap:4px;display:flex}.everyone-figure-label{font-size:var(--text-sm);font-weight:600}.everyone-figure-note{font-size:var(--text-xs);color:var(--fg-subtle)}@media (width<=700px){.everyone-body{grid-template-columns:minmax(0,1fr)}}.profile-study{gap:14px;margin-bottom:14px}.profile-totals{border-top:0;padding-top:22px}.friend-wrap{position:relative}.friend-chip{cursor:pointer;border:0;gap:5px}.friend-chip:hover{background:var(--fg)}@supports (color:color-mix(in lab, red, red)){.friend-chip:hover{background:color-mix(in srgb, var(--fg) 13%, transparent)}}.friend-pop{z-index:5;border-radius:var(--radius-md);background:var(--panel-fill,#1c1b22);border:1px solid var(--border);flex-direction:column;align-items:flex-start;gap:8px;min-width:200px;padding:12px;display:flex;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 12px 32px #00000059}.friend-pop-since{font-size:var(--text-sm);color:var(--fg-muted)}.friend-pop-sure{font-size:var(--text-sm);flex-direction:column;gap:8px;display:flex}.friend-pop-actions{gap:6px;display:flex}@font-face{font-family:Satoshi;src:url(/fonts/Satoshi-Variable.woff2)format("woff2");font-weight:300 900;font-style:normal;font-display:swap}:root{--font-brand:"Satoshi", var(--font-display)}#root{overflow-x:clip}.page{width:100%;max-width:1120px;padding:28px max(16px, env(safe-area-inset-right)) 96px max(16px, env(safe-area-inset-left));margin:0 auto}@media (width>=768px){.page{padding:40px max(28px, env(safe-area-inset-right)) 112px max(28px, env(safe-area-inset-left))}}.route-in{animation:route-in .24s var(--ease-out) both}@keyframes route-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}:root[data-motion=off] .route-in{animation:none}@media (prefers-reduced-motion:reduce){:root:not([data-motion=on]) .route-in{animation:none}}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;display:flex}.page-title{letter-spacing:var(--tracking-display);font-size:clamp(1.75rem,3.6vw,2.25rem);font-weight:600;line-height:1.05}.page-sub{font-size:var(--text-base);color:var(--fg-muted);max-width:60ch;margin-top:6px}.section-head{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.section-title{font-size:var(--text-xl);font-weight:600}.section-link{font-size:var(--text-sm);font-weight:500}.skip-link{z-index:100;border-radius:var(--radius-pill);background:var(--accent-fill);color:var(--accent-fg);transition:top var(--dur-fast) var(--ease-out);padding:8px 14px;position:absolute;top:-48px;left:16px}.skip-link:focus{top:16px}.nav{z-index:40;border-radius:var(--radius-pill);width:calc(100% - 24px);max-width:1120px;margin:12px auto 0;position:sticky;top:12px}.nav.chrome:after,.tabbar.chrome:after{content:"";z-index:-1;border-radius:inherit;background:var(--glass-solid);opacity:calc(var(--scroll-fade,0) * .82);transition:opacity var(--dur-base) var(--ease-out);pointer-events:none;position:absolute;inset:0}.nav-inner{align-items:center;gap:6px;min-height:56px;padding:7px 8px;display:flex}.nav-link{z-index:1;border-radius:var(--radius-pill);color:var(--fg-muted);font-size:var(--text-sm);white-space:nowrap;transition:color var(--dur-fast) var(--ease-out);padding:7px 14px;font-weight:560;text-decoration:none;position:relative}.nav-link:hover{color:var(--fg);text-decoration:none}.nav-link[aria-current=page]{color:var(--fg)}@media (width>=768px){.nav-scroll{flex:1 1 0}}.nav-primary{position:relative}.nav-indicator{border-radius:var(--radius-pill);background:var(--fg);position:absolute;top:0;bottom:0;left:0}@supports (color:color-mix(in lab, red, red)){.nav-indicator{background:color-mix(in srgb, var(--fg) 11%, transparent)}}.nav-indicator{box-shadow:inset 0 1px 0 var(--fg), inset 0 -1px 0 var(--fg)}@supports (color:color-mix(in lab, red, red)){.nav-indicator{box-shadow:inset 0 1px 0 color-mix(in srgb, var(--fg) 14%, transparent), inset 0 -1px 0 color-mix(in srgb, var(--fg) 4%, transparent)}}.nav-indicator{pointer-events:none;will-change:transform, width;transition:opacity var(--dur-fast) var(--ease-out)}.nav-indicator.is-animated{transition:transform var(--dur-slow) var(--ease-out), width var(--dur-slow) var(--ease-out), opacity var(--dur-fast) var(--ease-out)}.brand{font-family:var(--font-brand);font-feature-settings:"ss01", "ss03";font-weight:600;font-size:var(--text-base);letter-spacing:var(--tracking-tight);color:var(--fg);align-items:center;gap:10px;margin-right:2px;padding:0 10px 0 2px;text-decoration:none;display:flex}.brand:hover{text-decoration:none}.brand-mark{background:linear-gradient(135deg, var(--accent), var(--accent-strong));color:#fff;border-radius:7px;flex:none;place-items:center;width:22px;height:22px;display:grid}.brand-logo{color:var(--accent);flex:none;place-items:center;padding-left:18px;display:grid}.logo-mark{flex:none;display:block}.nav-stats{flex-shrink:0;align-items:center;gap:4px;display:flex}.nav-streak{border-radius:var(--radius-pill);background:var(--flame);align-items:center;gap:4px;height:32px;padding:0 11px 0 9px;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.nav-streak{background:color-mix(in srgb, var(--flame) 15%, transparent)}}.nav-streak{color:var(--fg);font-size:var(--text-sm);transition:background var(--dur-fast) var(--ease-out);font-weight:500;text-decoration:none}.nav-streak:hover{background:var(--flame);text-decoration:none}@supports (color:color-mix(in lab, red, red)){.nav-streak:hover{background:color-mix(in srgb, var(--flame) 24%, transparent)}}.nav-streak-flame{color:var(--flame);fill:var(--flame)}@supports (color:color-mix(in lab, red, red)){.nav-streak-flame{fill:color-mix(in srgb, var(--flame) 35%, transparent)}}.nav-level{border-radius:var(--radius-pill);background:var(--accent);align-items:center;gap:6px;height:32px;padding:0 11px 0 9px;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.nav-level{background:color-mix(in srgb, var(--accent) 15%, transparent)}}.nav-level{color:var(--fg);font-size:var(--text-sm);transition:background var(--dur-fast) var(--ease-out);font-weight:500;text-decoration:none}.nav-level:hover,.nav-level[aria-current=page]{background:var(--accent);text-decoration:none}@supports (color:color-mix(in lab, red, red)){.nav-level:hover,.nav-level[aria-current=page]{background:color-mix(in srgb, var(--accent) 26%, transparent)}}.nav-level-icon{color:var(--accent-text)}.nav-level-wrap{display:inline-flex;position:relative}.nav-level-drop{z-index:50;opacity:0;visibility:hidden;transition:opacity var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-out), visibility 0s linear var(--dur-fast);padding-top:8px;position:absolute;top:100%;right:0;transform:translateY(-4px)}@media (hover:hover){.nav-level-wrap:hover .nav-level-drop{opacity:1;visibility:visible;transition-delay:0s;transform:none}.nav-level-wrap:has(:focus-visible) .nav-level-drop{opacity:1;visibility:visible;transition-delay:0s;transform:none}}.nav-level-drop-card{border-radius:var(--radius-lg);border:1px solid var(--fg);flex-direction:column;gap:6px;min-width:190px;padding:10px 12px;display:flex}@supports (color:color-mix(in lab, red, red)){.nav-level-drop-card{border:1px solid color-mix(in srgb, var(--fg) 12%, transparent)}}.nav-level-drop-card{background:var(--glass-solid);white-space:nowrap}.nav-level-drop-line{font-size:var(--text-xs);color:var(--fg-muted)}.nav-level-drop-link{font-size:var(--text-sm);color:var(--accent-text);justify-content:space-between;align-items:center;gap:6px;font-weight:500;text-decoration:none;display:inline-flex}.nav-level-drop-link:hover{text-decoration:underline}.nav-level-bar{background:var(--fg);border-radius:2px;width:22px;height:4px;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.nav-level-bar{background:color-mix(in srgb, var(--fg) 16%, transparent)}}.nav-level-bar>span{background:var(--accent);border-radius:2px;height:100%;display:block}.nav-icon{width:38px;height:38px;color:var(--fg-muted);transition:background var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out);border-radius:50%;flex:none;place-items:center;display:grid}.nav-icon:hover,.nav-icon[aria-current=page]{color:var(--fg);background:var(--fg)}@supports (color:color-mix(in lab, red, red)){.nav-icon:hover,.nav-icon[aria-current=page]{background:color-mix(in srgb, var(--fg) 10%, transparent)}}.nav-avatar{object-fit:cover;border-radius:50%;width:24px;height:24px;display:block}.nav-signout.btn-icon.btn-sm{border-radius:50%;width:38px;height:38px}.tabbar{display:none}@media (width<=767px){.nav{top:max(8px, env(safe-area-inset-top));margin-top:max(8px, env(safe-area-inset-top));width:calc(100% - 16px - env(safe-area-inset-left) - env(safe-area-inset-right))}.nav-inner{min-height:52px;padding:6px}}:root[data-tabbar]{--tabbar-clearance:calc(76px + max(0px, env(safe-area-inset-bottom) - 18px))}:root[data-tabbar] .page{padding-bottom:calc(120px + env(safe-area-inset-bottom))}:root[data-tabbar] .nav-scroll{display:none!important}:root[data-tabbar] .nav-spacer{flex:1 1 0}:root[data-tabbar] .tabbar{z-index:45;left:max(8px, env(safe-area-inset-left));right:max(8px, env(safe-area-inset-right));bottom:max(8px, calc(env(safe-area-inset-bottom) - 10px));border-radius:30px;gap:2px;padding:5px;display:flex;position:fixed}@media (width>=768px){:root[data-tabbar] .tabbar{width:min(560px,100% - 24px);left:50%;right:auto;transform:translate(-50%)}:root[data-tabbar][data-nav=sidebar] .tabbar,:root[data-tabbar][data-nav=sidebar-pinned] .tabbar{display:none}}:root[data-tabbar] .tabbar{--tab-ease:cubic-bezier(.32, .72, 0, 1)}:root[data-tabbar] .tabbar-link{min-width:0;height:46px;color:var(--fg-muted);-webkit-tap-highlight-color:transparent;transition:background-color .26s var(--ease-out), color .16s var(--ease-out), padding .34s var(--tab-ease);border-radius:24px;flex:auto;justify-content:center;align-items:center;padding:0 6px;text-decoration:none;display:flex}:root[data-tabbar] .tabbar-link[aria-current=page]{color:var(--accent-text);background-color:var(--fg);padding:0 14px 0 12px}@supports (color:color-mix(in lab, red, red)){:root[data-tabbar] .tabbar-link[aria-current=page]{background-color:color-mix(in srgb, var(--fg) 10%, transparent)}}:root[data-tabbar] .tabbar-link:hover{text-decoration:none}:root[data-tabbar] .tabbar-link:hover:not([aria-current=page]){color:var(--fg)}:root[data-tabbar] .tabbar-link:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}:root[data-tabbar] .tabbar-icon{transition:transform .18s var(--ease-out);flex:none;place-items:center;display:grid}:root[data-tabbar] .tabbar-link:active .tabbar-icon{transition-duration:60ms;transform:scale(.86)}:root[data-tabbar] .tabbar-label{opacity:0;min-width:0;transition:grid-template-columns .34s var(--tab-ease), opacity .2s var(--ease-out);grid-template-columns:0fr;display:grid}:root[data-tabbar] .tabbar-label>span{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:var(--text-sm);letter-spacing:0;padding-left:7px;font-weight:600;overflow:hidden}:root[data-tabbar] .tabbar-link[aria-current=page] .tabbar-label{opacity:1;transition:grid-template-columns .34s var(--tab-ease), opacity .26s var(--ease-out) 60ms;grid-template-columns:1fr}:root[data-motion=off] .tabbar-link,:root[data-motion=off] .tabbar-label,:root[data-motion=off] .tabbar-link[aria-current=page] .tabbar-label,:root[data-motion=off] .tabbar-icon{transition:none}@media (prefers-reduced-motion:reduce){:root:not([data-motion=on]) .tabbar-link,:root:not([data-motion=on]) .tabbar-label,:root:not([data-motion=on]) .tabbar-link[aria-current=page] .tabbar-label,:root:not([data-motion=on]) .tabbar-icon{transition:none}}.page-loading{animation:fade-in .2s var(--ease-out) .32s both;justify-content:center;padding:72px 0;display:flex}@media (width<=400px){.brand>span:last-child{display:none}}@media (width<=519px){.nav-inner{gap:4px}.nav-inner>.brand{margin-right:0;padding-right:0}.nav-inner>.brand>span:last-child{display:none}}@media (width<=399px){.nav-inner:has(>.nav-icon~.nav-icon~.nav-icon) .nav-level-bar{display:none}}.sidenav{display:none}@media (width>=768px){:root{--rail-slim:60px;--rail-open:212px;--rail-ease:cubic-bezier(.32, .72, 0, 1)}:root[data-nav^=sidebar] .page{width:auto;margin-left:max(calc(var(--rail-open) + 24px), calc((100% - 1120px) / 2));margin-right:max(0px,50% - 560px)}:root[data-nav^=sidebar] .nav{display:none}.sidenav{z-index:40;width:var(--rail-slim);--rail-delay:0s;transition:width var(--dur-slow) var(--rail-ease) var(--rail-delay);border-radius:24px;flex-direction:column;gap:4px;padding:10px 8px;display:flex;position:fixed;top:12px;bottom:12px;left:12px;overflow:hidden}.sidenav:not(.is-resting):hover,.sidenav.is-pinned{width:var(--rail-open)}.sidenav:has(:focus-visible){width:var(--rail-open)}.sidenav:not(.is-resting):hover{--rail-delay:.12s}.sidenav.chrome:after{content:"";z-index:-1;border-radius:inherit;background:var(--glass-solid);opacity:0;transition:opacity var(--dur-slow) var(--rail-ease) var(--rail-delay);pointer-events:none;position:absolute;inset:0}.sidenav:not(.is-pinned):not(.is-resting):hover:after{opacity:.82}.sidenav-group{flex-direction:column;gap:2px;display:flex}.sidenav-brand,.sidenav-link{height:40px;color:var(--fg-muted);font:inherit;font-size:var(--text-sm);text-align:left;white-space:nowrap;cursor:pointer;transition:background var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out);background:0 0;border:0;border-radius:12px;align-items:center;gap:10px;padding:0;font-weight:500;text-decoration:none;display:flex}.sidenav-brand{height:44px;color:var(--fg);margin-bottom:8px}.sidenav-brand .sidenav-icon{color:var(--accent)}.sidenav-link:hover,.sidenav-brand:hover{color:var(--fg);background:var(--fg);text-decoration:none}@supports (color:color-mix(in lab, red, red)){.sidenav-link:hover,.sidenav-brand:hover{background:color-mix(in srgb, var(--fg) 8%, transparent)}}.sidenav-brand:hover{background:0 0}.sidenav-link[aria-current=page]{color:var(--fg);background:var(--fg)}@supports (color:color-mix(in lab, red, red)){.sidenav-link[aria-current=page]{background:color-mix(in srgb, var(--fg) 11%, transparent)}}.sidenav-icon{flex:none;place-items:center;width:44px;height:40px;display:grid}.sidenav-label{opacity:0;min-width:0;transition:opacity var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-out);flex:1;overflow:hidden;transform:translate(-6px)}.sidenav:not(.is-resting):hover .sidenav-label,.sidenav.is-pinned .sidenav-label{opacity:1;transition:opacity var(--dur-base) var(--ease-out) calc(var(--rail-delay) + 90ms), transform var(--dur-slow) var(--rail-ease) calc(var(--rail-delay) + 60ms);transform:none}.sidenav:has(:focus-visible) .sidenav-label{opacity:1;transition:opacity var(--dur-base) var(--ease-out) calc(var(--rail-delay) + 90ms), transform var(--dur-slow) var(--rail-ease) calc(var(--rail-delay) + 60ms);transform:none}.sidenav-wordmark{font-family:var(--font-brand);font-feature-settings:"ss01", "ss03";font-weight:600;font-size:var(--text-base);letter-spacing:var(--tracking-tight)}.sidenav-divider{background:var(--fg);height:1px;margin:8px 10px}@supports (color:color-mix(in lab, red, red)){.sidenav-divider{background:color-mix(in srgb, var(--fg) 12%, transparent)}}.sidenav-link{position:relative}.sidenav-badge{text-align:center;min-width:16px;height:16px;color:var(--fg);border-radius:8px;padding:0 4px;font-size:10px;font-weight:600;line-height:16px;position:absolute;top:4px;left:26px}.sidenav-badge-flame{background:var(--flame)}@supports (color:color-mix(in lab, red, red)){.sidenav-badge-flame{background:color-mix(in srgb, var(--flame) 55%, transparent)}}.sidenav-stats{height:82px;transition:height var(--dur-slow) var(--rail-ease) var(--rail-delay);flex:none;position:relative}.sidenav-stat{width:44px;height:40px;color:var(--fg-muted);transition:transform var(--dur-slow) var(--rail-ease) var(--rail-delay), width var(--dur-slow) var(--rail-ease) var(--rail-delay), background var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out);border-radius:12px;align-items:center;display:flex;position:absolute;top:0;left:0;overflow:hidden}.sidenav-stat+.sidenav-stat{transform:translateY(42px)}.sidenav-stat:hover{color:var(--fg);background:var(--fg);text-decoration:none}@supports (color:color-mix(in lab, red, red)){.sidenav-stat:hover{background:color-mix(in srgb, var(--fg) 8%, transparent)}}.sidenav-stat[aria-current=page]{color:var(--fg);background:var(--fg)}@supports (color:color-mix(in lab, red, red)){.sidenav-stat[aria-current=page]{background:color-mix(in srgb, var(--fg) 11%, transparent)}}.sidenav-stat .sidenav-icon{position:relative}.sidenav-stat-text{white-space:nowrap;opacity:0;min-width:0;transition:opacity var(--dur-fast) var(--ease-out), transform var(--dur-slow) var(--rail-ease) var(--rail-delay);align-items:baseline;gap:3px;display:flex}.sidenav-stat .sidenav-icon{flex:none}.sidenav-stat:first-child .sidenav-stat-text{margin-left:-5px}.sidenav-stat+.sidenav-stat .sidenav-stat-text{margin-left:2px}.sidenav-stat-value{font-size:var(--text-base);color:var(--fg);font-weight:700}.sidenav-stat-unit{font-size:var(--text-xs);color:var(--fg-muted);font-weight:400}.sidenav-badge{transition:opacity var(--dur-fast) var(--ease-out)}.sidenav:not(.is-resting):hover .sidenav-stats,.sidenav.is-pinned .sidenav-stats{height:40px}.sidenav:has(:focus-visible) .sidenav-stats{height:40px}.sidenav-stats{--stat-streak:85px;--stat-shift-a:-3px;--stat-shift-b:4px}.sidenav-stat .sidenav-icon{transition:transform var(--dur-slow) var(--rail-ease) var(--rail-delay)}.sidenav:not(.is-resting):hover .sidenav-stat:first-child>*,.sidenav.is-pinned .sidenav-stat:first-child>*{transform:translateX(var(--stat-shift-a))}.sidenav:has(:focus-visible) .sidenav-stat:first-child>*{transform:translateX(var(--stat-shift-a))}.sidenav:not(.is-resting):hover .sidenav-stat+.sidenav-stat>*,.sidenav.is-pinned .sidenav-stat+.sidenav-stat>*{transform:translateX(var(--stat-shift-b))}.sidenav:has(:focus-visible) .sidenav-stat+.sidenav-stat>*{transform:translateX(var(--stat-shift-b))}.sidenav:not(.is-resting):hover .sidenav-stat,.sidenav.is-pinned .sidenav-stat{width:var(--stat-streak)}.sidenav:has(:focus-visible) .sidenav-stat{width:var(--stat-streak)}.sidenav:not(.is-resting):hover .sidenav-stat+.sidenav-stat,.sidenav.is-pinned .sidenav-stat+.sidenav-stat{width:calc(var(--rail-open) - 16px - var(--stat-streak) - 2px);transform:translateX(calc(var(--stat-streak) + 2px))}.sidenav:has(:focus-visible) .sidenav-stat+.sidenav-stat{width:calc(var(--rail-open) - 16px - var(--stat-streak) - 2px);transform:translateX(calc(var(--stat-streak) + 2px))}.sidenav:not(.is-resting):hover .sidenav-stat-text,.sidenav.is-pinned .sidenav-stat-text{opacity:1;transition:opacity var(--dur-base) var(--ease-out) calc(var(--rail-delay) + 90ms), transform var(--dur-slow) var(--rail-ease) var(--rail-delay)}.sidenav:has(:focus-visible) .sidenav-stat-text{opacity:1;transition:opacity var(--dur-base) var(--ease-out) calc(var(--rail-delay) + 90ms), transform var(--dur-slow) var(--rail-ease) var(--rail-delay)}.sidenav:not(.is-resting):hover .sidenav-badge,.sidenav.is-pinned .sidenav-badge{opacity:0}.sidenav:has(:focus-visible) .sidenav-badge{opacity:0}.sidenav-stat .sidenav-icon>svg{grid-area:1/1}.sidenav-ring{transform:rotate(-90deg)}.sidenav-ring circle{fill:none;stroke-width:2.5px}.sidenav-ring-track{stroke:var(--fg)}@supports (color:color-mix(in lab, red, red)){.sidenav-ring-track{stroke:color-mix(in srgb, var(--fg) 22%, transparent)}}.sidenav-ring-fill{stroke:var(--accent);stroke-linecap:round}}.timer-card{padding:var(--card-pad);flex-direction:column;gap:18px;display:flex;overflow:hidden}.timer-live{border-radius:var(--radius-pill);background:var(--accent);align-items:center;gap:8px;margin-bottom:8px;padding:4px 11px 4px 9px;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.timer-live{background:color-mix(in srgb, var(--accent) 18%, transparent)}}.timer-live{font-size:var(--text-xs);color:var(--fg);font-weight:400}.timer-live-dot{background:var(--accent);width:8px;height:8px;animation:timer-breathe 2s var(--ease-in-out) infinite;border-radius:50%}.timer-live[data-phase=short-break],.timer-live[data-phase=long-break]{background:var(--status-ok)}@supports (color:color-mix(in lab, red, red)){.timer-live[data-phase=short-break],.timer-live[data-phase=long-break]{background:color-mix(in srgb, var(--status-ok) 18%, transparent)}}.timer-live[data-phase=short-break] .timer-live-dot,.timer-live[data-phase=long-break] .timer-live-dot{background:var(--status-ok)}.timer-live[data-phase=paused]{background:var(--fg)}@supports (color:color-mix(in lab, red, red)){.timer-live[data-phase=paused]{background:color-mix(in srgb, var(--fg) 10%, transparent)}}.timer-live[data-phase=paused] .timer-live-dot{background:var(--fg-subtle);animation:none}@keyframes timer-breathe{50%{opacity:.35}}:root[data-motion=off] .timer-live-dot{animation:none}@media (prefers-reduced-motion:reduce){:root:not([data-motion=on]) .timer-live-dot{animation:none}}.timer-path{font-size:var(--text-sm);color:var(--fg-subtle);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.timer-title{font-size:var(--text-2xl);text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.timer-chips{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.timer-readout{flex-wrap:wrap;align-items:baseline;gap:4px 18px;display:flex}.timer-digits{font-family:var(--font-display);font-variant-numeric:tabular-nums;letter-spacing:-.01em;font-size:clamp(3.75rem,11vw,6.5rem);font-weight:600;line-height:.95}.timer-focused{font-size:var(--text-sm);color:var(--fg-muted);font-weight:600}.timer-controls{flex-wrap:wrap;gap:10px;display:flex}.card-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;display:grid}.task-table{padding:10px 0 12px;overflow:hidden;container:tasks/inline-size}.tt-head,.tree-row{grid-template-columns:minmax(0,1fr) 112px 196px 104px 120px;align-items:center;column-gap:12px;font-weight:400;display:grid}.tt-head{border-bottom:1px solid var(--border);font-size:var(--text-xs);color:var(--fg-subtle);padding:8px 16px 8px 20px;font-weight:400}.tree-row{min-height:40px;padding:4px 16px 4px calc(12px + var(--depth,0) * 24px);border-bottom:1px solid var(--fg);position:relative}@supports (color:color-mix(in lab, red, red)){.tree-row{border-bottom:1px solid color-mix(in srgb, var(--fg) 5%, transparent)}}.tree-row{font-size:var(--text-sm);transition:background var(--dur-fast) var(--ease-out)}.tree-row:hover,.tree-row:focus-within{background:var(--fg)}@supports (color:color-mix(in lab, red, red)){.tree-row:hover,.tree-row:focus-within{background:color-mix(in srgb, var(--fg) 4%, transparent)}}.tree-row.is-root{min-height:46px}.tt-name{align-items:center;gap:4px;min-width:0;display:flex}.tt-toggle,.tt-toggle-spacer{flex:none;width:22px;height:22px}.tt-toggle{color:var(--fg-subtle);cursor:pointer;transition:background var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out);background:0 0;border:none;border-radius:6px;place-items:center;padding:0;display:grid}.tt-toggle svg{transition:transform var(--dur-base) var(--ease-out)}.tt-toggle[aria-expanded=true] svg{transform:rotate(90deg)}.tt-toggle:hover{color:var(--fg);background:var(--fg)}@supports (color:color-mix(in lab, red, red)){.tt-toggle:hover{background:color-mix(in srgb, var(--fg) 9%, transparent)}}.tree-tick{border:1.5px solid var(--fg);border-radius:50%;flex:none;place-items:center;width:18px;height:18px;margin:0 4px;padding:0;display:grid}@supports (color:color-mix(in lab, red, red)){.tree-tick{border:1.5px solid color-mix(in srgb, var(--fg) 32%, transparent)}}.tree-tick{color:#0000;cursor:pointer;transition:background var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out), transform var(--dur-base) var(--ease-spring);background:0 0}.tree-tick:hover{border-color:var(--accent);color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.tree-tick:hover{color:color-mix(in srgb, var(--accent) 60%, transparent)}}.tree-tick:active{transform:scale(.85)}.tree-tick[aria-pressed=true]{background:var(--accent-fill);border-color:var(--accent-fill);color:var(--accent-fg)}.row-start,.row-start-spacer{flex:none;width:24px;height:24px;margin-right:6px}.row-start{color:var(--fg-subtle);cursor:pointer;transition:color var(--dur-fast) var(--ease-out), background var(--dur-fast) var(--ease-out);background:0 0;border:none;border-radius:6px;place-items:center;padding:0;display:grid}.row-start:hover,.row-start:focus-visible{color:var(--accent-text);background:var(--fg)}@supports (color:color-mix(in lab, red, red)){.row-start:hover,.row-start:focus-visible{background:color-mix(in srgb, var(--fg) 8%, transparent)}}.tt-title-wrap{align-items:center;gap:8px;min-width:0;display:flex}.tree-title{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-weight:500;overflow:hidden}.tree-title.is-root{font-weight:600}.tree-title.is-done{color:var(--fg-muted);text-decoration:line-through;-webkit-text-decoration-color:var(--fg);-webkit-text-decoration-color:var(--fg);-webkit-text-decoration-color:var(--fg);text-decoration-color:var(--fg);font-weight:400}@supports (color:color-mix(in lab, red, red)){.tree-title.is-done{-webkit-text-decoration-color:color-mix(in srgb, var(--fg) 35%, transparent);-webkit-text-decoration-color:color-mix(in srgb, var(--fg) 35%, transparent);-webkit-text-decoration-color:color-mix(in srgb, var(--fg) 35%, transparent);text-decoration-color:color-mix(in srgb, var(--fg) 35%, transparent)}}.tree-color{vertical-align:.05em;border-radius:3px;width:9px;height:9px;margin-right:8px;display:inline-block}.tt-kind,.tt-count{background:var(--fg);border-radius:5px;flex:none;padding:1px 7px}@supports (color:color-mix(in lab, red, red)){.tt-kind,.tt-count{background:color-mix(in srgb, var(--fg) 7%, transparent)}}.tt-kind,.tt-count{font-size:var(--text-xs);color:var(--fg-muted)}.tt-count{color:var(--fg-subtle);background:0 0;padding:0}.tt-count-slot{box-sizing:border-box;font-size:var(--text-xs);color:var(--fg-subtle);justify-content:flex-start;align-items:center;padding-left:8px;display:inline-flex;overflow:visible}.tt-meta{display:none}.tt-cell{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:var(--text-xs);color:var(--fg-muted);overflow:hidden}.tt-time{align-items:center;gap:8px;display:flex}.tt-bar{border-radius:var(--radius-pill);background:var(--fg);flex:none;width:40px;height:4px}@supports (color:color-mix(in lab, red, red)){.tt-bar{background:color-mix(in srgb, var(--fg) 10%, transparent)}}.tt-bar{overflow:hidden}.tt-bar.is-empty{background:0 0}.tt-bar span{border-radius:inherit;background:var(--accent);height:100%;display:block}.tt-status-word{color:var(--fg-muted);align-items:center;gap:6px;display:inline-flex}.tt-dot{background:var(--status-ok);border-radius:50%;width:7px;height:7px}.tt-status-word.is-done .tt-dot{background:var(--status-info)}.tt-status-word.is-behind .tt-dot{background:var(--status-warn)}.tt-status-word.is-critical .tt-dot,.tt-status-word.is-overdue .tt-dot{background:var(--status-bad)}.tt-status-word.is-no-estimate .tt-dot{background:var(--fg-subtle)}.tt-status-word.is-behind,.tt-status-word.is-critical,.tt-status-word.is-overdue{color:var(--fg)}.row-actions{opacity:0;transition:opacity var(--dur-fast) var(--ease-out);justify-content:flex-end;gap:2px;display:flex}.tree-row:hover .row-actions,.tree-row:focus-within .row-actions{opacity:1}.tt-action{width:28px;height:28px;color:var(--fg-subtle);cursor:pointer;background:0 0;border:none;border-radius:6px;place-items:center;padding:0;display:grid}.tt-action:hover{color:var(--fg);background:var(--fg)}@supports (color:color-mix(in lab, red, red)){.tt-action:hover{background:color-mix(in srgb, var(--fg) 9%, transparent)}}.tree-done-toggle{width:100%;min-height:34px;padding:4px 16px 4px calc(12px + 26px + var(--depth,0) * 24px);border:none;border-bottom:1px solid var(--fg);align-items:center;gap:6px;display:flex}@supports (color:color-mix(in lab, red, red)){.tree-done-toggle{border-bottom:1px solid color-mix(in srgb, var(--fg) 5%, transparent)}}.tree-done-toggle{font:inherit;font-size:var(--text-xs);color:var(--fg-subtle);text-align:left;cursor:pointer;background:0 0}.tree-done-toggle:hover,.tree-done-toggle:focus-visible{color:var(--fg);background:var(--fg)}@supports (color:color-mix(in lab, red, red)){.tree-done-toggle:hover,.tree-done-toggle:focus-visible{background:color-mix(in srgb, var(--fg) 4%, transparent)}}.tt-done-chevron{transition:transform var(--dur-base) var(--ease-out)}.tree-done-toggle[aria-expanded=true] .tt-done-chevron{transform:rotate(90deg)}.tag-chip,.tag-swatch{--tag:#8e8e93}.tag-chip.is-red,.tag-swatch.is-red{--tag:#e5534b}.tag-chip.is-orange,.tag-swatch.is-orange{--tag:#e8853d}.tag-chip.is-yellow,.tag-swatch.is-yellow{--tag:#d4ae2f}.tag-chip.is-green,.tag-swatch.is-green{--tag:#4fae7a}.tag-chip.is-blue,.tag-swatch.is-blue{--tag:#4a90d9}.tag-chip.is-purple,.tag-swatch.is-purple{--tag:#9a6fd6}.tag-chip.is-pink,.tag-swatch.is-pink{--tag:#d6649f}.tag-chip.is-brown,.tag-swatch.is-brown{--tag:#a87c5f}.tag-chip{background:var(--tag);border-radius:5px;flex:0 auto;align-items:center;gap:2px;min-width:0;max-width:100%;height:20px;padding:0 7px;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.tag-chip{background:color-mix(in srgb, var(--tag) 24%, transparent)}}.tag-chip{color:var(--tag)}@supports (color:color-mix(in lab, red, red)){.tag-chip{color:color-mix(in srgb, var(--tag) 45%, var(--fg))}}.tag-chip{font-size:var(--text-xs);white-space:nowrap;font-weight:400;line-height:1}.tag-chip-name{text-overflow:ellipsis;min-width:0;overflow:hidden}.tag-chip-x{width:14px;height:14px;color:inherit;opacity:.7;cursor:pointer;background:0 0;border:none;border-radius:3px;place-items:center;margin-right:-3px;padding:0;display:grid}.tag-chip-x:hover{opacity:1;background:var(--tag)}@supports (color:color-mix(in lab, red, red)){.tag-chip-x:hover{background:color-mix(in srgb, var(--tag) 30%, transparent)}}.tt-tags-button{width:calc(100% + 6px);min-height:28px;color:inherit;font:inherit;text-align:left;cursor:pointer;transition:background var(--dur-fast) var(--ease-out);background:0 0;border:none;border-radius:6px;flex-wrap:wrap;align-items:center;gap:4px;margin-left:-6px;padding:2px 6px;display:flex;overflow:hidden}.tt-tags-button:hover,.tt-tags-button:focus-visible{background:var(--fg)}@supports (color:color-mix(in lab, red, red)){.tt-tags-button:hover,.tt-tags-button:focus-visible{background:color-mix(in srgb, var(--fg) 7%, transparent)}}.tt-tags-empty{color:var(--fg-subtle);opacity:0;transition:opacity var(--dur-fast) var(--ease-out);flex:none}.tree-row:hover .tt-tags-empty,.tt-tags-button:focus-visible .tt-tags-empty{opacity:1}.tt-name:has(.tt-tags-inline){flex-wrap:wrap;row-gap:2px}.tt-name:has(.tt-tags-inline) .tt-title-wrap{flex:1 1 0}.tt-tags-inline{text-align:left;cursor:pointer;background:0 0;border:none;flex-wrap:wrap;flex-basis:100%;gap:4px;min-width:0;padding:0 0 4px 90px;display:flex}.tt-tags{display:none}@container tasks (width>=960px){.tt-name:has(.tt-tags-inline){flex-wrap:nowrap}.tt-head,.tree-row{grid-template-columns:minmax(0,1fr) 176px 112px 196px 104px 96px}.tt-tags{display:block}.tt-tags-inline,.tt-tag-action{display:none}}.tag-manager{padding:var(--card-pad);flex-direction:column;gap:14px;display:flex}.tag-manager-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 16px;display:flex}.tag-manager-new{align-items:center;gap:8px;display:flex}.tag-manager-input{width:200px;height:34px;font-size:var(--text-sm)}.tag-manager-empty{font-size:var(--text-sm);color:var(--fg-muted)}.tag-manager-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:10px;display:grid}.tag-tile{border-radius:var(--radius-md);background:var(--fg);flex-direction:column;gap:8px;min-width:0;padding:12px 12px 10px 14px;display:flex}@supports (color:color-mix(in lab, red, red)){.tag-tile{background:color-mix(in srgb, var(--fg) 4%, transparent)}}.tag-tile-head{justify-content:space-between;align-items:center;gap:10px;min-height:28px;display:flex}.tag-tile-name{flex:auto;height:28px}.tag-tile-count{font-size:var(--text-xs);color:var(--fg-subtle);flex:none}.tag-tile-where{-webkit-line-clamp:2;font-size:var(--text-xs);color:var(--fg-muted);-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.tag-tile-foot{justify-content:space-between;align-items:center;gap:8px;margin-top:auto;display:flex}.tag-tile .tag-edit-colors{gap:5px}.tag-tile .tag-swatch{width:16px;height:16px}.tag-tile-actions{gap:2px;display:flex}.tag-tile-sure{font-size:var(--text-sm);flex-direction:column;gap:8px;display:flex}.tag-manager .tag-edit-name:focus-visible{box-shadow:none;border-color:var(--accent);outline:none}@media (width<=520px){.tag-manager-new{flex:100%;min-width:0}.tag-manager-input{flex:1 1 0;width:0}}.glass.tag-pop{z-index:45;border-radius:var(--radius-md);max-height:min(380px,100vh - 16px);color:var(--fg);flex-direction:column;display:flex;position:fixed;overflow:hidden}.tag-pop-scrim{z-index:46;background:var(--overlay-scrim);animation:fade-in var(--dur-base) var(--ease-out);position:fixed;inset:0}.glass.tag-pop.is-sheet{z-index:47;left:0;right:0;top:calc(var(--vv-top,0px) + var(--vv-height,100dvh));max-height:min(70dvh, calc(var(--vv-height,100dvh) - 48px));border-radius:var(--radius-xl) var(--radius-xl) 0 0;padding-bottom:env(safe-area-inset-bottom);animation:.32s cubic-bezier(.32,.72,0,1) tag-sheet-up;transform:translateY(-100%)}.tag-pop.is-sheet .tag-pop-field{min-height:52px;padding:12px 16px}.tag-pop.is-sheet .tag-pop-option{min-height:48px}.tag-pop.is-sheet .tag-pop-more{width:38px;height:38px}@keyframes tag-sheet-up{0%{transform:translateY(0)}}:root[data-motion=off] .tag-pop.is-sheet,:root[data-motion=off] .tag-pop-scrim{animation:none}@media (prefers-reduced-motion:reduce){:root:not([data-motion=on]) .tag-pop.is-sheet,:root:not([data-motion=on]) .tag-pop-scrim{animation:none}}.tag-pop-field{border-bottom:1px solid var(--border);background:var(--fg);flex-wrap:wrap;align-items:center;gap:4px;padding:8px 10px;display:flex}@supports (color:color-mix(in lab, red, red)){.tag-pop-field{background:color-mix(in srgb, var(--fg) 4%, transparent)}}.tag-pop-field{cursor:text}.tag-pop-input{min-width:60px;color:inherit;font:inherit;font-size:var(--text-sm);background:0 0;border:none;outline:none;flex:80px;padding:3px 2px}.tag-pop .tag-pop-input:focus-visible{box-shadow:none}.tag-pop-input::placeholder{color:var(--fg-subtle)}.tag-pop-list{padding:6px;overflow-y:auto}.tag-pop-hint{font-size:var(--text-xs);color:var(--fg-subtle);padding:4px 8px 6px}.tag-pop-option{cursor:pointer;border-radius:6px;align-items:center;gap:8px;min-height:32px;padding:3px 4px 3px 8px;display:flex}.tag-pop-option.is-active{background:var(--fg)}@supports (color:color-mix(in lab, red, red)){.tag-pop-option.is-active{background:color-mix(in srgb, var(--fg) 8%, transparent)}}.tag-pop-check{color:var(--fg-muted);place-items:center;margin-left:auto;display:grid}.tag-pop-more{width:26px;height:26px;color:var(--fg-subtle);cursor:pointer;opacity:0;background:0 0;border:none;border-radius:6px;flex:none;place-items:center;padding:0;display:grid}.tag-pop-option.is-active .tag-pop-more,.tag-pop-more:focus-visible{opacity:1}.tag-pop-more:hover{color:var(--fg);background:var(--fg)}@supports (color:color-mix(in lab, red, red)){.tag-pop-more:hover{background:color-mix(in srgb, var(--fg) 9%, transparent)}}.tag-pop-create{font-size:var(--text-sm);color:var(--fg-muted)}.tag-edit{flex-direction:column;gap:10px;padding:8px 10px 10px;display:flex}.tag-edit-back{color:var(--fg-muted);font:inherit;font-size:var(--text-xs);cursor:pointer;background:0 0;border:none;align-self:flex-start;align-items:center;gap:2px;padding:2px 4px 2px 0;display:inline-flex}.tag-edit-back:hover{color:var(--fg)}.tag-edit-name{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--fg);width:100%;height:34px;padding:0 10px}@supports (color:color-mix(in lab, red, red)){.tag-edit-name{background:color-mix(in srgb, var(--fg) 5%, transparent)}}.tag-edit-name{color:inherit;font:inherit;font-size:var(--text-sm)}.tag-pop .tag-edit-name:focus-visible{box-shadow:none;border-color:var(--accent);outline:none}.tag-edit-colors{flex-wrap:wrap;gap:7px;padding:2px;display:flex}.tag-swatch{background:var(--tag);border:none;border-radius:50%;width:22px;height:22px;padding:0}@supports (color:color-mix(in lab, red, red)){.tag-swatch{background:color-mix(in srgb, var(--tag) 75%, transparent)}}.tag-swatch{cursor:pointer}.tag-swatch[aria-checked=true]{outline:2px solid var(--fg);outline-offset:2px}.tag-edit-sure{font-size:var(--text-sm);flex-direction:column;gap:8px;display:flex}.tag-edit-actions{gap:6px;display:flex}.tag-edit-delete{align-self:flex-start}@media (hover:none){.tt-tags-empty{opacity:.6}.tag-pop-more{opacity:1}}.tree-grip{width:14px;height:26px;color:var(--fg-subtle);cursor:grab;opacity:0;transition:opacity var(--dur-fast) var(--ease-out);background:0 0;border:none;border-radius:4px;place-items:center;padding:0;display:grid;position:absolute;top:50%;left:0;transform:translateY(-50%)}.tree-grip:active{cursor:grabbing}.tree-row:hover .tree-grip,.tree-grip:focus-visible{opacity:1}.tree-grip:hover{color:var(--fg)}@media (hover:none){.tree-grip,.row-actions{opacity:1}}.tree-root{position:relative}.tree-root.is-dragging{opacity:.45}.tree-root.is-drop-before:before,.tree-root.is-drop-after:after{content:"";background:var(--accent);z-index:1;pointer-events:none;border-radius:2px;height:2px;position:absolute;left:8px;right:8px}.tree-root.is-drop-before:before{top:-1px}.tree-root.is-drop-after:after{bottom:-1px}@media (width<=760px){.tt-head{display:none}.tree-row{padding-left:calc(6px + var(--depth,0) * 14px);grid-template-columns:minmax(0,1fr) auto;padding-right:8px}.tt-name{flex-wrap:wrap;row-gap:0}.tt-title-wrap{flex:1 1 0}.tt-meta{text-overflow:ellipsis;white-space:nowrap;font-size:var(--text-xs);color:var(--fg-muted);flex-basis:100%;padding:0 0 4px 64px;display:block;overflow:hidden}.tt-meta:empty{display:none}.tt-tags-inline{padding:0 0 2px 64px}.tt-cell{display:none}.row-start{margin-right:2px}.tree-done-toggle{padding-left:calc(6px + 26px + var(--depth,0) * 14px)}}.start-panel{padding:var(--card-pad);flex-direction:column;gap:16px;display:flex}.start-panel-main{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px 24px;display:flex}.start-panel-title{font-size:var(--text-xl);font-weight:500}.start-panel-sub{font-size:var(--text-sm);color:var(--fg-muted);margin-top:3px}.start-panel-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.start-panel-go{min-width:196px}@media (width<=560px){.start-panel-actions{flex-direction:column-reverse;align-items:stretch;width:100%}.start-panel-actions .btn{width:100%}}.start-pressing{border-top:1px solid var(--border);flex-direction:column;padding-top:12px;display:flex}.start-pressing-toggle{font:inherit;font-size:var(--text-sm);color:var(--fg);cursor:pointer;background:0 0;border:none;align-self:flex-start;align-items:center;gap:8px;padding:4px 8px 4px 0;font-weight:500;display:inline-flex}.start-pressing-count{border-radius:var(--radius-pill);background:var(--fg);place-items:center;min-width:20px;height:20px;padding:0 6px;display:inline-grid}@supports (color:color-mix(in lab, red, red)){.start-pressing-count{background:color-mix(in srgb, var(--fg) 10%, transparent)}}.start-pressing-count{font-size:var(--text-xs);letter-spacing:0;color:var(--fg-muted);font-weight:600}.start-pressing-chevron{color:var(--fg-subtle);transition:transform var(--dur-slow) var(--ease-out)}.start-pressing-toggle[aria-expanded=false] .start-pressing-chevron{transform:rotate(-90deg)}.start-pressing-list{flex-direction:column;gap:2px;padding-top:6px;display:flex}.start-pressing-item{border-radius:var(--radius-md);width:calc(100% + 20px);font:inherit;color:inherit;text-align:left;cursor:pointer;transition:background var(--dur-fast) var(--ease-out);background:0 0;border:none;justify-content:space-between;align-items:center;gap:12px;margin:0 -10px;padding:9px 10px;display:flex}.start-pressing-item:hover,.start-pressing-item:focus-visible{background:var(--fg)}@supports (color:color-mix(in lab, red, red)){.start-pressing-item:hover,.start-pressing-item:focus-visible{background:color-mix(in srgb, var(--fg) 7%, transparent)}}.start-pressing-text{flex-direction:column;min-width:0;display:flex}.start-pressing-title{font-size:var(--text-sm);text-overflow:ellipsis;white-space:nowrap;font-weight:500;overflow:hidden}.start-pressing-where{font-size:var(--text-xs);color:var(--fg-subtle);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.start-pressing-meta{flex-shrink:0;align-items:center;gap:10px;display:inline-flex}.start-pressing-mins{text-align:right;min-width:3.5em;font-size:var(--text-sm);font-weight:500}.start-pressing-go{color:var(--fg-subtle);transition:transform var(--dur-fast) var(--ease-out)}.start-pressing-item:hover .start-pressing-go{transform:translate(2px)}@media (width<=480px){.start-pressing-meta .chip{display:none}}.node-card.is-spotlit{animation:spotlight 1.6s var(--ease-out)}@keyframes spotlight{0%,to{box-shadow:0 0 #0000}40%{box-shadow:0 0 0 4px var(--accent)}}:root[data-motion=off] .node-card.is-spotlit{animation:none}@media (prefers-reduced-motion:reduce){:root:not([data-motion=on]) .node-card.is-spotlit{animation:none}}.picker{flex-direction:column;gap:8px;display:flex}.picker-chosen{border-radius:var(--radius-md);background:var(--accent-soft);border:1px solid var(--accent);align-items:baseline;gap:8px;padding:10px 14px;display:flex}@supports (color:color-mix(in lab, red, red)){.picker-chosen{border:1px solid color-mix(in srgb, var(--accent) 35%, transparent)}}.picker-chosen{font-size:var(--text-sm)}.picker-chosen.is-empty{background:var(--fg)}@supports (color:color-mix(in lab, red, red)){.picker-chosen.is-empty{background:color-mix(in srgb, var(--fg) 5%, transparent)}}.picker-chosen.is-empty{color:var(--fg-muted);border-color:#0000}.picker-chosen.is-empty .picker-chosen-dot{background:var(--fg-subtle)}.picker-chosen-dot{background:var(--accent);border-radius:50%;flex-shrink:0;align-self:center;width:8px;height:8px}.picker-chosen-title{font-weight:600}.picker-chosen-where{color:var(--fg-muted);font-size:var(--text-xs);min-width:0}.picker-search{align-items:center;display:flex;position:relative}.picker-search-icon{color:var(--fg-subtle);pointer-events:none;position:absolute;left:12px}.picker-search-input{border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--fg);width:100%;height:38px;padding:0 34px 0 36px}@supports (color:color-mix(in lab, red, red)){.picker-search-input{background:color-mix(in srgb, var(--fg) 5%, transparent)}}.picker-search-input{font:inherit;font-size:var(--text-sm);color:var(--fg)}.picker-search-input::placeholder{color:var(--fg-subtle)}.picker-search-input:focus{border-color:var(--accent);outline:none}@supports (color:color-mix(in lab, red, red)){.picker-search-input:focus{border-color:color-mix(in srgb, var(--accent) 60%, transparent)}}.picker-search-input::-webkit-search-cancel-button{display:none}.picker-search-clear{background:var(--fg);border:none;border-radius:50%;place-items:center;width:22px;height:22px;display:grid;position:absolute;right:8px}@supports (color:color-mix(in lab, red, red)){.picker-search-clear{background:color-mix(in srgb, var(--fg) 10%, transparent)}}.picker-search-clear{color:var(--fg-muted);cursor:pointer}.picker-bar{grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;min-height:28px;padding:0 2px;display:grid}.picker-bar>:last-child{justify-self:end}.picker-heading{font-size:var(--text-sm);text-align:center;font-weight:600}.picker-above{color:var(--fg-subtle);font-weight:400}.picker-nav{border-radius:var(--radius-pill);font:inherit;font-size:var(--text-sm);color:var(--accent);cursor:pointer;transition:background var(--dur-fast) var(--ease-out);background:0 0;border:none;align-items:center;gap:4px;padding:4px 10px;display:inline-flex}.picker-nav:hover{background:var(--fg)}@supports (color:color-mix(in lab, red, red)){.picker-nav:hover{background:color-mix(in srgb, var(--fg) 8%, transparent)}}.picker-list{border-radius:var(--radius-md);background:var(--fg);flex:none;height:264px;padding:4px;overflow:auto}@supports (color:color-mix(in lab, red, red)){.picker-list{background:color-mix(in srgb, var(--fg) 5%, transparent)}}.picker-list{flex-direction:column;gap:2px;display:flex}.picker-row{border-radius:var(--radius-sm);width:100%;min-height:44px;font:inherit;color:inherit;text-align:left;cursor:pointer;transition:background var(--dur-fast) var(--ease-out);background:0 0;border:none;align-items:center;gap:10px;padding:8px 12px;display:flex}.picker-row:hover,.picker-row:focus-visible{background:var(--fg)}@supports (color:color-mix(in lab, red, red)){.picker-row:hover,.picker-row:focus-visible{background:color-mix(in srgb, var(--fg) 7%, transparent)}}.picker-row.is-chosen,.picker-folder.is-chosen .picker-row{background:var(--accent-soft);box-shadow:inset 3px 0 0 var(--accent)}.picker-row-icon{color:var(--accent);flex-shrink:0}.picker-row-text{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.picker-row-title{font-size:var(--text-sm);text-overflow:ellipsis;white-space:nowrap;font-weight:500;overflow:hidden}.picker-row-sub{font-size:var(--text-xs);color:var(--fg-muted)}.picker-count{font-size:var(--text-xs);color:var(--fg-subtle);flex-shrink:0}.picker-chevron,.picker-check{color:var(--fg-muted);flex-shrink:0}.picker-check{color:var(--accent)}.picker-folder{align-items:stretch;gap:2px;display:flex}.picker-folder .picker-open{flex:1;min-width:0}.picker-whole{border-radius:var(--radius-sm);color:var(--fg-subtle);cursor:pointer;transition:color var(--dur-fast) var(--ease-out), background var(--dur-fast) var(--ease-out);background:0 0;border:none;flex-shrink:0;align-items:center;padding:0 10px;display:inline-flex}.picker-whole:hover,.picker-whole:focus-visible{color:var(--accent);background:var(--fg)}@supports (color:color-mix(in lab, red, red)){.picker-whole:hover,.picker-whole:focus-visible{background:color-mix(in srgb, var(--fg) 7%, transparent)}}.picker-whole[aria-pressed=true]{color:var(--accent)}.picker-empty{text-align:center;font-size:var(--text-sm);color:var(--fg-muted);margin:auto 0;padding:12px}.ss-form{flex-direction:column;gap:24px;display:flex}.ss-subject{border:1px solid var(--accent);align-items:center;gap:12px;width:100%;min-height:76px;padding:14px 14px 14px 18px;display:flex}@supports (color:color-mix(in lab, red, red)){.ss-subject{border:1px solid color-mix(in srgb, var(--accent) 35%, transparent)}}.ss-subject{border-radius:var(--radius-lg);background:var(--accent-soft);color:inherit;font:inherit;text-align:left;cursor:pointer;transition:background var(--dur-fast) var(--ease-out)}.ss-subject.is-empty{border-color:var(--border);background:var(--fg)}@supports (color:color-mix(in lab, red, red)){.ss-subject.is-empty{background:color-mix(in srgb, var(--fg) 5%, transparent)}}.ss-subject:active:not(.is-locked){background:var(--fg)}@supports (color:color-mix(in lab, red, red)){.ss-subject:active:not(.is-locked){background:color-mix(in srgb, var(--fg) 10%, transparent)}}.ss-subject.is-locked{cursor:default}.ss-subject-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.ss-subject-label{font-size:var(--text-xs);color:var(--fg-muted)}.ss-subject-title{font-size:var(--text-lg);overflow-wrap:anywhere;font-weight:600;line-height:1.25}.ss-subject.is-empty .ss-subject-title{color:var(--accent-text);font-weight:500}.ss-subject-where{font-size:var(--text-sm);color:var(--fg-muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ss-subject-chevron{color:var(--fg-muted);flex:none}.segmented.ss-seg{grid-auto-columns:1fr;grid-auto-flow:column;width:100%;display:grid;overflow:visible}.ss-seg .segmented-item{min-height:42px;font-size:var(--text-sm);white-space:normal;padding:4px 6px;line-height:1.15}.ss-stepper{border-radius:var(--radius-pill);background:var(--fg);grid-template-columns:52px 1fr 52px;align-items:center;height:56px;margin-top:4px;padding:4px;display:grid}@supports (color:color-mix(in lab, red, red)){.ss-stepper{background:color-mix(in srgb, var(--fg) 7%, transparent)}}.ss-step{background:var(--fg);border:none;border-radius:50%;place-items:center;width:48px;height:48px;display:grid}@supports (color:color-mix(in lab, red, red)){.ss-step{background:color-mix(in srgb, var(--fg) 9%, transparent)}}.ss-step{color:var(--fg);cursor:pointer;transition:background var(--dur-fast) var(--ease-out)}.ss-step:active:not(:disabled){background:var(--fg)}@supports (color:color-mix(in lab, red, red)){.ss-step:active:not(:disabled){background:color-mix(in srgb, var(--fg) 18%, transparent)}}.ss-step:disabled{opacity:.4;cursor:default}.ss-step-value{justify-content:center;align-items:baseline;display:flex}.ss-step-input{width:4ch;color:var(--fg);text-align:right;appearance:textfield;background:0 0;border:none;font-size:1.375rem;font-weight:600}.ss-step-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.ss-step-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.ss-step-input:focus-visible{box-shadow:none;text-decoration:underline;-webkit-text-decoration-color:var(--accent);-webkit-text-decoration-color:var(--accent);-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent);text-underline-offset:6px;outline:none}.ss-step-unit{font-size:var(--text-sm);color:var(--fg-muted);margin-left:.3em}.input.ss-time{text-align:center;height:52px;font-size:1.25rem}.ss-actions{width:100%;display:flex}.btn.ss-start{height:52px;font-size:var(--text-base);flex:1}.ss-cover{z-index:2;background:var(--glass-solid);visibility:hidden;transition:transform .36s cubic-bezier(.32,.72,0,1),visibility 0s linear .36s;position:absolute;inset:0;transform:translate(100%)}.ss-cover.is-open{visibility:visible;transition:transform .36s cubic-bezier(.32,.72,0,1),visibility;transform:none}.ss-page{flex-direction:column;height:100%;display:flex}.ss-page-head{min-height:56px;padding:max(8px, env(safe-area-inset-top)) max(12px, env(safe-area-inset-right)) 8px max(6px, env(safe-area-inset-left));border-bottom:1px solid var(--border);flex:none;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;display:grid}.ss-back{border-radius:var(--radius-pill);max-width:100%;min-height:44px;color:var(--accent-text);font:inherit;font-size:var(--text-base);cursor:pointer;background:0 0;border:none;justify-self:start;align-items:center;gap:2px;padding:0 8px 0 2px;display:inline-flex}.ss-back:active{opacity:.6}.ss-page-title{max-width:52vw;font-size:var(--text-base);text-align:center;font-weight:600}.ss-page-scroll{overscroll-behavior:contain;min-height:0;padding:14px max(16px, env(safe-area-inset-right)) max(24px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));flex:1;overflow-y:auto}.ss-search{align-items:center;margin-bottom:14px;display:flex;position:relative}.ss-search-icon{color:var(--fg-subtle);pointer-events:none;position:absolute;left:12px}.ss-search-input{background:var(--fg);border:none;border-radius:12px;width:100%;height:42px;padding:0 40px 0 38px}@supports (color:color-mix(in lab, red, red)){.ss-search-input{background:color-mix(in srgb, var(--fg) 8%, transparent)}}.ss-search-input{color:var(--fg);font:inherit}.ss-search-input::placeholder{color:var(--fg-subtle)}.ss-search-input:focus-visible{box-shadow:inset 0 0 0 1.5px var(--accent);outline:none}@supports (color:color-mix(in lab, red, red)){.ss-search-input:focus-visible{box-shadow:inset 0 0 0 1.5px color-mix(in srgb, var(--accent) 70%, transparent)}}.ss-search-input::-webkit-search-cancel-button{display:none}.ss-search-clear{background:var(--fg);border:none;border-radius:50%;place-items:center;width:30px;height:30px;display:grid;position:absolute;right:6px}@supports (color:color-mix(in lab, red, red)){.ss-search-clear{background:color-mix(in srgb, var(--fg) 12%, transparent)}}.ss-search-clear{color:var(--fg-muted);cursor:pointer}.ss-list{border-radius:var(--radius-lg);background:var(--fg);overflow:hidden}@supports (color:color-mix(in lab, red, red)){.ss-list{background:color-mix(in srgb, var(--fg) 5%, transparent)}}.ss-list>li+li{border-top:1px solid var(--border)}.ss-row{width:100%;min-height:54px;color:inherit;font:inherit;text-align:left;cursor:pointer;transition:background var(--dur-fast) var(--ease-out);background:0 0;border:none;align-items:center;gap:12px;padding:10px 14px 10px 16px;display:flex}.ss-row:active{background:var(--fg)}@supports (color:color-mix(in lab, red, red)){.ss-row:active{background:color-mix(in srgb, var(--fg) 9%, transparent)}}.ss-row:focus-visible{box-shadow:inset 0 0 0 2px var(--accent);border-radius:0}.ss-row-icon{color:var(--accent-text);flex:none;place-items:center;display:grid}.ss-row-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.ss-row-title{font-size:var(--text-base);overflow-wrap:anywhere}.ss-row.is-chosen .ss-row-title{font-weight:600}.ss-row-sub{font-size:var(--text-sm);color:var(--fg-muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ss-row-count{font-size:var(--text-sm);color:var(--fg-subtle);flex:none}.ss-row-chevron{color:var(--fg-subtle);flex:none;margin-left:-6px}.ss-row-check{color:var(--accent-text);flex:none}.ss-empty{text-align:center;font-size:var(--text-sm);color:var(--fg-muted);padding:18px 16px}.ss-level[data-dir=in]{animation:.3s cubic-bezier(.32,.72,0,1) ss-from-right}.ss-level[data-dir=out]{animation:.3s cubic-bezier(.32,.72,0,1) ss-from-left}@keyframes ss-from-right{0%{opacity:0;transform:translate(24%)}}@keyframes ss-from-left{0%{opacity:0;transform:translate(-24%)}}:root[data-motion=off] .ss-cover,:root[data-motion=off] .ss-cover.is-open{transition:none}:root[data-motion=off] .ss-level{animation:none}@media (prefers-reduced-motion:reduce){:root:not([data-motion=on]) .ss-cover,:root:not([data-motion=on]) .ss-cover.is-open{transition:none}:root:not([data-motion=on]) .ss-level{animation:none}}.settings-section{flex-direction:column;gap:16px;padding:20px;display:flex}.settings-section h2{font-size:var(--text-lg);font-weight:600}.settings-group-head{border-top:1px solid var(--border);font-size:var(--text-base);margin-top:8px;padding-top:18px;font-weight:600}.privacy-promise{border-radius:var(--radius-lg);background:var(--fg);flex-direction:column;gap:8px;padding:14px 16px;display:flex}@supports (color:color-mix(in lab, red, red)){.privacy-promise{background:color-mix(in srgb, var(--fg) 6%, transparent)}}.privacy-lead{font-weight:600}.privacy-points{color:var(--fg-muted);font-size:var(--text-sm);flex-direction:column;gap:6px;padding-left:18px;list-style:outside;display:flex}.settings-layout{grid-template-columns:216px minmax(0,1fr);align-items:start;gap:20px;display:grid}.settings-main{flex-direction:column;gap:16px;min-width:0;display:flex}.settings-nav{flex-direction:column;gap:10px;padding:12px;display:flex;position:sticky;top:88px}@media (width>=768px){:root[data-nav^=sidebar] .settings-nav{top:24px}}.settings-search{border-radius:var(--radius-pill);background:var(--fg);align-items:center;gap:8px;padding:0 10px;display:flex}@supports (color:color-mix(in lab, red, red)){.settings-search{background:color-mix(in srgb, var(--fg) 7%, transparent)}}.settings-search{color:var(--fg-muted)}.settings-search .input{background:0 0;border:0;flex:1;min-width:0;padding:6px 0}.settings-search .input:focus{outline:none}.settings-search:focus-within{outline:2px solid var(--accent);outline-offset:1px}.settings-nav ul{flex-direction:column;gap:2px;display:flex}.settings-nav-link{text-align:left;border-radius:var(--radius-md);width:100%;font-size:var(--text-sm);color:var(--fg-muted);transition:background var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out);padding:7px 10px;display:block}.settings-nav-link:hover{background:var(--fg)}@supports (color:color-mix(in lab, red, red)){.settings-nav-link:hover{background:color-mix(in srgb, var(--fg) 7%, transparent)}}.settings-nav-link:hover{color:var(--fg)}.settings-nav-link[aria-current=true]{background:var(--fg)}@supports (color:color-mix(in lab, red, red)){.settings-nav-link[aria-current=true]{background:color-mix(in srgb, var(--fg) 11%, transparent)}}.settings-nav-link[aria-current=true]{color:var(--fg);box-shadow:inset 3px 0 0 var(--accent);font-weight:600}@media (width<=860px){.settings-layout{grid-template-columns:1fr}.settings-nav{position:static}.settings-nav ul{flex-flow:wrap}.settings-nav-link{width:auto}}.tracker-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr));gap:16px;display:grid}.days-panel{padding:var(--card-pad);flex-wrap:wrap;align-items:center;gap:20px 40px;display:flex}.days-panel-grid{flex:360px;min-width:0}.days-panel-stats{flex-wrap:wrap;gap:28px;margin:0;display:flex}.days-panel-stats div{flex-direction:column;gap:2px;display:flex}.days-panel-stats dt{font-size:var(--text-sm);color:var(--fg-muted);font-weight:400}.days-panel-stats dd{font-family:var(--font-display);letter-spacing:-.01em;margin:0;font-size:1.75rem;font-weight:700;line-height:1.05}.days-panel-stats small{letter-spacing:0;color:var(--fg-muted);margin-left:.3em;font-size:.45em;font-weight:500}.grade-percent{font-size:var(--text-2xl);font-weight:600;line-height:1.1}.grades-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 16px;display:flex}.grades-toolbar-end{flex-wrap:wrap;align-items:center;gap:8px;margin-left:auto;display:flex}.grades-pill{border-radius:var(--radius-pill);background:var(--fg);align-items:center;gap:8px;height:38px;padding:0 6px 0 14px;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.grades-pill{background:color-mix(in srgb, var(--fg) 7%, transparent)}}.grades-pill{font-size:var(--text-sm)}.grades-pill .input{border-radius:var(--radius-pill);text-align:center;font-variant-numeric:tabular-nums;appearance:textfield;width:46px;height:28px;padding:0 4px}.grades-pill .input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.grades-pill .input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.grades-pill-value{font-weight:600}.grades-pill-letter{border-radius:var(--radius-pill);background:var(--fg);padding:3px 10px}@supports (color:color-mix(in lab, red, red)){.grades-pill-letter{background:color-mix(in srgb, var(--fg) 9%, transparent)}}.grades-pill-letter{font-weight:500}.grades-pill>:last-child:not(.grades-pill-letter){margin-right:8px}.table-wrap{overflow-x:auto}.data-table{border-collapse:collapse;width:100%;font-size:var(--text-sm)}.data-table th,.data-table td{text-align:left;border-bottom:1px solid var(--border);vertical-align:middle;padding:6px 8px}.data-table th{color:var(--fg-muted);white-space:nowrap;font-weight:500}.data-table tr:last-child td{border-bottom:0}.grade-table .grade-num{text-align:right;width:108px}.grade-table .grade-num .input{text-align:right;font-variant-numeric:tabular-nums}.grade-table .input{padding:5px 8px}.greeting-line{font-size:var(--text-lg);color:var(--fg-muted);text-wrap:pretty;max-width:46ch;margin-top:8px;line-height:1.4}.due-list{grid-template-columns:auto minmax(0,1fr) auto auto;column-gap:12px;display:grid;container-type:inline-size}.due-row{grid-column:1/-1;grid-template-columns:subgrid;border-bottom:1px solid var(--border);font-size:var(--text-sm);align-items:center;padding:10px 0;display:grid}.due-row:last-child{border-bottom:0;padding-bottom:0}.due-when{color:var(--fg-muted);font-size:var(--text-xs);white-space:nowrap;font-weight:400}.due-when[data-overdue]{color:var(--status-bad)}@supports (color:color-mix(in lab, red, red)){.due-when[data-overdue]{color:color-mix(in srgb, var(--status-bad) 60%, var(--fg))}}.due-title{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-weight:450;overflow:hidden}.due-time{white-space:nowrap}.due-status{padding-left:40px;display:flex}@container (width<=460px){.due-row{row-gap:4px}.due-title{grid-area:1/1/auto/4}.due-status{grid-area:1/4;padding-left:0}.due-when{grid-area:2/1/auto/4}.due-time{grid-area:2/4}}.node-card{padding:var(--card-pad);transition:transform var(--dur-slow) var(--ease-out);flex-direction:column;gap:14px;display:flex}.node-card-head{align-items:flex-start;gap:10px;display:flex}.node-card-where{font-size:var(--text-xs);color:var(--fg-subtle);text-overflow:ellipsis;white-space:nowrap;font-weight:400;overflow:hidden}.node-card-title{font-size:var(--text-lg);text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-weight:500;line-height:1.25;overflow:hidden}.node-card-tags{flex-wrap:wrap;gap:4px;margin-top:8px;display:flex}.node-card-progress{flex-direction:column;gap:8px;display:flex}.node-card-progress .progress{height:8px}.node-card-figures{align-items:baseline;gap:6px;display:flex}.node-card-logged{font-family:var(--font-display);font-size:var(--text-2xl);letter-spacing:-.01em;font-weight:500;line-height:1}.node-card-of{font-size:var(--text-sm);color:var(--fg-muted)}.node-card-pct{font-size:var(--text-sm);margin-left:auto;font-weight:400}.node-card-foot{justify-content:space-between;align-items:flex-end;gap:12px;margin-top:auto;display:flex}.node-card-meta{min-width:0;font-size:var(--text-xs);color:var(--fg-muted);flex-direction:column;gap:1px;display:flex}.node-card-due{color:var(--fg-muted);font-weight:400}.node-card-play{cursor:pointer;width:42px;height:42px;color:var(--accent-fg);background:var(--accent-fill);transition:transform var(--dur-base) var(--ease-spring);border:none;border-radius:50%;flex:none;place-items:center;padding:0 0 0 2px;display:grid}.node-card-play:hover{transform:scale(1.06)}.node-card-play:active{transform:scale(.92)}.swatch{cursor:pointer;border:2px solid #0000;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;display:inline-flex;position:relative}.swatch[aria-pressed=true]{border-color:var(--fg)}.swatch:disabled{cursor:not-allowed;opacity:.45}.swatch-own{display:inline-flex;position:relative}.swatch-remove{background:var(--bg-elevated,#222);width:18px;height:18px;color:var(--fg);box-shadow:0 0 0 1px var(--border-strong);cursor:pointer;opacity:0;transition:opacity var(--dur-fast) var(--ease-out);border:none;border-radius:50%;place-items:center;display:grid;position:absolute;top:-4px;right:-4px}.swatch-own:hover .swatch-remove,.swatch-remove:focus-visible{opacity:1}@media (hover:none){.swatch-remove{opacity:1}}.swatch-add{border:2px dashed var(--border-strong);color:var(--fg-muted);background:0 0}.swatch-add:hover{color:var(--fg)}.swatch-add-input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.bg-thumb{aspect-ratio:16/10;border-radius:var(--radius-md);cursor:pointer;border:2px solid #0000;width:100%;position:relative;overflow:hidden}.bg-thumb-img{object-fit:cover;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.bg-thumb[aria-pressed=true],.bg-thumb.is-selected{border-color:var(--accent)}.bg-thumb-solid{display:block}.bg-solid-input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.bg-thumb-solid:focus-within{outline:2px solid var(--ring,var(--accent));outline-offset:2px}.bg-thumb:disabled{cursor:not-allowed}.bg-thumb.is-locked{opacity:.5}.bg-thumb.is-locked:hover{opacity:.7}.shop-bg{border-radius:var(--radius-md);transition:box-shadow .4s var(--ease-out)}.shop-bg.is-spotlit{animation:spotlight 1.3s var(--ease-out) 2}.bg-thumb-label{font-size:var(--text-xs);border-radius:var(--radius-pill);color:#fff;background:#00000073;padding:2px 8px;font-weight:500;position:absolute;bottom:6px;left:8px}.bg-thumb-badge{border-radius:var(--radius-pill);color:#fff;background:#0009;padding:2px 6px;font-size:10px;font-weight:600;position:absolute;top:6px;right:6px}.start-locked-subject{border-radius:var(--radius-md);border:1px solid var(--border-strong);flex-direction:column;gap:2px;padding:10px 12px;display:flex}.start-locked-subject .muted{font-size:var(--text-sm)}.cut-warning{font-size:var(--text-sm);border-radius:var(--radius-md);border:1px solid var(--status-warn);background:#f59e0b1a;margin:0;padding:10px 12px}.link-button{font:inherit;color:var(--accent);cursor:pointer;background:0 0;border:none;padding:0;text-decoration:underline}.dev-link{font:inherit;font-size:var(--text-xs);color:var(--fg-subtle);opacity:.7;cursor:pointer;background:0 0;border:none;align-self:flex-start;padding:0}.dev-link:hover,.dev-link:focus-visible{opacity:1}.bg-minimized{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.bg-minimized>.bg-thumb,.bg-minimized>button.bg-thumb{flex:none;width:132px}.bg-minimized-name{font-weight:500}.bg-groups-head{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:12px;display:flex}.bg-groups{flex-direction:column;gap:16px;display:flex}.bg-group-title{font-size:var(--text-sm);color:var(--fg-subtle);margin:0 0 6px;font-weight:600}.bg-grid{grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:10px;display:grid}.reward-xp{font-size:var(--text-3xl);font-variant-numeric:tabular-nums;letter-spacing:var(--tracking-numeric);font-weight:600}.pill-row{flex-wrap:wrap;gap:8px;display:flex}.offline-bar{font-size:var(--text-sm);border-radius:var(--radius-md);color:var(--fg);align-items:center;gap:10px;margin-bottom:16px;padding:10px 14px;display:flex}.offline-bar svg{color:var(--status-warn);flex-shrink:0}.stat-row{flex-wrap:wrap;gap:8px 28px;margin:0;display:flex}.stat-row>div{flex-direction:column;gap:1px;display:flex}.stat-row dt{font-size:var(--text-xs);color:var(--fg-muted)}.stat-row dd{font-size:var(--text-xl);margin:0;font-weight:600}.insight-list{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.insight{align-items:flex-start;gap:10px;display:flex}.insight-headline{margin:0}.insight-dot{background:var(--fg-subtle);border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:7px}.insight-good{background:var(--status-ok)}.insight-watch{background:var(--status-warn)}.two-col{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px;display:grid}.reward-card{padding:var(--card-pad);flex-direction:column;gap:10px;display:flex}.reward-card-head{align-items:flex-start;gap:10px;display:flex}.reward-card-glyph{border-radius:var(--radius-md);background:var(--accent-soft);width:34px;height:34px;color:var(--fg-subtle);flex-shrink:0;place-items:center;font-size:20px;line-height:1;display:grid}.reward-card-tools{opacity:0;transition:opacity var(--dur-fast) var(--ease-out);gap:2px;display:flex}.reward-card:hover .reward-card-tools,.reward-card:focus-within .reward-card-tools{opacity:1}.reward-card-meta{font-size:var(--text-sm);flex-wrap:wrap;align-items:center;gap:8px;display:flex}.reward-history>summary{cursor:pointer;color:var(--fg-muted)}.emoji-pick{border-radius:var(--radius-md);border:1px solid var(--border);cursor:pointer;background:0 0;padding:5px 7px;font-size:18px;line-height:1}.emoji-pick[aria-pressed=true]{border-color:var(--accent);background:var(--accent-soft)}.emoji-input{text-align:center;width:4.5rem}.routine-list{flex-direction:column;gap:2px;display:flex}.routine-row{border-radius:var(--radius-md);align-items:center;gap:10px;padding:6px 4px;display:flex}.routine-row:hover{background:var(--fg)}@supports (color:color-mix(in lab, red, red)){.routine-row:hover{background:color-mix(in srgb, var(--fg) 5%, transparent)}}.routine-tick{border:1.5px solid var(--border-strong);width:20px;height:20px;color:var(--accent-fg);cursor:pointer;transition:background var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-out);background:0 0;border-radius:6px;flex-shrink:0;place-items:center;display:grid;position:relative}.routine-tick:active:not(:disabled){transform:scale(.85)}.routine-tick[aria-checked=true]{background:var(--accent-fill);border-color:var(--accent-fill)}.routine-tick:disabled{opacity:.4;cursor:not-allowed}.routine-tick path{stroke-dasharray:24;stroke-dashoffset:24px}.routine-tick[aria-checked=true] path{stroke-dashoffset:0}.routine-tick:after{content:"";border-radius:inherit;border:2px solid var(--accent);opacity:0;pointer-events:none;position:absolute;inset:-1.5px}.routine-title{transition:color var(--dur-slow) var(--ease-out);background:linear-gradient(currentColor,currentColor) 0 58%/0 1.5px no-repeat}.routine-row.is-done .routine-title{color:var(--fg-subtle);background-size:100% 1.5px}.routine-row.is-ticked .routine-tick{animation:routine-tick-pop calc(var(--dur-slow) * 1.8) var(--ease-out) both}.routine-row.is-ticked .routine-tick:after{animation:routine-tick-ring calc(var(--dur-slow) * 2) var(--ease-out) both}.routine-row.is-ticked .routine-tick path{animation:routine-check-draw calc(var(--dur-slow) * 1.2) var(--ease-out) calc(var(--dur-slow) * .4) both}.routine-row.is-ticked .routine-title{animation:routine-strike calc(var(--dur-slow) * 1.4) var(--ease-out) calc(var(--dur-slow) * .8) both}.routine-row.is-leaving{animation:routine-leave calc(var(--dur-slow) * 1.6) var(--ease-in-out) calc(var(--dur-slow) * 2) both}@keyframes routine-tick-pop{0%{transform:scale(.85)}45%{transform:scale(1.22)}to{transform:scale(1)}}@keyframes routine-tick-ring{0%{opacity:.7;transform:scale(1)}to{opacity:0;transform:scale(2.3)}}@keyframes routine-check-draw{0%{stroke-dashoffset:24px}to{stroke-dashoffset:0}}@keyframes routine-strike{0%{background-size:0 1.5px}to{background-size:100% 1.5px}}@keyframes routine-leave{0%{opacity:1;max-height:3rem;transform:none}45%{opacity:0;max-height:3rem;margin-bottom:0;padding-block:6px;transform:translate(14px)}to{opacity:0;max-height:0;margin-bottom:-2px;padding-block:0;transform:translate(14px)}}.routine-row.is-leaving.is-last{animation-name:routine-leave-last}@keyframes routine-leave-last{0%{opacity:1;transform:none}to{opacity:0;transform:translate(14px)}}.routine-empty{align-items:center;display:flex}.routine-week{grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;display:grid}.routine-day{border-radius:var(--radius-md);border:1px solid var(--border);flex-direction:column;gap:4px;min-width:0;padding:8px;display:flex}.routine-day.is-today{border-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.routine-day.is-today{border-color:color-mix(in srgb, var(--accent) 70%, transparent)}}.routine-day.is-today{background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.routine-day.is-today{background:color-mix(in srgb, var(--accent) 7%, transparent)}}.routine-day-head{justify-content:space-between;align-items:baseline;gap:4px;display:flex}.routine-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.routine-mins{font-size:var(--text-sm);color:var(--fg-muted)}.routine-day .routine-row{font-size:var(--text-sm);grid-template-columns:auto minmax(0,1fr);align-items:start;gap:2px 8px;padding:6px 4px;display:grid}.routine-day .routine-tick{margin-top:1px}.routine-day .routine-name{white-space:normal;overflow-wrap:anywhere;line-height:1.3}.routine-day .routine-row>:not(.routine-tick):not(.routine-name){grid-column:2;justify-self:start}.routine-day .routine-mins{font-size:var(--text-xs)}.adherence{border-top:1px solid var(--border);align-items:center;gap:18px;padding-top:14px;display:flex}.adherence-figure{font-family:var(--font-display);letter-spacing:-.01em;font-size:1.75rem;font-weight:700;line-height:1}.adherence-figure small{letter-spacing:0;color:var(--fg-muted);margin-left:.3em;font-size:.5em;font-weight:500}.adherence-body{flex-direction:column;flex:1;gap:6px;display:flex}.adherence-note{font-size:var(--text-xs);color:var(--fg-muted)}@media (width<=900px){.routine-week{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=540px){.routine-week{grid-template-columns:minmax(0,1fr)}}.day-pick{min-width:2.4rem;font-size:var(--text-sm);font-variant-numeric:tabular-nums;border-radius:var(--radius-md);border:1px solid var(--border);color:inherit;cursor:pointer;background:0 0;padding:5px 8px}.day-pick[aria-pressed=true]{border-color:var(--accent);background:var(--accent-soft)}.monthday-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;display:grid}.reward-redeemed{text-align:center;flex-direction:column;align-items:center;gap:8px;padding:8px 0;display:flex}.reward-redeemed-glyph{font-size:64px;line-height:1;animation:.62s cubic-bezier(.2,1.3,.4,1) both reward-pop}@keyframes reward-pop{0%{opacity:0;transform:scale(.2)rotate(-18deg)}60%{opacity:1;transform:scale(1.18)rotate(6deg)}to{opacity:1;transform:scale(1)rotate(0)}}:root[data-motion=off] .reward-redeemed-glyph{animation:none}@media (prefers-reduced-motion:reduce){:root:not([data-motion=on]) .reward-redeemed-glyph{animation:none}}.hint{padding:var(--card-pad);font-size:var(--text-sm);color:var(--fg-muted);border-radius:var(--radius-lg);align-items:center;gap:12px;display:flex}.hint-icon{color:var(--accent-text);flex:none}.hint-body{flex-wrap:wrap;flex:1;justify-content:space-between;align-items:center;gap:8px 16px;min-width:0;display:flex}.hint-action{flex:none}.scroll-edges{min-width:0;display:flex;position:relative}.scroll-edges-track{scrollbar-width:none;-webkit-overflow-scrolling:touch;min-width:0;overflow-x:auto}.scroll-edges-track::-webkit-scrollbar{display:none}.scroll-edges.can-left>.scroll-edges-track{-webkit-mask-image:linear-gradient(to right, transparent 0, #000 var(--edge-fade,44px));-webkit-mask-image:linear-gradient(to right, transparent 0, #000 var(--edge-fade,44px));-webkit-mask-image:linear-gradient(to right, transparent 0, #000 var(--edge-fade,44px));-webkit-mask-image:linear-gradient(to right, transparent 0, #000 var(--edge-fade,44px));mask-image:linear-gradient(to right, transparent 0, #000 var(--edge-fade,44px))}.scroll-edges.can-right>.scroll-edges-track{-webkit-mask-image:linear-gradient(to left, transparent 0, #000 var(--edge-fade,44px));-webkit-mask-image:linear-gradient(to left, transparent 0, #000 var(--edge-fade,44px));-webkit-mask-image:linear-gradient(to left, transparent 0, #000 var(--edge-fade,44px));-webkit-mask-image:linear-gradient(to left, transparent 0, #000 var(--edge-fade,44px));mask-image:linear-gradient(to left, transparent 0, #000 var(--edge-fade,44px))}.scroll-edges.can-left.can-right>.scroll-edges-track{-webkit-mask-image:linear-gradient(to right, transparent 0, #000 var(--edge-fade,44px), #000 calc(100% - var(--edge-fade,44px)), transparent 100%);-webkit-mask-image:linear-gradient(to right, transparent 0, #000 var(--edge-fade,44px), #000 calc(100% - var(--edge-fade,44px)), transparent 100%);-webkit-mask-image:linear-gradient(to right, transparent 0, #000 var(--edge-fade,44px), #000 calc(100% - var(--edge-fade,44px)), transparent 100%);-webkit-mask-image:linear-gradient(to right, transparent 0, #000 var(--edge-fade,44px), #000 calc(100% - var(--edge-fade,44px)), transparent 100%);mask-image:linear-gradient(to right, transparent 0, #000 var(--edge-fade,44px), #000 calc(100% - var(--edge-fade,44px)), transparent 100%)}.scroll-arrow{z-index:2;border:1px solid var(--border);background:var(--glass-fill-strong);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);width:26px;height:26px;color:var(--fg);cursor:pointer;transition:background var(--dur-fast) var(--ease-out);border-radius:50%;place-items:center;padding:0;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.scroll-arrow:hover{background:var(--fg)}@supports (color:color-mix(in lab, red, red)){.scroll-arrow:hover{background:color-mix(in srgb, var(--fg) 8%, transparent)}}.scroll-arrow-left{left:0}.scroll-arrow-right{right:0}.rail{--edge-fade:96px}.rail .scroll-arrow{width:36px;height:36px}.rail .scroll-arrow-left{left:-6px}.rail .scroll-arrow-right{right:-6px}.rail-track{scroll-snap-type:x proximity;scroll-behavior:smooth;flex:1;gap:16px;margin:-12px -46px -72px;padding:12px 46px 72px;scroll-padding-inline:46px;display:flex}.rail.scroll-edges>.rail-track.scroll-edges-track{-webkit-mask-image:none;mask-image:none}.rail-toggle{font:inherit;font-size:var(--text-sm);color:var(--accent);cursor:pointer;background:0 0;border:none;padding:0}.rail-toggle:hover{text-decoration:underline}.rail-item{scroll-snap-align:start;flex:0 0 min(320px,86%);display:flex}.rail-item>*{flex:1}@media (prefers-reduced-motion:reduce){.rail-track{scroll-behavior:auto}}@media (hover:none){.reward-card .reward-card-tools{opacity:1}}.focus-screen{--focus-pad:clamp(14px, 3vw, 36px);padding:max(var(--focus-pad), env(safe-area-inset-top)) max(var(--focus-pad), env(safe-area-inset-right)) max(var(--focus-pad), env(safe-area-inset-bottom)) max(var(--focus-pad), env(safe-area-inset-left));color:var(--fg);flex-direction:column;display:flex;position:fixed;inset:0;overflow:hidden}.focus-screen .glass,.focus-screen .glass-strong,:root[data-panel=glass] .focus-screen .panel{background:var(--glass-solid)}@supports (color:color-mix(in lab, red, red)){.focus-screen .glass,.focus-screen .glass-strong,:root[data-panel=glass] .focus-screen .panel{background:color-mix(in srgb, var(--glass-solid) 92%, transparent)}}.focus-screen.is-still{cursor:none}.focus-centre{z-index:1;text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:6px;min-height:0;display:flex;position:relative}.focus-phase{font-size:var(--text-sm);letter-spacing:.22em;text-transform:uppercase;color:var(--fg-muted);margin-right:-.22em;font-weight:600}.focus-time{letter-spacing:var(--tracking-numeric);text-shadow:0 2px 40px #00000040;font-size:clamp(4.5rem,19vw,14rem);font-weight:500;line-height:1}.focus-time-hidden{opacity:.45}.focus-context{max-width:min(70ch,100%);margin-top:14px}.focus-subject{font-size:clamp(var(--text-lg), 2.6vw, var(--text-2xl));overflow-wrap:anywhere;font-weight:500}.focus-child{font-size:var(--text-base);color:var(--fg-muted);overflow-wrap:anywhere;margin-top:2px}.focus-for{color:var(--fg-subtle)}.focus-progress{flex-direction:column;gap:8px;width:min(360px,80vw);margin-top:26px;display:flex}.focus-progress-row{font-size:var(--text-sm);color:var(--fg);justify-content:space-between;align-items:baseline;gap:16px;display:flex}.focus-progress-row small{font-size:var(--text-xs);color:var(--fg-subtle)}.focus-progress.is-over .focus-progress-of{color:var(--status-warn)}.focus-progress-dot{vertical-align:.1em;background:var(--accent);border-radius:50%;width:6px;height:6px;margin-right:6px;display:inline-block}.focus-progress.is-over .focus-progress-dot{background:var(--status-warn)}.focus-bar{border-radius:var(--radius-pill);background:var(--fg);height:3px;position:relative}@supports (color:color-mix(in lab, red, red)){.focus-bar{background:color-mix(in srgb, var(--fg) 16%, transparent)}}.focus-bar{overflow:hidden}.focus-bar-fill,.focus-bar-prior{border-radius:inherit;transition:width 1s linear;position:absolute;inset:0 auto 0 0}.focus-bar-fill{background:var(--accent)}.focus-bar-prior{background:var(--fg);border-top-right-radius:0;border-bottom-right-radius:0}.focus-progress.is-over .focus-bar-fill{background:var(--status-warn)}.focus-chrome{transition:opacity var(--dur-slow) var(--ease-out)}.focus-chrome.is-hidden{opacity:0;pointer-events:none}.focus-top{z-index:2;align-items:center;gap:4px;min-height:40px;display:flex;position:relative}.focus-brand{font-family:var(--font-brand);font-feature-settings:"ss01", "ss03";letter-spacing:var(--tracking-tight);color:var(--fg-muted);padding:0 6px;font-weight:600;text-decoration:none}.focus-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:4px;margin-top:28px;display:flex}.focus-hint{font-size:var(--text-sm);color:var(--fg-subtle);align-items:center;gap:6px;display:inline-flex}.focus-retry{z-index:2;border-radius:var(--radius-pill);background:var(--bg);align-self:flex-end;align-items:center;gap:6px;margin-top:4px;padding:4px 4px 4px 12px;display:inline-flex;position:relative}@supports (color:color-mix(in lab, red, red)){.focus-retry{background:color-mix(in srgb, var(--bg) 72%, transparent)}}.focus-retry{font-size:var(--text-sm);color:var(--fg-muted);animation:fade-in var(--dur-slow) var(--ease-out)}.reveal.focus-fold{width:100%;transition:grid-template-rows .48s cubic-bezier(.45, 0, .2, 1), opacity .36s var(--ease-out)}.focus-fold>.reveal-inner{justify-content:center;display:flex}.focus-fold-inner{flex-direction:column;align-items:center;transition:transform .48s cubic-bezier(.45,0,.2,1);display:flex}.reveal.focus-fold:not(.is-open) .focus-fold-inner{transform:scale(.94)}:root[data-motion=off] .reveal.focus-fold,:root[data-motion=off] .focus-fold-inner{transition:none}@media (prefers-reduced-motion:reduce){:root:not([data-motion=on]) .reveal.focus-fold,:root:not([data-motion=on]) .focus-fold-inner{transition:none}}.focus-centre.is-bare .focus-phase{font-size:var(--text-base);letter-spacing:.28em;margin-right:-.28em}.focus-link{font:inherit;font-size:var(--text-sm);color:var(--fg-muted);cursor:pointer;border-radius:var(--radius-pill);transition:color var(--dur-fast) var(--ease-out), background var(--dur-fast) var(--ease-out);background:0 0;border:none;align-items:center;gap:6px;padding:6px 8px;display:inline-flex}.focus-link:hover{color:var(--fg);background:var(--fg)}@supports (color:color-mix(in lab, red, red)){.focus-link:hover{background:color-mix(in srgb, var(--fg) 8%, transparent)}}.timelapse-badge{border-radius:var(--radius-pill);background:var(--bg);align-items:center;gap:8px;padding:2px 2px 2px 4px;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.timelapse-badge{background:color-mix(in srgb, var(--bg) 60%, transparent)}}.timelapse-badge{font-size:var(--text-sm);color:var(--fg-muted)}.timelapse-preview{object-fit:cover;border-radius:50%;width:28px;height:28px;transform:scaleX(-1)}.timelapse-dot{background:var(--status-bad);border-radius:50%;width:8px;height:8px;animation:1.6s ease-in-out infinite timelapse-pulse}.timelapse-dot.is-idle{background:var(--fg-subtle);animation:none}@keyframes timelapse-pulse{50%{opacity:.35}}:root[data-motion=off] .timelapse-dot{animation:none}.timelapse-export{border-top:1px solid var(--border);text-align:left;flex-direction:column;gap:10px;margin-top:18px;padding-top:16px;display:flex}.focus-sheet .timelapse-export{margin-top:4px}.timelapse-video{border-radius:var(--radius-md);background:#000;width:100%}.timelapse-link{color:var(--accent-text);text-underline-offset:2px;text-decoration:underline}.tl-editor{flex-direction:column;gap:12px;display:flex}.tl-stage{border-radius:var(--radius-md);touch-action:none;-webkit-user-select:none;user-select:none;margin-top:22px;position:relative}.tl-canvas{border-radius:var(--radius-md);width:100%;height:100%;display:block}.tl-box{cursor:move;touch-action:none;outline-offset:-1px;border-radius:4px;outline:1px dashed #0000;position:absolute}.tl-box:hover{outline-color:#ffffff80}.tl-box.is-selected,.tl-box:focus-visible{outline:2px solid var(--accent);outline-offset:-1px}.tl-box-name{border-radius:var(--radius-pill);background:var(--panel-fill);padding:1px 8px;position:absolute;bottom:calc(100% + 4px);left:0}@supports (color:color-mix(in lab, red, red)){.tl-box-name{background:color-mix(in srgb, var(--panel-fill) 82%, #000)}}.tl-box-name{background:oklch(from var(--panel-fill) calc(l + .1 - .17 * clamp(0, (l - .15) * 1000, 1)) c h / 1);color:var(--fg);font-size:var(--text-xs);white-space:nowrap;pointer-events:none}.tl-box-name.is-below{top:calc(100% + 4px);bottom:auto}.tl-box-remove{border:1px solid var(--border-strong);background:var(--glass-solid);width:20px;height:20px;color:var(--fg);cursor:pointer;z-index:2;border-radius:50%;place-items:center;display:grid;position:absolute;top:-10px;right:-10px}.tl-box-remove:hover{background:var(--status-bad)}@supports (color:color-mix(in lab, red, red)){.tl-box-remove:hover{background:color-mix(in srgb, var(--status-bad) 30%, var(--glass-solid))}}.tl-handle{border:2px solid var(--accent);background:#fff;border-radius:2px;width:10px;height:10px;position:absolute}.tl-handle.is-nw{cursor:nwse-resize;top:-5px;left:-5px}.tl-handle.is-ne{cursor:nesw-resize;top:-5px;right:-5px}.tl-handle.is-sw{cursor:nesw-resize;bottom:-5px;left:-5px}.tl-handle.is-se{cursor:nwse-resize;bottom:-5px;right:-5px}.tl-hidden{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.tl-chip{border-radius:var(--radius-pill);border:1px solid var(--border);color:var(--fg);font-size:var(--text-sm);cursor:pointer;background:0 0;align-items:center;gap:4px;padding:4px 10px;display:inline-flex}.tl-chip:hover{background:var(--fg)}@supports (color:color-mix(in lab, red, red)){.tl-chip:hover{background:color-mix(in srgb, var(--fg) 8%, transparent)}}.focus-sheet{top:calc(max(var(--focus-pad), env(safe-area-inset-top)) + 44px);right:max(var(--focus-pad), env(safe-area-inset-right));z-index:3;width:min(380px, calc(100vw - 2 * var(--focus-pad)));max-height:calc(100dvh - var(--focus-pad) * 2 - 52px);overscroll-behavior:contain;animation:fade-in var(--dur-slow) var(--ease-out);flex-direction:column;gap:16px;padding:16px;display:flex;position:absolute;overflow:auto}.focus-sheet-scrim{display:none}@media (width<=560px){.focus-sheet-scrim{z-index:3;background:var(--overlay-scrim);animation:fade-in var(--dur-base) var(--ease-out);border:none;padding:0;display:block;position:fixed;inset:0}.focus-sheet{width:100%;max-height:min(82dvh,720px);padding:22px max(20px, env(safe-area-inset-right)) max(24px, env(safe-area-inset-bottom)) max(20px, env(safe-area-inset-left));border-radius:var(--radius-xl) var(--radius-xl) 0 0;border-bottom:none;animation:.36s cubic-bezier(.32,.72,0,1) focus-sheet-up;position:fixed;inset:auto 0 0}.focus-sheet:after{content:"";background:var(--fg);border-radius:3px;width:36px;height:5px;margin-left:-18px;position:absolute;top:8px;left:50%}@supports (color:color-mix(in lab, red, red)){.focus-sheet:after{background:color-mix(in srgb, var(--fg) 22%, transparent)}}}@keyframes focus-sheet-up{0%{transform:translateY(100%)}}:root[data-motion=off] .focus-sheet,:root[data-motion=off] .focus-sheet-scrim{animation:none}@media (prefers-reduced-motion:reduce){:root:not([data-motion=on]) .focus-sheet,:root:not([data-motion=on]) .focus-sheet-scrim{animation:none}}.focus-sheet-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.focus-sheet-section{border-top:1px solid var(--border);flex-direction:column;gap:10px;padding-top:14px;display:flex}.focus-sheet-title{font-size:var(--text-sm);color:var(--fg-muted);font-weight:600}.focus-sheet-section.is-fold{gap:0}.focus-sheet-fold-head{width:100%;font:inherit;color:inherit;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:space-between;align-items:center;gap:8px;padding:0;display:flex}.focus-sheet-fold-head:hover{color:var(--fg)}.focus-sheet-fold-head:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.focus-sheet-chevron{transition:transform var(--dur-base) var(--ease-out);flex:none}.focus-sheet-section.is-open .focus-sheet-chevron{transform:rotate(180deg)}.focus-sheet-fold{margin:0 -4px}.focus-sheet-fold.is-open{margin-bottom:-4px}.focus-sheet-fold-body{flex-direction:column;gap:10px;padding:10px 4px 4px;display:flex}.vis-layers{flex-direction:column;gap:14px;display:flex}.vis-layer-settings{flex-direction:column;gap:12px;padding:10px 0 4px;display:flex}.focus-swatch-input{border:1px solid var(--border-strong);cursor:pointer;background:0 0;border-radius:50%;width:30px;height:30px;padding:0}.focus-swatch-input::-webkit-color-swatch-wrapper{padding:2px}.focus-swatch-input::-webkit-color-swatch{border:none;border-radius:50%}@media (width<=640px){.focus-progress{margin-top:18px}.focus-actions .btn{height:36px;padding:0 10px}}@media (height<=520px){.focus-time{font-size:clamp(3.5rem,14vh,8rem)}.focus-context,.focus-progress,.focus-actions{margin-top:8px}}.achievement-stack{z-index:70;pointer-events:none;position:fixed;top:18px;left:50%;transform:translate(-50%)}.achievement{border-radius:var(--radius-lg);align-items:center;gap:14px;min-width:300px;max-width:min(460px,100vw - 32px);padding:12px 18px 12px 14px;animation:.52s cubic-bezier(.2,1.2,.4,1) both achievement-in;display:flex}.achievement.is-leaving{animation:achievement-out .32s var(--ease-in-out) both}.achievement-icon{background:var(--accent-fill);width:44px;height:44px;color:var(--accent-fg);border-radius:50%;flex:none;place-items:center;display:grid}.achievement-text{min-width:0}.achievement-kicker{font-size:var(--text-sm);color:var(--fg-muted)}.achievement-name{font-weight:600;font-size:var(--text-base)}.achievement-desc{font-size:var(--text-sm);color:var(--fg-muted)}@keyframes achievement-in{0%{opacity:0;transform:translateY(-24px)scale(.92)}to{opacity:1;transform:none}}@keyframes achievement-out{to{opacity:0;transform:translateY(-12px)}}.summary{flex-direction:column;gap:18px;display:flex}.summary-reveal{animation:summary-reveal .52s var(--ease-spring) both}@keyframes summary-reveal{0%{opacity:0;transform:translateY(12px)scale(.98)}to{opacity:1;transform:none}}.summary-title{font-size:var(--text-2xl);letter-spacing:var(--tracking-display);text-wrap:balance;font-weight:600;line-height:1.15}.summary-hero{border-radius:var(--radius-lg);background:var(--fg);flex-direction:column;align-items:flex-start;gap:6px;padding:20px 22px;display:flex;position:relative}@supports (color:color-mix(in lab, red, red)){.summary-hero{background:color-mix(in srgb, var(--fg) 6%, transparent)}}.summary-hero-label{font-size:var(--text-sm);color:var(--fg-muted);font-weight:400}.summary-hero-figure{font-family:var(--font-display);letter-spacing:-.01em;font-size:clamp(3.25rem,12vw,4.75rem);font-weight:700;line-height:.95}.summary-xp{border-radius:var(--radius-pill);background:var(--accent-fill);color:var(--accent-fg);font-size:var(--text-sm);align-items:center;gap:6px;margin-top:8px;padding:5px 12px 5px 10px;display:inline-flex}.summary-xp strong{font-weight:600}.summary-xp.is-withheld{background:var(--fg)}@supports (color:color-mix(in lab, red, red)){.summary-xp.is-withheld{background:color-mix(in srgb, var(--fg) 10%, transparent)}}.summary-xp.is-withheld{color:var(--fg-muted);box-shadow:none}.summary-bonuses{font-size:var(--text-xs);flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.summary-bonuses li{border-radius:var(--radius-pill);background:var(--fg);gap:6px;padding:4px 10px;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.summary-bonuses li{background:color-mix(in srgb, var(--fg) 7%, transparent)}}.summary-bonuses li{color:var(--fg-muted)}.summary-bonuses li span:last-child{color:var(--fg);font-weight:600}.summary-stats{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;margin:0;display:grid}.summary-stats div{border-radius:var(--radius-md);background:var(--fg);flex-direction:column;gap:2px;padding:12px 14px;display:flex}@supports (color:color-mix(in lab, red, red)){.summary-stats div{background:color-mix(in srgb, var(--fg) 5%, transparent)}}.summary-stats dt{font-size:var(--text-xs);color:var(--fg-muted);align-items:center;gap:4px;font-weight:400;display:inline-flex}.summary-stats dd{font-family:var(--font-display);font-size:var(--text-xl);letter-spacing:-.02em;margin:0;font-weight:700}.summary-stat-aside{font-family:var(--font-sans);font-size:var(--text-xs);letter-spacing:0;color:var(--fg-subtle);font-weight:500;display:block}.summary-section-title{font-size:var(--text-sm);color:var(--fg-muted);font-weight:500}.summary-badges{flex-direction:column;gap:8px;display:flex}.summary-badge{border-radius:var(--radius-md);background:var(--accent);align-items:center;gap:12px;padding:12px 14px;display:flex}@supports (color:color-mix(in lab, red, red)){.summary-badge{background:color-mix(in srgb, var(--accent) 12%, transparent)}}.summary-badge{border:1px solid var(--accent)}@supports (color:color-mix(in lab, red, red)){.summary-badge{border:1px solid color-mix(in srgb, var(--accent) 30%, transparent)}}.summary-badge-icon{background:var(--accent-fill);width:40px;height:40px;color:var(--accent-fg);border-radius:50%;flex:none;place-items:center;display:grid}.focus-summary{text-align:left;width:min(560px,100%);padding:24px}.focus-centre.is-summary{overscroll-behavior:contain;justify-content:flex-start;padding-block:8px;overflow-y:auto}.focus-centre.is-summary>.focus-summary{flex-shrink:0;margin-block:auto}:root[data-motion=off] .summary-reveal,:root[data-motion=off] .achievement{animation:none}@media (prefers-reduced-motion:reduce){:root:not([data-motion=on]) .summary-reveal,:root:not([data-motion=on]) .achievement{animation:none}}.rc-page{transition:opacity var(--dur-slow) var(--ease-out);flex-direction:column;gap:28px;display:flex}.rc-page.is-stale{opacity:.55;pointer-events:none}.rc-rise,.rc-bento>*{animation:rc-rise .52s var(--ease-out) both}.rc-bento>:nth-child(2){animation-delay:60ms}.rc-bento>:nth-child(3){animation-delay:.12s}.rc-bento>:nth-child(4){animation-delay:.18s}.rc-bento>:nth-child(5){animation-delay:.24s}.rc-bento>:nth-child(n+6){animation-delay:.3s}@keyframes rc-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.rc-hero{padding:var(--card-pad);flex-wrap:wrap;align-items:center;gap:40px;display:flex}.rc-hero-main{flex:360px;min-width:0}.rc-hero-range{font-size:var(--text-sm);color:var(--fg-muted)}.rc-stepper{flex-wrap:wrap;align-items:center;gap:4px 6px;margin-left:-6px;display:flex}.rc-stepper .rc-hero-range{text-align:center;font-variant-numeric:tabular-nums;min-width:96px}.rc-stepper-btn{width:28px;height:28px;color:var(--fg-muted);transition:background var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out);border-radius:50%;place-items:center;display:grid}.rc-stepper-btn:hover:not(:disabled){color:var(--fg);background:var(--fg)}@supports (color:color-mix(in lab, red, red)){.rc-stepper-btn:hover:not(:disabled){background:color-mix(in srgb, var(--fg) 10%, transparent)}}.rc-stepper-btn:disabled{opacity:.35;cursor:default}.rc-stepper-now{font-size:var(--text-sm);color:var(--accent-text);margin-left:6px;font-weight:500}.rc-stepper-now:hover{text-decoration:underline}.rc-hero-figure{flex-wrap:wrap;align-items:baseline;gap:4px 14px;margin-top:4px;display:flex}.rc-hero-number{font-family:var(--font-display);font-size:var(--text-hero);letter-spacing:-.01em;font-weight:700;line-height:.95}.rc-hero-unit{font-size:clamp(var(--text-lg), 2.4vw, var(--text-2xl));color:var(--fg-muted);font-weight:500}.rc-hero-row{flex-wrap:wrap;gap:8px;margin-top:18px;display:flex}.rc-hero-summary{font-size:var(--text-lg);max-width:52ch;margin-top:16px}.rc-hero-side{flex-direction:column;align-items:center;gap:18px;min-width:200px;display:flex}.rc-chip{border-radius:var(--radius-pill);font-size:var(--text-sm);background:var(--fg);align-items:center;gap:4px;padding:4px 10px;font-weight:500;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.rc-chip{background:color-mix(in srgb, var(--fg) 9%, transparent)}}.rc-chip.is-up{background:var(--status-ok)}@supports (color:color-mix(in lab, red, red)){.rc-chip.is-up{background:color-mix(in srgb, var(--status-ok) 18%, transparent)}}.rc-chip.is-up svg{color:var(--status-ok)}.rc-chip.is-new,.rc-chip.is-persona{background:var(--accent-soft)}.rc-chip.is-quiet{color:var(--fg-muted)}.rc-level{width:100%;font-size:var(--text-sm);flex-direction:column;gap:6px;display:flex}.rc-level-row{justify-content:space-between;gap:8px;display:flex}.rc-ring{flex-shrink:0;position:relative}.rc-ring-track{fill:none;stroke:var(--accent)}@supports (color:color-mix(in lab, red, red)){.rc-ring-track{stroke:color-mix(in srgb, var(--accent) 16%, transparent)}}.rc-ring-fill{fill:none;stroke:var(--accent);stroke-linecap:round;transition:stroke-dashoffset 1.1s var(--ease-out)}.rc-ring-centre,.rc-clock-centre,.rc-donut-centre,.rc-gauge-caption{text-align:center;flex-direction:column;justify-content:center;align-items:center;line-height:1.15;display:flex}.rc-ring-centre,.rc-donut-centre{position:absolute;inset:0}.rc-ring-big{font-size:var(--text-lg);font-weight:600}.rc-ring-small{font-size:var(--text-xs);color:var(--fg-muted)}.rc-gauge{max-width:240px;margin:0 auto}.rc-gauge-caption{margin-top:-38px}.rc-centre{flex:1;justify-content:center;align-items:center;padding:6px 0;display:flex}.rc-bento{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.rc-tile{padding:var(--card-pad);min-width:0;transition:transform var(--dur-slow) var(--ease-out);flex-direction:column;gap:14px;display:flex}.rc-tile.is-wide{grid-column:span 2}.rc-tile.is-full{grid-column:1/-1}.rc-tile-head{flex-direction:column;gap:2px;display:flex}.rc-tile-title{font-size:var(--text-lg);font-weight:600}.rc-tile-note{font-size:var(--text-sm);color:var(--fg-muted)}.rc-empty{text-align:center;min-height:120px;font-size:var(--text-sm);color:var(--fg-muted);border:1px dashed var(--border-strong);border-radius:var(--radius-md);flex:1;place-items:center;padding:16px;display:grid}@media (width<=900px){.rc-bento{grid-template-columns:minmax(0,1fr)}.rc-tile.is-wide,.rc-tile.is-full{grid-column:auto}}@media (width<=640px){.rc-hero{gap:28px}.rc-hero-side{width:100%}}.rc-figure{flex-direction:column;gap:8px;margin:0;display:flex}.rc-plot{position:relative}.rc-tile>.rc-figure.is-fill{flex:1;min-height:0}.rc-figure.is-fill .rc-plot{flex-direction:column;flex:1;gap:10px;display:flex}.rc-fill{flex:1;min-height:200px;position:relative}.rc-fill>svg{height:100%;position:absolute;inset:0}.rc-plot svg{display:block;overflow:visible}.rc-grid,.rc-axis{stroke:var(--border);stroke-width:1px}.rc-axis{stroke:var(--border-strong)}.rc-grid-circle{fill:none;stroke:var(--border)}.rc-tick{fill:var(--fg-muted);font-size:11px}.rc-tick.is-lg{font-size:14px}.rc-tick.is-today{fill:var(--fg);font-weight:600}.rc-tick.is-future{opacity:.5}.rc-value{fill:var(--fg);font-size:11px;font-weight:600}.rc-bar,.rc-wedge{fill:var(--accent)}@supports (color:color-mix(in lab, red, red)){.rc-bar,.rc-wedge{fill:color-mix(in srgb, var(--accent) 72%, transparent)}}.rc-bar.is-best{fill:var(--accent)}.rc-ghost{fill:var(--fg)}@supports (color:color-mix(in lab, red, red)){.rc-ghost{fill:color-mix(in srgb, var(--fg) 10%, transparent)}}.rc-line{fill:none;stroke:var(--accent);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.rc-dot{fill:var(--accent);stroke:var(--panel-fill);stroke-width:2px}.rc-arc{fill:none;cursor:pointer;outline:none}.rc-hit{fill:#0000;cursor:pointer;outline:none}.rc-col :focus-visible,.rc-spoke :focus-visible,.rc-arc:focus-visible{outline:2px solid var(--accent)}.rc-tip{z-index:3;border-radius:var(--radius-sm);background:var(--panel-fill);border:1px solid var(--border-strong);font-size:var(--text-xs);white-space:nowrap;pointer-events:none;padding:6px 10px;position:absolute;transform:translate(-50%,calc(-100% - 6px));box-shadow:0 6px 20px #0000004d}.rc-legend{font-size:var(--text-xs);color:var(--fg-muted);flex-wrap:wrap;gap:4px 14px;display:flex}.rc-legend li{align-items:center;gap:6px;min-width:0;display:inline-flex}.rc-legend.is-column{font-size:var(--text-sm);color:var(--fg);flex-flow:column;gap:8px}.rc-legend.is-column li{grid-template-columns:10px minmax(0,1fr) auto;gap:8px;display:grid}.rc-legend-value{color:var(--fg-muted);font-variant-numeric:tabular-nums}.rc-swatch{border-radius:3px;width:10px;height:10px;display:inline-block}.rc-swatch.is-ghost{background:var(--fg)}@supports (color:color-mix(in lab, red, red)){.rc-swatch.is-ghost{background:color-mix(in srgb, var(--fg) 16%, transparent)}}.rc-stage{flex-direction:column;display:flex;position:relative}.rc-figure.is-fill .rc-stage{flex:1;min-height:0}.rc-stage>.rc-plot{transition:opacity var(--dur-base) var(--ease-out)}.rc-stage.is-table>.rc-plot{opacity:0}.rc-table-over{overscroll-behavior:contain;opacity:0;pointer-events:none;transition:opacity var(--dur-base) var(--ease-out);position:absolute;inset:0;overflow:auto}.rc-stage.is-table>.rc-table-over{opacity:1;pointer-events:auto}.rc-table-toggle{font:inherit;font-size:var(--text-xs);color:var(--fg-subtle);cursor:pointer;background:0 0;border:none;align-self:flex-start;padding:0}.rc-table-toggle:hover{color:var(--fg)}.rc-figure .rc-col{transform-box:fill-box;transform-origin:bottom;transition:transform .7s var(--ease-out);transition-delay:calc(var(--i,0) * 45ms)}.rc-figure:not(.is-in) .rc-col{transform:scaleY(0)}.rc-figure .rc-spoke{transition:opacity .5s var(--ease-out);transition-delay:calc(var(--i,0) * 25ms)}.rc-figure:not(.is-in) .rc-spoke{opacity:0}.rc-donut .rc-arc{transition:opacity .7s var(--ease-out)}.rc-donut:not(.is-in) .rc-arc{opacity:0}.rc-climb .rc-draw{stroke-dasharray:1;stroke-dashoffset:1px}.rc-climb.is-in .rc-draw{stroke-dashoffset:0;transition:stroke-dashoffset 1.4s var(--ease-out)}.rc-climb .rc-area{transition:opacity 1s var(--ease-out) .4s}.rc-climb:not(.is-in) .rc-area{opacity:0}.rc-clock .rc-plot{width:100%;max-width:300px;margin:0 auto}.rc-clock-centre{pointer-events:none;position:absolute;inset:0}.rc-donut-body{flex-direction:column;align-items:center;gap:16px;display:flex}.rc-donut-chart{width:min(180px,100%);position:relative}.rc-donut-body .rc-legend.is-column{width:100%}.eq{flex-direction:column;gap:16px;display:flex;container:eq/inline-size}.rc-section-title{margin-bottom:16px}.eq-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.eq-row{grid-template-columns:minmax(0,1fr);gap:14px;display:grid}@container eq (width>=440px){.eq-row{grid-template-columns:repeat(2,minmax(0,1fr))}}@container eq (width>=860px){.eq-row{grid-template-columns:repeat(4,minmax(0,1fr))}}.eq-card{scroll-snap-align:start;padding:var(--card-pad);border-radius:var(--radius-lg);background:var(--panel-fill);align-items:center;gap:14px;display:flex}@supports (color:color-mix(in lab, red, red)){.eq-card{background:color-mix(in srgb, var(--panel-fill) 70%, transparent)}}.eq-card{border:1px solid var(--border);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);animation:rc-rise .46s var(--ease-out) both;transition:transform var(--dur-slow) var(--ease-out)}.eq-card:hover{transform:translateY(-3px)}.eq-poster{aspect-ratio:2/3;object-fit:cover;border-radius:8px;flex-shrink:0;width:58px;box-shadow:0 6px 16px #00000059}.eq-icon{background:var(--accent-soft);border-radius:16px;flex-shrink:0;place-items:center;width:58px;height:58px;font-size:30px;display:grid}.eq-text{font-size:var(--text-sm);font-weight:500;line-height:1.35}.eq-text:first-letter{text-transform:uppercase}.rc-streaks{padding:var(--card-pad);flex-direction:column;gap:16px;display:flex}.rc-streaks-body{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:24px;display:grid}@media (width<=720px){.rc-streaks-body{grid-template-columns:minmax(0,1fr);justify-items:start}}.rc-streak-stack{flex-direction:column;gap:14px;display:flex}.rc-streak-main{align-items:center;gap:12px;display:flex}.rc-streak-number{font-size:var(--text-2xl);font-weight:700;line-height:1.1}.rc-week-dots{flex-direction:column;gap:8px;display:flex}.rc-week-dots ol{gap:8px;display:flex}.rc-dot-day{flex-direction:column;align-items:center;gap:4px;display:flex}.rc-dot-mark{border:1.5px solid var(--border-strong);width:30px;height:30px;color:var(--accent-fg);border-radius:50%;place-items:center;font-size:14px;font-weight:600;display:grid}.rc-dot-day.is-on .rc-dot-mark{background:var(--accent-fill);border-color:var(--accent-fill)}.rc-dot-day.is-today .rc-dot-mark{box-shadow:0 0 0 3px var(--accent-soft);border-color:var(--accent)}.rc-dot-day.is-future .rc-dot-mark{opacity:.45}.rc-dot-label{font-size:var(--text-xs);color:var(--fg-muted)}.rc-dot-day.is-today .rc-dot-label{color:var(--fg);font-weight:600}.rc-flame{flex-shrink:0;place-items:center;display:inline-grid}.rc-flame.is-level-0 svg{filter:grayscale();opacity:.4}.trophies{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;display:grid}.trophy{padding:var(--card-pad);text-align:center;border-radius:var(--radius-lg);background:var(--panel-fill);flex-direction:column;align-items:center;gap:2px;display:flex;position:relative}@supports (color:color-mix(in lab, red, red)){.trophy{background:color-mix(in srgb, var(--panel-fill) 72%, transparent)}}.trophy{border:1px solid var(--border);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);transition:transform var(--dur-slow) var(--ease-out);overflow:hidden}.trophy:hover{transform:translateY(-3px)}.trophy.is-new{border-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.trophy.is-new{border-color:color-mix(in srgb, var(--accent) 60%, transparent)}}.trophy.is-new:after{content:"";background:linear-gradient(110deg, transparent 30%, var(--accent) 50%, transparent 70%);position:absolute;inset:0}@supports (color:color-mix(in lab, red, red)){.trophy.is-new:after{background:linear-gradient(110deg, transparent 30%, color-mix(in srgb, var(--accent) 22%, transparent) 50%, transparent 70%)}}.trophy.is-new:after{pointer-events:none;animation:2.8s ease-in-out .6s 2 rc-shimmer;transform:translate(-100%)}@keyframes rc-shimmer{to{transform:translate(100%)}}.trophy-icon{margin-bottom:8px;font-size:28px;line-height:1}.trophy-new{border-radius:var(--radius-pill);background:var(--accent-fill);color:var(--accent-fg);padding:1px 7px;font-size:10px;font-weight:600;position:absolute;top:8px;right:8px}.trophy-value{font-size:var(--text-xl);font-weight:700;line-height:1.2}.trophy-label{font-size:var(--text-sm)}.trophy-when{font-size:var(--text-xs);color:var(--fg-muted)}.rc-insights{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;display:grid}.rc-insight{padding:var(--card-pad);flex-direction:column;gap:4px;display:flex}.rc-insight-icon{width:40px;height:40px;color:var(--accent-text);background:var(--accent);border-radius:12px;flex:none;place-items:center;margin-bottom:12px;display:grid}@supports (color:color-mix(in lab, red, red)){.rc-insight-icon{background:color-mix(in srgb, var(--accent) 16%, transparent)}}.rc-insight-head{text-wrap:pretty;font-weight:600;line-height:1.35}.rc-insight-detail{font-size:var(--text-sm);color:var(--fg-muted);text-wrap:pretty;line-height:1.45}.rc-insight-detail:has(+.rc-insight-bar){margin-bottom:14px}.rc-insight-bar{margin-top:auto}@media (width<=520px){.rc-insight{grid-template-columns:auto minmax(0,1fr);align-content:start;gap:4px 14px;display:grid}.rc-insight-icon{grid-row:1/span 2;margin-bottom:0}.rc-insight>:not(.rc-insight-icon){grid-column:2}.rc-insight-detail:has(+.rc-insight-bar){margin-bottom:8px}}.rc-grades{font-size:var(--text-sm);flex-direction:column;gap:10px;display:flex}.rc-grades li{grid-template-columns:minmax(80px,160px) minmax(0,1fr) auto 44px;align-items:center;gap:10px;display:grid}.rc-grades-bar{background:var(--accent);border-radius:4px;height:8px}@supports (color:color-mix(in lab, red, red)){.rc-grades-bar{background:color-mix(in srgb, var(--accent) 14%, transparent)}}.rc-grades-bar{overflow:hidden}.rc-grades-bar span{background:var(--accent);border-radius:4px;height:100%;display:block}.rc-skeleton{border-radius:var(--radius-lg);background:linear-gradient(100deg, var(--fg) 30%, var(--fg) 50%, var(--fg) 70%)}@supports (color:color-mix(in lab, red, red)){.rc-skeleton{background:linear-gradient(100deg, color-mix(in srgb, var(--fg) 6%, transparent) 30%, color-mix(in srgb, var(--fg) 12%, transparent) 50%, color-mix(in srgb, var(--fg) 6%, transparent) 70%)}}.rc-skeleton{background-size:300% 100%;animation:1.6s linear infinite rc-skeleton}@keyframes rc-skeleton{0%{background-position:100% 0}to{background-position:0 0}}.dash{--dash-gap:20px;flex-direction:column;gap:20px;display:flex}@media (width>=768px){.dash{--dash-gap:24px}}.tip-fold{transition:grid-template-rows .32s var(--ease-out), margin-bottom .32s var(--ease-out);grid-template-rows:1fr;display:grid}.tip-fold.is-closing{margin-bottom:calc(-1 * var(--dash-gap));grid-template-rows:0fr}.tip-fold-inner{min-height:0}.tip-fold.is-closing .tip-fold-inner{overflow:hidden}.tip-card{padding:var(--card-pad);align-items:center;gap:12px;display:flex}.tip-card p{line-height:1.45}.tip-icon{width:30px;height:30px;color:var(--accent-text);background:var(--accent);border-radius:50%;flex:none;place-items:center;display:grid}@supports (color:color-mix(in lab, red, red)){.tip-icon{background:color-mix(in srgb, var(--accent) 16%, transparent)}}.tip-close{width:30px;height:30px;color:var(--fg-muted);transition:background var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out);border-radius:50%;flex:none;place-items:center;margin-right:-6px;display:grid}.tip-close:hover{color:var(--fg);background:var(--fg)}@supports (color:color-mix(in lab, red, red)){.tip-close:hover{background:color-mix(in srgb, var(--fg) 10%, transparent)}}.tip-card.is-popping{animation:tip-pop .24s var(--ease-out) forwards}@keyframes tip-pop{0%{opacity:1;transform:scale(1)}35%{opacity:1;transform:scale(1.04)}to{opacity:0;transform:scale(.82)}}.tips-off-ask{align-items:center;gap:6px;margin:-4px -10px -4px 0;display:flex}.tips-off-ask .tips-off-btn:first-of-type{margin-left:6px}.tips-off-btn{width:30px;height:30px;color:var(--fg-muted);transition:background var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out);border-radius:50%;flex:none;place-items:center;display:grid}.tips-off-btn:hover{color:var(--fg);background:var(--fg)}@supports (color:color-mix(in lab, red, red)){.tips-off-btn:hover{background:color-mix(in srgb, var(--fg) 10%, transparent)}}.tips-off-btn.is-yes{color:var(--accent-text);background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.tips-off-btn.is-yes{background:color-mix(in srgb, var(--accent) 16%, transparent)}}.tips-off-btn.is-yes:hover{background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.tips-off-btn.is-yes:hover{background:color-mix(in srgb, var(--accent) 26%, transparent)}}@media (width>=768px){.dash{gap:24px}}.dash-note{padding:var(--card-pad);font-size:var(--text-sm)}.dash-pair{grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));align-items:start;gap:20px;display:grid}.dash-pair:empty{display:none}.dash-card{padding:var(--card-pad);flex-direction:column;gap:12px;display:flex}.card-title{font-size:var(--text-lg);font-weight:600}.dash-card .card-title{font-weight:500}.get-started{padding:var(--card-pad);flex-direction:column;gap:18px;display:flex;container-type:inline-size}.get-started-head{flex-direction:column;gap:6px;display:flex}.get-started-options{flex-direction:column;gap:8px;display:flex}@container (width>=760px){.get-started-options{grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;display:grid}}.get-started-option{border-radius:var(--radius-md);background:var(--fg);border:none;align-items:center;gap:14px;width:100%;padding:14px 14px 14px 16px;display:flex}@supports (color:color-mix(in lab, red, red)){.get-started-option{background:color-mix(in srgb, var(--fg) 5%, transparent)}}.get-started-option{font:inherit;color:inherit;text-align:left;cursor:pointer;transition:background var(--dur-fast) var(--ease-out);text-decoration:none}.get-started-option:hover,.get-started-option:focus-visible{background:var(--fg)}@supports (color:color-mix(in lab, red, red)){.get-started-option:hover,.get-started-option:focus-visible{background:color-mix(in srgb, var(--fg) 9%, transparent)}}.get-started-option:hover,.get-started-option:focus-visible{text-decoration:none}.get-started-icon{color:var(--accent-text);flex:none;display:flex}.get-started-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.get-started-title{font-weight:500}.get-started-sub{font-size:var(--text-sm);color:var(--fg-muted)}.get-started-chevron{color:var(--fg-subtle);flex:none}@media (width>=561px){.paste-dialog{max-width:min(680px,100vw - 32px)}}.paste-preview{border-radius:var(--radius-md);background:var(--fg);flex-direction:column;gap:10px;max-height:300px;padding:12px 14px;display:flex;overflow:auto}@supports (color:color-mix(in lab, red, red)){.paste-preview{background:color-mix(in srgb, var(--fg) 5%, transparent)}}.paste-courses{flex-direction:column;gap:12px;display:flex}.paste-course{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.paste-course-title{font-weight:600}.paste-items{flex-direction:column;margin-top:4px;display:flex}.paste-item{font-size:var(--text-sm);align-items:baseline;gap:8px;padding:3px 0 3px 12px;display:flex}.paste-item-title{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.paste-item-meta{color:var(--fg-muted);flex:none;margin-left:auto}.paste-problems summary{cursor:pointer;font-size:var(--text-sm)}.paste-problems ul{font-size:var(--text-sm);flex-direction:column;gap:4px;margin-top:6px;display:flex}.dash-hero{padding:var(--card-pad);grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:28px 48px;display:grid;overflow:hidden}.dash-label{font-size:var(--text-sm);color:var(--fg-muted);font-weight:400}.dash-week{flex-direction:column;min-width:0;display:flex}.dash-hero-figure{font-family:var(--font-display);font-size:var(--text-hero);letter-spacing:-.01em;font-variant-numeric:tabular-nums;margin-top:2px;font-weight:700;line-height:.95}.dash-hero-figure small{letter-spacing:-.01em;color:var(--fg-muted);margin-left:.3em;font-size:.34em;font-weight:500}.dash-goal{flex-direction:column;gap:8px;margin-top:18px;display:flex}.dash-goal-bar{border-radius:var(--radius-pill);background:var(--fg);height:10px}@supports (color:color-mix(in lab, red, red)){.dash-goal-bar{background:color-mix(in srgb, var(--fg) 10%, transparent)}}.dash-goal-bar{overflow:hidden}.dash-goal-bar span{border-radius:inherit;background:var(--accent);height:100%;box-shadow:inset 0 0 0 1px var(--fg);display:block}@supports (color:color-mix(in lab, red, red)){.dash-goal-bar span{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--fg) 14%, transparent)}}.dash-goal-bar span{animation:dash-grow-x 1.1s var(--ease-out) both;transform-origin:0}@keyframes dash-grow-x{0%{transform:scaleX(0)}}.dash-goal-row{font-size:var(--text-sm);color:var(--fg-muted);justify-content:space-between;align-items:baseline;gap:12px;display:flex}.dash-goal-row strong{color:var(--fg);font-weight:600}.dash-link{font-size:var(--text-sm);font-weight:500}.dash-days{flex-direction:column;gap:12px;min-width:0;display:flex}.dash-days-cols{flex:1;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px;min-height:132px;margin:0;padding:0;list-style:none;display:grid}.dash-day{flex-direction:column;align-items:center;gap:8px;min-width:0;display:flex}.dash-day-track{background:var(--fg);border-radius:9px;flex:1;width:100%;max-width:30px;position:relative}@supports (color:color-mix(in lab, red, red)){.dash-day-track{background:color-mix(in srgb, var(--fg) 6%, transparent)}}.dash-day-track{overflow:hidden}.dash-day-bar{height:var(--h);background:var(--accent);border-radius:9px;position:absolute;bottom:0;left:0;right:0}@supports (color:color-mix(in lab, red, red)){.dash-day-bar{background:color-mix(in srgb, var(--accent) 55%, transparent)}}.dash-day-bar{box-shadow:inset 0 0 0 1px var(--fg)}@supports (color:color-mix(in lab, red, red)){.dash-day-bar{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--fg) 12%, transparent)}}.dash-day-bar{transform-origin:bottom;animation:dash-grow-y .8s var(--ease-out) both;animation-delay:calc(var(--i,0) * 50ms + .15s)}.dash-day.is-empty .dash-day-bar{background:var(--fg)}@supports (color:color-mix(in lab, red, red)){.dash-day.is-empty .dash-day-bar{background:color-mix(in srgb, var(--fg) 14%, transparent)}}.dash-day.is-today .dash-day-bar{background:var(--accent)}@keyframes dash-grow-y{0%{transform:scaleY(0)}}.dash-day-label{font-size:var(--text-xs);color:var(--fg-subtle);font-weight:400}.dash-day.is-today .dash-day-label{color:var(--fg)}.dash-foot{border-top:1px solid var(--border);flex-wrap:wrap;grid-column:1/-1;align-items:flex-start;gap:18px 40px;margin:0;padding-top:20px;display:flex}.dash-foot-stat{flex-direction:column;gap:2px;margin:0;display:flex}.dash-foot-stat dd{margin:0}.dash-foot-figure{font-family:var(--font-display);letter-spacing:-.01em;font-variant-numeric:tabular-nums;align-items:baseline;gap:0;font-size:1.75rem;font-weight:700;line-height:1.05;display:inline-flex}.dash-foot-figure small{letter-spacing:0;color:var(--fg-muted);margin-left:.3em;font-size:.45em;font-weight:500}.dash-foot-figure .rc-flame{margin-left:-4px}.dash-foot-note{font-size:var(--text-xs);color:var(--fg-subtle);font-weight:400}.dash-foot-stat.is-fun{flex:280px;align-items:flex-end}.dash-fun{border-radius:var(--radius-md);background:var(--fg);align-items:center;gap:12px;max-width:420px;padding:10px 12px 10px 10px;display:flex}@supports (color:color-mix(in lab, red, red)){.dash-fun{background:color-mix(in srgb, var(--fg) 6%, transparent)}}.dash-fun{color:var(--fg);font-size:var(--text-sm);transition:background var(--dur-fast) var(--ease-out);line-height:1.35;text-decoration:none}.dash-fun:hover{background:var(--fg);text-decoration:none}@supports (color:color-mix(in lab, red, red)){.dash-fun:hover{background:color-mix(in srgb, var(--fg) 10%, transparent)}}.dash-fun-icon{background:var(--fg);border-radius:10px;flex:none;place-items:center;width:36px;height:36px;display:grid}@supports (color:color-mix(in lab, red, red)){.dash-fun-icon{background:color-mix(in srgb, var(--fg) 8%, transparent)}}.dash-fun-icon{font-size:20px}.dash-fun-text{flex:1}.dash-fun-chevron{color:var(--fg-subtle);flex:none}.dash-empty{padding:var(--card-pad);align-items:center;gap:18px;display:flex}.dash-empty>div{flex-direction:column;gap:4px;display:flex}.dash-empty-title{font-family:var(--font-display);font-size:var(--text-xl);font-weight:700}.dash-empty-body{color:var(--fg-muted);font-size:var(--text-sm);max-width:56ch}@media (width<=760px){.dash-hero{grid-template-columns:minmax(0,1fr);gap:24px}.dash-days-cols{min-height:104px}.dash-foot{gap:16px 32px}.dash-foot-stat.is-fun{flex-basis:100%;align-items:stretch}.dash-fun{max-width:none}}:root[data-motion=off] .dash-goal-bar span,:root[data-motion=off] .dash-day-bar{animation:none}@media (prefers-reduced-motion:reduce){:root:not([data-motion=on]) .dash-goal-bar span,:root:not([data-motion=on]) .dash-day-bar{animation:none}}.hint-stack{flex-direction:column;gap:10px;display:flex}.hint-stack:empty{display:none}:root[data-motion=off] .rc-rise,:root[data-motion=off] .rc-bento>*,:root[data-motion=off] .eq-card,:root[data-motion=off] .rc-skeleton,:root[data-motion=off] .trophy.is-new:after{animation:none}:root[data-motion=off] .rc-tile:hover,:root[data-motion=off] .eq-card:hover,:root[data-motion=off] .trophy:hover{transform:none}@media (prefers-reduced-motion:reduce){:root:not([data-motion=on]) .rc-rise,:root:not([data-motion=on]) .rc-bento>*,:root:not([data-motion=on]) .eq-card,:root:not([data-motion=on]) .rc-skeleton,:root:not([data-motion=on]) .trophy.is-new:after{animation:none}:root:not([data-motion=on]) .rc-tile:hover,:root:not([data-motion=on]) .eq-card:hover,:root:not([data-motion=on]) .trophy:hover{transform:none}}.history-day{flex-direction:column;gap:6px;display:flex}.history-day-title{font-size:var(--text-sm);color:var(--fg-muted);font-weight:600}.history-list{border:1px solid var(--border);border-radius:var(--radius-md);flex-direction:column;display:flex;overflow:hidden}.history-row{grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:16px;padding:10px 12px;display:grid}.history-row+.history-row{border-top:1px solid var(--border)}.history-main{flex-direction:column;min-width:0;display:flex}.history-title{text-overflow:ellipsis;white-space:nowrap;font-weight:500;overflow:hidden}.history-when{font-size:var(--text-xs);color:var(--fg-muted)}.history-figures{font-size:var(--text-sm);align-items:baseline;gap:12px;display:flex}.history-badges{font-size:var(--text-xs);border-radius:var(--radius-pill);background:var(--accent-soft);text-overflow:ellipsis;white-space:nowrap;max-width:14ch;padding:1px 8px;overflow:hidden}@media (width<=560px){.history-row{grid-template-columns:minmax(0,1fr) auto}.history-figures{grid-column:1}.history-row>.btn{grid-area:1/2/span 2}}.trim-preview{border-radius:var(--radius-md);background:var(--accent-soft);border:1px solid var(--accent);flex-direction:column;gap:6px;padding:12px 14px;display:flex}@supports (color:color-mix(in lab, red, red)){.trim-preview{border:1px solid color-mix(in srgb, var(--accent) 35%, transparent)}}.trim-preview-end{font-size:var(--text-lg);font-weight:600}.ach-hero{padding:var(--card-pad);flex-direction:column;gap:12px;display:flex;overflow:hidden}.ach-hero-top{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;display:flex}.ach-hero-label{font-size:var(--text-sm);color:var(--fg-muted);font-weight:400;display:block}.ach-hero-level{font-family:var(--font-display);font-size:var(--text-hero);letter-spacing:-.01em;font-weight:700;line-height:.9;display:block}.ach-hero-xp{font-size:var(--text-lg);color:var(--fg-muted);font-weight:500}.ach-hero-xp span{font-family:var(--font-display);font-size:var(--text-2xl);color:var(--fg);font-weight:600}.ach-hero-bar.progress{height:10px}.ach-hero-row{font-size:var(--text-sm);color:var(--fg-muted);justify-content:space-between;gap:12px;display:flex}.ach-hero-row strong{color:var(--fg)}.ach-hero-note{font-size:var(--text-sm);color:var(--fg-muted);max-width:70ch}.ach-count{font-size:var(--text-sm);color:var(--fg-muted)}.ach-count strong{color:var(--fg)}@property --badge-fade{syntax:"<length>";inherits:false;initial-value:0}.badge-fold{--badge-fade:0px;-webkit-mask-image:linear-gradient(to bottom, #000 calc(100% - var(--badge-fade)), transparent);-webkit-mask-image:linear-gradient(to bottom, #000 calc(100% - var(--badge-fade)), transparent);-webkit-mask-image:linear-gradient(to bottom, #000 calc(100% - var(--badge-fade)), transparent);mask-image:linear-gradient(to bottom, #000 calc(100% - var(--badge-fade)), transparent);margin:-2px;padding:2px;transition:height .7s cubic-bezier(.45,0,.2,1),--badge-fade .7s cubic-bezier(.45,0,.2,1);overflow:hidden}.badge-card.is-revealing{animation:.46s cubic-bezier(.2,0,.2,1) both badge-reveal;animation-delay:calc(min(var(--reveal-i,0), 24) * 22ms + 80ms)}.rail-expanded{animation:badge-reveal var(--dur-slow) var(--ease-out) both}@keyframes badge-reveal{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.badge-fold.is-folded{--badge-fade:90px}.badge-fold-toggle{border-radius:var(--radius-pill);background:var(--fg);border:none;align-self:center;align-items:center;gap:6px;padding:6px 14px;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.badge-fold-toggle{background:color-mix(in srgb, var(--fg) 7%, transparent)}}.badge-fold-toggle{font:inherit;font-size:var(--text-sm);color:var(--fg);cursor:pointer}.badge-fold-toggle:hover{background:var(--fg)}@supports (color:color-mix(in lab, red, red)){.badge-fold-toggle:hover{background:color-mix(in srgb, var(--fg) 12%, transparent)}}.badge-fold-chevron{transition:transform var(--dur-base) var(--ease-out)}.badge-fold-toggle[aria-expanded=true] .badge-fold-chevron{transform:rotate(180deg)}:root[data-motion=off] .badge-fold{transition:none}:root[data-motion=off] .badge-card.is-revealing{animation:none}@media (prefers-reduced-motion:reduce){:root:not([data-motion=on]) .badge-fold{transition:none}:root:not([data-motion=on]) .badge-card.is-revealing{animation:none}}.badge-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));gap:12px;display:grid}.badge-card{padding:var(--card-pad);align-items:flex-start;gap:14px;display:flex}.badge-medal{background:var(--fg);border-radius:50%;flex:none;place-items:center;width:40px;height:40px;display:grid}@supports (color:color-mix(in lab, red, red)){.badge-medal{background:color-mix(in srgb, var(--fg) 7%, transparent)}}.badge-medal{color:var(--fg-subtle)}.badge-card.is-earned .badge-medal{color:var(--accent-fg);background:var(--accent-fill)}.badge-name{font-weight:500}.badge-card:not(.is-earned) .badge-name{color:var(--fg-muted)}.badge-desc{font-size:var(--text-sm);color:var(--fg-muted)}.badge-xp{border-radius:var(--radius-pill);background:var(--fg);flex:none;align-self:flex-start;padding:2px 8px}@supports (color:color-mix(in lab, red, red)){.badge-xp{background:color-mix(in srgb, var(--fg) 7%, transparent)}}.badge-xp{font-size:var(--text-xs);color:var(--fg-muted);white-space:nowrap;font-weight:500}.badge-card.is-earned .badge-xp{background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.badge-card.is-earned .badge-xp{background:color-mix(in srgb, var(--accent) 18%, transparent)}}.badge-card.is-earned .badge-xp{color:var(--accent-text)}.achievement-xp{color:var(--fg);white-space:nowrap;font-weight:600}.badge-when{font-size:var(--text-xs);color:var(--fg-muted);margin-top:4px;font-weight:400}.streak-badge{background:var(--fg);border-radius:50%;flex:none;place-items:center;width:52px;height:52px;display:grid}@supports (color:color-mix(in lab, red, red)){.streak-badge{background:color-mix(in srgb, var(--fg) 7%, transparent)}}.streak-badge{color:var(--fg-subtle)}.streak-badge.is-lit{background:var(--flame)}@supports (color:color-mix(in lab, red, red)){.streak-badge.is-lit{background:color-mix(in srgb, var(--flame) 16%, transparent)}}.streak-badge.is-lit{color:var(--flame)}.focus-brand:hover{color:var(--fg);text-decoration:none}.grade-foot{flex-wrap:wrap;align-items:flex-end;gap:12px;display:flex}.grade-ungraded>summary{cursor:pointer;color:var(--fg-muted)}.grade-ungraded-list{margin-top:8px;padding:4px 0;list-style:none}.grade-ungraded-list li{justify-content:space-between;align-items:center;gap:12px;padding:6px 12px 6px 16px;display:flex}.grade-ungraded-list li+li{border-top:1px solid var(--border)}.grade-foot-note{min-width:200px;min-height:40px;font-size:var(--text-sm);color:var(--fg-muted);flex:1;align-items:center;display:flex}.routine-item{border-radius:var(--radius-md);transition:background var(--dur-fast) var(--ease-out);align-items:center;gap:10px;padding:10px 12px;display:flex}.routine-item:hover,.routine-item:focus-within{background:var(--fg)}@supports (color:color-mix(in lab, red, red)){.routine-item:hover,.routine-item:focus-within{background:color-mix(in srgb, var(--fg) 5%, transparent)}}.routine-item-actions{opacity:0;transition:opacity var(--dur-fast) var(--ease-out);gap:4px;display:flex}.routine-item:hover .routine-item-actions,.routine-item:focus-within .routine-item-actions{opacity:1}@media (hover:none){.routine-item-actions{opacity:1}}.eq-card,.trophy{--fg:var(--ink);--fg-muted:var(--ink-muted);--fg-subtle:var(--ink-subtle);--border:var(--ink-line);color:var(--fg);background:var(--panel-fill);border-color:var(--panel-border);box-shadow:var(--panel-shadow);-webkit-backdrop-filter:none;backdrop-filter:none}:root[data-panel=glass] .eq-card,:root[data-panel=glass] .trophy{--fg:var(--fg-on-glass);--fg-muted:var(--fg-on-glass-muted);--fg-subtle:var(--fg-on-glass-subtle);--border:var(--line-on-glass);background:var(--glass-fill);border-color:var(--glass-border);box-shadow:var(--glass-border-inner), var(--glass-shadow);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate))}:root[data-panel=custom] .eq-card,:root[data-panel=custom] .trophy{--fg:var(--panel-fg);--fg-muted:var(--panel-fg-muted);--fg-subtle:var(--panel-fg-subtle);--border:var(--panel-border)}:root[data-panel=glass] .node-card-play{background:var(--accent)}@supports (color:color-mix(in lab, red, red)){:root[data-panel=glass] .node-card-play{background:color-mix(in srgb, var(--accent) 38%, transparent)}}:root[data-panel=glass] .node-card-play{box-shadow:inset 0 0 0 1px var(--accent)}@supports (color:color-mix(in lab, red, red)){:root[data-panel=glass] .node-card-play{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent) 55%, transparent)}}:root[data-panel=glass] .node-card-play{color:var(--fg)}@media (width>=561px){.save-sheet{max-width:min(600px,100vw - 32px)}}.save{flex-direction:column;gap:22px;display:flex}.save-head{flex-direction:column;gap:2px;display:flex}.save-kicker{font-size:var(--text-sm);color:var(--accent-text)}.save-title{font-size:var(--text-2xl);letter-spacing:var(--tracking-display);overflow-wrap:anywhere;font-weight:600}.save-path{font-size:var(--text-sm);color:var(--fg-subtle)}.save-stats{border-radius:var(--radius-lg);background:var(--fg);flex-wrap:wrap;align-items:flex-end;gap:12px 32px;margin:0;padding:18px 20px;display:flex}@supports (color:color-mix(in lab, red, red)){.save-stats{background:color-mix(in srgb, var(--fg) 6%, transparent)}}.save-stat{flex-direction:column;gap:2px;display:flex}.save-stat dt{font-size:var(--text-sm);color:var(--fg-muted)}.save-stat dd{font-family:var(--font-display);letter-spacing:-.01em;margin:0;font-size:1.5rem;font-weight:700;line-height:1.05}.save-stat.is-main dd{letter-spacing:-.01em;font-size:clamp(2.75rem,9vw,3.5rem)}.save-qs{flex-direction:column;gap:18px;display:flex}.save-q{flex-direction:column;gap:8px;display:flex}.save-q-label{font-size:var(--text-sm);font-weight:600}.save-chips{flex-wrap:wrap;gap:6px;display:flex}.save-chip{border:1px solid var(--fg);height:36px;padding:0 14px}@supports (color:color-mix(in lab, red, red)){.save-chip{border:1px solid color-mix(in srgb, var(--fg) 12%, transparent)}}.save-chip{border-radius:var(--radius-pill);background:var(--fg)}@supports (color:color-mix(in lab, red, red)){.save-chip{background:color-mix(in srgb, var(--fg) 5%, transparent)}}.save-chip{font:inherit;font-size:var(--text-sm);color:var(--fg);cursor:pointer;transition:background var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out), transform var(--dur-base) var(--ease-spring)}.save-chip:hover{background:var(--fg)}@supports (color:color-mix(in lab, red, red)){.save-chip:hover{background:color-mix(in srgb, var(--fg) 10%, transparent)}}.save-chip:active{transform:scale(.95)}.save-chip[aria-checked=true]{background:var(--accent-fill);border-color:var(--accent-fill);color:var(--accent-fg)}.save-chips.is-scale{flex-wrap:nowrap;gap:4px}.save-chips.is-scale .save-chip{text-overflow:ellipsis;white-space:nowrap;border-radius:0;flex:1 1 0;min-width:0;padding:0 6px;overflow:hidden}.save-chips.is-scale .save-chip:first-child{border-radius:var(--radius-pill) 0 0 var(--radius-pill)}.save-chips.is-scale .save-chip:last-child{border-radius:0 var(--radius-pill) var(--radius-pill) 0}.save-chips.is-scale .save-chip.is-filled:not([aria-checked=true]){background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.save-chips.is-scale .save-chip.is-filled:not([aria-checked=true]){background:color-mix(in srgb, var(--accent) 28%, transparent)}}.save-chips.is-scale .save-chip.is-filled:not([aria-checked=true]){border-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.save-chips.is-scale .save-chip.is-filled:not([aria-checked=true]){border-color:color-mix(in srgb, var(--accent) 35%, transparent)}}:root[data-panel=glass] .save-chip[aria-checked=true]{background:var(--accent)}@supports (color:color-mix(in lab, red, red)){:root[data-panel=glass] .save-chip[aria-checked=true]{background:color-mix(in srgb, var(--accent) 45%, transparent)}}:root[data-panel=glass] .save-chip[aria-checked=true]{border-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){:root[data-panel=glass] .save-chip[aria-checked=true]{border-color:color-mix(in srgb, var(--accent) 60%, transparent)}}:root[data-panel=glass] .save-chip[aria-checked=true]{color:var(--fg)}.save-counts{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.save-note-toggle{font:inherit;font-size:var(--text-sm);color:var(--fg-muted);cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;padding:0;display:inline-flex}.save-note-toggle:hover{color:var(--fg)}.save-note-chevron{transition:transform var(--dur-base) var(--ease-out);transform:rotate(-90deg)}.save-note-toggle[aria-expanded=true] .save-note-chevron{transform:none}.save-note .reveal-inner>*{margin-top:8px}.save-done{border-top:1px solid var(--border);padding-top:14px}@media (width<=480px){.save-chips.is-scale{flex-wrap:wrap}.save-chips.is-scale .save-chip,.save-chips.is-scale .save-chip:first-child,.save-chips.is-scale .save-chip:last-child{border-radius:var(--radius-pill);flex:30%}}.timelapse-size-warn{color:var(--status-warn)}@supports (color:color-mix(in lab, red, red)){.timelapse-size-warn{color:color-mix(in srgb, var(--status-warn) 70%, var(--fg))}}.preset-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;display:grid}.preset{flex-direction:column;gap:6px;min-width:0;display:flex}.preset-preview{aspect-ratio:16/10;border-radius:var(--radius-md);cursor:pointer;border:2px solid #0000;place-items:center;padding:0;display:grid;position:relative;overflow:hidden}.preset-preview:hover{border-color:var(--fg)}@supports (color:color-mix(in lab, red, red)){.preset-preview:hover{border-color:color-mix(in srgb, var(--fg) 30%, transparent)}}.preset-preview:focus-visible{border-color:var(--accent);outline:none}.preset-panel{border-radius:8px;align-items:center;gap:6px;width:62%;padding:8px;display:flex}.preset-panel.is-glossy{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff29;border:1px solid #ffffff47;box-shadow:inset 0 1px #ffffff59}.preset-panel.is-matte{background:#161822eb;border:1px solid #ffffff0f}.preset-accent{border-radius:50%;flex:none;width:14px;height:14px}.preset-lines{flex-direction:column;flex:1;gap:4px;display:flex}.preset-lines span{background:#ffffff8c;border-radius:2px;height:3px}.preset-lines span+span{background:#ffffff4d;width:60%}.preset-missing{border-radius:var(--radius-pill);color:#fff;background:#0000008c;padding:1px 6px;font-size:10px;position:absolute;bottom:6px;left:6px}.preset-foot{min-height:28px;font-size:var(--text-sm);align-items:center;gap:6px;display:flex}.preset-name{flex:1;min-width:0;font-weight:500}.preset-kind{font-size:var(--text-xs);color:var(--fg-subtle)}.preset-tool{width:22px;height:22px;color:var(--fg-subtle);cursor:pointer;background:0 0;border:none;border-radius:50%;place-items:center;display:grid}.preset-tool:hover{color:var(--fg);background:var(--fg)}@supports (color:color-mix(in lab, red, red)){.preset-tool:hover{background:color-mix(in srgb, var(--fg) 8%, transparent)}}.rc-density-line{fill:none;stroke:var(--accent);stroke-width:2px;stroke-linejoin:round}.rc-density-area,.rc-density-line{transition:opacity .7s var(--ease-out)}.rc-density:not(.is-in) .rc-density-area,.rc-density:not(.is-in) .rc-density-line{opacity:0}.rc-density-peak line{stroke:var(--accent)}@supports (color:color-mix(in lab, red, red)){.rc-density-peak line{stroke:color-mix(in srgb, var(--accent) 60%, transparent)}}.rc-density-peak line{stroke-dasharray:3 3}.rc-density-peak circle{fill:var(--accent);stroke:var(--bg-base,#111);stroke-width:2px}.rc-density-guide{stroke:var(--fg)}@supports (color:color-mix(in lab, red, red)){.rc-density-guide{stroke:color-mix(in srgb, var(--fg) 35%, transparent)}}.rc-density-guide{stroke-width:1px;pointer-events:none}.rc-density .rc-hit{fill:#0000;outline:none}.leaderboard-table tr[aria-current=true] td{background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.leaderboard-table tr[aria-current=true] td{background:color-mix(in srgb, var(--accent) 12%, transparent)}}.profile-head{padding:var(--card-pad);flex-wrap:wrap;align-items:flex-start;gap:12px 20px;display:flex}.profile-avatar{background:var(--accent);border-radius:50%;flex:none;place-items:center;width:88px;height:88px;display:grid;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.profile-avatar{background:color-mix(in srgb, var(--accent) 22%, transparent)}}.profile-avatar{color:var(--fg);-webkit-user-select:none;user-select:none;font-size:2rem;font-weight:600}.profile-avatar img{object-fit:cover;width:100%;height:100%;display:block}.profile-avatar.is-sm{width:56px;height:56px;font-size:1.25rem}.profile-id{flex-direction:column;flex:1;gap:10px;min-width:0;display:flex}.profile-name{overflow-wrap:anywhere}.profile-chip{align-items:center;gap:6px;display:inline-flex}.profile-verified{color:var(--accent)}.profile-bio{box-sizing:border-box;white-space:pre-wrap;overflow-wrap:anywhere;flex:0 0 100%;width:100%;padding-left:108px}.profile-bio>span{max-width:60ch;display:block}.profile-gear,.profile-actions{flex:none}.profile-actions{align-items:center;gap:8px;display:flex}.days-panel-stats dd.profile-stat-note{font-family:inherit;font-size:var(--text-xs);letter-spacing:0;color:var(--fg-subtle);font-weight:400}.profile-level{align-items:center;gap:5px;display:inline-flex}.profile-grid{overflow-x:auto}.profile-study{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:stretch;gap:20px 36px;display:grid}.profile-study-col{flex-direction:column;gap:14px;min-width:0;display:flex}.profile-study-col>.profile-grid{flex:1;align-items:center;display:flex}.profile-totals{padding-top:var(--card-pad);border-top:1px solid var(--border);flex-direction:column;gap:14px;display:flex}@media (width<=760px){.profile-study{grid-template-columns:minmax(0,1fr)}}.profile-composer{flex-direction:column;gap:10px;display:flex}.profile-composer-foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.profile-posts{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.profile-post{border-top:1px solid var(--border);align-items:flex-start;gap:12px;padding:14px 0;display:flex}.profile-post:first-child{border-top:0;padding-top:0}.profile-posts:not(:first-child) .profile-post:first-child{border-top:1px solid var(--border);padding-top:14px}.profile-post-body{white-space:pre-wrap;overflow-wrap:anywhere;flex:1;min-width:0}.profile-post-when{font-size:var(--text-xs);color:var(--fg-subtle);margin-top:4px}.profile-uni-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.profile-uni-row .input{flex:200px;min-width:0}.profile-uni-row .profile-uni-code{font-variant-numeric:tabular-nums;letter-spacing:.12em;flex:0 140px}.profile-uni-name{flex:1;align-items:center;gap:6px;font-weight:500;display:inline-flex}.profile-dialog-avatar{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.leaderboard-name{color:inherit}.leaderboard-name:hover{text-decoration:underline}@media (width<=600px){.profile-avatar{width:64px;height:64px;font-size:1.5rem}.profile-bio{padding-left:0}}.focus-dashboard{flex-direction:column;gap:24px;width:100%;max-width:640px;margin:32px auto;display:flex}.social-profile-grid{grid-template-columns:1fr 1fr;gap:24px;display:grid}.social-verified{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.social-verified strong{font-size:14px;font-weight:600}.social-empty{color:var(--fg-muted);align-items:center;gap:16px;font-size:14px;display:flex}.social-people{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px;display:grid}.social-person{align-items:flex-start;gap:12px;display:flex}.social-person h3{font-size:15px;font-weight:600}.social-avatar{background:var(--accent-soft);width:40px;height:40px;color:var(--accent-text);border-radius:50%;flex-shrink:0;place-items:center;display:grid}.local-mail-message{margin-top:12px;font-size:12px}.local-mail-message pre{white-space:pre-wrap;overflow-wrap:anywhere;margin-top:10px;font-family:inherit;line-height:1.7}@media (width<=800px){.social-profile-grid{grid-template-columns:1fr}}.local-test-accounts{border-top:1px solid var(--border);padding-top:16px;font-size:13px}.local-test-accounts summary{cursor:pointer;margin-bottom:12px;font-weight:600}.local-test-account{flex-direction:column;align-items:flex-start;gap:6px;padding-top:16px;display:flex}.local-test-account strong{font-weight:600}.local-test-account code{font-size:12px}.tl-trim-frames{grid-template-columns:1fr 1fr;gap:8px;display:grid}.tl-trim-frame{flex-direction:column;gap:4px;margin:0;display:flex}.tl-trim-frame img,.tl-trim-empty{aspect-ratio:16/9;object-fit:cover;border-radius:var(--radius-sm);background:var(--fg);width:100%;display:block}@supports (color:color-mix(in lab, red, red)){.tl-trim-frame img,.tl-trim-empty{background:color-mix(in srgb, var(--fg) 8%, transparent)}}.tl-align{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.tl-align .field-hint{margin-right:4px}.tl-align .btn.is-on{background:var(--fg)}@supports (color:color-mix(in lab, red, red)){.tl-align .btn.is-on{background:color-mix(in srgb, var(--fg) 12%, transparent)}}.tl-align .btn.is-on{color:var(--fg)}.tl-unsaved-stack{bottom:calc(var(--space-6) + var(--tabbar-clearance,0px));z-index:59;justify-content:center;width:max-content;max-width:calc(100vw - 32px);display:flex;position:fixed;left:50%;transform:translate(-50%)}.toast.tl-unsaved{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 12px;max-width:none;padding:6px 6px 6px 18px;display:flex}.tl-unsaved-actions{gap:6px;display:inline-flex}:root:has(.tl-unsaved-stack) .toast-stack{bottom:calc(var(--space-6) + var(--tabbar-clearance,0px) + 60px)}.tl-presets{flex-direction:column;gap:10px;display:flex}.tl-preset{border:1px solid var(--border);border-radius:var(--radius-lg)}.tl-preset-head{border-radius:inherit;width:100%;font:inherit;color:var(--fg);text-align:left;cursor:pointer;transition:background var(--dur-fast) var(--ease-out);background:0 0;border:none;align-items:center;gap:12px;padding:12px 14px;display:flex}.tl-preset-head:hover{background:var(--fg)}@supports (color:color-mix(in lab, red, red)){.tl-preset-head:hover{background:color-mix(in srgb, var(--fg) 5%, transparent)}}.tl-preset-icon{color:var(--fg-muted);flex:none}.tl-preset-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.tl-preset-name{align-items:center;gap:8px;font-weight:600;display:flex}.tl-preset-here{border-radius:var(--radius-pill);background:var(--accent);padding:1px 8px}@supports (color:color-mix(in lab, red, red)){.tl-preset-here{background:color-mix(in srgb, var(--accent) 16%, transparent)}}.tl-preset-here{color:var(--accent-text);font-size:var(--text-xs);font-weight:500}.tl-preset-sum{font-size:var(--text-sm);color:var(--fg-muted)}.tl-preset-chevron{color:var(--fg-muted);transition:transform var(--dur-base) var(--ease-out);flex:none}.tl-preset.is-open .tl-preset-chevron{transform:rotate(180deg)}.tl-preset-body{flex-direction:column;gap:12px;padding:4px 14px 16px;display:flex}.tl-looks{grid-template-columns:repeat(auto-fit,minmax(80px,1fr));gap:8px;display:grid}.tl-looks.is-compact{grid-template-columns:repeat(auto-fit,minmax(58px,1fr));gap:6px}.tl-look{border:1px solid var(--border);border-radius:var(--radius-md);min-width:0;font:inherit;color:var(--fg-muted);cursor:pointer;transition:border-color var(--dur-fast) var(--ease-out), background var(--dur-fast) var(--ease-out);background:0 0;flex-direction:column;align-items:center;gap:6px;padding:6px 6px 8px;display:flex}.tl-look:hover{background:var(--fg)}@supports (color:color-mix(in lab, red, red)){.tl-look:hover{background:color-mix(in srgb, var(--fg) 5%, transparent)}}.tl-look:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.tl-look.is-on{border-color:var(--accent);background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.tl-look.is-on{background:color-mix(in srgb, var(--accent) 10%, transparent)}}.tl-look.is-on{color:var(--fg)}.tl-look-pic{grid-template-rows:minmax(0,100%);place-items:center;width:100%;height:72px;display:grid}.tl-looks.is-compact .tl-look{padding:5px 3px 6px}.tl-looks.is-compact .tl-look-pic{height:52px}.tl-looks.is-compact .tl-look-name{font-size:11px}.tl-look-pic canvas{object-fit:contain;border-radius:6px;width:auto;max-width:100%;height:100%;display:block}.tl-look-name{font-size:var(--text-xs);white-space:nowrap;text-overflow:ellipsis;max-width:100%;overflow:hidden}.modal.relayout-dialog{max-width:min(820px,100vw - 32px)}.relayout-dialog .tl-editor{margin-top:14px}.modal.post-preview-dialog{max-width:min(860px,100vw - 32px)}.post-preview{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:start;gap:20px;margin-top:8px;display:grid}.post-preview-fields{flex-direction:column;gap:12px;display:flex}.post-preview-fields .textarea{resize:vertical;width:100%}.post-preview-card{contain:layout paint;flex-direction:column;gap:6px;min-width:0;display:flex}.post-preview-label{font-size:var(--text-xs);color:var(--fg-muted)}.post-preview-post{border:1px solid var(--border);border-radius:var(--radius-lg)}.post-preview-video{border-radius:var(--radius-md);object-fit:contain;background:#000;width:100%;max-height:52vh;display:block}@media (width<=720px){.post-preview{grid-template-columns:minmax(0,1fr)}}.pcam{z-index:55;padding:max(14px, env(safe-area-inset-top)) max(14px, env(safe-area-inset-right)) max(22px, env(safe-area-inset-bottom)) max(14px, env(safe-area-inset-left));color:#fff;-webkit-user-select:none;user-select:none;touch-action:manipulation;background:#000;grid-template:"top""."1fr"info""dock"/minmax(0,1fr);row-gap:22px;display:grid;position:fixed;inset:0;overflow:hidden}.pcam-video{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .5s var(--ease-out);position:absolute;inset:0}.pcam-video.is-showing{opacity:1}.pcam[data-facing=user] .pcam-video,.pcam[data-facing=user] .pcam-thumb video{transform:scaleX(-1)}.pcam-dim{opacity:0;transition:opacity .9s var(--ease-out);pointer-events:none;background:#0006;position:absolute;inset:0}.pcam-dim.is-on{opacity:1}.pcam-cover{opacity:0;transition:opacity .22s var(--ease-out);pointer-events:none;background:#07080b;position:absolute;inset:0}.pcam.is-mini .pcam-cover{opacity:1;transition-duration:.32s}.pcam-top{grid-area:top;align-items:center;gap:8px;min-width:0;display:flex;position:relative}.pcam-top-actions{flex:none;gap:8px;margin-left:auto;display:inline-flex}.pcam-rec{border-radius:var(--radius-pill);min-width:0;height:36px;font-size:var(--text-sm);background:#00000073;align-items:center;gap:8px;padding:0 14px 0 12px;display:inline-flex}.pcam-rec .timelapse-dot{flex:none}.pcam-rec-text{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.pcam-rec .timelapse-dot.is-idle{background:#ffffff8c}.pcam-round,.pcam-shutter,.pcam-pill,.pcam-restart,.pcam-thumb{font:inherit;color:#fff;cursor:pointer;-webkit-tap-highlight-color:transparent;border:none}.pcam-round{width:46px;height:46px;transition:background var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-out);background:#0000006b;border-radius:50%;flex:none;place-items:center;display:inline-grid}.pcam.is-mini .pcam-round:not(.is-stop){background:#ffffff1a}.pcam-round:active:not(:disabled),.pcam-thumb:active{transform:scale(.92)}.pcam-round.is-stop{background:var(--status-bad)}@supports (color:color-mix(in lab, red, red)){.pcam-round.is-stop{background:color-mix(in srgb, var(--status-bad) 72%, #00000080)}}.pcam-round:disabled,.pcam-shutter:disabled{opacity:.5;cursor:default}.pcam-round:focus-visible,.pcam-shutter:focus-visible,.pcam-pill:focus-visible,.pcam-thumb:focus-visible{outline-offset:3px;box-shadow:none;outline:2px solid #fff}.pcam-shutter{background:#ffffff29;border:4px solid #fff;border-radius:50%;flex:none;place-items:center;width:76px;height:76px;display:grid}.pcam-shutter:active{background:#ffffff4d}.pcam-thumb{width:46px;height:46px;transition:transform var(--dur-fast) var(--ease-out);animation:pcam-thumb-in .26s var(--ease-out);background:#000;border-radius:50%;flex:none;padding:0;position:relative;overflow:hidden;box-shadow:0 0 0 2px #ffffffd9}.pcam-thumb video{object-fit:cover;width:100%;height:100%}@keyframes pcam-thumb-in{0%{opacity:0;transform:scale(.6)}}.pcam-pill{border-radius:var(--radius-pill);min-height:38px;font-size:var(--text-sm);background:#0000006b;align-items:center;gap:6px;padding:0 14px;display:inline-flex}.pcam-pill.is-clip{background:var(--status-bad)}@supports (color:color-mix(in lab, red, red)){.pcam-pill.is-clip{background:color-mix(in srgb, var(--status-bad) 72%, #00000080)}}.pcam-pill:disabled{opacity:.5;cursor:default}.pcam-restart{top:calc(max(14px, env(safe-area-inset-top)) + 58px);border-radius:var(--radius-lg);width:min(320px,100% - 32px);font-size:var(--text-sm);background:#0009;padding:12px 16px;line-height:1.4;position:absolute;left:50%;transform:translate(-50%)}.pcam-info{text-align:center;text-shadow:0 1px 12px #00000059;pointer-events:none;flex-direction:column;grid-area:info;align-items:center;gap:4px;min-width:0;display:flex;position:relative}.pcam-info .focus-phase{color:#ffffffd1}.pcam-info .focus-time{font-size:clamp(3.75rem,21vw,7.5rem)}.pcam-info .focus-context{margin-top:6px}.pcam-info .focus-subject{font-size:var(--text-lg)}.pcam-info .focus-child,.pcam-info .focus-for{color:#ffffffc7}.pcam-dock{flex-direction:column;grid-area:dock;align-items:center;gap:14px;display:flex;position:relative}.pcam-extra{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.pcam-controls{grid-template-columns:1fr auto 1fr;place-items:center;width:min(100%,300px);display:grid}.pcam-controls>:first-child{justify-self:center}@media (orientation:landscape){.pcam{padding-bottom:max(16px, env(safe-area-inset-bottom));grid-template:"top dock"".dock"1fr"info dock"/minmax(0,1fr) auto;column-gap:24px}.pcam-info{text-align:left;align-items:flex-start}.pcam-info .focus-time{font-size:clamp(3.5rem,15vh,6rem)}.pcam-dock{flex-direction:row;align-self:center}.pcam-extra{flex-direction:column}.pcam-controls{grid-template-rows:1fr auto 1fr;grid-template-columns:none;row-gap:24px;width:auto;height:min(100%,300px)}.pcam-controls>:first-child{order:3}.pcam-controls>:last-child{order:1}.pcam-controls>.pcam-shutter{order:2}}:root[data-motion=off] .pcam-video,:root[data-motion=off] .pcam-cover,:root[data-motion=off] .pcam-thumb{transition:none;animation:none}@media (prefers-reduced-motion:reduce){:root:not([data-motion=on]) .pcam-video,:root:not([data-motion=on]) .pcam-cover,:root:not([data-motion=on]) .pcam-thumb{transition:none;animation:none}}.focus-wake{z-index:57;opacity:0;pointer-events:none;transition:opacity .26s var(--ease-out);background:#000;position:fixed;inset:0}.focus-wake.is-catching{pointer-events:auto;cursor:none}.focus-wake.is-dim{opacity:var(--focus-dim,0);transition:opacity 1.2s var(--ease-out)}:root[data-motion=off] .focus-wake{transition:none}@media (prefers-reduced-motion:reduce){:root:not([data-motion=on]) .focus-wake{transition:none}}.dim-row{align-items:center;gap:12px;display:flex}.dim-row .slider{flex:1;min-width:0}.dim-preview{background:#1d2030;border-radius:8px;flex:none;place-items:center;width:56px;height:36px;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff14}.dim-preview-time{color:#fff;font-size:13px;font-weight:600}.dim-preview-shade{background:#000;position:absolute;inset:0}.dim-value{text-align:right;width:3.2em;font-size:var(--text-sm);color:var(--fg-muted);flex:none}.ptrim-view{border-radius:var(--radius-md);background:#000;max-width:100%;margin:2px auto 6px;display:block}.ptrim-bar{align-items:stretch;gap:8px;display:flex}.ptrim-play{border-radius:var(--radius-sm);background:var(--fg);border:none;flex:none;place-items:center;width:44px;display:grid}@supports (color:color-mix(in lab, red, red)){.ptrim-play{background:color-mix(in srgb, var(--fg) 10%, transparent)}}.ptrim-play{color:var(--fg);cursor:pointer}.ptrim-strip{touch-action:none;flex:1;height:52px;margin:0 14px;position:relative}.ptrim-thumbs{border-radius:var(--radius-sm);background:var(--fg);display:flex;position:absolute;inset:0;overflow:hidden}@supports (color:color-mix(in lab, red, red)){.ptrim-thumbs{background:color-mix(in srgb, var(--fg) 8%, transparent)}}.ptrim-thumbs>*{object-fit:cover;flex:1;min-width:0;height:100%}.ptrim-shade{pointer-events:none;background:#0000008c;position:absolute;top:0;bottom:0}.ptrim-shade.is-left{border-radius:var(--radius-sm) 0 0 var(--radius-sm)}.ptrim-shade.is-right{border-radius:0 var(--radius-sm) var(--radius-sm) 0}.ptrim-frame{border-top:3px solid var(--fg-muted);border-bottom:3px solid var(--fg-muted);pointer-events:none;border-radius:6px;position:absolute;top:-2px;bottom:-2px}.ptrim-frame.is-trimmed{border-color:var(--accent)}.ptrim-handle{background:var(--fg-muted);width:14px;color:var(--bg);pointer-events:auto;touch-action:none;cursor:ew-resize;place-items:center;display:grid;position:absolute;top:-3px;bottom:-3px}.ptrim-frame.is-trimmed .ptrim-handle{background:var(--accent);color:#fff}.ptrim-handle.is-start{border-radius:6px 0 0 6px;left:-14px}.ptrim-handle.is-end{border-radius:0 6px 6px 0;right:-14px}.ptrim-handle:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.ptrim-head{pointer-events:none;background:#fff;border-radius:2px;width:3px;margin-left:-1.5px;position:absolute;top:-6px;bottom:-6px;box-shadow:0 0 0 1px #00000059}.ptrim-times{justify-content:space-between;gap:8px;margin-top:4px;display:flex}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}