@layer components{.screen{gap:var(--space-5);max-width:640px;min-height:100dvh;padding:0 var(--gutter) var(--space-7);flex-direction:column;margin:0 auto;display:flex}.screen--tabbed{padding-bottom:calc(var(--tap) + var(--space-7) + env(safe-area-inset-bottom))}.screen__bar{z-index:var(--z-bar);grid-template-columns:minmax(var(--tap), 1fr) auto minmax(var(--tap), 1fr);min-height:52px;margin:0 calc(-1 * var(--gutter));padding:env(safe-area-inset-top) var(--space-2) 0;background:var(--glass);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);align-items:center;display:grid;position:sticky;top:0}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.screen__bar{background:var(--bg)}}.screen__bar-leading{justify-content:flex-start;display:flex}.screen__bar-trailing{justify-content:flex-end;gap:var(--space-1);display:flex}.screen__bar-title{max-width:60vw;font-size:var(--text-md);font-weight:var(--weight-bold);text-align:center;text-overflow:ellipsis;white-space:nowrap;opacity:0;overflow:hidden}.screen--inline .screen__bar-title{opacity:1}@supports (animation-timeline:scroll()){.screen--large .screen__bar-title{animation:linear both screen-bar-title-in;animation-timeline:scroll(root);animation-range:24px 56px}.screen--large .screen__bar,.screen--hidden .screen__bar{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;animation:linear both screen-bar-in;animation-timeline:scroll(root);animation-range:0 24px}}@keyframes screen-bar-title-in{0%{opacity:0;translate:0 6px}to{opacity:1;translate:0}}@keyframes screen-bar-in{0%{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0}to{background:var(--glass);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur)}}.screen__title{align-items:center;gap:var(--space-3);margin-top:calc(-1 * var(--space-3));font-size:var(--text-xl);letter-spacing:-.02em;display:flex}.screen__lead{margin-top:calc(-1 * var(--space-4));color:var(--ink-muted)}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.bar-button{justify-content:center;align-items:center;gap:var(--space-1);min-width:var(--tap);min-height:var(--tap);padding:0 var(--space-3);border-radius:var(--radius-pill);background:var(--bar-button-bg);box-shadow:var(--raise-sm);color:var(--ink);font-weight:var(--weight-bold);transition:background-color var(--dur-press) var(--ease-out), box-shadow var(--dur-press) var(--ease-out);display:inline-flex}.bar-button:has(>svg:only-child){width:var(--tap);padding:0}.bar-button:active,.bar-button[data-pressed]{background:var(--control-pressed-bg);box-shadow:var(--press-sm)}.tabbar{bottom:calc(var(--space-3) + env(safe-area-inset-bottom));z-index:var(--z-bar);gap:var(--space-1);width:min(calc(100% - var(--gutter) * 2), 440px);padding:var(--space-2);border-radius:var(--radius-pill);background:var(--glass);box-shadow:var(--raise);-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);view-transition-name:tabbar;display:flex;position:fixed;left:50%;translate:-50%}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.tabbar{background:var(--surface)}}.tabbar__tab{border-radius:var(--radius-pill);min-width:0;min-height:52px;color:var(--ink-faint);font-size:var(--text-xs);font-weight:var(--weight-bold);transition:background-color var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out);flex-direction:column;flex:1 1 0;justify-content:center;align-items:center;gap:2px;display:inline-flex}.tabbar__icon{display:inline-flex;position:relative}.tabbar__badge{position:absolute;top:-6px;left:calc(100% - 8px)}.tabbar__tab--active,.tabbar__tab:active,.tabbar__tab[data-pressed]{background:var(--tab-active-bg);box-shadow:var(--press-sm);color:var(--ink)}.group{gap:var(--space-2);flex-direction:column;display:flex}.group__title{padding:0 var(--inset);font-size:var(--text-md)}.group__list{border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-card);padding:0;list-style:none;overflow:hidden}.group__footer{padding:0 var(--inset);color:var(--ink-muted);font-size:var(--text-sm)}.row{align-items:center;gap:var(--space-3);width:100%;min-height:var(--tap);padding:var(--space-3) var(--inset);color:var(--ink);text-align:left;display:flex;position:relative}.group__list>li{position:relative}.group__list>li+li:before{content:"";top:0;right:0;left:var(--inset);border-top:1px solid var(--hairline);position:absolute}.row--link{transition:background-color var(--dur-fast) var(--ease-out)}.row--link:active,.row--link[data-pressed]{background:var(--surface-soft)}.row--destructive{color:var(--danger)}.row__leading{flex:none;display:inline-flex}.row__leading>svg{color:var(--ink-muted)}.row__body{overflow-wrap:anywhere;flex:auto;min-width:0}.row__title{display:block}.row__subtitle{color:var(--ink-muted);font-size:var(--text-sm);text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.row__trailing{align-items:center;gap:var(--space-2);color:var(--ink-muted);font-size:var(--text-sm);flex:none;display:inline-flex}.row__chevron{color:var(--ink-faint)}.row__hit{align-items:center;gap:var(--space-3);min-width:0;color:inherit;text-align:left;flex:auto;display:flex}.dot{border-radius:var(--radius-pill);background:var(--tint);flex:none;width:8px;height:8px}.dot--empty{background:0 0}.card{padding:var(--inset);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-card);display:block}.card__title{margin:0 0 var(--space-3);font-size:var(--text-lg)}.card--soft{background:var(--surface-soft);box-shadow:none}.card--tint{background:var(--tint);box-shadow:none;color:var(--on-tint)}.card--tint .muted,.card--tint .card__title{color:inherit}.event-title{font-size:var(--text-xl);letter-spacing:-.02em;overflow-wrap:anywhere}.numeral{font-family:var(--font-numeral);font-weight:var(--weight-bold);font-variant-numeric:tabular-nums;letter-spacing:0;line-height:1}.numeral--md{font-size:var(--numeral-md)}.numeral--lg{font-size:var(--numeral-lg)}.numeral--xl{font-size:var(--numeral-xl)}.datebox{align-items:center;gap:var(--space-1);flex-direction:column;min-width:3.5em;display:inline-flex}.datebox__meta{color:var(--ink-muted);font-size:var(--text-sm);font-weight:var(--weight-bold);line-height:1}.timebox{flex-direction:column;align-items:flex-end;min-width:3.4em;line-height:1;display:inline-flex}.timebox__end{color:var(--ink-muted);font-family:var(--font-numeral);font-size:var(--text-sm);font-weight:var(--weight-bold);margin-top:3px}.stat{align-items:baseline;gap:var(--space-1);display:inline-flex}.stat__label{color:var(--ink-muted);font-size:var(--text-sm)}.button{--button-press:var(--press-tint);justify-content:center;align-items:center;gap:var(--space-2);min-height:var(--tap);padding:0 var(--space-5);border-radius:var(--radius-pill);background:var(--tint);box-shadow:var(--raise-sm);color:var(--on-tint);font-size:var(--text-md);font-weight:var(--weight-bold);white-space:nowrap;transition:box-shadow var(--dur-press) var(--ease-out), transform var(--dur-press) var(--ease-out), opacity var(--dur-press) var(--ease-out);display:inline-flex}.button:active:not(:disabled),.button[data-pressed]{box-shadow:var(--button-press);transform:translateY(1px)scale(.98)}.button:disabled{opacity:.4;cursor:not-allowed}.button--tinted,.button--quiet,.button--destructive{--button-press:var(--press-sm);color:var(--ink)}.button--tinted{background:var(--button-tinted-bg)}.button--quiet{background:var(--button-quiet-bg)}.button--destructive{background:var(--button-destructive-bg);color:var(--danger)}.button--sm{min-height:36px;padding:0 var(--space-4);font-size:var(--text-sm)}.button--block{width:100%}.field{gap:var(--space-2);flex-direction:column;display:flex}.field__label{color:var(--ink-muted);font-size:var(--text-sm);font-weight:var(--weight-bold)}.field__input{width:100%;min-height:var(--tap);padding:0 var(--space-4);border-radius:var(--radius-sm);background:var(--field-bg);box-shadow:var(--press-sm);color:var(--ink);font-size:var(--text-md);border:none}.field__input:focus{box-shadow:var(--press-sm), 0 0 0 2px var(--focus);outline:none}.field__input::placeholder{color:var(--ink-faint)}.field__input--multiline{min-height:calc(var(--tap) * 2);padding:var(--space-3) var(--space-4);resize:vertical;line-height:var(--leading-base)}.field__hint{color:var(--ink-muted);font-size:var(--text-xs)}.switch{border-radius:var(--radius-pill);background:var(--switch-off-bg);width:50px;height:30px;transition:background-color var(--dur-fast) var(--ease-out);flex:none;position:relative}.switch__knob{border-radius:var(--radius-pill);background:var(--switch-knob-bg);width:26px;height:26px;box-shadow:var(--shadow-card);transition:translate var(--dur-fast) var(--ease-out);position:absolute;top:2px;left:2px}.switch[aria-checked=true]{background:var(--tint)}.switch[aria-checked=true] .switch__knob{translate:20px}.switch:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.badge{min-height:22px;padding:0 var(--space-2);border-radius:var(--radius-pill);background:var(--surface-soft);color:var(--ink-muted);font-size:var(--text-xs);font-weight:var(--weight-bold);vertical-align:middle;align-items:center;line-height:1;display:inline-flex}.badge--danger{background:color-mix(in oklab, var(--danger) 12%, var(--surface));color:var(--danger)}.badge--success{background:color-mix(in oklab, var(--success) 14%, var(--surface));color:var(--success)}.badge--tint{background:var(--tint);color:var(--on-tint)}.badge--count{background:var(--danger);min-width:22px;color:var(--gray-0);font-family:var(--font-numeral);font-size:var(--text-sm);justify-content:center;padding:0 6px}.notice{padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);background:var(--surface-soft);color:var(--ink);font-size:var(--text-sm)}.notice--error{background:color-mix(in oklab, var(--danger) 12%, var(--surface));color:var(--danger)}.notice--success{background:color-mix(in oklab, var(--success) 14%, var(--surface));color:var(--success)}.empty{align-items:center;gap:var(--space-3);padding:var(--space-7) var(--gutter);text-align:center;flex-direction:column;display:flex}.empty__icon{padding:var(--space-4);border-radius:var(--radius-pill);background:color-mix(in oklab, var(--tint) 12%, var(--surface-soft));color:var(--ink-muted);display:inline-flex}.empty__title{font-size:var(--text-lg)}.empty__text{max-width:28em;color:var(--ink-muted)}.tiles{gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.tile{align-items:flex-start;gap:var(--space-4);min-height:120px;padding:var(--inset);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-card);color:var(--ink);font-weight:var(--weight-bold);overflow-wrap:anywhere;transition:box-shadow var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-out);flex-direction:column;display:flex}.tile:active,.tile[data-pressed]{box-shadow:var(--press);transform:scale(.98)}.tile__icon{padding:var(--space-2);border-radius:var(--radius-xs);background:color-mix(in oklab, var(--tint) 12%, var(--surface-soft));display:inline-flex}.tile__title{margin-top:auto}.avatar{border-radius:var(--radius-pill);object-fit:cover;flex-shrink:0}.avatar--fallback{background:var(--surface-soft);color:var(--ink-muted);font-size:var(--text-sm);font-weight:var(--weight-bold);justify-content:center;align-items:center;display:inline-flex}.stack{gap:var(--space-4);flex-direction:column;display:flex}.muted{color:var(--ink-muted);margin:0}.cluster{align-items:center;gap:var(--space-3);display:flex}.sidebar{gap:var(--space-5);height:100%;padding:calc(var(--space-4) + env(safe-area-inset-top)) var(--space-4) calc(var(--space-4) + env(safe-area-inset-bottom));flex-direction:column;display:flex}.sidebar__brand{padding:0 var(--space-3);font-size:var(--text-lg);font-weight:var(--weight-bold)}.sidebar__section{gap:var(--space-1);flex-direction:column;display:flex}.sidebar__heading{padding:0 var(--space-3) var(--space-1);color:var(--ink-muted);font-size:var(--text-sm)}.sidebar__item{align-items:center;gap:var(--space-3);min-height:var(--tap);padding:0 var(--space-3);border-radius:var(--radius-sm);color:var(--ink);font-weight:var(--weight-bold);transition:background-color var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out);display:flex}.sidebar__item:active,.sidebar__item[data-pressed],.sidebar__item--active{background:var(--control-bg);box-shadow:var(--press-sm)}.sidebar__spacer{flex:auto}.qr{width:min(60vw,220px);padding:var(--space-3);border-radius:var(--radius-md);background:var(--gray-0);margin:0 auto}.qr>svg{width:100%;height:auto}}