:root{color-scheme:light dark;--bg: #f4f6fb;--surface: #ffffff;--surface-2: #f7f9fc;--surface-3: #eef2f8;--text: #0f172a;--muted: #64748b;--border: #dbe3ef;--primary: #3b5bdb;--primary-strong: #2f4ec7;--accent: #06b6d4;--success: #16a34a;--warning: #f59e0b;--danger: #dc2626;--primary-tint: rgba(59, 91, 219, .12);--primary-tint-strong: rgba(59, 91, 219, .2);--danger-tint: rgba(220, 38, 38, .1);--success-tint: rgba(22, 163, 74, .12);--warning-tint: rgba(245, 158, 11, .14);--fill-secondary: rgba(15, 23, 42, .05);--fill-tertiary: rgba(15, 23, 42, .08);--segment-selected: var(--surface);--ring: rgba(59, 91, 219, .32);--material-chrome: rgba(255, 255, 255, .78);--material-blur: saturate(180%) blur(20px);--chrome-solid: #fdfdfe;--scrim: rgba(15, 23, 42, .38);--separator: rgba(15, 23, 42, .12);--hairline: 1px;--radius-sm: 10px;--radius-md: 14px;--radius-lg: 18px;--radius-xl: 26px;--radius-full: 999px;--shadow-sm: 0 1px 2px rgba(15, 23, 42, .06);--shadow-md: 0 12px 30px rgba(15, 23, 42, .12);--shadow-lg: 0 -8px 40px rgba(15, 23, 42, .18);--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-7: 32px;--gutter: 16px;--content-max: 720px;--content-max-wide: 980px;--font-sans: -apple-system, BlinkMacSystemFont, "SF Pro Text", Inter, ui-sans-serif, system-ui, "Segoe UI", Roboto, Arial, sans-serif;--font-large-title: 2.125rem;--font-title: 1.375rem;--font-headline: 1.0625rem;--font-body: 1.0625rem;--font-callout: 1rem;--font-subhead: .9375rem;--font-footnote: .8125rem;--font-caption: .75rem;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--safe-right: env(safe-area-inset-right, 0px);--nav-h: 44px;--tab-h: 52px;--control-h: 44px;--ease-spring: cubic-bezier(.32, .72, 0, 1);--ease-out: cubic-bezier(.2, .8, .2, 1);--dur-fast: .14s;--dur-base: .24s;--dur-slow: .34s}@supports (border-width: .5px){:root{--hairline: .5px}}:root[data-theme=dark]{color-scheme:dark;--bg: #0b1020;--surface: #151b2d;--surface-2: #1b2236;--surface-3: #232c43;--text: #eef2fb;--muted: #98a4bd;--border: #2a3450;--primary: #7b93f5;--primary-strong: #93a7ff;--accent: #22d3ee;--success: #4ade80;--warning: #fbbf24;--danger: #f87171;--primary-tint: rgba(123, 147, 245, .18);--primary-tint-strong: rgba(123, 147, 245, .28);--danger-tint: rgba(248, 113, 113, .16);--success-tint: rgba(74, 222, 128, .16);--warning-tint: rgba(251, 191, 36, .18);--fill-secondary: rgba(255, 255, 255, .08);--fill-tertiary: rgba(255, 255, 255, .13);--segment-selected: var(--surface-3);--ring: rgba(123, 147, 245, .45);--material-chrome: rgba(21, 27, 45, .78);--chrome-solid: #131929;--scrim: rgba(0, 0, 0, .55);--separator: rgba(255, 255, 255, .14);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow-md: 0 12px 30px rgba(0, 0, 0, .5);--shadow-lg: 0 -8px 40px rgba(0, 0, 0, .6)}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){color-scheme:dark;--bg: #0b1020;--surface: #151b2d;--surface-2: #1b2236;--surface-3: #232c43;--text: #eef2fb;--muted: #98a4bd;--border: #2a3450;--primary: #7b93f5;--primary-strong: #93a7ff;--accent: #22d3ee;--success: #4ade80;--warning: #fbbf24;--danger: #f87171;--primary-tint: rgba(123, 147, 245, .18);--primary-tint-strong: rgba(123, 147, 245, .28);--danger-tint: rgba(248, 113, 113, .16);--success-tint: rgba(74, 222, 128, .16);--warning-tint: rgba(251, 191, 36, .18);--fill-secondary: rgba(255, 255, 255, .08);--fill-tertiary: rgba(255, 255, 255, .13);--segment-selected: var(--surface-3);--ring: rgba(123, 147, 245, .45);--material-chrome: rgba(21, 27, 45, .78);--chrome-solid: #131929;--scrim: rgba(0, 0, 0, .55);--separator: rgba(255, 255, 255, .14);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow-md: 0 12px 30px rgba(0, 0, 0, .5);--shadow-lg: 0 -8px 40px rgba(0, 0, 0, .6)}}@media (prefers-reduced-transparency: reduce){:root{--material-chrome: var(--surface);--material-blur: none}}@media (min-width: 768px){:root{--gutter: 20px}}*{box-sizing:border-box}html,body{height:100dvh;margin:0;padding:0;overflow:hidden;overscroll-behavior:none;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;touch-action:manipulation}body{font-family:var(--font-sans);font-size:var(--font-callout);line-height:1.35;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;user-select:none;-webkit-user-select:none}#root{position:fixed;top:0;left:0;width:100%;height:var(--app-height, 100dvh);display:flex;flex-direction:column;overflow:hidden;padding-left:var(--safe-left);padding-right:var(--safe-right)}p,h1,h2,h3,h4,input,textarea,.selectable{user-select:text;-webkit-user-select:text}main,section,div,span,label,li,button,input,select,textarea{font:inherit}h1,h2,h3,h4{color:var(--text);margin-top:0}h1{font-size:var(--font-title);font-weight:700;margin-bottom:var(--sp-2)}h2{font-size:var(--font-headline);font-weight:700}h3{font-size:var(--font-callout);font-weight:600}h4{font-size:var(--font-subhead);font-weight:600}a{color:var(--primary);text-decoration:none}:focus-visible{outline:3px solid var(--ring);outline-offset:2px;border-radius:var(--radius-sm)}::-webkit-scrollbar{width:0;height:0}input,select,textarea{font-size:max(16px,var(--font-body));min-height:var(--control-h);width:100%;padding:0 var(--sp-3);border:var(--hairline) solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);-moz-appearance:none;appearance:none;-webkit-appearance:none;transition:border-color var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out)}textarea{padding:var(--sp-3);line-height:1.4;resize:vertical}input:focus,select:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-tint);outline:none}input::placeholder,textarea::placeholder{color:var(--muted)}input[type=checkbox],input[type=radio]{width:22px;min-height:22px;height:22px;accent-color:var(--primary);padding:0}input[type=file]{padding:var(--sp-2);min-height:var(--control-h)}select{padding-right:var(--sp-6);background-image:linear-gradient(45deg,transparent 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,transparent 50%);background-position:calc(100% - 15px) 50%,calc(100% - 10px) 50%;background-size:5px 5px,5px 5px;background-repeat:no-repeat}button{font-size:var(--font-callout);font-weight:600;min-height:var(--control-h);padding:0 var(--sp-4);border:none;border-radius:var(--radius-sm);background:var(--fill-secondary);color:var(--text);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);transition:transform var(--dur-fast) var(--ease-spring),background-color var(--dur-fast) var(--ease-out),opacity var(--dur-fast) var(--ease-out)}button:active:not(:disabled){transform:scale(.97);opacity:.85}button:disabled{opacity:.45;cursor:not-allowed}@media (hover: hover){button:hover:not(:disabled){background:var(--fill-tertiary)}}.button-primary,.btn-primary{background:var(--primary);color:#fff}@media (hover: hover){.button-primary:hover:not(:disabled),.btn-primary:hover:not(:disabled){background:var(--primary-strong)}}.btn-plain,.ghost-button,.auth-link-button{background:transparent;color:var(--primary);padding:0 var(--sp-2);font-weight:600}@media (hover: hover){.btn-plain:hover:not(:disabled),.ghost-button:hover:not(:disabled){background:var(--primary-tint)}}.btn-danger,.danger-button{background:transparent;color:var(--danger)}@media (hover: hover){.btn-danger:hover:not(:disabled),.danger-button:hover:not(:disabled){background:var(--danger-tint)}}.btn-danger-filled{background:var(--danger);color:#fff}.icon-button{width:40px;min-width:40px;height:40px;min-height:40px;padding:0;border-radius:var(--radius-full);background:var(--fill-secondary);color:var(--text);font-size:var(--font-callout)}a.button,.auth-oidc-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);min-height:var(--control-h);padding:0 var(--sp-4);border-radius:var(--radius-sm);background:var(--fill-secondary);color:var(--text);font-weight:600}.app-shell{flex:1;min-height:0;display:flex;flex-direction:column;position:relative;overflow:hidden;background:var(--bg)}.nav-bar{flex:0 0 auto;position:relative;z-index:30;padding-top:max(var(--safe-top),var(--sp-1));background:var(--material-chrome);backdrop-filter:var(--material-blur);-webkit-backdrop-filter:var(--material-blur);transition:box-shadow var(--dur-base) var(--ease-out)}.nav-bar[data-scrolled=true]{border-bottom:var(--hairline) solid var(--separator)}.nav-bar-inner{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:var(--sp-2);min-height:var(--nav-h);padding:0 var(--sp-2);max-width:var(--content-max-wide);margin:0 auto;width:100%}.nav-bar-leading{display:flex;align-items:center;justify-content:flex-start;gap:var(--sp-1);min-width:0}.nav-bar-brand{display:flex;align-items:center;gap:var(--sp-2);min-width:0}.nav-bar-logo{width:30px;height:30px;border-radius:9px;flex-shrink:0}.nav-bar-brand-title{margin:0;font-size:var(--font-title);font-weight:700;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav-bar[data-brand=true] .nav-bar-inner{min-height:52px;padding-left:var(--sp-3)}.nav-bar-trailing{display:flex;align-items:center;justify-content:flex-end;gap:var(--sp-1)}.nav-bar-title{min-width:0;font-size:var(--font-headline);font-weight:600;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:0;transform:translateY(6px);transition:opacity var(--dur-base) var(--ease-out),transform var(--dur-base) var(--ease-out)}.nav-bar[data-scrolled=true] .nav-bar-title{opacity:1;transform:none}.nav-bar-large{max-width:var(--content-max-wide);margin:0 auto var(--sp-2);width:100%;padding:0 var(--gutter);font-size:var(--font-large-title);font-weight:700;letter-spacing:-.02em;line-height:1.15;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere;transform-origin:left bottom;transition:opacity var(--dur-base) var(--ease-out),max-height var(--dur-base) var(--ease-spring),transform var(--dur-base) var(--ease-spring),margin var(--dur-base) var(--ease-spring);max-height:4.9rem}.nav-bar[data-scrolled=true] .nav-bar-large{opacity:0;max-height:0;margin-bottom:0;transform:scale(.86) translateY(-8px)}.nav-back{display:inline-flex;align-items:center;gap:2px;background:transparent;color:var(--primary);padding:0 var(--sp-2) 0 var(--sp-1);flex-shrink:0;white-space:nowrap}.nav-back-label{white-space:nowrap;font-weight:400}.nav-chevron{font-size:1.3rem;line-height:1}.nav-toolbar{flex:0 0 auto;position:relative;z-index:25;background:var(--material-chrome);backdrop-filter:var(--material-blur);-webkit-backdrop-filter:var(--material-blur);border-bottom:var(--hairline) solid var(--separator);padding:var(--sp-2) var(--gutter);display:grid;gap:var(--sp-2)}.nav-toolbar-inner{max-width:var(--content-max-wide);margin:0 auto;width:100%;display:grid;gap:var(--sp-2)}.screen{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}.screen-scroll{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;scroll-behavior:smooth}.screen-content{max-width:var(--content-max);margin:0 auto;width:100%;padding:var(--sp-3) var(--gutter) calc(var(--sp-6) + var(--sp-4));display:grid;gap:var(--sp-4);align-content:start}.screen-content>*{min-width:0}.screen-content--wide{max-width:var(--content-max-wide)}.screen-stack{flex:1;min-height:0;position:relative;overflow:hidden}.screen-layer{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;background:var(--bg);will-change:transform,opacity}.screen-layer[data-anim=push-in]{animation:screen-push-in var(--dur-slow) var(--ease-spring) both}.screen-layer[data-anim=push-out]{animation:screen-push-out var(--dur-slow) var(--ease-spring) both}.screen-layer[data-anim=pop-in]{animation:screen-pop-in var(--dur-slow) var(--ease-spring) both}.screen-layer[data-anim=pop-out]{animation:screen-pop-out var(--dur-slow) var(--ease-spring) both}@keyframes screen-push-in{0%{transform:translate3d(100%,0,0)}to{transform:translateZ(0)}}@keyframes screen-push-out{0%{transform:translateZ(0);filter:brightness(1)}to{transform:translate3d(-24%,0,0);filter:brightness(.9)}}@keyframes screen-pop-in{0%{transform:translate3d(-24%,0,0);filter:brightness(.9)}to{transform:translateZ(0);filter:brightness(1)}}@keyframes screen-pop-out{0%{transform:translateZ(0)}to{transform:translate3d(100%,0,0)}}.tab-fade{animation:tab-fade var(--dur-base) var(--ease-out) both}@keyframes tab-fade{0%{opacity:0;transform:translate3d(0,6px,0)}to{opacity:1;transform:none}}.tab-bar{flex:0 0 auto;z-index:40;background:var(--material-chrome);backdrop-filter:var(--material-blur);-webkit-backdrop-filter:var(--material-blur);border-top:var(--hairline) solid var(--separator);padding-bottom:var(--safe-bottom)}.tab-bar-inner{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;max-width:var(--content-max-wide);margin:0 auto;width:100%}.tab-bar-item{background:transparent;border:none;min-height:var(--tab-h);padding:var(--sp-1) 2px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:var(--muted);font-size:var(--font-caption);font-weight:500;position:relative;border-radius:0}.tab-bar-item[aria-selected=true]{color:var(--primary)}.tab-bar-item:active:not(:disabled){transform:none;opacity:.6}@media (hover: hover){.tab-bar-item:hover:not(:disabled){background:transparent;color:var(--text)}.tab-bar-item[aria-selected=true]:hover{color:var(--primary)}}.tab-bar-icon{display:inline-flex;line-height:0;transition:transform var(--dur-fast) var(--ease-spring)}.tab-bar-item[aria-selected=true] .tab-bar-icon{transform:scale(1.08)}.tab-bar-label{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tab-bar-badge{position:absolute;top:2px;left:50%;margin-left:6px;min-width:17px;height:17px;padding:0 5px;border-radius:var(--radius-full);background:var(--danger);color:#fff;font-size:10px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;line-height:1}.fab{position:absolute;right:calc(var(--gutter) + var(--safe-right));bottom:calc(var(--gutter) + var(--sp-2));z-index:35;width:56px;min-width:56px;height:56px;min-height:56px;padding:0;border-radius:var(--radius-full);background:var(--primary);color:#fff;font-size:1.6rem;box-shadow:var(--shadow-md)}.list-group{background:var(--surface);border-radius:var(--radius-md);border:var(--hairline) solid var(--border);overflow:hidden}.list-group-header{margin:0 0 var(--sp-2);padding:0 var(--sp-1);font-size:var(--font-caption);font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}.list-group-footer{margin:var(--sp-2) var(--sp-1) 0;font-size:var(--font-footnote);color:var(--muted)}.list-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:var(--sp-3);width:100%;min-height:var(--control-h);padding:var(--sp-2) var(--sp-3);background:transparent;border:none;border-radius:0;text-align:left;font-weight:400;color:var(--text);position:relative}.list-row+.list-row:before{content:"";position:absolute;top:0;left:var(--sp-3);right:0;border-top:var(--hairline) solid var(--separator)}.list-row--inset+.list-row--inset:before{left:calc(var(--sp-3) + 30px + var(--sp-3))}.list-row:active{transform:none;background:var(--fill-secondary)}.list-row-hit{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;padding:0;border-radius:0;background:transparent;min-height:0}.list-row-hit:active{transform:none;background:var(--fill-secondary)}@media (hover: hover){.list-row-hit:hover:not(:disabled){background:var(--fill-secondary)}}.list-row[data-tappable=true]>.icon-slot,.list-row[data-tappable=true]>.list-row-content{position:relative;z-index:1;pointer-events:none}.list-row>.list-row-trailing{position:relative;z-index:1}.list-row[data-tappable=true]>.list-row-trailing{pointer-events:none}.list-row[data-tappable=true]>.list-row-trailing button,.list-row[data-tappable=true]>.list-row-trailing a,.list-row[data-tappable=true]>.list-row-trailing input,.list-row[data-tappable=true]>.list-row-trailing select{pointer-events:auto}.list-row-content{min-width:0;display:grid;gap:2px}.list-row-title{font-size:var(--font-callout);font-weight:500;overflow-wrap:anywhere}.list-row-subtitle{font-size:var(--font-footnote);color:var(--muted);overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.list-row>input,.list-row>textarea,.list-row>select,.list-row>form,.list-row>.segmented,.list-row>.stack-sm,.list-row>.stack-md,.list-row>.composer{grid-column:1 / -1;width:100%}.list-row-trailing{display:flex;align-items:center;gap:var(--sp-2);color:var(--muted);font-size:var(--font-subhead);flex-shrink:0}.list-row-chevron{color:var(--muted);font-size:1.1rem;opacity:.6}.icon-slot{width:30px;height:30px;border-radius:var(--radius-sm);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;background:var(--fill-secondary);overflow:hidden}.swipe-row{position:relative;overflow:hidden}.swipe-row+.swipe-row .list-row:before{content:"";position:absolute;top:0;left:var(--sp-3);right:0;border-top:var(--hairline) solid var(--separator)}.swipe-row+.swipe-row .list-row--inset:before{left:calc(var(--sp-3) + 30px + var(--sp-3))}.swipe-row-actions{position:absolute;inset:0 0 0 auto;display:flex}.swipe-row-action{width:88px;min-width:88px;border-radius:0;flex-direction:column;gap:2px;color:#fff;font-size:var(--font-caption);background:var(--success)}.swipe-row-action[data-tone=danger]{background:var(--danger)}.swipe-row-action[data-tone=primary]{background:var(--primary)}.swipe-row-action:active:not(:disabled){transform:none}.swipe-row-content{position:relative;background:var(--surface);transition:transform var(--dur-base) var(--ease-spring)}.composer{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--sp-2)}.composer>button{width:var(--control-h);min-width:var(--control-h);padding:0;font-size:1.35rem;line-height:1}.toolbar-row{display:flex;align-items:center;gap:var(--sp-2)}.toolbar-row>.segmented{flex:1;min-width:0}.surface,.card{background:var(--surface);border:var(--hairline) solid var(--border);border-radius:var(--radius-md);padding:var(--sp-3)}.surface+.surface{margin-top:var(--sp-3)}.card-subtle{background:var(--surface-2);border:var(--hairline) solid var(--border);border-radius:var(--radius-md);padding:var(--sp-3)}.segmented{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:2px;padding:2px;background:var(--fill-secondary);border-radius:var(--radius-sm);width:100%}.segmented-item{min-height:34px;padding:0 var(--sp-2);border-radius:calc(var(--radius-sm) - 2px);background:transparent;color:var(--text);font-size:var(--font-subhead);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:background-color var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out)}.segmented-item[aria-selected=true]{background:var(--segment-selected);font-weight:600;box-shadow:var(--shadow-sm)}@media (hover: hover){.segmented-item:hover:not([aria-selected=true]){background:var(--fill-secondary)}}.chip-list{display:flex;flex-wrap:wrap;gap:var(--sp-2)}.chip-scroller{display:flex;gap:var(--sp-2);overflow-x:auto;min-width:0;scroll-snap-type:x proximity;padding-bottom:2px;margin:0 calc(var(--gutter) * -1);padding-left:var(--gutter);padding-right:var(--gutter)}.chip-scroller>*{scroll-snap-align:start;flex:0 0 auto}.chip{min-height:34px;padding:0 var(--sp-3);border-radius:var(--radius-full);background:var(--fill-secondary);color:var(--text);font-size:var(--font-subhead);font-weight:500;white-space:nowrap}.chip[aria-pressed=true]{background:var(--primary-tint-strong);color:var(--primary-strong);font-weight:600}.switch{position:relative;width:51px;min-width:51px;height:31px;min-height:31px;padding:0;border-radius:var(--radius-full);background:var(--fill-tertiary);transition:background-color var(--dur-base) var(--ease-out)}.switch[aria-checked=true]{background:var(--success)}.switch:after{content:"";position:absolute;top:2px;left:2px;width:27px;height:27px;border-radius:var(--radius-full);background:#fff;box-shadow:0 2px 6px #0003;transition:transform var(--dur-base) var(--ease-spring)}.switch[aria-checked=true]:after{transform:translate(20px)}.switch:active:not(:disabled){transform:none}.stepper{display:inline-flex;align-items:center;background:var(--fill-secondary);border-radius:var(--radius-sm);overflow:hidden}.stepper button{width:44px;min-width:44px;background:transparent;border-radius:0;font-size:1.2rem}.stepper-value{min-width:3.2rem;text-align:center;font-variant-numeric:tabular-nums;font-weight:600}.search-field{position:relative;display:flex;align-items:center}.search-field-icon{position:absolute;left:var(--sp-3);display:inline-flex;color:var(--muted);pointer-events:none}.search-field input{padding-left:calc(var(--sp-3) + 1.6rem);border-radius:var(--radius-full);background:var(--fill-secondary);border-color:transparent}.search-field input:focus{background:var(--surface)}.search-clear{position:absolute;right:var(--sp-2);width:28px;min-width:28px;height:28px;min-height:28px;padding:0;border-radius:var(--radius-full);background:var(--fill-tertiary);color:var(--muted);font-size:.8rem}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:var(--scrim);animation:scrim-in var(--dur-base) var(--ease-out) both;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.scrim[data-closing=true]{animation:scrim-out var(--dur-base) var(--ease-out) both}@keyframes scrim-in{0%{opacity:0}to{opacity:1}}@keyframes scrim-out{0%{opacity:1}to{opacity:0}}.sheet{position:fixed;left:0;right:0;bottom:0;z-index:101;display:flex;flex-direction:column;max-height:calc(100dvh - var(--safe-top) - var(--sp-5));background:var(--surface);border-radius:var(--radius-xl) var(--radius-xl) 0 0;box-shadow:var(--shadow-lg);animation:sheet-in var(--dur-base) var(--ease-spring) both;will-change:transform}.sheet[data-detent=medium]{max-height:min(62dvh,calc(100dvh - var(--safe-top) - var(--sp-5)))}.sheet[data-closing=true]{animation:sheet-out var(--dur-base) var(--ease-spring) both}@keyframes sheet-in{0%{transform:translate3d(0,100%,0)}to{transform:translateZ(0)}}@keyframes sheet-out{0%{transform:translateZ(0)}to{transform:translate3d(0,100%,0)}}.sheet-grabber{flex:0 0 auto;width:36px;height:5px;margin:var(--sp-2) auto var(--sp-1);border-radius:var(--radius-full);background:var(--fill-tertiary)}.sheet-header{flex:0 0 auto;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-3);border-bottom:var(--hairline) solid var(--separator)}.sheet-title{font-size:var(--font-headline);font-weight:600;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0}.sheet-header-leading{justify-self:start}.sheet-header-trailing{justify-self:end}.sheet-body{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding:var(--sp-4) var(--gutter) calc(var(--sp-4) + var(--safe-bottom));display:grid;gap:var(--sp-4);align-content:start}.sheet-footer{flex:0 0 auto;padding:var(--sp-3) var(--gutter) calc(var(--sp-3) + var(--safe-bottom));border-top:var(--hairline) solid var(--separator);background:var(--material-chrome);backdrop-filter:var(--material-blur);-webkit-backdrop-filter:var(--material-blur);display:grid;gap:var(--sp-2)}.sheet-footer .button-primary{border-radius:var(--radius-full);min-height:50px;font-size:var(--font-headline)}@media (min-width: 768px){.sheet{left:50%;bottom:var(--sp-5);transform:translate(-50%);width:min(560px,calc(100vw - var(--sp-7)));border-radius:var(--radius-xl)}@keyframes sheet-in{0%{transform:translate3d(-50%,100%,0)}to{transform:translate3d(-50%,0,0)}}@keyframes sheet-out{0%{transform:translate3d(-50%,0,0)}to{transform:translate3d(-50%,100%,0)}}}.action-sheet{position:fixed;left:0;right:0;bottom:0;z-index:101;padding:var(--sp-2) var(--sp-2) calc(var(--sp-2) + var(--safe-bottom));display:grid;gap:var(--sp-2);animation:sheet-in var(--dur-base) var(--ease-spring) both}.action-sheet-group{background:var(--surface);border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-md)}.action-sheet-item{width:100%;min-height:56px;border-radius:0;background:transparent;font-size:var(--font-body);font-weight:400;color:var(--primary)}.action-sheet-item+.action-sheet-item{border-top:var(--hairline) solid var(--separator)}.action-sheet-item[data-destructive=true]{color:var(--danger)}.action-sheet-cancel{width:100%;min-height:56px;border-radius:var(--radius-md);background:var(--surface);font-weight:600;box-shadow:var(--shadow-md)}.action-sheet-title{padding:var(--sp-3);text-align:center;font-size:var(--font-footnote);color:var(--muted);border-bottom:var(--hairline) solid var(--separator)}.alert{position:fixed;z-index:101;top:50%;left:50%;transform:translate(-50%,-50%);width:min(300px,calc(100vw - var(--sp-7)));background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);overflow:hidden;animation:alert-in var(--dur-base) var(--ease-spring) both}@keyframes alert-in{0%{opacity:0;transform:translate(-50%,-50%) scale(1.12)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.alert-body{padding:var(--sp-5) var(--sp-4) var(--sp-4);text-align:center;display:grid;gap:var(--sp-2)}.alert-title{margin:0;font-size:var(--font-headline);font-weight:700}.alert-message{margin:0;font-size:var(--font-subhead);color:var(--muted)}.alert-actions{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;border-top:var(--hairline) solid var(--separator)}.alert-actions>button{border-radius:0;min-height:48px;background:transparent;color:var(--primary);font-weight:400}.alert-actions>button+button{border-left:var(--hairline) solid var(--separator)}.alert-actions>button[data-emphasis=true]{font-weight:700}.alert-actions>button[data-destructive=true]{color:var(--danger)}.toast-host{position:fixed;left:50%;transform:translate(-50%);bottom:calc(var(--tab-h) + var(--safe-bottom) + var(--sp-3));z-index:120;display:grid;gap:var(--sp-2);width:min(420px,calc(100vw - var(--sp-6)));pointer-events:none}.toast{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-3) var(--sp-4);border-radius:var(--radius-full);background:var(--material-chrome);backdrop-filter:var(--material-blur);-webkit-backdrop-filter:var(--material-blur);border:var(--hairline) solid var(--separator);box-shadow:var(--shadow-md);font-size:var(--font-subhead);font-weight:500;animation:toast-in var(--dur-base) var(--ease-spring) both}.toast[data-tone=success]{color:var(--success)}.toast[data-tone=error]{color:var(--danger)}@keyframes toast-in{0%{opacity:0;transform:translate3d(0,16px,0) scale(.96)}to{opacity:1;transform:none}}.skeleton{border-radius:var(--radius-sm);background:linear-gradient(90deg,var(--fill-secondary) 25%,var(--fill-tertiary) 37%,var(--fill-secondary) 63%);background-size:400% 100%;animation:skeleton-shimmer 1.4s ease infinite;min-height:1rem}@keyframes skeleton-shimmer{0%{background-position:100% 50%}to{background-position:0 50%}}.skeleton-row{display:grid;grid-template-columns:30px minmax(0,1fr);align-items:center;gap:var(--sp-3);padding:var(--sp-3)}.empty-state{display:grid;justify-items:center;gap:var(--sp-2);padding:var(--sp-7) var(--sp-4);text-align:center;color:var(--muted)}.empty-state-icon{display:inline-flex;font-size:2.6rem;line-height:1;opacity:.5;color:var(--muted)}.icon{flex-shrink:0;display:block}.icon-slot .icon{color:var(--muted)}.empty-state-title{margin:0;font-size:var(--font-headline);font-weight:600;color:var(--text)}.empty-state-text{margin:0;font-size:var(--font-subhead);max-width:28rem}.offline-banner{display:flex;align-items:center;justify-content:center;gap:var(--sp-2);padding:var(--sp-2) var(--gutter);background:var(--warning-tint);color:var(--warning);font-size:var(--font-footnote);font-weight:600;animation:tab-fade var(--dur-base) var(--ease-out) both}.pull-indicator{display:flex;align-items:center;justify-content:center;overflow:hidden;color:var(--muted);transition:height var(--dur-base) var(--ease-spring)}.spinner{width:20px;height:20px;border-radius:var(--radius-full);border:2px solid var(--fill-tertiary);border-top-color:var(--primary);animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.progress-track{height:6px;border-radius:var(--radius-full);background:var(--fill-tertiary);overflow:hidden}.progress-fill{height:100%;background:var(--primary);border-radius:var(--radius-full);transition:width var(--dur-base) var(--ease-out)}.badge{display:inline-flex;align-items:center;gap:var(--sp-1);padding:2px var(--sp-2);border-radius:var(--radius-full);font-size:var(--font-caption);font-weight:600;background:var(--fill-secondary);color:var(--muted)}.badge[data-tone=success]{background:var(--success-tint);color:var(--success)}.badge[data-tone=warning]{background:var(--warning-tint);color:var(--warning)}.badge[data-tone=danger]{background:var(--danger-tint);color:var(--danger)}.badge[data-tone=primary]{background:var(--primary-tint);color:var(--primary-strong)}.auth-shell{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;display:grid;align-content:center;justify-items:center;padding:calc(var(--safe-top) + var(--sp-6)) var(--gutter) calc(var(--safe-bottom) + var(--sp-6));background:radial-gradient(120% 60% at 50% 0%,var(--primary-tint) 0%,transparent 60%),var(--bg)}.auth-card{width:100%;max-width:420px;display:grid;gap:var(--sp-4);background:var(--surface);border:var(--hairline) solid var(--border);border-radius:var(--radius-lg);padding:var(--sp-5) var(--sp-4);box-shadow:var(--shadow-md)}.auth-header{display:grid;justify-items:center;gap:var(--sp-1);text-align:center}.auth-mark{width:64px;height:64px;border-radius:var(--radius-lg);margin-bottom:var(--sp-2);box-shadow:var(--shadow-md)}.auth-kicker{margin:0;color:var(--muted);font-size:var(--font-caption);letter-spacing:.1em;text-transform:uppercase;font-weight:700}.auth-header h1{margin:0;font-size:var(--font-title)}.auth-form,.auth-oidc-list{display:grid;gap:var(--sp-3)}.auth-inline-form{display:grid;gap:var(--sp-2)}.auth-form .button-primary,.auth-inline-form .button-primary{min-height:50px;border-radius:var(--radius-full);font-size:var(--font-headline)}.auth-oidc-button{width:100%;min-height:50px;border-radius:var(--radius-full)}.auth-divider{display:flex;align-items:center;gap:var(--sp-3);color:var(--muted);font-size:var(--font-footnote)}.auth-divider:before,.auth-divider:after{content:"";flex:1;border-top:var(--hairline) solid var(--separator)}.muted,.status-muted{color:var(--muted)}.status-muted{font-size:var(--font-footnote)}.status-ok{color:var(--success)}.status-danger{color:var(--danger)}.toolbar{display:flex;gap:var(--sp-2);align-items:center;flex-wrap:wrap}.stack-sm{display:grid;gap:var(--sp-2)}.divider{border-top:var(--hairline) solid var(--separator);margin:var(--sp-4) 0}.row-divider{border-bottom:var(--hairline) solid var(--separator)}.row-start{display:flex;align-items:center;gap:var(--sp-2);min-width:0}.row-start>*{min-width:0}.row-start span,.status-muted{overflow-wrap:anywhere}.full-width{width:100%}.list-reset{list-style:none;margin:0;padding:0}.tabular{font-variant-numeric:tabular-nums}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.check-button{width:44px;min-width:44px;height:44px;min-height:44px;padding:0;border-radius:var(--radius-full);background:var(--fill-secondary)}.file-input{width:100%;min-width:0;max-width:100%;display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:var(--font-subhead)}.file-input::file-selector-button{margin-right:var(--sp-2);min-height:32px;padding:0 var(--sp-3);border:none;border-radius:var(--radius-full);background:var(--fill-secondary);color:var(--text);font-weight:600}.photo-upload{display:flex;align-items:center;gap:var(--sp-3);min-width:0}.photo-upload-preview{position:relative;padding:0;min-height:0;border-radius:var(--radius-md);background:var(--fill-secondary);color:var(--muted);overflow:hidden;flex-shrink:0}.photo-upload-preview img{width:100%;height:100%;object-fit:cover}.photo-upload-preview .spinner{position:absolute}.photo-upload-actions{display:flex;align-items:center;gap:var(--sp-2);flex-wrap:wrap;min-width:0}.icon-picker-trigger{display:inline-flex;align-items:center;gap:var(--sp-2);background:var(--fill-secondary);padding:0 var(--sp-3) 0 var(--sp-2);font-weight:500}.icon-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(48px,1fr));gap:var(--sp-2)}.icon-grid-item{aspect-ratio:1;min-height:48px;padding:0;border-radius:var(--radius-sm);background:var(--fill-secondary)}.icon-grid-item[aria-pressed=true]{background:var(--primary-tint-strong);color:var(--primary-strong)}@media (max-width: 400px){.nav-bar-large{font-size:1.75rem;max-height:4.1rem}.tab-bar-label{font-size:10px}.planner-entry-layout{grid-template-columns:1fr}.planner-entry-actions{width:100%}.planner-entry-actions>button{flex:1}}@media (min-width: 1024px){.screen-content{padding-top:var(--sp-4)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.screen-layer[data-anim],.sheet,.action-sheet,.alert,.toast{animation:tab-fade .1s linear both}button:active:not(:disabled){transform:none}}