@property --angle-1{syntax: "<angle>"; inherits: false; initial-value: -75deg;}@property --angle-2{syntax: "<angle>"; inherits: false; initial-value: -45deg;}@keyframes glass-sheen-pan{0%{background-position:0% 50%}to{background-position:100% 50%}}@keyframes glass-rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes glass-pop{0%{opacity:0;transform:translateY(-6px) scale(.96)}60%{opacity:1;transform:translateY(0) scale(1.008)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes status-pulse{0%{box-shadow:0 0 0 0 var(--pulse-tint, rgba(31, 125, 80, .5))}70%{box-shadow:0 0 0 7px #0000}to{box-shadow:0 0 #0000}}@keyframes arrival-snap{0%{transform:scale(.82);opacity:0}55%{transform:scale(1.06);opacity:1}to{transform:scale(1);opacity:1}}:root,:root[data-theme=light]{--bg: #f7f4ef;--bg-2: #ede9e1;--panel: rgba(247, 244, 239, .96);--surface: rgba(255, 255, 255, .6);--line: rgba(24, 24, 26, .14);--text: #18181a;--muted: #65656d;--accent: #3d6b6a;--accent-2: #4f8584;--on-accent: #f7f4ef;--danger: #b4452f;--status-fixed: #1f7d50;--status-warn: #a85e10;--status-bad: #b4452f;--status-info: #2f6396;--radius: 12px;--font: "Manrope", system-ui, sans-serif;--font-head: "DM Sans", system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--map-bg: #ede9e1;--shadow: 0 18px 44px rgba(24, 24, 26, .18);--glass-bg: color-mix(in srgb, #ffffff 52%, transparent);--glass-tint: color-mix(in srgb, #ffffff 14%, transparent);--glass-border: rgba(24, 24, 26, .1);--glass-hairline: color-mix(in srgb, rgba(255, 255, 255, .85) 70%, var(--line));--glass-hairline-base: rgba(24, 24, 26, .06);--glass-sheen: linear-gradient( 180deg, rgba(255, 255, 255, .55) 0%, rgba(255, 255, 255, .14) 28%, rgba(255, 255, 255, 0) 62% );--glass-shadow: 0 26px 64px rgba(22, 28, 36, .2), 0 6px 18px rgba(22, 28, 36, .1), inset 0 1px 0 0 var(--glass-hairline), inset 0 -1px 0 0 var(--glass-hairline-base), inset 0 0 0 1px var(--glass-border);--glass-radius: 20px;--glass-filter: blur(24px) saturate(1.7);--anim-hover-time: .4s;--anim-hover-ease: cubic-bezier(.25, 1, .5, 1);--glass-edge-width: clamp(1px, .12em, 4px);--glass-conic: conic-gradient( from var(--angle-1) at 50% 50%, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0) 5% 40%, rgba(0, 0, 0, .5) 50%, rgba(0, 0, 0, 0) 60% 95%, rgba(0, 0, 0, .5) ), linear-gradient(180deg, rgba(255, 255, 255, .5), rgba(255, 255, 255, .5));--glass-streak: linear-gradient( var(--angle-2), rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .5) 40% 50%, rgba(255, 255, 255, 0) 55% );--glass-btn-shadow: inset 0 .125em .125em rgba(0, 0, 0, .05), inset 0 -.125em .125em rgba(255, 255, 255, .5), 0 .25em .125em -.125em rgba(0, 0, 0, .2), 0 0 .1em .25em inset rgba(255, 255, 255, .2);--glass-btn-shadow-hover: inset 0 .125em .125em rgba(0, 0, 0, .05), inset 0 -.125em .125em rgba(255, 255, 255, .5), 0 .15em .05em -.1em rgba(0, 0, 0, .25), 0 0 .05em .1em inset rgba(255, 255, 255, .5);--glass-lite-edge: inset 0 0 0 1px rgba(255, 255, 255, .18);--glass-lite-streak: linear-gradient( 115deg, rgba(255, 255, 255, 0) 30%, rgba(255, 255, 255, .22) 48% 52%, rgba(255, 255, 255, 0) 70% );--glass-lite-lift: 0 4px 14px rgba(22, 28, 36, .12);--ease-spring: cubic-bezier(.22, 1, .36, 1);--ease-emph: cubic-bezier(.16, 1, .3, 1);--ease-out: cubic-bezier(.25, 1, .5, 1);--t-fast: .13s;--t-med: .22s;--t-slow: .36s;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-8: 32px;--chrome-inset: 14px;font-synthesis:none}:root[data-theme=dark]{--bg: #111110;--bg-2: #1b1b19;--panel: rgba(17, 17, 16, .96);--surface: rgba(255, 255, 255, .045);--line: rgba(237, 233, 225, .13);--text: #ede9e1;--muted: #8a8a82;--accent: #4f8584;--accent-2: #6ba3a2;--on-accent: #0c0c0b;--danger: #ef8a7e;--status-fixed: #4fbf8b;--status-warn: #e8a04f;--status-bad: #ef8a7e;--status-info: #6ba3d8;--radius: 12px;--map-bg: #16181a;--shadow: 0 22px 58px rgba(0, 0, 0, .55);--glass-bg: color-mix(in srgb, #1c1f23 58%, transparent);--glass-tint: color-mix(in srgb, #ffffff 6%, transparent);--glass-border: rgba(237, 233, 225, .1);--glass-hairline: color-mix(in srgb, rgba(255, 255, 255, .34) 60%, var(--line));--glass-hairline-base: rgba(0, 0, 0, .28);--glass-sheen: linear-gradient( 180deg, rgba(255, 255, 255, .18) 0%, rgba(255, 255, 255, .05) 30%, rgba(255, 255, 255, 0) 64% );--glass-shadow: 0 26px 64px rgba(0, 0, 0, .58), 0 6px 18px rgba(0, 0, 0, .36), inset 0 1px 0 0 var(--glass-hairline), inset 0 -1px 0 0 var(--glass-hairline-base), inset 0 0 0 1px var(--glass-border);--glass-radius: 20px;--glass-filter: blur(26px) saturate(1.7);--anim-hover-time: .4s;--anim-hover-ease: cubic-bezier(.25, 1, .5, 1);--glass-edge-width: clamp(1px, .12em, 4px);--glass-conic: conic-gradient( from var(--angle-1) at 50% 50%, rgba(0, 0, 0, .65), rgba(0, 0, 0, 0) 5% 40%, rgba(0, 0, 0, .65) 50%, rgba(0, 0, 0, 0) 60% 95%, rgba(0, 0, 0, .65) ), linear-gradient(180deg, rgba(255, 255, 255, .45), rgba(255, 255, 255, .45));--glass-streak: linear-gradient( var(--angle-2), rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .42) 40% 50%, rgba(255, 255, 255, 0) 55% );--glass-btn-shadow: inset 0 .125em .125em rgba(0, 0, 0, .25), inset 0 -.125em .125em rgba(255, 255, 255, .22), 0 .25em .125em -.125em rgba(0, 0, 0, .5), 0 0 .1em .25em inset rgba(255, 255, 255, .1);--glass-btn-shadow-hover: inset 0 .125em .125em rgba(0, 0, 0, .25), inset 0 -.125em .125em rgba(255, 255, 255, .22), 0 .15em .05em -.1em rgba(0, 0, 0, .55), 0 0 .05em .1em inset rgba(255, 255, 255, .28);--glass-lite-edge: inset 0 0 0 1px rgba(255, 255, 255, .1);--glass-lite-streak: linear-gradient( 115deg, rgba(255, 255, 255, 0) 30%, rgba(255, 255, 255, .14) 48% 52%, rgba(255, 255, 255, 0) 70% );--glass-lite-lift: 0 4px 14px rgba(0, 0, 0, .4)}*{box-sizing:border-box}html,body{height:100%;margin:0}body{font-family:var(--font);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;transition:background .25s ease,color .25s ease}.glass{position:relative;background:var(--glass-bg);border:1px solid transparent;border-radius:var(--glass-radius);box-shadow:var(--glass-shadow);-webkit-backdrop-filter:var(--glass-filter);backdrop-filter:var(--glass-filter);isolation:isolate}.glass:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:var(--glass-sheen);opacity:.9;pointer-events:none;z-index:-1}@media (prefers-reduced-transparency: reduce){.glass{background:var(--panel);-webkit-backdrop-filter:none;backdrop-filter:none}}.glass-cluster{position:relative;isolation:isolate;display:inline-flex;align-items:stretch;gap:0;padding:var(--sp-1);border-radius:999px;background:var(--glass-bg);box-shadow:var(--glass-lite-lift),inset 0 1px 0 0 var(--glass-hairline),inset 0 -1px 0 0 var(--glass-hairline-base),inset 0 0 0 1px var(--glass-border),var(--glass-lite-edge);-webkit-backdrop-filter:var(--glass-filter);backdrop-filter:var(--glass-filter);transition:box-shadow var(--t-med) var(--ease-spring)}.glass-cluster>*+*{border-inline-start:1px solid var(--glass-border)}.glass-cluster.col{flex-direction:column;align-items:stretch;border-radius:18px}.glass-cluster.col>*+*{border-inline-start:none;border-block-start:1px solid var(--glass-border)}.glass-cluster:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:var(--glass-lite-streak);mix-blend-mode:screen;opacity:.7;pointer-events:none}@media (prefers-reduced-transparency: reduce){.glass-cluster{background:var(--panel);-webkit-backdrop-filter:none;backdrop-filter:none}.glass-cluster:after{display:none}}.motion-rise{animation:glass-rise var(--t-med) var(--ease-spring) both}.motion-pop{animation:glass-pop var(--t-med) var(--ease-emph) both;transform-origin:top center}.motion-snap{animation:arrival-snap var(--t-med) var(--ease-emph) both}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.glass-fx,.glass-fx:before,.glass-fx:after,.glass-fx>.glass-fx__label:after{transition:none!important;animation:none!important}.glass-fx:hover,.glass-fx:active{transform:none!important}.spinner,.motion-rise,.motion-pop,.motion-snap,.status-dot.pulse{animation:none!important}}@media (prefers-reduced-transparency: reduce){.glass-fx,.pill,.chip,.new-btn,.icon-btn{background:var(--panel)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}.glass-fx:after,.glass-fx>.glass-fx__label:after,.pill:after,.new-btn:after,.icon-btn:after{display:none!important}.glass-fx{box-shadow:var(--glass-shadow)!important;color:var(--text)!important}}
