:root{--color-slate-50: #f8fafc;--color-slate-100: #f1f5f9;--color-slate-200: #e2e8f0;--color-slate-300: #cbd5e1;--color-slate-400: #94a3b8;--color-slate-500: #64748b;--color-slate-600: #475569;--color-slate-700: #334155;--color-slate-800: #1e293b;--color-slate-900: #0f172a;--color-slate-950: #020617;--md3-sys-color-primary: #0284c7;--md3-sys-color-primary-dark: #0369a1;--md3-sys-color-on-primary: #ffffff;--md3-sys-color-primary-container: rgba(224, 242, 254, .9);--md3-sys-color-on-primary-container: #0369a1;--card-sky-bg: linear-gradient(135deg, rgba(224, 242, 254, .95) 0%, rgba(186, 230, 253, .9) 45%, rgba(125, 211, 252, .95) 100%);--card-sky-pill: rgba(2, 132, 199, .22);--card-sky-timerbox: rgba(2, 132, 199, .15);--card-sky-text: #082f49;--card-sky-accent: #0284c7;--card-emerald-bg: linear-gradient(135deg, rgba(220, 252, 231, .95) 0%, rgba(187, 247, 208, .9) 45%, rgba(134, 239, 172, .95) 100%);--card-emerald-pill: rgba(22, 163, 74, .22);--card-emerald-timerbox: rgba(22, 163, 74, .15);--card-emerald-text: #052e16;--card-emerald-accent: #15803d;--card-indigo-bg: linear-gradient(135deg, rgba(237, 233, 254, .95) 0%, rgba(221, 214, 254, .9) 45%, rgba(196, 181, 253, .95) 100%);--card-indigo-pill: rgba(124, 58, 237, .22);--card-indigo-timerbox: rgba(124, 58, 237, .15);--card-indigo-text: #2e1065;--card-indigo-accent: #6d28d9;--card-rose-bg: linear-gradient(135deg, rgba(255, 228, 230, .95) 0%, rgba(254, 205, 211, .9) 45%, rgba(253, 164, 175, .95) 100%);--card-rose-pill: rgba(225, 29, 72, .22);--card-rose-timerbox: rgba(225, 29, 72, .15);--card-rose-text: #4c0519;--card-rose-accent: #be123c;--card-amber-bg: linear-gradient(135deg, rgba(255, 237, 213, .95) 0%, rgba(254, 215, 170, .9) 45%, rgba(253, 186, 116, .95) 100%);--card-amber-pill: rgba(234, 88, 12, .22);--card-amber-timerbox: rgba(234, 88, 12, .15);--card-amber-text: #431407;--card-amber-accent: #c2410c;--card-purple-bg: linear-gradient(135deg, rgba(250, 232, 255, .95) 0%, rgba(245, 208, 254, .9) 45%, rgba(240, 171, 252, .95) 100%);--card-purple-pill: rgba(192, 38, 211, .22);--card-purple-timerbox: rgba(192, 38, 211, .15);--card-purple-text: #4a044e;--card-purple-accent: #a21caf;--card-buiten-bg: var(--card-emerald-bg);--card-buiten-pill: var(--card-emerald-pill);--card-buiten-timerbox: var(--card-emerald-timerbox);--card-buiten-text: var(--card-emerald-text);--card-buiten-accent: var(--card-emerald-accent);--card-buiten-border: transparent;--card-binnen-bg: var(--card-sky-bg);--card-binnen-pill: var(--card-sky-pill);--card-binnen-timerbox: var(--card-sky-timerbox);--card-binnen-text: var(--card-sky-text);--card-binnen-accent: var(--card-sky-accent);--card-binnen-border: transparent;--surface-header-bg: linear-gradient(90deg, #09121f 0%, #0e1e38 35%, #152b4d 70%, #1c3864 100%);--surface-segmented-bg: rgba(226, 232, 240, .7);--surface-box-bg: rgba(255, 255, 255, .88);--surface-box-border: rgba(255, 255, 255, .75);--input-tonal-bg: rgba(15, 23, 42, .05);--input-tonal-border: transparent;--text-main: #0f172a;--text-muted: #64748b;--md3-sys-color-error: #e11d48;--md3-sys-color-on-error: #ffffff;--radius-outer: 24px;--radius-inner: 16px;--radius-chip: 12px;--radius-full: 9999px;--shadow-subtle: 0 4px 20px -2px rgba(15, 23, 42, .05), 0 2px 6px -1px rgba(15, 23, 42, .03);--shadow-floating: 0 12px 32px -4px rgba(15, 23, 42, .14), 0 4px 12px -2px rgba(15, 23, 42, .06);--theme-primary: #0369a1;--theme-primary-hover: #075985;--theme-primary-text: #ffffff;--theme-filter-active-bg: #0369a1;--theme-filter-active-text: #ffffff;--theme-filter-segment-border: rgba(3, 105, 161, .22);--theme-filter-hover-bg: rgba(3, 105, 161, .08);--theme-reshuffle-bg: #0369a1;--theme-reshuffle-text: #ffffff;--theme-reshuffle-hover: #075985;--theme-reshuffle-shadow: rgba(3, 105, 161, .32)}body.dark{--color-slate-50: #020617;--color-slate-100: #0f172a;--color-slate-200: #1e293b;--color-slate-300: #334155;--color-slate-400: #64748b;--color-slate-500: #94a3b8;--color-slate-600: #cbd5e1;--color-slate-700: #e2e8f0;--color-slate-800: #f1f5f9;--color-slate-900: #f8fafc;--md3-sys-color-primary: #38bdf8;--md3-sys-color-primary-dark: #0284c7;--md3-sys-color-on-primary: #090d16;--md3-sys-color-primary-container: rgba(56, 189, 248, .2);--md3-sys-color-on-primary-container: #7dd3fc;--card-sky-bg: linear-gradient(135deg, rgba(56, 189, 248, .3) 0%, rgba(12, 74, 110, .85) 100%);--card-sky-pill: rgba(56, 189, 248, .32);--card-sky-timerbox: rgba(56, 189, 248, .2);--card-sky-text: #f0f9ff;--card-sky-accent: #38bdf8;--card-emerald-bg: linear-gradient(135deg, rgba(34, 197, 94, .3) 0%, rgba(6, 78, 59, .85) 100%);--card-emerald-pill: rgba(34, 197, 94, .32);--card-emerald-timerbox: rgba(34, 197, 94, .2);--card-emerald-text: #f0fdf4;--card-emerald-accent: #4ade80;--card-indigo-bg: linear-gradient(135deg, rgba(168, 85, 247, .3) 0%, rgba(46, 16, 101, .85) 100%);--card-indigo-pill: rgba(168, 85, 247, .32);--card-indigo-timerbox: rgba(168, 85, 247, .2);--card-indigo-text: #faf5ff;--card-indigo-accent: #c084fc;--card-rose-bg: linear-gradient(135deg, rgba(244, 63, 94, .3) 0%, rgba(136, 19, 55, .85) 100%);--card-rose-pill: rgba(244, 63, 94, .32);--card-rose-timerbox: rgba(244, 63, 94, .2);--card-rose-text: #fff1f2;--card-rose-accent: #fb7185;--card-amber-bg: linear-gradient(135deg, rgba(249, 115, 22, .3) 0%, rgba(124, 45, 18, .85) 100%);--card-amber-pill: rgba(249, 115, 22, .32);--card-amber-timerbox: rgba(249, 115, 22, .2);--card-amber-text: #fffbeb;--card-amber-accent: #fb923c;--card-purple-bg: linear-gradient(135deg, rgba(217, 70, 239, .3) 0%, rgba(74, 4, 78, .85) 100%);--card-purple-pill: rgba(217, 70, 239, .32);--card-purple-timerbox: rgba(217, 70, 239, .2);--card-purple-text: #fdf4ff;--card-purple-accent: #e879f9;--card-buiten-bg: var(--card-emerald-bg);--card-buiten-pill: var(--card-emerald-pill);--card-buiten-timerbox: var(--card-emerald-timerbox);--card-buiten-text: var(--card-emerald-text);--card-buiten-accent: var(--card-emerald-accent);--card-buiten-border: transparent;--card-binnen-bg: var(--card-sky-bg);--card-binnen-pill: var(--card-sky-pill);--card-binnen-timerbox: var(--card-sky-timerbox);--card-binnen-text: var(--card-sky-text);--card-binnen-accent: var(--card-sky-accent);--card-binnen-border: transparent;--surface-header-bg: linear-gradient(90deg, #09121f 0%, #0e1e38 35%, #152b4d 70%, #1c3864 100%);--surface-segmented-bg: rgba(30, 41, 59, .7);--surface-box-bg: rgba(22, 30, 49, .85);--surface-box-border: rgba(255, 255, 255, .1);--input-tonal-bg: rgba(30, 41, 59, .8);--input-tonal-border: rgba(255, 255, 255, .12);--text-main: #f1f5f9;--text-muted: #94a3b8;--shadow-subtle: 0 4px 20px -2px rgba(0, 0, 0, .4);--shadow-floating: 0 12px 32px -4px rgba(0, 0, 0, .6);--theme-primary: #38bdf8;--theme-primary-hover: #7dd3fc;--theme-primary-text: #082f49;--theme-filter-active-bg: #38bdf8;--theme-filter-active-text: #082f49;--theme-filter-segment-border: rgba(56, 189, 248, .28);--theme-filter-hover-bg: rgba(56, 189, 248, .12);--theme-reshuffle-bg: #38bdf8;--theme-reshuffle-text: #082f49;--theme-reshuffle-hover: #7dd3fc;--theme-reshuffle-shadow: rgba(56, 189, 248, .35)}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html{scroll-behavior:smooth;color-scheme:light dark}body{font-family:Outfit,Roboto,system-ui,-apple-system,sans-serif;background-color:var(--mesh-bg, #eef2f6);background-image:radial-gradient(at 12% 15%,var(--mesh-color-1, rgba(186, 230, 253, .45)) 0px,transparent 50%),radial-gradient(at 88% 18%,var(--mesh-color-2, rgba(219, 234, 254, .55)) 0px,transparent 50%),radial-gradient(at 48% 55%,var(--mesh-color-3, rgba(224, 231, 255, .35)) 0px,transparent 55%),radial-gradient(at 15% 85%,var(--mesh-color-4, rgba(241, 245, 249, .75)) 0px,transparent 50%),radial-gradient(at 85% 88%,var(--mesh-color-5, rgba(199, 210, 254, .35)) 0px,transparent 50%);background-attachment:fixed;background-size:cover;color:var(--text-main);min-height:100vh;margin:0;padding:0;display:flex;flex-direction:column;transition:background-color .3s ease,background-image .3s ease,color .3s ease}body.theme-mesh_aurora{--mesh-bg: #e0e7ff;--mesh-color-1: rgba(191, 219, 254, .6);--mesh-color-2: rgba(224, 231, 255, .7);--mesh-color-3: rgba(254, 205, 211, .5);--mesh-color-4: rgba(191, 219, 254, .4);--mesh-color-5: rgba(254, 205, 211, .4);--theme-primary: #4338ca;--theme-primary-hover: #3730a3;--theme-primary-text: #ffffff;--theme-filter-active-bg: #4338ca;--theme-filter-active-text: #ffffff;--theme-filter-segment-border: rgba(67, 56, 202, .25);--theme-filter-hover-bg: rgba(67, 56, 202, .08);--theme-reshuffle-bg: #4338ca;--theme-reshuffle-text: #ffffff;--theme-reshuffle-hover: #3730a3;--theme-reshuffle-shadow: rgba(67, 56, 202, .35)}body.dark.theme-mesh_aurora{--theme-primary: #818cf8;--theme-primary-hover: #a5b4fc;--theme-primary-text: #0f172a;--theme-filter-active-bg: #818cf8;--theme-filter-active-text: #0f172a;--theme-filter-segment-border: rgba(129, 140, 248, .3);--theme-filter-hover-bg: rgba(129, 140, 248, .14);--theme-reshuffle-bg: #818cf8;--theme-reshuffle-text: #0f172a;--theme-reshuffle-hover: #a5b4fc;--theme-reshuffle-shadow: rgba(129, 140, 248, .38)}body.theme-warm_sunset{--mesh-bg: #fff7ed;--mesh-color-1: rgba(253, 230, 138, .6);--mesh-color-2: rgba(254, 205, 211, .7);--mesh-color-3: rgba(254, 215, 170, .5);--mesh-color-4: rgba(253, 230, 138, .4);--mesh-color-5: rgba(254, 215, 170, .4);--theme-primary: #c2410c;--theme-primary-hover: #9a3412;--theme-primary-text: #ffffff;--theme-filter-active-bg: #c2410c;--theme-filter-active-text: #ffffff;--theme-filter-segment-border: rgba(194, 65, 12, .25);--theme-filter-hover-bg: rgba(194, 65, 12, .08);--theme-reshuffle-bg: #c2410c;--theme-reshuffle-text: #ffffff;--theme-reshuffle-hover: #9a3412;--theme-reshuffle-shadow: rgba(194, 65, 12, .35)}body.dark.theme-warm_sunset{--theme-primary: #fb923c;--theme-primary-hover: #fdba74;--theme-primary-text: #1c1917;--theme-filter-active-bg: #fb923c;--theme-filter-active-text: #1c1917;--theme-filter-segment-border: rgba(251, 146, 60, .3);--theme-filter-hover-bg: rgba(251, 146, 60, .14);--theme-reshuffle-bg: #fb923c;--theme-reshuffle-text: #1c1917;--theme-reshuffle-hover: #fdba74;--theme-reshuffle-shadow: rgba(251, 146, 60, .38)}body.theme-default,body.theme-ocean_calm{--mesh-bg: #f0f9ff;--mesh-color-1: rgba(186, 230, 253, .6);--mesh-color-2: rgba(207, 250, 254, .7);--mesh-color-3: rgba(191, 219, 254, .5);--mesh-color-4: rgba(186, 230, 253, .4);--mesh-color-5: rgba(191, 219, 254, .4);--theme-primary: #0369a1;--theme-primary-hover: #075985;--theme-primary-text: #ffffff;--theme-filter-active-bg: #0369a1;--theme-filter-active-text: #ffffff;--theme-filter-segment-border: rgba(3, 105, 161, .25);--theme-filter-hover-bg: rgba(3, 105, 161, .08);--theme-reshuffle-bg: #0369a1;--theme-reshuffle-text: #ffffff;--theme-reshuffle-hover: #075985;--theme-reshuffle-shadow: rgba(3, 105, 161, .35)}body.dark.theme-default,body.dark.theme-ocean_calm{--theme-primary: #38bdf8;--theme-primary-hover: #7dd3fc;--theme-primary-text: #082f49;--theme-filter-active-bg: #38bdf8;--theme-filter-active-text: #082f49;--theme-filter-segment-border: rgba(56, 189, 248, .3);--theme-filter-hover-bg: rgba(56, 189, 248, .14);--theme-reshuffle-bg: #38bdf8;--theme-reshuffle-text: #082f49;--theme-reshuffle-hover: #7dd3fc;--theme-reshuffle-shadow: rgba(56, 189, 248, .38)}body.theme-sage_forest{--mesh-bg: #f0fdf4;--mesh-color-1: rgba(167, 243, 208, .6);--mesh-color-2: rgba(204, 251, 241, .7);--mesh-color-3: rgba(217, 249, 157, .5);--mesh-color-4: rgba(167, 243, 208, .4);--mesh-color-5: rgba(217, 249, 157, .4);--theme-primary: #047857;--theme-primary-hover: #065f46;--theme-primary-text: #ffffff;--theme-filter-active-bg: #047857;--theme-filter-active-text: #ffffff;--theme-filter-segment-border: rgba(4, 120, 87, .25);--theme-filter-hover-bg: rgba(4, 120, 87, .08);--theme-reshuffle-bg: #047857;--theme-reshuffle-text: #ffffff;--theme-reshuffle-hover: #065f46;--theme-reshuffle-shadow: rgba(4, 120, 87, .35)}body.dark.theme-sage_forest{--theme-primary: #34d399;--theme-primary-hover: #6ee7b7;--theme-primary-text: #022c22;--theme-filter-active-bg: #34d399;--theme-filter-active-text: #022c22;--theme-filter-segment-border: rgba(52, 211, 153, .3);--theme-filter-hover-bg: rgba(52, 211, 153, .14);--theme-reshuffle-bg: #34d399;--theme-reshuffle-text: #022c22;--theme-reshuffle-hover: #6ee7b7;--theme-reshuffle-shadow: rgba(52, 211, 153, .38)}body.theme-midnight_velvet{--mesh-bg: #0f172a;--mesh-color-1: rgba(30, 27, 75, .8);--mesh-color-2: rgba(2, 6, 23, .8);--mesh-color-3: rgba(15, 23, 42, .8);--mesh-color-4: rgba(30, 27, 75, .6);--mesh-color-5: rgba(2, 6, 23, .6);--theme-primary: #818cf8;--theme-primary-hover: #a5b4fc;--theme-primary-text: #0f172a;--theme-filter-active-bg: #818cf8;--theme-filter-active-text: #0f172a;--theme-filter-segment-border: rgba(129, 140, 248, .32);--theme-filter-hover-bg: rgba(129, 140, 248, .14);--theme-reshuffle-bg: #818cf8;--theme-reshuffle-text: #0f172a;--theme-reshuffle-hover: #a5b4fc;--theme-reshuffle-shadow: rgba(129, 140, 248, .4)}body.theme-pastel_clean{--mesh-bg: #f8fafc;--mesh-color-1: rgba(241, 245, 249, .8);--mesh-color-2: rgba(249, 250, 251, .9);--mesh-color-3: rgba(226, 232, 240, .6);--mesh-color-4: rgba(241, 245, 249, .7);--mesh-color-5: rgba(226, 232, 240, .5);--theme-primary: #334155;--theme-primary-hover: #1e293b;--theme-primary-text: #ffffff;--theme-filter-active-bg: #334155;--theme-filter-active-text: #ffffff;--theme-filter-segment-border: rgba(51, 65, 85, .25);--theme-filter-hover-bg: rgba(51, 65, 85, .08);--theme-reshuffle-bg: #334155;--theme-reshuffle-text: #ffffff;--theme-reshuffle-hover: #1e293b;--theme-reshuffle-shadow: rgba(51, 65, 85, .3)}body.dark.theme-pastel_clean{--theme-primary: #cbd5e1;--theme-primary-hover: #e2e8f0;--theme-primary-text: #0f172a;--theme-filter-active-bg: #cbd5e1;--theme-filter-active-text: #0f172a;--theme-filter-segment-border: rgba(203, 213, 225, .3);--theme-filter-hover-bg: rgba(203, 213, 225, .14);--theme-reshuffle-bg: #cbd5e1;--theme-reshuffle-text: #0f172a;--theme-reshuffle-hover: #e2e8f0;--theme-reshuffle-shadow: rgba(203, 213, 225, .35)}body.dark{background-color:#090d16;background-image:radial-gradient(at 15% 15%,rgba(14,116,144,.22) 0px,transparent 50%),radial-gradient(at 85% 20%,rgba(30,58,138,.28) 0px,transparent 50%),radial-gradient(at 50% 60%,rgba(55,48,163,.18) 0px,transparent 55%),radial-gradient(at 15% 85%,rgba(15,23,42,.9) 0px,transparent 50%),radial-gradient(at 85% 85%,rgba(30,64,175,.22) 0px,transparent 50%)}.app-container{width:100%;max-width:680px;margin:0 auto;flex:1;display:flex;flex-direction:column;padding-bottom:96px}.top-nav-wrapper{position:sticky;top:0;z-index:50;background:#0f172a!important;box-shadow:none!important;border-bottom:1px solid #1e293b!important;transition:box-shadow .22s ease;will-change:box-shadow}.top-nav-wrapper.scrolled{box-shadow:0 4px 18px #00000073!important}.md3-top-app-bar{padding:8px 12px;display:flex;flex-wrap:nowrap;align-items:center;justify-content:space-between;background:#0f172a;min-height:56px;max-height:64px;box-sizing:border-box;overflow:hidden;transition:padding .25s ease;gap:8px}.top-nav-wrapper.scrolled .md3-top-app-bar{padding:6px 12px}.brand{display:flex;align-items:center;gap:8px;flex:1 1 auto;min-width:0;cursor:pointer;-webkit-user-select:none;user-select:none;overflow:hidden}.brand-header-logo,.brand img,.md3-top-app-bar .brand img,header .brand img,#topAppBar .brand-header-logo{height:28px!important;max-height:28px!important;width:auto!important;max-width:52px!important;object-fit:contain!important;display:block!important;flex-shrink:0!important;vertical-align:middle!important;transition:transform .24s cubic-bezier(.4,0,.2,1),opacity .2s ease;transform-origin:left center;will-change:transform}.top-nav-wrapper.scrolled .brand-header-logo,.top-nav-wrapper.scrolled .brand img{transform:scale(.9)}.brand-dpad-icon{height:42px;width:42px;object-fit:contain;display:block;flex-shrink:0;transition:transform .24s ease,opacity .2s ease}.top-nav-wrapper.scrolled .brand-dpad-icon{transform:scale(.9)}.brand-text-block{display:flex;flex-direction:column;justify-content:center;min-width:0;flex-shrink:1;overflow:hidden;line-height:1.15;transition:transform .24s cubic-bezier(.4,0,.2,1);transform-origin:left center}.top-nav-wrapper.scrolled .brand-text-block{transform:scale(.92)}.brand-name{font-family:Space Grotesk,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:1.18rem;font-weight:800;letter-spacing:-.01em;color:#fff!important;margin:0;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.brand-tagline{font-family:Outfit,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.75rem;font-weight:500;color:#cbd5e1!important;margin-top:1px;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block!important}@media(max-width:480px){.brand-tagline{color:#94a3b8!important}.brand-name{font-size:1.1rem}}@media(max-width:360px){.brand-name{font-size:1.02rem}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.brand-icon{width:36px;height:36px;background:#1e293b;color:#0f0;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-inner);transition:transform .2s ease}.brand-icon svg{width:20px;height:20px}.header-right-actions{display:flex;align-items:center;gap:6px;flex-shrink:0;margin-left:auto;z-index:2}.compact-segmented-control{display:flex;align-items:center;gap:3px;background:#0b1120;border-radius:9999px;border:1px solid #1e293b;padding:2px;opacity:0;max-width:0;pointer-events:none;visibility:hidden;transform:scale(.9);overflow:hidden;transition:opacity .22s ease,max-width .25s ease,transform .22s ease,visibility 0s linear .25s;will-change:opacity,transform,max-width}.top-nav-wrapper.scrolled .compact-segmented-control{opacity:1;max-width:148px;pointer-events:auto;visibility:visible;transform:scale(1);transition:opacity .22s ease,max-width .25s ease,transform .22s ease,visibility 0s linear 0s}.compact-segment-btn{width:44px;height:44px;min-width:44px;min-height:44px;padding:0;border-radius:9999px;display:inline-flex;align-items:center;justify-content:center;background:transparent;border:none;color:#94a3b8;cursor:pointer;transition:all .15s ease;-webkit-user-select:none;user-select:none}.compact-segment-btn svg{width:18px;height:18px;stroke:currentColor}.compact-segment-btn:hover{color:#fff;background:#1e293b99}.compact-segment-btn.active{background:#1e293b!important;color:#0f0!important}.compact-segment-btn.active svg{stroke:#0f0!important}body.dark .compact-segment-btn.active{background:#1e293b!important;color:#0f0!important}body.dark .compact-segment-btn.active svg{stroke:#0f0!important}.menu-icon-btn{width:44px;height:44px;background:transparent;color:#cbd5e1;border:none;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:none;transition:background-color .15s ease,color .15s ease,width .2s ease,height .2s ease;-webkit-user-select:none;user-select:none;flex-shrink:0}.top-nav-wrapper.scrolled .menu-icon-btn{width:44px;height:44px}.menu-icon-btn svg{width:24px;height:24px;stroke:#cbd5e1;transition:stroke .15s ease}.menu-icon-btn:hover{background:#1e293b;color:#fff}.menu-icon-btn:hover svg{stroke:#fff}.menu-icon-btn:active{transform:scale(.96)}.segmented-control-subbar{padding:0 16px 10px;max-height:66px;opacity:1;transform:translateY(0);overflow:hidden;transition:max-height .28s ease,opacity .2s ease,transform .24s ease,padding .24s ease,visibility 0s linear 0s;will-change:max-height,opacity}.top-nav-wrapper.scrolled .segmented-control-subbar{max-height:0;opacity:0;padding-top:0;padding-bottom:0;transform:translateY(-4px);pointer-events:none;visibility:hidden;transition:max-height .28s ease,opacity .2s ease,transform .24s ease,padding .24s ease,visibility 0s linear .28s}.segmented-control{display:flex;background:#0b1120;padding:4px;border-radius:14px;position:relative;gap:4px;border:1px solid #1e293b;width:100%;max-width:580px;margin:0 auto;box-sizing:border-box}.segment-btn{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:8px 14px;background:transparent;border:none;border-radius:10px;color:#94a3b8;font-family:Space Grotesk,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.875rem;font-weight:700;cursor:pointer;transition:all .15s ease;white-space:nowrap;min-height:44px;-webkit-user-select:none;user-select:none}.segment-btn svg{width:18px;height:18px;flex-shrink:0;stroke:currentColor}.segment-btn span{display:inline-block;white-space:nowrap}.segment-btn:hover{color:#fff;background:#1e293b99}.segment-btn.active{background:#1e293b!important;color:#0f0!important;box-shadow:none!important}.segment-btn.active svg{stroke:#0f0!important}body.dark .segment-btn.active{background:#1e293b!important;color:#0f0!important}body.dark .segment-btn.active svg{stroke:#0f0!important}.weather-info-bar{position:relative;display:flex;align-items:center;gap:12px;margin:14px 20px 8px;padding:12px 16px;background:var(--surface-box-bg);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-radius:var(--radius-card);border:1px solid var(--surface-box-border);box-shadow:0 2px 10px #0000000a;overflow:hidden;transition:background .35s ease,border-color .35s ease,box-shadow .35s ease;-webkit-user-select:none;user-select:none;cursor:default}body.dark .weather-info-bar{background:#0f172ab8;border-color:#ffffff14;box-shadow:0 4px 16px #00000040}.weather-info-content,.weather-info-icon-badge{position:relative;z-index:2}.weather-info-icon-badge{width:44px;height:44px;border-radius:var(--radius-inner);background:var(--input-tonal-bg);border:1px solid var(--surface-box-border);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .25s ease;overflow:hidden;box-shadow:0 2px 6px #0000000a}.weather-info-icon-badge span{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.weather-info-icon-badge svg,.weather-art-svg{width:34px;height:34px;display:block;flex-shrink:0;filter:drop-shadow(0 1px 2px rgba(0,0,0,.1))}.weather-info-bar.weather-state-zonnig{background:linear-gradient(135deg,#fef3c7bf,#fde68a73);border-color:#f59e0b61;box-shadow:0 4px 16px #f59e0b1f}body.dark .weather-info-bar.weather-state-zonnig{background:linear-gradient(135deg,#78350f52,#d9770629);border-color:#f59e0b73;box-shadow:0 4px 18px #f59e0b33}.weather-info-bar.weather-state-zonnig .weather-info-icon-badge{background:#fef3c7d9;border-color:#f59e0b73;box-shadow:0 2px 10px #f59e0b38}body.dark .weather-info-bar.weather-state-zonnig .weather-info-icon-badge{background:#451a03bf;border-color:#f59e0b99}.weather-art-svg.weather-anim-zonnig{animation:sunFloatBreath 4s ease-in-out infinite alternate;will-change:transform}@keyframes sunFloatBreath{0%{transform:translateY(0) scale(1)}50%{transform:translateY(-1.5px) scale(1.02)}to{transform:translateY(.5px) scale(.99)}}.weather-anim-zonnig .sun-rays{transform-box:fill-box;transform-origin:50% 50%;animation:sunRaysSpin 8.5s linear infinite!important;will-change:transform}.weather-anim-zonnig .sun-core{transform-box:fill-box;transform-origin:50% 50%;animation:sunCorePulse 2.2s ease-in-out infinite alternate!important;will-change:transform}@keyframes sunRaysSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes sunCorePulse{0%{transform:scale(.92);opacity:.9}to{transform:scale(1.12);opacity:1;filter:drop-shadow(0 0 8px rgba(245,158,11,.95))}}.weather-info-bar.weather-state-zonnig .weather-info-icon-badge{animation:sunBadgeGlow 3.2s ease-in-out infinite alternate}@keyframes sunBadgeGlow{0%{box-shadow:0 2px 8px #f59e0b2e}to{box-shadow:0 4px 14px #f59e0b73}}.weather-state-zonnig .weather-fx-sun-glow{position:absolute;top:-40px;left:-20px;width:150px;height:150px;border-radius:50%;background:radial-gradient(circle,rgba(251,191,36,.45) 0%,rgba(245,158,11,.18) 50%,transparent 75%);animation:sunGlowBreath 3.2s ease-in-out infinite alternate}.weather-state-zonnig .weather-fx-sun-rays{position:absolute;top:-65px;left:-35px;width:175px;height:175px;border-radius:50%;background:conic-gradient(from 0deg,transparent 0deg,rgba(251,191,36,.26) 25deg,transparent 50deg,rgba(245,158,11,.26) 75deg,transparent 100deg,rgba(251,191,36,.26) 125deg,transparent 150deg,rgba(245,158,11,.26) 175deg,transparent 200deg,rgba(251,191,36,.26) 225deg,transparent 250deg,rgba(245,158,11,.26) 275deg,transparent 300deg,rgba(251,191,36,.26) 325deg,transparent 360deg);animation:sunRaysBgSpin 14s linear infinite;pointer-events:none}.weather-state-zonnig .weather-fx-sun-shimmer{position:absolute;top:-50%;left:-40%;width:45%;height:200%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.42),transparent);transform:rotate(25deg);animation:sunShimmerSweep 4.5s ease-in-out infinite;pointer-events:none}@keyframes sunShimmerSweep{0%{transform:translate(-120%) rotate(25deg);opacity:0}25%{opacity:.85}75%{opacity:.85}to{transform:translate(360%) rotate(25deg);opacity:0}}@keyframes sunRaysBgSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes sunGlowBreath{0%{transform:scale(.88);opacity:.65}to{transform:scale(1.18);opacity:.98}}.weather-info-bar.weather-state-bewolkt{background:linear-gradient(135deg,#f1f5f9d9,#e2e8f0a6);border-color:#94a3b873;box-shadow:0 4px 14px #64748b14}body.dark .weather-info-bar.weather-state-bewolkt{background:linear-gradient(135deg,#3341556b,#1e293b80);border-color:#94a3b873;box-shadow:0 4px 16px #0f172a40}.weather-info-bar.weather-state-bewolkt .weather-info-icon-badge{background:#f1f5f9d9;border-color:#94a3b873}body.dark .weather-info-bar.weather-state-bewolkt .weather-info-icon-badge{background:#33415599;border-color:#94a3b880}.weather-anim-bewolkt .cloud-back{animation:cloudDriftBack 4s ease-in-out infinite alternate}.weather-anim-bewolkt .cloud-front{animation:cloudDriftFront 3.2s ease-in-out infinite alternate}@keyframes cloudDriftBack{0%{transform:translate(-3px)}to{transform:translate(3px)}}@keyframes cloudDriftFront{0%{transform:translate(3px)}to{transform:translate(-3px)}}.weather-state-bewolkt .weather-fx-cloud{position:absolute;background:radial-gradient(ellipse at center,rgba(148,163,184,.45) 0%,rgba(203,213,225,.25) 60%,transparent 85%);border-radius:9999px;filter:blur(8px);pointer-events:none}.weather-state-bewolkt .weather-fx-cloud.c1{width:140px;height:48px;top:4px;left:15%;animation:cloudDriftBg1 10s ease-in-out infinite alternate}.weather-state-bewolkt .weather-fx-cloud.c2{width:180px;height:56px;bottom:-8px;right:12%;animation:cloudDriftBg2 14s ease-in-out infinite alternate}@keyframes cloudDriftBg1{0%{transform:translate(-25px);opacity:.45}to{transform:translate(35px);opacity:.85}}@keyframes cloudDriftBg2{0%{transform:translate(30px);opacity:.35}to{transform:translate(-35px);opacity:.75}}.weather-info-bar.weather-state-regen{background:linear-gradient(135deg,#e0f2fee0,#bae6fda6);border-color:#0284c773;box-shadow:0 4px 16px #0284c729}body.dark .weather-info-bar.weather-state-regen{background:linear-gradient(135deg,#0c4a6e73,#0369a140);border-color:#38bdf87a;box-shadow:0 4px 18px #0284c738}.weather-info-bar.weather-state-regen .weather-info-icon-badge{background:#e0f2fee6;border-color:#0284c773;box-shadow:0 2px 10px #0284c738}body.dark .weather-info-bar.weather-state-regen .weather-info-icon-badge{background:#0c4a6eb3;border-color:#38bdf88c}.weather-anim-regen .cloud-body{animation:rainCloudBob 2.5s ease-in-out infinite alternate}@keyframes rainCloudBob{0%{transform:translateY(0)}to{transform:translateY(-1.5px)}}.weather-anim-regen .drop-1{animation:iconRainDrop .85s linear infinite}.weather-anim-regen .drop-2{animation:iconRainDrop .85s linear infinite .28s}.weather-anim-regen .drop-3{animation:iconRainDrop .85s linear infinite .56s}@keyframes iconRainDrop{0%{transform:translateY(-4px);opacity:0}30%{opacity:1}80%{opacity:1}to{transform:translateY(7px);opacity:0}}.weather-state-regen .weather-fx-raindrop{position:absolute;top:-20px;width:2px;height:24px;background:linear-gradient(180deg,transparent,rgba(2,132,199,.8),#38bdf8);border-radius:9999px;opacity:.8;transform:rotate(18deg);animation:bannerRainDropFall 1s linear infinite}.weather-state-regen .weather-fx-raindrop.d1{left:10%;animation-delay:0s;animation-duration:.9s}.weather-state-regen .weather-fx-raindrop.d2{left:24%;animation-delay:.35s;animation-duration:1.1s}.weather-state-regen .weather-fx-raindrop.d3{left:40%;animation-delay:.18s;animation-duration:.95s}.weather-state-regen .weather-fx-raindrop.d4{left:56%;animation-delay:.52s;animation-duration:1.05s}.weather-state-regen .weather-fx-raindrop.d5{left:72%;animation-delay:.26s;animation-duration:.88s}.weather-state-regen .weather-fx-raindrop.d6{left:86%;animation-delay:.65s;animation-duration:1.15s}.weather-state-regen .weather-fx-raindrop.d7{left:96%;animation-delay:.12s;animation-duration:.92s}@keyframes bannerRainDropFall{0%{transform:translateY(-10px) rotate(18deg);opacity:0}20%{opacity:.85}80%{opacity:.85}to{transform:translateY(75px) rotate(18deg);opacity:0}}.weather-info-bar.weather-state-onweer{background:linear-gradient(135deg,#1e293beb,#0f172afa);border-color:#facc158c;box-shadow:0 4px 20px #facc1533;animation:stormBorderFlash 4s ease-in-out infinite}body.dark .weather-info-bar.weather-state-onweer{background:linear-gradient(135deg,#0f172afa,#020617fa);border-color:#facc15a6;box-shadow:0 4px 22px #facc1540}.weather-info-bar.weather-state-onweer .weather-info-icon-badge{background:#1e293bd9;border-color:#facc158c;box-shadow:0 2px 12px #facc154d}body.dark .weather-info-bar.weather-state-onweer .weather-info-icon-badge{background:#0f172af2;border-color:#facc15a6}.weather-info-bar.weather-state-onweer strong,.weather-info-bar.weather-state-onweer .weather-caption{color:#f8fafc}@keyframes stormBorderFlash{0%,72%,84%,94%,to{border-color:#facc1573;box-shadow:0 4px 20px #facc1526}76%{border-color:#facc15f2;box-shadow:0 0 24px #facc1573}88%{border-color:#fff;box-shadow:0 0 30px #facc1599}}.weather-anim-onweer .lightning-bolt{animation:lightningStrikeFast 2.2s ease-in-out infinite}@keyframes lightningStrikeFast{0%,68%,80%,92%,to{opacity:.85;transform:scale(.96);filter:drop-shadow(0 0 2px rgba(250,204,21,.4))}72%{opacity:1;transform:scale(1.18);filter:drop-shadow(0 0 10px #facc15) drop-shadow(0 0 18px #ffffff)}76%{opacity:.25;transform:scale(.92)}84%{opacity:1;transform:scale(1.22);filter:drop-shadow(0 0 14px #ffffff) drop-shadow(0 0 22px #facc15)}}.weather-state-onweer .weather-fx-lightning{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 75% 30%,rgba(250,204,21,.4) 0%,rgba(255,255,255,.65) 20%,transparent 70%);opacity:0;animation:bannerLightningFlash 2.5s ease-in-out infinite}.weather-state-onweer .weather-fx-raindrop{position:absolute;top:-20px;width:2px;height:22px;background:linear-gradient(180deg,transparent,rgba(148,163,184,.8),#cbd5e1);border-radius:9999px;opacity:.7;transform:rotate(22deg);animation:bannerRainDropFall .85s linear infinite}.weather-state-onweer .weather-fx-raindrop.d1{left:18%;animation-delay:.1s}.weather-state-onweer .weather-fx-raindrop.d2{left:42%;animation-delay:.35s}.weather-state-onweer .weather-fx-raindrop.d3{left:68%;animation-delay:.2s}.weather-state-onweer .weather-fx-raindrop.d4{left:88%;animation-delay:.5s}@keyframes bannerLightningFlash{0%,70%,78%,88%,to{opacity:0}74%{opacity:.85}76%{opacity:.2}82%{opacity:.95}}.weather-info-bar.weather-state-hagel{background:linear-gradient(135deg,#cffafee0,#a5f3fc99);border-color:#06b6d480;box-shadow:0 4px 18px #06b6d42e}body.dark .weather-info-bar.weather-state-hagel{background:linear-gradient(135deg,#08334480,#0e74904d);border-color:#22d3ee8c;box-shadow:0 4px 20px #06b6d440}.weather-info-bar.weather-state-hagel .weather-info-icon-badge{background:#cffafee6;border-color:#06b6d480;box-shadow:0 2px 12px #06b6d440}body.dark .weather-info-bar.weather-state-hagel .weather-info-icon-badge{background:#083344bf;border-color:#22d3eea6}.weather-anim-hagel .hail-1{animation:hailBounceActive .8s ease-in-out infinite}.weather-anim-hagel .hail-2{animation:hailBounceActive .8s ease-in-out infinite .16s}.weather-anim-hagel .hail-3{animation:hailBounceActive .8s ease-in-out infinite .32s}.weather-anim-hagel .hail-4{animation:hailBounceActive .8s ease-in-out infinite .48s}.weather-anim-hagel .hail-5{animation:hailBounceActive .8s ease-in-out infinite .22s}@keyframes hailBounceActive{0%{transform:translateY(-4px) scale(.9);opacity:.3}50%{transform:translateY(4px) scale(1.15);opacity:1}75%{transform:translateY(1px) scale(.95);opacity:.8}to{transform:translateY(5px) scale(.85);opacity:.2}}.weather-state-hagel .weather-fx-hail{position:absolute;width:7px;height:7px;border-radius:50%;background:#fff;border:1px solid #38bdf8;box-shadow:0 0 8px #38bdf8b3;animation:bannerHailBounce 1.1s ease-in-out infinite}.weather-state-hagel .weather-fx-hail.h1{left:20%;top:30%;animation-delay:0s}.weather-state-hagel .weather-fx-hail.h2{left:45%;top:20%;animation-delay:.28s}.weather-state-hagel .weather-fx-hail.h3{left:70%;top:40%;animation-delay:.5s}.weather-state-hagel .weather-fx-hail.h4{left:88%;top:25%;animation-delay:.15s}@keyframes bannerHailBounce{0%{transform:translateY(-12px);opacity:0}45%{transform:translateY(14px);opacity:.95}70%{transform:translateY(6px);opacity:.75}to{transform:translateY(20px);opacity:0}}.weather-info-bar.weather-state-storm{background:linear-gradient(135deg,#e0e7ffd9,#c7d2fe94);border-color:#6366f16b;box-shadow:0 4px 18px #4f46e524}body.dark .weather-info-bar.weather-state-storm{background:linear-gradient(135deg,#1e1b4ba6,#312e8166);border-color:#818cf880;box-shadow:0 4px 20px #4f46e547}.weather-info-bar.weather-state-storm .weather-info-icon-badge{background:#e0e7ffe6;border-color:#6366f180;box-shadow:0 2px 12px #6366f140;animation:stormBadgeGust 2.4s ease-in-out infinite}body.dark .weather-info-bar.weather-state-storm .weather-info-icon-badge{background:#312e81bf;border-color:#818cf8a6}@keyframes stormBadgeGust{0%,to{transform:scale(1) rotate(0)}35%{transform:scale(1.05) rotate(-3deg)}65%{transform:scale(.97) rotate(2deg)}}.weather-art-svg.weather-anim-storm{animation:stormIconSway 1.8s ease-in-out infinite;will-change:transform}@keyframes stormIconSway{0%,to{transform:translate(0) rotate(0)}30%{transform:translate(-2px) rotate(-3deg)}70%{transform:translate(2px) rotate(3deg)}}.weather-anim-storm .storm-gust-line{stroke-dasharray:18 6;animation:stormGustStream 1.1s linear infinite}.weather-anim-storm .storm-gust-line.gust-1{animation-duration:.9s}.weather-anim-storm .storm-gust-line.gust-2{animation-duration:.7s;animation-delay:.12s}.weather-anim-storm .storm-gust-line.gust-3{animation-duration:1.05s;animation-delay:.28s}@keyframes stormGustStream{0%{stroke-dashoffset:24}to{stroke-dashoffset:0}}.weather-state-storm .weather-fx-storm-wind{position:absolute;height:2.5px;background:linear-gradient(90deg,transparent,rgba(99,102,241,.8),#818cf8,transparent);border-radius:9999px;animation:bannerStormWindRush 1.3s ease-in-out infinite;pointer-events:none}.weather-state-storm .weather-fx-storm-wind.sw1{width:140px;top:22%;left:-25%;animation-duration:1.1s}.weather-state-storm .weather-fx-storm-wind.sw2{width:100px;top:58%;left:-15%;animation-duration:1.4s;animation-delay:.25s}.weather-state-storm .weather-fx-storm-wind.sw3{width:160px;top:80%;left:-35%;animation-duration:.95s;animation-delay:.5s}@keyframes bannerStormWindRush{0%{transform:translate(0);opacity:0}25%{opacity:.9}75%{opacity:.9}to{transform:translate(480px);opacity:0}}.weather-info-bar.weather-state-sneeuw{background:linear-gradient(135deg,#f1f5f9eb,#e0f2feb3);border-color:#94a3b873;box-shadow:0 4px 18px #64748b24}body.dark .weather-info-bar.weather-state-sneeuw{background:linear-gradient(135deg,#1e293bb3,#33415573);border-color:#cbd5e14d;box-shadow:0 4px 20px #0f172a4d}.weather-info-bar.weather-state-sneeuw .weather-info-icon-badge{background:#f8fafceb;border-color:#94a3b873}body.dark .weather-info-bar.weather-state-sneeuw .weather-info-icon-badge{background:#1e293bcc;border-color:#cbd5e159}.weather-anim-sneeuw .snow-flake{transform-box:fill-box;transform-origin:center;animation:snowFlakeDrift 2.4s ease-in-out infinite}.weather-anim-sneeuw .flake-2{animation-delay:.6s}.weather-anim-sneeuw .flake-3{animation-delay:1.2s}@keyframes snowFlakeDrift{0%{transform:translateY(-2px) rotate(0);opacity:.4}50%{transform:translate(1px,1.5px) rotate(60deg);opacity:1}to{transform:translate(-1px,3px) rotate(120deg);opacity:.4}}.weather-state-sneeuw .weather-fx-snow{position:absolute;top:-8px;width:6px;height:6px;border-radius:50%;background:#fffffff2;box-shadow:0 0 6px #94a3b899;animation:bannerSnowFall 3.2s linear infinite}.weather-state-sneeuw .weather-fx-snow.s1{left:12%;animation-delay:0s}.weather-state-sneeuw .weather-fx-snow.s2{left:34%;animation-delay:1.1s;width:4px;height:4px}.weather-state-sneeuw .weather-fx-snow.s3{left:56%;animation-delay:.5s}.weather-state-sneeuw .weather-fx-snow.s4{left:74%;animation-delay:1.8s;width:5px;height:5px}.weather-state-sneeuw .weather-fx-snow.s5{left:90%;animation-delay:.9s;width:4px;height:4px}@keyframes bannerSnowFall{0%{transform:translate(0);opacity:0}15%{opacity:.95}50%{transform:translate(8px,45px)}to{transform:translate(-4px,110px);opacity:0}}.weather-info-bar.weather-state-onbekend .weather-info-icon-badge{background:#f1f5f9e6}body.dark .weather-info-bar.weather-state-onbekend .weather-info-icon-badge{background:#1e293bcc}.weather-info-bar.weather-data-stale .weather-caption{font-style:italic}@media(prefers-reduced-motion:reduce){.weather-anim-sneeuw .snow-flake,.weather-state-sneeuw .weather-fx-snow{animation:none}}.weather-bg-fx{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1;overflow:hidden;border-radius:inherit}.weather-simulator-portal-box{background:var(--surface-box-bg);border:1px solid var(--surface-box-border);border-radius:var(--radius-card);padding:16px}.sim-weather-status-card{background:var(--input-tonal-bg);border:1px solid var(--surface-box-border);border-radius:var(--radius-inner);padding:12px 14px;margin-bottom:12px;display:flex;flex-direction:column;gap:6px;transition:all .25s ease}.sim-weather-badge-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.sim-status-chip{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:var(--radius-full);font-size:.75rem;font-weight:700;letter-spacing:.02em}.sim-status-chip.live{background:#22c55e26;color:#15803d;border:1px solid rgba(34,197,94,.3)}body.dark .sim-status-chip.live{background:#22c55e38;color:#4ade80;border-color:#22c55e66}.sim-status-chip.simulated{background:#0284c726;color:#0369a1;border:1px solid rgba(2,132,199,.3)}body.dark .sim-status-chip.simulated{background:#0284c740;color:#38bdf8;border-color:#38bdf866}.status-dot{width:7px;height:7px;border-radius:50%;background:currentColor;display:inline-block;animation:statusDotPulse 1.8s ease-in-out infinite}@keyframes statusDotPulse{0%{transform:scale(.85);opacity:.65}50%{transform:scale(1.25);opacity:1}to{transform:scale(.85);opacity:.65}}.sim-status-temp{font-family:Outfit,sans-serif;font-size:.88rem;font-weight:800;color:var(--text-main)}.sim-status-message{font-size:.8rem;color:var(--text-muted);line-height:1.4}.sim-weather-btn-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:4px}@media(min-width:500px){.sim-weather-btn-grid{grid-template-columns:repeat(6,1fr);gap:6px}}.sim-weather-chip-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:10px 4px;min-height:74px;border-radius:16px;background:var(--input-tonal-bg, rgba(15, 23, 42, .05));border:1.5px solid var(--surface-box-border, rgba(0, 0, 0, .1));color:var(--text-main);cursor:pointer!important;pointer-events:auto!important;transition:all .2s cubic-bezier(.34,1.56,.64,1);text-align:center;touch-action:manipulation;user-select:none;-webkit-user-select:none;position:relative;overflow:hidden;box-shadow:0 2px 6px #0000000a}body.dark .sim-weather-chip-btn{background:#1e293bb3;border-color:#ffffff1f;color:#f8fafc;box-shadow:0 2px 6px #00000040}.sim-weather-chip-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #00000014}.sim-weather-chip-btn#simZonBtn:hover{background:#f59e0b24;border-color:#f59e0b}.sim-weather-chip-btn#simBewolktBtn:hover{background:#64748b24;border-color:#64748b}.sim-weather-chip-btn#simRegenBtn:hover{background:#0284c724;border-color:#0284c7}.sim-weather-chip-btn#simOnweerBtn:hover{background:#7c3aed24;border-color:#7c3aed}.sim-weather-chip-btn#simHagelBtn:hover{background:#06b6d424;border-color:#06b6d4}.sim-weather-chip-btn#simStormBtn:hover{background:#6366f124;border-color:#6366f1}.sim-weather-chip-btn:active{transform:scale(.94)}.sim-weather-chip-btn.active{transform:translateY(-2px) scale(1.02);box-shadow:0 6px 18px #00000029!important}.sim-weather-chip-btn#simZonBtn.active{background:linear-gradient(135deg,#f59e0b,#d97706)!important;color:#fff!important;border-color:#b45309!important;box-shadow:0 6px 18px #f59e0b73!important}.sim-weather-chip-btn#simBewolktBtn.active{background:linear-gradient(135deg,#64748b,#475569)!important;color:#fff!important;border-color:#334155!important;box-shadow:0 6px 18px #64748b73!important}.sim-weather-chip-btn#simRegenBtn.active{background:linear-gradient(135deg,#0284c7,#0369a1)!important;color:#fff!important;border-color:#075985!important;box-shadow:0 6px 18px #0284c773!important}.sim-weather-chip-btn#simOnweerBtn.active{background:linear-gradient(135deg,#7c3aed,#5b21b6)!important;color:#fff!important;border-color:#4c1d95!important;box-shadow:0 6px 18px #7c3aed73!important}.sim-weather-chip-btn#simHagelBtn.active{background:linear-gradient(135deg,#06b6d4,#0891b2)!important;color:#fff!important;border-color:#0e7490!important;box-shadow:0 6px 18px #06b6d473!important}.sim-weather-chip-btn#simStormBtn.active{background:linear-gradient(135deg,#6366f1,#4338ca)!important;color:#fff!important;border-color:#3730a3!important;box-shadow:0 6px 18px #6366f173!important}.sim-weather-chip-btn.active .sim-chip-label,.sim-weather-chip-btn.active .sim-chip-temp{color:#fff!important;font-weight:700}.sim-chip-icon{font-size:1.45rem;line-height:1;pointer-events:none;filter:drop-shadow(0 1px 2px rgba(0,0,0,.12))}.sim-chip-label{font-size:.78rem;font-weight:700;line-height:1.1;white-space:nowrap;pointer-events:none;color:inherit}.sim-chip-temp{font-size:.75rem;font-weight:600;opacity:.88;line-height:1;pointer-events:none;color:inherit}.sim-weather-chip-btn.active .sim-chip-temp{opacity:1}.sim-wind-btn-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:4px}.sim-wind-chip-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:8px 4px;min-height:64px;border-radius:14px;background:var(--input-tonal-bg, rgba(15, 23, 42, .05));border:1.5px solid var(--surface-box-border, rgba(0, 0, 0, .1));color:var(--text-main);cursor:pointer!important;pointer-events:auto!important;transition:all .2s cubic-bezier(.34,1.56,.64,1);text-align:center;user-select:none;-webkit-user-select:none;touch-action:manipulation;box-shadow:0 2px 6px #0000000a}body.dark .sim-wind-chip-btn{background:#1e293bb3;border-color:#ffffff1f;color:#f8fafc;box-shadow:0 2px 6px #00000040}.sim-wind-chip-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.sim-wind-chip-btn:active{transform:scale(.94)}.sim-wind-chip-btn#simWindWeinigBtn:hover{background:#10b98124;border-color:#10b981}.sim-wind-chip-btn#simWindGemiddeldBtn:hover{background:#0284c724;border-color:#0284c7}.sim-wind-chip-btn#simWindVeelBtn:hover{background:#6366f124;border-color:#6366f1}.sim-wind-chip-btn.active{transform:translateY(-2px) scale(1.02);color:#fff!important;font-weight:700}.sim-wind-chip-btn#simWindWeinigBtn.active{background:linear-gradient(135deg,#10b981,#059669)!important;border-color:#047857!important;box-shadow:0 6px 18px #10b98166!important}.sim-wind-chip-btn#simWindGemiddeldBtn.active{background:linear-gradient(135deg,#0284c7,#0369a1)!important;border-color:#075985!important;box-shadow:0 6px 18px #0284c766!important}.sim-wind-chip-btn#simWindVeelBtn.active{background:linear-gradient(135deg,#6366f1,#4f46e5)!important;border-color:#3730a3!important;box-shadow:0 6px 18px #6366f166!important}.sim-wind-chip-btn.active .sim-wind-label,.sim-wind-chip-btn.active .sim-wind-kmh{color:#fff!important;font-weight:700}.sim-wind-icon{font-size:1.3rem;line-height:1;pointer-events:none}.sim-wind-label{font-size:.78rem;font-weight:700;line-height:1.1;white-space:nowrap;pointer-events:none;color:inherit}.sim-wind-kmh{font-size:.7rem;font-weight:600;opacity:.88;line-height:1;pointer-events:none;color:inherit}.sim-status-wind{font-size:.75rem;font-weight:700;padding:3px 8px;border-radius:var(--radius-full);background:var(--input-tonal-bg);border:1px solid var(--surface-box-border);color:var(--text-main);white-space:nowrap}.weather-state-bewolkt .weather-fx-cloud{position:absolute;height:36px;background:radial-gradient(ellipse at center,rgba(148,163,184,.45) 0%,transparent 70%);border-radius:9999px;animation:bannerCloudFloat 6s ease-in-out infinite alternate}.weather-state-bewolkt .weather-fx-cloud.c1{width:140px;top:10%;right:10%;animation-duration:5.5s}.weather-state-bewolkt .weather-fx-cloud.c2{width:100px;bottom:5%;left:20%;animation-duration:7s;animation-delay:.5s}@keyframes bannerCloudFloat{0%{transform:translate(0)}to{transform:translate(-35px)}}.weather-info-content{flex:1;display:flex;flex-direction:column;gap:2px}.weather-info-headline{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.weather-info-headline strong{font-size:.95rem;font-weight:800;color:var(--text-main)}.weather-pill{font-size:.72rem;font-weight:700;padding:2px 8px;border-radius:var(--radius-full);background:var(--card-buiten-pill);color:var(--card-buiten-text);white-space:nowrap}.weather-pill.regen{background:var(--card-binnen-pill);color:var(--card-binnen-text)}.weather-wind-pill{display:inline-flex;align-items:center;gap:4px;font-size:.72rem;font-weight:700;padding:2px 8px;border-radius:var(--radius-full);background:#0f172a12;color:var(--text-main);white-space:nowrap;transition:all .25s ease;line-height:1.3}body.dark .weather-wind-pill{background:#ffffff1a;color:#f1f5f9}.weather-wind-pill.wind-weinig{background:#10b98126;color:#047857}body.dark .weather-wind-pill.wind-weinig{background:#10b98140;color:#6ee7b7}.weather-wind-pill.wind-gemiddeld{background:#0284c726;color:#0369a1}body.dark .weather-wind-pill.wind-gemiddeld{background:#0284c740;color:#38bdf8}.weather-wind-pill.wind-veel{background:#6366f12e;color:#4338ca;box-shadow:0 0 8px #6366f140;animation:windPillPulse 2.2s ease-in-out infinite alternate}body.dark .weather-wind-pill.wind-veel{background:#6366f152;color:#a5b4fc}@keyframes windPillPulse{0%{transform:scale(1)}to{transform:scale(1.03)}}.weather-wind-pill .wind-icon{font-size:.85rem;line-height:1}.weather-override-pill-btn{display:inline-flex;align-items:center;gap:5px;font-size:.72rem;font-weight:700;padding:3px 10px;border-radius:var(--radius-full);background:var(--card-emerald-pill);color:var(--card-emerald-accent);border:1px solid rgba(6,95,70,.25);cursor:pointer;transition:all .15s ease;white-space:nowrap}.weather-override-pill-btn:hover{transform:translateY(-1px);box-shadow:0 2px 6px #00000014}.weather-override-pill-btn.active{background:var(--card-emerald-accent);color:#fff;border-color:transparent;box-shadow:0 2px 8px #065f4659}body.dark .weather-override-pill-btn.active{color:#022c22}.weather-overruled-notice{margin:0 20px 14px;padding:10px 14px;border-radius:14px;background:var(--card-emerald-bg);border:1px solid var(--card-emerald-pill);color:var(--card-emerald-text);font-size:.82rem;display:flex;align-items:center;justify-content:space-between;gap:10px;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);animation:fadeInDown .2s ease-out}.weather-overruled-notice .notice-icon{font-size:1.15rem;flex-shrink:0}.weather-overruled-notice .notice-text{flex:1;line-height:1.35}.weather-overruled-notice .notice-reset-btn{background:var(--card-emerald-pill);color:var(--card-emerald-accent);border:none;font-size:.75rem;font-weight:700;padding:6px 11px;border-radius:8px;cursor:pointer;white-space:nowrap;transition:all .15s ease}.sim-weather-btn{transition:all .2s ease;position:relative}.sim-weather-btn.active{background:var(--md3-sys-color-primary)!important;color:#fff!important;border-color:var(--md3-sys-color-primary)!important;box-shadow:0 2px 10px #0284c759;font-weight:800}body.dark .sim-weather-btn.active{background:#0284c7!important;color:#fff!important;border-color:#38bdf8!important;box-shadow:0 2px 12px #38bdf866}.weather-overruled-notice .notice-reset-btn:hover{background:var(--card-emerald-accent);color:#fff}body.dark .weather-overruled-notice .notice-reset-btn:hover{color:#022c22}.weather-caption{font-size:.78rem;color:var(--text-muted);line-height:1.3}.ideas-header-container{display:flex;justify-content:space-between;align-items:center;padding:16px 20px 6px;gap:12px;flex-wrap:wrap}.ideas-header-container .header-text-group{flex:1;min-width:220px}.ideas-header-container .md3-title{padding:0 0 2px;font-size:1.45rem;font-weight:800;letter-spacing:-.02em;color:var(--text-main);margin:0}.ideas-header-container .md3-subtitle{padding:0;font-size:.88rem;color:var(--text-muted);margin:0;line-height:1.4}button.md3-reshuffle-btn,button.md3-reshuffle-bottom-btn,#reshuffleBtn,#reshuffleBottomBtn{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;background:var(--theme-reshuffle-bg, #0369a1)!important;color:var(--theme-reshuffle-text, #ffffff)!important;border:none!important;outline:none!important;padding:8px 18px!important;border-radius:9999px!important;font-family:Outfit,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif!important;font-size:.86rem!important;font-weight:700!important;cursor:pointer!important;white-space:nowrap!important;flex-shrink:0!important;-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important;box-shadow:0 2px 8px var(--theme-reshuffle-shadow, rgba(3, 105, 161, .32))!important;transition:all .2s cubic-bezier(.4,0,.2,1)!important;-webkit-user-select:none!important;user-select:none!important}button.md3-reshuffle-btn:hover,button.md3-reshuffle-bottom-btn:hover,#reshuffleBtn:hover,#reshuffleBottomBtn:hover{background:var(--theme-reshuffle-hover, #075985)!important;color:var(--theme-reshuffle-text, #ffffff)!important;border:none!important;transform:translateY(-1px)!important;box-shadow:0 4px 14px var(--theme-reshuffle-shadow, rgba(3, 105, 161, .42))!important}button.md3-reshuffle-btn:active,button.md3-reshuffle-bottom-btn:active,#reshuffleBtn:active,#reshuffleBottomBtn:active{transform:scale(.96)!important;border:none!important}.reshuffle-bottom-container{padding:16px 20px 24px;display:flex;justify-content:center;align-items:center}.reshuffle-bottom-container button.md3-reshuffle-btn,.reshuffle-bottom-container button.md3-reshuffle-bottom-btn,.reshuffle-bottom-container #reshuffleBottomBtn{min-width:230px!important;padding:10px 24px!important;font-size:.9rem!important}body.dark button.md3-reshuffle-btn,body.dark button.md3-reshuffle-bottom-btn,body.dark #reshuffleBtn,body.dark #reshuffleBottomBtn{background:var(--theme-reshuffle-bg, #38bdf8)!important;color:var(--theme-reshuffle-text, #082f49)!important;border:none!important;box-shadow:0 2px 10px var(--theme-reshuffle-shadow, rgba(56, 189, 248, .35))!important}body.dark button.md3-reshuffle-btn:hover,body.dark button.md3-reshuffle-bottom-btn:hover,body.dark #reshuffleBtn:hover,body.dark #reshuffleBottomBtn:hover{background:var(--theme-reshuffle-hover, #7dd3fc)!important;color:var(--theme-reshuffle-text, #082f49)!important;border:none!important;transform:translateY(-1px)!important;box-shadow:0 4px 14px var(--theme-reshuffle-shadow, rgba(56, 189, 248, .45))!important}.reshuffle-icon.spinning{animation:spin-reshuffle .65s cubic-bezier(.4,0,.2,1)}@keyframes spin-reshuffle{0%{transform:rotate(0) scale(1)}50%{transform:rotate(180deg) scale(1.15)}to{transform:rotate(360deg) scale(1)}}.md3-title{padding:20px 20px 4px;font-size:1.45rem;font-weight:800;letter-spacing:-.02em;color:var(--text-main);margin:0}.md3-subtitle{padding:0 20px 14px;font-size:.88rem;color:var(--text-muted);margin:0;line-height:1.5}.filter-toggles-container{display:flex;gap:10px;overflow-x:auto;padding:6px 20px 16px;scrollbar-width:none;align-items:center;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity;scroll-padding-inline:20px;overscroll-behavior-x:contain;--chip-fade: 28px}.filter-toggles-container>.filter-toggle-segment{scroll-snap-align:start}.filter-toggles-container.fade-end{-webkit-mask-image:linear-gradient(to right,#000 calc(100% - var(--chip-fade)),transparent);mask-image:linear-gradient(to right,#000 calc(100% - var(--chip-fade)),transparent)}.filter-toggles-container.fade-start{-webkit-mask-image:linear-gradient(to right,transparent,#000 var(--chip-fade));mask-image:linear-gradient(to right,transparent,#000 var(--chip-fade))}.filter-toggles-container.fade-start.fade-end{-webkit-mask-image:linear-gradient(to right,transparent,#000 var(--chip-fade),#000 calc(100% - var(--chip-fade)),transparent);mask-image:linear-gradient(to right,transparent,#000 var(--chip-fade),#000 calc(100% - var(--chip-fade)),transparent)}.filter-toggles-container:after{content:"";flex:0 0 1px}.filter-toggles-container::-webkit-scrollbar{display:none}.filter-toggle-segment{display:inline-flex;align-items:center;background:var(--input-tonal-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--surface-box-border);border-radius:9999px;padding:3px;gap:2px;flex-shrink:0;box-shadow:var(--shadow-subtle);transition:all .2s ease}body.dark .filter-toggle-segment,body.theme-dark .filter-toggle-segment{background:#1e293be0;border-color:#ffffff29;box-shadow:0 2px 8px #00000040}.filter-toggle-segment .toggle-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid transparent;background:transparent;color:var(--text-muted);border-radius:9999px;padding:7px 13px;font-size:.84rem;font-weight:700;cursor:pointer;white-space:nowrap;display:inline-flex;align-items:center;gap:6px;min-height:44px;transition:all .16s cubic-bezier(.2,0,0,1);-webkit-user-select:none;user-select:none}.filter-toggle-segment .toggle-btn:hover{color:var(--text-main);background:var(--theme-filter-hover-bg, rgba(0, 0, 0, .05))}body.dark .filter-toggle-segment .toggle-btn:hover,body.theme-dark .filter-toggle-segment .toggle-btn:hover{color:#fff;background:var(--theme-filter-hover-bg, rgba(255, 255, 255, .1))}.filter-toggle-segment .toggle-btn:active{transform:scale(.96)}.filter-toggle-segment .toggle-btn.active,.filter-toggle-segment .toggle-btn.chip-buiten.active,.filter-toggle-segment .toggle-btn.chip-binnen.active,.filter-toggle-segment .toggle-btn.chip-energie-hoog.active,.filter-toggle-segment .toggle-btn.chip-energie-rustig.active,.filter-toggle-segment .toggle-btn.chip-personen-1.active,.filter-toggle-segment .toggle-btn.chip-personen-2.active,.filter-toggle-segment .toggle-btn.chip-personen-3.active{background:var(--theme-filter-active-bg, var(--theme-primary, #0369a1))!important;color:var(--theme-filter-active-text, #ffffff)!important;border-color:transparent!important;box-shadow:0 2px 8px var(--theme-reshuffle-shadow, rgba(3, 105, 161, .35))!important}body.dark .filter-toggle-segment .toggle-btn.active,body.dark .filter-toggle-segment .toggle-btn.chip-buiten.active,body.dark .filter-toggle-segment .toggle-btn.chip-binnen.active,body.dark .filter-toggle-segment .toggle-btn.chip-energie-hoog.active,body.dark .filter-toggle-segment .toggle-btn.chip-energie-rustig.active,body.dark .filter-toggle-segment .toggle-btn.chip-personen-1.active,body.dark .filter-toggle-segment .toggle-btn.chip-personen-2.active,body.dark .filter-toggle-segment .toggle-btn.chip-personen-3.active,body.theme-dark .filter-toggle-segment .toggle-btn.active,body.theme-dark .filter-toggle-segment .toggle-btn.chip-buiten.active,body.theme-dark .filter-toggle-segment .toggle-btn.chip-binnen.active,body.theme-dark .filter-toggle-segment .toggle-btn.chip-energie-hoog.active,body.theme-dark .filter-toggle-segment .toggle-btn.chip-energie-rustig.active{background:var(--theme-filter-active-bg, var(--theme-primary, #38bdf8))!important;color:var(--theme-filter-active-text, #082f49)!important;border-color:transparent!important;box-shadow:0 2px 8px var(--theme-reshuffle-shadow, rgba(56, 189, 248, .35))!important}.md3-chip-group{display:flex;gap:8px;overflow-x:auto;padding:4px 20px 16px;scrollbar-width:none}.md3-chip-group::-webkit-scrollbar{display:none}.md3-chip{background:var(--input-tonal-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid transparent;border-radius:var(--radius-chip);padding:8px 16px;font-size:.875rem;font-weight:600;color:var(--text-main);cursor:pointer;white-space:nowrap;display:inline-flex;align-items:center;gap:6px;min-height:44px;transition:all .15s ease;-webkit-user-select:none;user-select:none;box-shadow:none}body.dark .md3-chip,body.theme-dark .md3-chip{background:#1e293beb;border:1px solid rgba(255,255,255,.18);color:#f1f5f9;box-shadow:0 2px 6px #0000004d}body.dark .md3-chip:hover,body.theme-dark .md3-chip:hover{background:#334155f2;border-color:#ffffff59;color:#fff}.md3-chip:active{transform:scale(.95)}.md3-chip.active{background:var(--md3-sys-color-primary);color:#fff;border:1px solid var(--md3-sys-color-primary);box-shadow:0 4px 12px -2px #0284c759}body.dark .md3-chip.active,body.theme-dark .md3-chip.active{color:#090d16;border-color:var(--md3-sys-color-primary)}.md3-chip.chip-buiten.active{background:var(--card-emerald-accent);color:#fff;border-color:var(--card-emerald-accent);box-shadow:0 4px 12px -2px #065f4659}body.dark .md3-chip.chip-buiten.active,body.theme-dark .md3-chip.chip-buiten.active{background:#10b981;color:#022c22;border-color:#10b981}.md3-chip.chip-binnen.active{background:var(--card-sky-accent);color:#fff;border-color:var(--card-sky-accent);box-shadow:0 4px 12px -2px #07598559}body.dark .md3-chip.chip-binnen.active,body.theme-dark .md3-chip.chip-binnen.active{background:#38bdf8;color:#082f49;border-color:#38bdf8}.md3-chip.chip-energie-hoog.active{background:var(--card-rose-accent);color:#fff;border-color:var(--card-rose-accent);box-shadow:0 4px 12px -2px #9f123959}body.dark .md3-chip.chip-energie-hoog.active,body.theme-dark .md3-chip.chip-energie-hoog.active{background:#f43f5e;color:#4c0519;border-color:#f43f5e}.md3-chip.chip-energie-rustig.active,.md3-chip.chip-energie-chill.active{background:var(--card-amber-accent);color:#fff;border-color:var(--card-amber-accent);box-shadow:0 4px 12px -2px #92400e59}body.dark .md3-chip.chip-energie-rustig.active,body.dark .md3-chip.chip-energie-chill.active,body.theme-dark .md3-chip.chip-energie-rustig.active,body.theme-dark .md3-chip.chip-energie-chill.active{background:#f59e0b;color:#451a03;border-color:#f59e0b}.md3-chip.chip-personen-1.active,.md3-chip.chip-personen-2.active,.md3-chip.chip-personen-3.active{background:var(--card-indigo-accent);color:#fff;border-color:var(--card-indigo-accent);box-shadow:0 4px 12px -2px #4338ca59}body.dark .md3-chip.chip-personen-1.active,body.dark .md3-chip.chip-personen-2.active,body.dark .md3-chip.chip-personen-3.active,body.theme-dark .md3-chip.chip-personen-1.active,body.theme-dark .md3-chip.chip-personen-2.active,body.theme-dark .md3-chip.chip-personen-3.active{background:#818cf8;color:#1e1b4b;border-color:#818cf8}.chip-divider{width:1px;height:28px;background-color:var(--surface-box-border);align-self:center;margin:0 4px;flex-shrink:0}.md3-card-list{padding:0 20px;display:flex;flex-direction:column;gap:14px}.md3-card{border-radius:var(--radius-outer);padding:16px 18px;display:flex;justify-content:space-between;align-items:center;background:var(--surface-box-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:var(--shadow-subtle);border:none;transition:transform .15s ease,box-shadow .15s ease}.md3-card.card-buiten,.grouped-log-card.card-buiten,.log-item-card.card-buiten,.md3-card.card-emerald,.grouped-log-card.card-emerald,.log-item-card.card-emerald{background:var(--card-emerald-bg)}.md3-card.card-binnen,.grouped-log-card.card-binnen,.log-item-card.card-binnen,.md3-card.card-sky,.grouped-log-card.card-sky,.log-item-card.card-sky{background:var(--card-sky-bg)}.md3-card.card-indigo,.grouped-log-card.card-indigo,.log-item-card.card-indigo{background:var(--card-indigo-bg)}.md3-card.card-rose,.grouped-log-card.card-rose,.log-item-card.card-rose{background:var(--card-rose-bg)}.md3-card.card-amber,.grouped-log-card.card-amber,.log-item-card.card-amber{background:var(--card-amber-bg)}.md3-card.card-purple,.grouped-log-card.card-purple,.log-item-card.card-purple{background:var(--card-purple-bg)}.md3-card:hover{box-shadow:var(--shadow-floating);transform:translateY(-2px)}.md3-card:active{transform:scale(.99)}.md3-card-content{flex:1;padding-right:14px}.md3-card h2{margin:6px 0;font-size:1.15rem;font-weight:700;color:var(--text-main);line-height:1.3}.card-buiten h2,.card-emerald h2,.grouped-log-card.card-buiten .grouped-activity-title,.grouped-log-card.card-emerald .grouped-activity-title,.log-item-card.card-buiten .log-item-title,.log-item-card.card-emerald .log-item-title{color:var(--card-emerald-text)}.card-binnen h2,.card-sky h2,.grouped-log-card.card-binnen .grouped-activity-title,.grouped-log-card.card-sky .grouped-activity-title,.log-item-card.card-binnen .log-item-title,.log-item-card.card-sky .log-item-title{color:var(--card-sky-text)}.card-indigo h2,.grouped-log-card.card-indigo .grouped-activity-title,.log-item-card.card-indigo .log-item-title{color:var(--card-indigo-text)}.card-rose h2,.grouped-log-card.card-rose .grouped-activity-title,.log-item-card.card-rose .log-item-title{color:var(--card-rose-text)}.card-amber h2,.grouped-log-card.card-amber .grouped-activity-title,.log-item-card.card-amber .log-item-title{color:var(--card-amber-text)}.card-purple h2,.grouped-log-card.card-purple .grouped-activity-title,.log-item-card.card-purple .log-item-title{color:var(--card-purple-text)}.md3-card p{margin:0;font-size:.84rem;color:var(--text-muted);display:flex;flex-wrap:wrap;align-items:center;gap:6px}.activity-desc{font-size:.88rem!important;line-height:1.38;color:var(--text-muted)!important;margin-top:2px!important;margin-bottom:10px!important;display:block!important;font-weight:500}.card-buiten .activity-desc,.card-emerald .activity-desc{color:var(--card-emerald-text)!important;opacity:.85}.card-binnen .activity-desc,.card-sky .activity-desc{color:var(--card-sky-text)!important;opacity:.85}.card-rose .activity-desc{color:var(--card-rose-text)!important;opacity:.85}.card-amber .activity-desc{color:var(--card-amber-text)!important;opacity:.85}.card-indigo .activity-desc{color:var(--card-indigo-text)!important;opacity:.85}.card-purple .activity-desc{color:var(--card-purple-text)!important;opacity:.85}.info-pill{display:inline-flex;align-items:center;gap:4px;background:var(--input-tonal-bg);padding:3px 9px;border-radius:8px;font-size:.78rem;font-weight:600;color:var(--text-main);white-space:nowrap}.card-buiten .info-pill,.card-emerald .info-pill,.card-buiten .grouped-total-time-pill,.card-emerald .grouped-total-time-pill{background:var(--card-emerald-timerbox);color:var(--card-emerald-accent)}.card-binnen .info-pill,.card-sky .info-pill,.card-binnen .grouped-total-time-pill,.card-sky .grouped-total-time-pill{background:var(--card-sky-timerbox);color:var(--card-sky-accent)}.card-indigo .info-pill,.card-indigo .grouped-total-time-pill{background:var(--card-indigo-timerbox);color:var(--card-indigo-accent)}.card-rose .info-pill,.card-rose .grouped-total-time-pill{background:var(--card-rose-timerbox);color:var(--card-rose-accent)}.card-amber .info-pill,.card-amber .grouped-total-time-pill{background:var(--card-amber-timerbox);color:var(--card-amber-accent)}.card-purple .info-pill,.card-purple .grouped-total-time-pill{background:var(--card-purple-timerbox);color:var(--card-purple-accent)}.md3-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:var(--radius-full);font-size:.75rem;font-weight:800;letter-spacing:.03em;white-space:nowrap;text-transform:uppercase}.badge-buiten,.badge-emerald{background-color:var(--card-emerald-pill);color:var(--card-emerald-accent)}.badge-binnen,.badge-sky{background-color:var(--card-sky-pill);color:var(--card-sky-accent)}.badge-indigo{background-color:var(--card-indigo-pill);color:var(--card-indigo-accent)}.badge-rose{background-color:var(--card-rose-pill);color:var(--card-rose-accent)}.badge-amber{background-color:var(--card-amber-pill);color:var(--card-amber-accent)}.badge-purple{background-color:var(--card-purple-pill);color:var(--card-purple-accent)}.badge-score{background-color:#fef3c7e6;color:#92400e}body.dark .badge-score{background-color:#78350f73;color:#fde68a}.md3-btn{background:var(--md3-sys-color-primary);color:#fff;border:none;border-radius:var(--radius-full);padding:10px 20px;font-size:.88rem;font-weight:700;cursor:pointer;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;min-width:84px;box-shadow:0 4px 12px -2px #0284c74d;transition:transform .15s ease,background-color .15s ease,box-shadow .15s ease;-webkit-user-select:none;user-select:none}body.dark .md3-btn{color:#090d16}.md3-btn:hover{background:var(--md3-sys-color-primary-dark);box-shadow:0 6px 16px -2px #0284c766}.card-buiten .md3-btn,.card-emerald .md3-btn{background:var(--card-emerald-accent);color:#fff;box-shadow:0 4px 12px -2px #065f4659}.card-binnen .md3-btn,.card-sky .md3-btn{background:var(--card-sky-accent);color:#fff;box-shadow:0 4px 12px -2px #07598559}.card-indigo .md3-btn{background:var(--card-indigo-accent);color:#fff;box-shadow:0 4px 12px -2px #3730a359}.card-rose .md3-btn{background:var(--card-rose-accent);color:#fff;box-shadow:0 4px 12px -2px #9f123959}.card-amber .md3-btn{background:var(--card-amber-accent);color:#fff;box-shadow:0 4px 12px -2px #92400e59}.card-purple .md3-btn{background:var(--card-purple-accent);color:#fff;box-shadow:0 4px 12px -2px #6b21a859}body.dark .card-buiten .md3-btn,body.dark .card-emerald .md3-btn{background:var(--card-emerald-accent);color:#022c22}body.dark .card-binnen .md3-btn,body.dark .card-sky .md3-btn{background:var(--card-sky-accent);color:#082f49}body.dark .card-indigo .md3-btn{background:var(--card-indigo-accent);color:#1e1b4b}body.dark .card-rose .md3-btn{background:var(--card-rose-accent);color:#4c0519}body.dark .card-amber .md3-btn{background:var(--card-amber-accent);color:#451a03}body.dark .card-purple .md3-btn{background:var(--card-purple-accent);color:#3b0764}.card-buiten .grouped-action-btn-primary,.card-emerald .grouped-action-btn-primary{background:var(--card-emerald-timerbox);color:var(--card-emerald-accent)}.card-binnen .grouped-action-btn-primary,.card-sky .grouped-action-btn-primary{background:var(--card-sky-timerbox);color:var(--card-sky-accent)}.card-indigo .grouped-action-btn-primary{background:var(--card-indigo-timerbox);color:var(--card-indigo-accent)}.card-rose .grouped-action-btn-primary{background:var(--card-rose-timerbox);color:var(--card-rose-accent)}.card-amber .grouped-action-btn-primary{background:var(--card-amber-timerbox);color:var(--card-amber-accent)}.card-purple .grouped-action-btn-primary{background:var(--card-purple-timerbox);color:var(--card-purple-accent)}.card-buiten .count-multiplier-badge,.card-emerald .count-multiplier-badge{background:var(--card-emerald-accent);color:#fff}.card-binnen .count-multiplier-badge,.card-sky .count-multiplier-badge{background:var(--card-sky-accent);color:#fff}.card-indigo .count-multiplier-badge{background:var(--card-indigo-accent);color:#fff}.card-rose .count-multiplier-badge{background:var(--card-rose-accent);color:#fff}.card-amber .count-multiplier-badge{background:var(--card-amber-accent);color:#fff}.card-purple .count-multiplier-badge{background:var(--card-purple-accent);color:#fff}body.dark .card-buiten .count-multiplier-badge,body.dark .card-emerald .count-multiplier-badge{color:#022c22}body.dark .card-binnen .count-multiplier-badge,body.dark .card-sky .count-multiplier-badge{color:#082f49}.md3-btn:active{transform:scale(.95)}.md3-btn-outlined{background:transparent;color:var(--md3-sys-color-primary);border:1.5px solid var(--md3-sys-color-primary);box-shadow:none}body.dark .md3-btn-outlined{color:var(--md3-sys-color-primary)}.md3-btn-outlined:hover{background:var(--md3-sys-color-primary-container)}.tab-content{display:none}.tab-content.active{display:block;animation:fadeIn .2s cubic-bezier(0,0,.2,1)}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}#map-view{padding:0 20px;height:calc(100vh - 210px);min-height:380px}#map{height:100%;width:100%;border-radius:var(--radius-outer);border:1px solid var(--surface-box-border);box-shadow:var(--shadow-subtle);z-index:1}.drawer-overlay{position:fixed;top:0;left:0;right:0;bottom:0;width:100vw;height:100vh;background:#090d16a6;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);z-index:99999;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .3s cubic-bezier(.4,0,.2,1),visibility .3s ease;display:flex;justify-content:flex-end}.drawer-overlay.open{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .3s cubic-bezier(.4,0,.2,1),visibility 0s}.drawer-panel{width:100%;max-width:540px;height:100%;max-height:100vh;background-color:var(--mesh-bg, #eef2f6);background-image:radial-gradient(at 12% 15%,var(--mesh-color-1, rgba(186, 230, 253, .45)) 0px,transparent 50%),radial-gradient(at 88% 18%,var(--mesh-color-2, rgba(219, 234, 254, .55)) 0px,transparent 50%),radial-gradient(at 48% 55%,var(--mesh-color-3, rgba(224, 231, 255, .35)) 0px,transparent 55%),radial-gradient(at 15% 85%,var(--mesh-color-4, rgba(241, 245, 249, .75)) 0px,transparent 50%),radial-gradient(at 85% 88%,var(--mesh-color-5, rgba(199, 210, 254, .35)) 0px,transparent 50%);box-shadow:-12px 0 40px -4px #0000004d;display:flex;flex-direction:column;transform:translate(100%);transition:transform .32s cubic-bezier(.16,1,.3,1);border-left:1px solid var(--surface-box-border);position:relative;z-index:100000;overflow:hidden}body.dark .drawer-panel{background-color:var(--mesh-bg, #0f172a)}.drawer-overlay.open .drawer-panel{transform:translate(0)}.drawer-header{padding:16px 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--surface-box-border);background:transparent;flex-shrink:0;gap:12px}.drawer-brand-wrap{display:flex;align-items:center;gap:12px;min-width:0}.drawer-menu-icon{width:44px;height:44px;border-radius:12px;object-fit:cover;box-shadow:0 4px 12px #0000001f;flex-shrink:0;background:var(--input-tonal-bg);border:1px solid var(--surface-box-border)}.drawer-header-text h2{font-size:1.15rem;font-weight:800;letter-spacing:-.01em;color:var(--text-main);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.drawer-header-text p{font-size:.8rem;color:var(--text-muted);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pwa-box-header{display:flex;align-items:center;gap:12px;margin-bottom:8px}.pwa-install-icon{width:38px;height:38px;border-radius:10px;object-fit:cover;box-shadow:0 2px 8px #0000001a;flex-shrink:0;border:1px solid var(--surface-box-border)}.drawer-close-btn{width:44px;height:44px;min-width:44px;border-radius:var(--radius-full);background:var(--input-tonal-bg);border:1px solid var(--surface-box-border);color:var(--text-main);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;-webkit-user-select:none;user-select:none}.drawer-close-btn:hover{background:var(--surface-segmented-bg);transform:rotate(90deg) scale(1.05)}.drawer-close-btn:active{transform:scale(.92)}.drawer-body{padding:20px 20px 50px;overflow-y:auto;flex:1;display:flex;flex-direction:column;gap:16px}.portal-box{background:var(--surface-box-bg);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:var(--radius-outer);padding:20px;box-shadow:var(--shadow-subtle);border:1px solid var(--surface-box-border)}.portal-box h3{font-size:1.1rem;font-weight:700;margin-bottom:8px;color:var(--text-main);display:flex;align-items:center;gap:8px}.portal-box p{font-size:.88rem;color:var(--text-muted);line-height:1.5;margin-bottom:14px}.theme-swatches{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:8px}.theme-swatch-btn{background:var(--input-tonal-bg);border:1.5px solid transparent;border-radius:var(--radius-inner);padding:12px 10px;display:flex;flex-direction:column;align-items:center;gap:6px;font-size:.85rem;font-weight:700;color:var(--text-main);cursor:pointer;transition:all .18s ease;min-height:48px;-webkit-user-select:none;user-select:none}.theme-swatch-btn:hover{transform:translateY(-1px)}.theme-swatch-btn.active{background:var(--md3-sys-color-primary-container);border-color:var(--md3-sys-color-primary);color:var(--md3-sys-color-on-primary-container)}body.dark .theme-swatch-btn.active{color:#38bdf8;border-color:#38bdf8}.md3-file-dropzone{border:2px dashed var(--md3-sys-color-primary);border-radius:var(--radius-inner);padding:24px 16px;text-align:center;background:var(--input-tonal-bg);cursor:pointer;display:block;transition:all .2s ease}.md3-file-dropzone:hover,.md3-file-dropzone.dragover{background:var(--md3-sys-color-primary-container)}.md3-file-dropzone input[type=file]{display:none}.dropzone-label{font-size:.95rem;font-weight:700;color:var(--md3-sys-color-primary);display:flex;align-items:center;justify-content:center;gap:8px}.sample-table-preview{margin-top:12px;background-color:var(--color-slate-900);color:#e2e8f0;border-radius:var(--radius-inner);padding:14px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.78rem;overflow-x:auto;white-space:pre}.md3-timer-fab{position:fixed;bottom:24px;right:20px;background:var(--md3-sys-color-error);color:#fff;border-radius:var(--radius-inner);padding:12px 18px;display:flex;align-items:center;gap:12px;box-shadow:0 10px 25px -3px #e11d4866;font-weight:700;z-index:90;animation:popIn .25s cubic-bezier(.175,.885,.32,1.275)}@keyframes popIn{0%{transform:scale(.7);opacity:0}to{transform:scale(1);opacity:1}}.timer-info-block{display:flex;flex-direction:column}.timer-status-label{font-size:.72rem;font-weight:600;opacity:.9;text-transform:uppercase;letter-spacing:.04em}.timer-time{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:1.25rem;letter-spacing:.05em;font-variant-numeric:tabular-nums;line-height:1.1}.timer-btn-group{display:flex;gap:6px;align-items:center}.timer-complete-btn{background-color:#10b981;color:#fff;border:none;border-radius:10px;padding:8px 12px;font-weight:800;font-size:.85rem;cursor:pointer;transition:transform .1s ease,background-color .15s ease;min-height:38px;white-space:nowrap}.timer-complete-btn:active{transform:scale(.94)}.timer-stop{background-color:#fff;color:var(--md3-sys-color-error);border:none;border-radius:10px;padding:8px 14px;font-weight:800;font-size:.85rem;cursor:pointer;transition:transform .1s ease;min-height:38px}.timer-stop:active{transform:scale(.94)}.timer-pause-btn{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;flex-shrink:0;padding:0;border:none;border-radius:10px;background-color:#fff3;color:#fff;cursor:pointer;transition:transform .15s ease,background-color .15s ease}.timer-pause-btn:hover{background-color:#ffffff4d}.timer-pause-btn:active{transform:scale(.94)}.timer-pause-btn:focus-visible{outline:2px solid #ffffff;outline-offset:2px}.timer-pause-btn .timer-icon-play,.md3-timer-fab.is-paused .timer-pause-btn .timer-icon-pause{display:none}.md3-timer-fab.is-paused .timer-pause-btn .timer-icon-play{display:block}.md3-timer-fab.is-paused .timer-time{opacity:.7}.timer-complete-btn,.timer-stop{min-height:44px}@media(max-width:400px){.md3-timer-fab{gap:10px;padding:10px 12px;right:12px;left:12px;justify-content:space-between}.md3-timer-fab .timer-icon{display:none}.timer-info-block{min-width:0}.timer-status-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:30vw}}.gameover-hero-card{background:var(--surface-box-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-radius:var(--radius-outer);padding:20px;margin:12px 20px 0;box-shadow:var(--shadow-subtle);display:flex;flex-direction:column}.gameover-hero-header{display:flex;align-items:center;gap:14px}.gameover-trophy-icon{width:48px;height:48px;border-radius:var(--radius-inner);background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #f59e0b59;flex-shrink:0}.gameover-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:16px 0 14px}@media(max-width:480px){.gameover-stats-grid{grid-template-columns:1fr 1fr}.gameover-stat-card:last-child{grid-column:span 2}}.gameover-stat-card{background:var(--input-tonal-bg);border:1px solid var(--surface-box-border);border-radius:var(--radius-inner);padding:12px 10px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;box-shadow:0 1px 3px #00000005;transition:transform .15s ease,box-shadow .15s ease}.gameover-stat-card:hover{transform:translateY(-1px);box-shadow:0 3px 8px #0000000d}.stat-number{font-size:1.35rem;font-weight:800;color:var(--md3-sys-color-primary);line-height:1.2}.stat-label{margin-top:4px;font-size:.75rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}.gameover-quick-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-top:8px}.gameover-quick-actions .md3-btn{min-height:40px;padding:8px 16px;font-size:.84rem}.gameover-filter-banner{margin:14px 0 4px;padding:12px 16px;background:#0284c71a;border:1px solid rgba(2,132,199,.25);border-radius:var(--radius-inner);display:flex;align-items:center;justify-content:space-between;gap:10px;animation:fadeIn .2s ease-in-out}body.dark .gameover-filter-banner,body.theme-dark .gameover-filter-banner{background:#38bdf826;border-color:#38bdf859}.filter-banner-text{display:flex;align-items:center;gap:8px;font-size:.84rem;font-weight:600;color:var(--text-main);line-height:1.4;flex:1}.filter-indicator-dot{width:8px;height:8px;border-radius:50%;background-color:var(--md3-sys-color-primary);display:inline-block;flex-shrink:0;animation:pulseDot 1.5s infinite}@keyframes pulseDot{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.35);opacity:.6}}.filter-clear-btn{background:#e11d481a;border:1px solid rgba(225,29,72,.2);color:var(--md3-sys-color-error);font-size:.78rem;font-weight:700;cursor:pointer;padding:6px 12px;border-radius:var(--radius-full);transition:all .15s ease;white-space:nowrap;display:inline-flex;align-items:center;gap:4px}.filter-clear-btn:hover{background:var(--md3-sys-color-error);color:#fff;border-color:var(--md3-sys-color-error);box-shadow:0 2px 8px #e11d484d}button,input,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}.gameover-controls-panel{margin:14px 20px 0;display:flex;flex-direction:column;gap:14px}.gameover-view-segmented{display:grid;grid-template-columns:1fr 1fr;background:var(--surface-segmented-bg, var(--surface-box-bg));backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);padding:5px;border-radius:var(--radius-inner);border:1px solid var(--surface-box-border);box-shadow:var(--shadow-subtle);gap:6px}.view-tab-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:flex;align-items:center;justify-content:center;gap:6px;padding:9px 10px;border-radius:var(--radius-chip);border:1px solid transparent;background:transparent;color:var(--text-muted);font-weight:700;font-size:.82rem;cursor:pointer;transition:all .2s cubic-bezier(.2,0,0,1);white-space:nowrap;min-height:40px;-webkit-user-select:none;user-select:none;outline:none;overflow:hidden;text-overflow:ellipsis}.view-tab-btn:hover{color:var(--text-main);background:#0000000a}body.dark .view-tab-btn:hover,body.theme-dark .view-tab-btn:hover{background:#ffffff0f}.view-tab-btn.active{background:var(--md3-sys-color-primary);color:#fff;border-color:var(--md3-sys-color-primary);box-shadow:0 3px 10px -1px #0284c759}body.dark .view-tab-btn.active,body.theme-dark .view-tab-btn.active{color:#090d16}.tab-badge{background:var(--input-tonal-bg);color:inherit;padding:2px 8px;border-radius:9999px;font-size:.75rem;font-weight:800;transition:all .2s ease}body.dark .tab-badge,body.theme-dark .tab-badge{background:#ffffff1f}.view-tab-btn.active .tab-badge{background:#ffffff47;color:#fff}body.dark .view-tab-btn.active .tab-badge,body.theme-dark .view-tab-btn.active .tab-badge{background:#090d1640;color:#090d16}.gameover-filter-card{background:var(--surface-box-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);padding:16px 18px;border-radius:var(--radius-outer);border:1px solid var(--surface-box-border);box-shadow:var(--shadow-subtle);display:flex;flex-direction:column;gap:14px}.filter-card-header{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-bottom:10px;border-bottom:1px solid var(--surface-box-border)}.filter-card-title{display:flex;align-items:center;gap:8px;font-size:.92rem;font-weight:800;color:var(--text-main);letter-spacing:-.01em}.filter-card-title svg{color:var(--md3-sys-color-primary);width:17px;height:17px}.filter-reset-link-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-flex;align-items:center;gap:5px;background:var(--input-tonal-bg);border:1px solid var(--surface-box-border);color:var(--text-muted);font-size:.78rem;font-weight:700;cursor:pointer;padding:5px 12px;border-radius:var(--radius-full);transition:all .18s ease;outline:none}.filter-reset-link-btn:hover{background:#0284c71a;color:var(--md3-sys-color-primary);border-color:#0284c74d}body.dark .filter-reset-link-btn:hover,body.theme-dark .filter-reset-link-btn:hover{background:#38bdf826;color:var(--md3-sys-color-primary);border-color:#38bdf859}.gameover-chips-row{display:grid;grid-template-columns:1fr;gap:12px}@media(min-width:520px){.gameover-chips-row{grid-template-columns:1fr 1fr;gap:16px}}.filter-group{display:flex;flex-direction:column;gap:8px}.filter-group-label{font-size:.76rem;font-weight:800;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;display:flex;align-items:center;gap:6px}.filter-group-label svg{color:var(--md3-sys-color-primary);opacity:.9;width:14px;height:14px}.filter-chips{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.filter-chip{-webkit-appearance:none;-moz-appearance:none;appearance:none;min-height:44px;padding:8px 14px;border-radius:var(--radius-chip);font-size:.85rem;font-weight:600;background:var(--input-tonal-bg);border:1px solid var(--surface-box-border);color:var(--text-main);cursor:pointer;transition:all .18s cubic-bezier(.2,0,0,1);white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;gap:6px;-webkit-user-select:none;user-select:none;outline:none;box-shadow:0 1px 3px #00000005}body.dark .filter-chip,body.theme-dark .filter-chip{background:#1e293beb;border:1px solid rgba(255,255,255,.18);color:#f1f5f9;box-shadow:0 2px 6px #0000004d}.filter-chip:hover{color:var(--md3-sys-color-primary);background:#0284c714;border-color:#0284c759;transform:translateY(-1px)}body.dark .filter-chip:hover,body.theme-dark .filter-chip:hover{background:#38bdf824;border-color:#38bdf866;color:var(--md3-sys-color-primary)}.filter-chip:active{transform:scale(.96)}.filter-chip.active{background:var(--md3-sys-color-primary);color:#fff;font-weight:700;border-color:var(--md3-sys-color-primary);box-shadow:0 3px 10px -1px #0284c766}body.dark .filter-chip.active,body.theme-dark .filter-chip.active{color:#090d16;border-color:var(--md3-sys-color-primary)}body.dark .filter-chip.active:not([class*=chip-cat-]),body.theme-dark .filter-chip.active:not([class*=chip-cat-]){background:var(--md3-sys-color-primary)}.filter-chip.chip-cat-emerald.active{background:var(--card-emerald-accent);color:#fff;border-color:var(--card-emerald-accent);box-shadow:0 3px 10px -1px #065f4666}body.dark .filter-chip.chip-cat-emerald.active,body.theme-dark .filter-chip.chip-cat-emerald.active{color:#022c22}.filter-chip.chip-cat-amber.active{background:var(--card-amber-accent);color:#fff;border-color:var(--card-amber-accent);box-shadow:0 3px 10px -1px #92400e66}body.dark .filter-chip.chip-cat-amber.active,body.theme-dark .filter-chip.chip-cat-amber.active{color:#451a03}.filter-chip.chip-cat-rose.active{background:var(--card-rose-accent);color:#fff;border-color:var(--card-rose-accent);box-shadow:0 3px 10px -1px #9f123966}body.dark .filter-chip.chip-cat-rose.active,body.theme-dark .filter-chip.chip-cat-rose.active{color:#4c0519}.filter-chip.chip-cat-sky.active{background:var(--card-sky-accent);color:#fff;border-color:var(--card-sky-accent);box-shadow:0 3px 10px -1px #07598566}body.dark .filter-chip.chip-cat-sky.active,body.theme-dark .filter-chip.chip-cat-sky.active{color:#082f49}.filter-activity-selector-row{display:flex;flex-direction:column;gap:8px;border-top:1px solid var(--surface-box-border);padding-top:12px;margin-top:2px}.filter-activity-label{display:flex;align-items:center;gap:6px;font-size:.76rem;font-weight:800;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.filter-activity-label svg{color:var(--md3-sys-color-primary);width:14px;height:14px}.tonal-select-wrapper{position:relative;width:100%}.tonal-select{width:100%;min-height:46px;padding:11px 42px 11px 16px;background:var(--input-tonal-bg);border:1.5px solid var(--surface-box-border);outline:none;border-radius:var(--radius-inner);font-size:.88rem;font-weight:600;color:var(--text-main);cursor:pointer;-moz-appearance:none;appearance:none;-webkit-appearance:none;transition:border-color .18s ease,box-shadow .18s ease,background-color .18s ease;box-shadow:0 1px 3px #00000005}.tonal-select:hover{border-color:#0284c766}.tonal-select:focus{border-color:var(--md3-sys-color-primary);box-shadow:0 0 0 3px #0284c72e;background:var(--surface-box-bg)}body.dark .tonal-select:focus,body.theme-dark .tonal-select:focus{box-shadow:0 0 0 3px #38bdf840}.select-chevron{position:absolute;right:14px;top:50%;transform:translateY(-50%);pointer-events:none;color:var(--md3-sys-color-primary);display:flex;align-items:center}.filter-summary-banner{margin:12px 20px 0;background:#0284c71a;border:1px solid rgba(2,132,199,.25);border-radius:var(--radius-outer);padding:12px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}body.dark .filter-summary-banner,body.theme-dark .filter-summary-banner{background:#38bdf824;border-color:#38bdf84d}.filter-summary-content{display:flex;align-items:center;gap:10px;flex:1}.filter-summary-icon{font-size:1.3rem;line-height:1}.filter-summary-text{font-size:.85rem;color:var(--text-main);line-height:1.4}.filter-summary-title{font-weight:700;display:block}.filter-summary-sum{font-weight:800;color:var(--md3-sys-color-primary)}.clear-filter-pill-btn{background:var(--input-tonal-bg);color:var(--text-main);border:1px solid var(--surface-box-border);border-radius:9999px;font-size:.78rem;font-weight:700;padding:6px 12px;cursor:pointer;display:inline-flex;align-items:center;gap:4px;transition:all .15s ease;white-space:nowrap}.clear-filter-pill-btn:hover{background:#ef444426;color:#dc2626;border-color:#ef44444d}.filter-indicator-badge{background:#0284c71f;color:var(--md3-sys-color-primary);border:1px solid rgba(2,132,199,.25);font-size:.76rem;font-weight:800;padding:5px 12px;border-radius:9999px;white-space:nowrap}body.dark .filter-indicator-badge,body.theme-dark .filter-indicator-badge{background:#38bdf833;color:#7dd3fc;border-color:#38bdf866}.gameover-list-header{padding:18px 22px 8px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px}.grouped-log-card{border-radius:var(--radius-outer);padding:16px 18px;background:var(--surface-box-bg);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:var(--shadow-subtle);border:none;transition:transform .15s ease,box-shadow .15s ease;display:flex;flex-direction:column;gap:12px}.grouped-log-card:hover{box-shadow:var(--shadow-floating)}.grouped-card-top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.grouped-card-main{flex:1}.grouped-activity-title{font-size:1.12rem;font-weight:700;color:var(--text-main);margin:0 0 6px;line-height:1.3}.grouped-stats-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.count-multiplier-badge{background:var(--md3-sys-color-primary);color:#fff;font-size:.8rem;font-weight:800;padding:4px 10px;border-radius:9999px;display:inline-flex;align-items:center;gap:4px;box-shadow:0 2px 6px #0000001f}.grouped-total-time-pill{background:var(--input-tonal-bg);color:var(--text-main);font-size:.8rem;font-weight:700;padding:4px 10px;border-radius:9999px}.grouped-last-done{font-size:.78rem;color:var(--text-muted);display:flex;align-items:center;gap:4px}.grouped-card-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.grouped-action-btn{background:var(--input-tonal-bg);border:1px solid transparent;border-radius:var(--radius-inner);color:var(--text-main);font-size:.76rem;font-weight:700;padding:6px 10px;cursor:pointer;display:inline-flex;align-items:center;gap:5px;transition:all .15s ease;white-space:nowrap}.grouped-action-btn:hover{background:#00000014}body.theme-dark .grouped-action-btn:hover{background:#ffffff1f}.grouped-action-btn-primary{background:#0e74901f;color:var(--md3-sys-color-primary)}.grouped-action-btn-primary:hover{background:#0e749038}body.theme-dark .grouped-action-btn-primary{background:#38bdf82e;color:#38bdf8}.toggle-moments-btn{background:var(--input-tonal-bg);border:none;border-radius:var(--radius-inner);color:var(--text-main);font-size:.78rem;font-weight:700;padding:6px 10px;cursor:pointer;display:inline-flex;align-items:center;gap:5px;transition:background-color .15s ease;white-space:nowrap}.toggle-moments-btn:hover{background:#00000014}body.theme-dark .toggle-moments-btn:hover{background:#ffffff1f}.grouped-moments-accordion{border-top:1px dashed rgba(0,0,0,.08);padding-top:10px;margin-top:2px;display:flex;flex-direction:column;gap:8px}body.theme-dark .grouped-moments-accordion{border-top-color:#ffffff1a}.moment-sub-item{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:var(--input-tonal-bg);border-radius:12px;font-size:.82rem}.moment-sub-info{display:flex;align-items:center;gap:8px;color:var(--text-muted)}.moment-sub-time{font-weight:700;color:var(--text-main)}.moment-sub-delete{background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:4px 6px;border-radius:6px;transition:color .15s ease}.moment-sub-delete:hover{color:var(--md3-sys-color-error)}.log-item-card{border-radius:var(--radius-outer);padding:16px 18px;display:flex;justify-content:space-between;align-items:center;background:var(--surface-box-bg);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:var(--shadow-subtle);border:none;transition:transform .15s ease,box-shadow .15s ease}.log-item-card:hover{box-shadow:var(--shadow-floating);transform:translateY(-2px)}.log-item-info{flex:1;padding-right:12px}.log-item-title{margin:4px 0;font-size:1.08rem;font-weight:700;color:var(--text-main)}.log-item-moment{font-size:.8rem;color:var(--text-muted);display:flex;align-items:center;gap:4px;margin-bottom:6px}.log-item-badges{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.log-item-actions{display:flex;align-items:center;gap:8px}.log-delete-btn{background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:8px;min-width:44px;min-height:44px;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:color .15s ease,background-color .15s ease}.log-delete-btn:hover{color:var(--md3-sys-color-error);background-color:#e11d481a}.empty-log-state{text-align:center;padding:40px 20px;background:var(--surface-box-bg);border-radius:var(--radius-outer);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:var(--shadow-subtle)}.empty-log-state p{color:var(--text-muted);font-size:.92rem;max-width:320px;margin:8px auto 16px;line-height:1.5}.modal-dialog-overlay{align-items:center;justify-content:center;padding:16px}.modal-dialog-panel{width:100%;max-width:480px;background-color:var(--mesh-bg, #eef2f6);background-image:radial-gradient(at 12% 15%,var(--mesh-color-1, rgba(186, 230, 253, .45)) 0px,transparent 50%),radial-gradient(at 88% 18%,var(--mesh-color-2, rgba(219, 234, 254, .55)) 0px,transparent 50%),radial-gradient(at 48% 55%,var(--mesh-color-3, rgba(224, 231, 255, .35)) 0px,transparent 55%),radial-gradient(at 15% 85%,var(--mesh-color-4, rgba(241, 245, 249, .75)) 0px,transparent 50%),radial-gradient(at 85% 88%,var(--mesh-color-5, rgba(199, 210, 254, .35)) 0px,transparent 50%);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-radius:var(--radius-outer);border:1px solid var(--surface-box-border);box-shadow:0 20px 40px -8px #0000004d;display:flex;flex-direction:column;overflow:hidden;animation:modalPop .25s cubic-bezier(.16,1,.3,1)}body.dark .modal-dialog-panel,body.theme-dark .modal-dialog-panel{background-color:var(--mesh-bg, #0f172a);border-color:#ffffff1f}.modal-dialog-card{width:100%;max-width:420px;background:var(--surface-box-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--surface-box-border);border-radius:var(--radius-card);padding:24px;box-shadow:0 20px 40px -8px #00000059;animation:modalPop .22s cubic-bezier(.16,1,.3,1);position:relative;z-index:1001}body.dark .modal-dialog-card,body.theme-dark .modal-dialog-card{background:#0f172af2;border-color:#ffffff26;box-shadow:0 24px 48px -8px #0009}@keyframes modalPop{0%{transform:scale(.92);opacity:0}to{transform:scale(1);opacity:1}}.form-field-group{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.tonal-label{font-size:.82rem;font-weight:700;color:var(--text-main)}.tonal-input{width:100%;padding:10px 14px;border-radius:var(--radius-inner);border:1px solid var(--surface-box-border);background:var(--input-tonal-bg);color:var(--text-main);font-family:inherit;font-size:.92rem;outline:none;box-sizing:border-box;transition:border-color .15s ease,box-shadow .15s ease}.tonal-input:focus{border-color:var(--md3-sys-color-primary);box-shadow:0 0 0 2px #0284c733}.duration-quick-pills{display:flex;gap:4px}.quick-pill{background:var(--input-tonal-bg);border:1px solid var(--surface-box-border);color:var(--text-main);border-radius:8px;padding:6px 10px;min-height:44px;min-width:44px;font-size:.8rem;font-weight:700;white-space:nowrap;cursor:pointer;transition:background-color .15s ease,color .15s ease}.quick-pill:hover,.quick-pill.active{background:var(--md3-sys-color-primary);color:#fff;border-color:transparent}.install-card-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;padding:12px 18px;border-radius:var(--radius-inner);background:var(--md3-sys-color-primary);color:#fff;border:none;font-weight:700;font-size:.95rem;cursor:pointer;min-height:48px;transition:all .2s ease}body.dark .install-card-btn{color:#090d16}.install-card-btn:active{transform:scale(.98)}.ios-instructions-box{margin-top:10px;background:var(--input-tonal-bg);border-radius:var(--radius-inner);padding:14px;font-size:.85rem;line-height:1.5;color:var(--text-main);border:1px solid var(--surface-box-border)}.app-footer{margin-top:auto;padding:24px 20px 12px;text-align:center}.app-footer p{font-size:.78rem;color:var(--text-muted);letter-spacing:.02em}.toast-container{position:fixed;bottom:calc(28px + env(safe-area-inset-bottom,0px));left:50%;transition:bottom .2s ease;transform:translate(-50%);display:flex;flex-direction:column;gap:8px;z-index:100000;pointer-events:none;width:calc(100% - 32px);max-width:440px;align-items:center}.md3-toast{background:#0f172af0;color:#f8fafc;padding:12px 20px;border-radius:var(--radius-card, 20px);font-size:.92rem;font-weight:600;line-height:1.4;box-shadow:0 12px 28px -4px #00000073,0 4px 10px -2px #00000040;border:1px solid rgba(255,255,255,.15);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);opacity:0;transform:translateY(16px) scale(.96);transition:opacity .22s cubic-bezier(.16,1,.3,1),transform .22s cubic-bezier(.16,1,.3,1);pointer-events:auto;text-align:center;max-width:100%;word-break:break-word}.md3-toast.visible{opacity:1;transform:translateY(0) scale(1)}body.dark .md3-toast,body.theme-dark .md3-toast{background:#1e293bf5;color:#f8fafc;border-color:#fff3;box-shadow:0 14px 32px -4px #000000a6}body.dialog-open{overflow:hidden}:root{--focus-ring-color: #0f172a}body.dark,body.theme-dark{--focus-ring-color: #f1f5f9}:is(a[href],button,input,select,textarea,summary,[role=button],[role=tab],[tabindex]):focus-visible{outline:2px solid var(--focus-ring-color);outline-offset:2px}.top-nav-wrapper :is(a[href],button,[role=button],[role=tab],[tabindex]):focus-visible{outline-color:#f1f5f9}:is(button,[role=button],[role=tab]):focus:not(:focus-visible){outline:none}[role=dialog]:focus,[role=alertdialog]:focus{outline:none}.offline-pill{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:9999px;background:#ffffff14;border:1px solid rgba(255,255,255,.16);color:#e2e8f0;font-size:.75rem;font-weight:700;line-height:1.2;white-space:nowrap;flex-shrink:0}.offline-pill[hidden]{display:none}@media(max-width:380px){.top-nav-wrapper.scrolled .offline-pill span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.top-nav-wrapper.scrolled .offline-pill{padding:6px}}.drawer-menu-item{width:100%;min-height:48px;margin-top:12px;padding:10px 14px;display:flex;align-items:center;gap:10px;border:none;border-radius:var(--radius-inner, 16px);background:var(--input-tonal-bg);color:var(--text-main);font-family:inherit;font-size:.88rem;font-weight:700;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer;transition:background-color .15s ease,transform .15s ease}.drawer-menu-item svg{flex-shrink:0;color:var(--text-muted)}.drawer-menu-item:hover{background:var(--surface-segmented-bg, rgba(0, 0, 0, .08))}.drawer-menu-item:active{transform:scale(.98)}body.dark .drawer-menu-item,body.theme-dark .drawer-menu-item{background:#1e293bcc;border:1px solid rgba(255,255,255,.1)}.pwa-installed-badge{display:inline-flex;align-items:center;padding:6px 12px;border-radius:9999px;background:var(--input-tonal-bg);color:var(--text-main);font-size:.8rem;font-weight:700;white-space:nowrap}.pwa-installed-badge[hidden]{display:none}.install-steps{list-style:none;margin:0 0 14px;padding:0;display:flex;flex-direction:column;gap:12px;counter-reset:install-step}.install-steps li{display:flex;align-items:flex-start;gap:12px;font-size:.92rem;line-height:1.45;color:var(--text-main)}.install-step-icon{width:36px;height:36px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;border-radius:12px;background:var(--input-tonal-bg);color:var(--text-main)}.install-steps-note{font-size:.82rem;color:var(--text-muted);line-height:1.45;margin:0 0 16px}@media(max-width:600px){.tonal-input,.tonal-select{font-size:16px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-delay:0s!important;animation-iteration-count:1!important;transition-duration:.01ms!important;transition-delay:0s!important;scroll-behavior:auto!important}.weather-bg-fx *,.weather-art-svg,.weather-art-svg *,.reshuffle-icon.spinning,.spinning{animation:none!important}html{scroll-behavior:auto!important}}.compact-segment-btn:focus-visible{outline-offset:-3px}