@import"https://fonts.googleapis.com/css2?family=Heebo:wght@400;500;600;700&display=swap";:root{--primary: #2563eb;--primary-hover: #1d4ed8;--primary-soft: #eff4ff;--primary-ring: rgba(37, 99, 235, .22);--bg: #f5f7fb;--surface: #ffffff;--border: #e3e8ef;--border-strong: #cbd3df;--text: #0f172a;--text-2: #334155;--muted: #64748b;--danger: #dc2626;--success: #15803d;--radius: 12px;--radius-lg: 16px;--shadow: 0 1px 2px rgba(15, 23, 42, .04), 0 4px 16px rgba(15, 23, 42, .06);color-scheme:light}*{box-sizing:border-box}body{margin:0;font-family:Heebo,system-ui,-apple-system,Segoe UI,Arial,sans-serif;font-size:15px;line-height:1.5;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.center{text-align:center;margin-top:4rem;color:var(--muted)}button{font:inherit;font-weight:600;padding:.7rem 1.1rem;border:1px solid transparent;border-radius:var(--radius);background:var(--primary);color:#fff;min-height:44px;cursor:pointer;transition:background-color .15s,border-color .15s,box-shadow .15s,color .15s}button:hover:not(:disabled){background:var(--primary-hover)}button:focus-visible{outline:none;box-shadow:0 0 0 4px var(--primary-ring)}button:disabled{opacity:.5;cursor:default}button.link{background:none;color:var(--primary);font-weight:500;padding:.25rem .5rem;min-height:0}button.link:hover:not(:disabled){background:var(--primary-soft)}button.secondary{background:var(--surface);color:var(--text-2);border-color:var(--border-strong)}button.secondary:hover:not(:disabled){background:var(--bg);border-color:var(--muted)}button.small{padding:.35rem .8rem;min-height:0;font-size:.85rem;border-radius:10px}button.danger{background:var(--surface);color:var(--danger);border-color:#fecaca}button.danger:hover:not(:disabled){background:#fef2f2;border-color:var(--danger)}.title-row{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.title-row h2{margin-inline-end:auto}.grow{flex:1}.picker{display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .8rem;border-radius:10px;cursor:pointer;font-size:.85rem;font-weight:600;color:var(--primary);background:var(--primary-soft);border:1px solid #dbe6fe}.picker:hover{background:#dbe6fe}.picker.busy{opacity:.6;cursor:default}.picker input{display:none}.kits{display:grid;grid-template-columns:repeat(auto-fill,minmax(9rem,1fr));gap:.75rem;margin:.5rem 0}.kit{display:flex;flex-direction:column;align-items:center;gap:.4rem;padding:.75rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg)}.kit.archived{opacity:.55}.kit .row{flex-wrap:wrap;justify-content:center}.kit-editor{display:flex;gap:1rem;align-items:flex-start;padding:.75rem;border:1px dashed var(--border-strong);border-radius:var(--radius);margin-top:.5rem}.colour{display:inline-flex;flex-direction:column;align-items:center;gap:.2rem;font-size:.8rem;font-weight:500}.colour input[type=color]{width:3rem;height:3rem;padding:.2rem;margin:0;border-radius:12px;cursor:pointer}.kit-avatar{flex:none}.event-hero{margin:.5rem 0 1rem}.event-hero-top{position:relative;display:flex;gap:1rem;align-items:center;padding:1.1rem;border-radius:20px;color:#fff;background:linear-gradient(135deg,#1e40af,#2563eb 55%,#60a5fa);box-shadow:0 10px 30px #2563eb40;overflow:hidden}.event-hero.match .event-hero-top{background:linear-gradient(135deg,#312e81,#4f46e5 55%,#818cf8);box-shadow:0 10px 30px #4f46e540}.event-hero-top:after{content:"";position:absolute;inset-inline-end:-40px;top:-40px;width:160px;height:160px;border-radius:50%;background:#ffffff14}.date-badge{flex:none;display:flex;flex-direction:column;align-items:center;justify-content:center;width:4.5rem;padding:.5rem 0;border-radius:16px;background:#fffffff2;color:var(--text);line-height:1.15;box-shadow:0 4px 12px #0000001f}.date-badge strong{font-size:1.9rem;font-weight:700;color:var(--primary)}.date-badge span{font-size:.78rem;font-weight:600;color:var(--muted)}.event-hero-text{display:flex;flex-direction:column;gap:.15rem;min-width:0;position:relative;z-index:1}.event-hero-text h2{color:#fff;margin:0;font-size:1.3rem}.event-hero-text>span{font-size:.9rem;opacity:.92}.event-type{font-size:.75rem!important;font-weight:700;letter-spacing:.02em;text-transform:uppercase;opacity:.85!important}.countdown{align-self:flex-start;margin-top:.35rem;padding:.2rem .7rem;border-radius:999px;background:#fff3;font-weight:600;font-size:.85rem!important;opacity:1!important}.score{margin-inline-start:auto;font-size:2rem;font-weight:700;position:relative;z-index:1}.event-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(9.5rem,1fr));gap:.75rem;margin-top:.75rem}.tile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.35rem;padding:.9rem .75rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);text-align:center}.tile h4{margin:0 0 .15rem;font-size:.78rem;font-weight:600;color:var(--muted)}.weather-icon{font-size:2rem;line-height:1}.tile.weather strong{font-size:1.4rem}.tile.weather small{color:var(--muted)}.nav-btn{display:block;width:100%;padding:.45rem;border-radius:10px;font-weight:600;font-size:.88rem;text-align:center;background:var(--primary-soft);color:var(--primary);text-decoration:none}.nav-btn:hover{text-decoration:none;background:#dbe6fe}.nav-btn.waze{background:#e0f7ff;color:#0369a1}.donut{display:flex;align-items:center;gap:.6rem}.donut ul{list-style:none;margin:0;padding:0;font-size:.78rem;text-align:start}.donut li{display:flex;align-items:center;gap:.3rem}.donut i{width:.55rem;height:.55rem;border-radius:50%;display:inline-block}.donut-num{font-size:1.15rem;font-weight:700;fill:var(--text)}.weekdays{display:flex;gap:.35rem;flex-wrap:wrap}.weekdays button{width:2.6rem;height:2.6rem;min-height:0;padding:0;border-radius:50%;background:var(--surface);color:var(--text-2);border:1px solid var(--border-strong);font-weight:600}.weekdays button:hover:not(:disabled){background:var(--primary-soft)}.weekdays button.on{background:var(--primary);color:#fff;border-color:var(--primary)}.profile-card{display:flex;flex-direction:column;align-items:center;gap:.6rem;margin-bottom:1rem}input,textarea,select{font:inherit;width:100%;padding:.7rem .85rem;color:var(--text);border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--surface);min-height:44px;transition:border-color .15s,box-shadow .15s}input{margin:.25rem 0 1rem}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 4px var(--primary-ring)}input::placeholder,textarea::placeholder{color:#94a3b8}textarea{min-height:5rem}input[type=checkbox],input[type=radio]{width:1.1rem;height:1.1rem;min-height:0;margin:0;accent-color:var(--primary)}label{font-weight:500;color:var(--text-2)}.error{color:var(--danger)}.login-page{min-height:100dvh}.login-hero{position:relative;height:40vh;min-height:230px;max-height:360px;overflow:hidden;color:#fff}.login-hero-art{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.login-hero-text{position:relative;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.35rem;padding-bottom:3rem;text-align:center}.login-hero-text strong{font-size:2rem;font-weight:700;letter-spacing:-.02em}.login-hero-text>span:last-child{font-size:1rem;opacity:.9}.login-mark{display:flex;align-items:center;justify-content:center;width:3.25rem;height:3.25rem;border-radius:16px;background:#ffffff2e;border:1px solid rgba(255,255,255,.35);font-size:1.6rem;font-weight:700;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.login{position:relative;max-width:24rem;margin:-3rem auto 2rem;padding:1.75rem 1.5rem;background:var(--surface);border:1px solid var(--border);border-radius:20px;box-shadow:0 10px 40px #0f172a1f}@media (max-width: 26rem){.login{margin-inline:1rem}}.login h1{color:var(--text);text-align:center;font-size:1.35rem;font-weight:700;margin:0 0 1.25rem}.login form{display:flex;flex-direction:column}.login form button.link{margin-top:.5rem}.login button.google{width:100%;display:flex;align-items:center;justify-content:center;gap:.6rem;background:var(--surface);color:var(--text);border-color:var(--border-strong)}.login button.google:hover:not(:disabled){background:var(--bg);border-color:var(--muted)}.login .divider{display:flex;align-items:center;gap:.75rem;margin:1.25rem 0 1rem;color:var(--muted);font-size:.85rem}.login .divider:before,.login .divider:after{content:"";flex:1;height:1px;background:var(--border)}.login .hint{font-size:.85rem;text-align:center;margin:.75rem 0 0}.shell{min-height:100dvh;display:flex;flex-direction:column}.shell .topbar{position:sticky;top:0;z-index:10;background:#fffffff0;-webkit-backdrop-filter:saturate(180%) blur(12px);backdrop-filter:saturate(180%) blur(12px);border-bottom:1px solid var(--border)}.shell header{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center;padding:.6rem 1rem .35rem;color:var(--text)}.shell header>strong{font-size:1.1rem;font-weight:700;color:var(--primary);letter-spacing:-.01em}.shell header span{margin-inline-start:auto}.shell header .who{display:inline-flex;align-items:center;gap:.45rem;font-size:.85rem;color:var(--text-2);font-weight:500}.shell header .who:hover{text-decoration:none;color:var(--primary)}.shell header button.link{color:var(--muted)}.shell header button.link:hover{color:var(--danger);background:#fef2f2}.mode-chip{background:var(--primary-soft);color:var(--primary);padding:.25rem .8rem;min-height:0;border-radius:999px;font-size:.82rem;font-weight:600}.mode-chip:hover:not(:disabled){background:#dbe6fe}.mode-chip:disabled{opacity:1}.shell main{flex:1;padding:1rem;width:100%;max-width:46rem;margin:0 auto}.shell nav{display:flex;gap:.25rem;padding:.25rem .75rem .5rem;overflow-x:auto;scrollbar-width:none}.shell nav::-webkit-scrollbar{display:none}.shell nav a,.shell nav button{flex:1 0 auto;text-align:center;padding:.55rem .9rem;border-radius:10px;text-decoration:none;white-space:nowrap;font-size:.9rem;font-weight:500;color:var(--muted);background:none;border:0;min-height:0}.shell nav a:hover{color:var(--text);background:var(--bg)}.shell nav a.active,.shell nav button[aria-current=true]{color:var(--primary);background:var(--primary-soft);font-weight:600}.mode-card{display:flex;flex-direction:column;gap:.2rem;text-align:start;background:var(--surface);color:var(--text);border:1px solid var(--border);box-shadow:var(--shadow);padding:1rem 1.1rem;border-radius:var(--radius-lg);font-weight:400}.mode-card:hover:not(:disabled){background:var(--surface);border-color:var(--primary)}.mode-card strong{color:var(--text);font-weight:600}h2{margin:.5rem 0 .75rem;color:var(--text);font-size:1.35rem;font-weight:700;letter-spacing:-.01em}h3{margin:0;font-size:1rem;font-weight:600}a{color:var(--primary);text-decoration:none;font-weight:500}a:hover{text-decoration:underline}.card{border:1px solid var(--border);border-radius:var(--radius-lg);padding:1rem 1.1rem;margin:.85rem 0;background:var(--surface);box-shadow:var(--shadow)}.card-head{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.6rem}.row{display:flex;align-items:center;gap:.6rem}.row.wrap{flex-wrap:wrap}.row>.field{flex:1}.stack{display:flex;flex-direction:column;gap:.5rem}.list{list-style:none;margin:.5rem 0;padding:0 1rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow)}.card .list{padding:0;border:0;box-shadow:none;background:none}.list>li{padding:.75rem 0;border-bottom:1px solid var(--border)}.list>li:last-child{border-bottom:0}.list.compact>li{padding:.35rem 0}.muted{color:var(--muted)}.ok{color:var(--success)}.tabs{display:flex;gap:.25rem;overflow-x:auto;margin:.5rem 0 1rem;padding:.25rem;background:#e9edf3;border-radius:var(--radius)}.tabs button{flex:1 0 auto;background:none;color:var(--muted);border:0;padding:.45rem .9rem;min-height:0;white-space:nowrap;font-weight:500;border-radius:9px}.tabs button:hover:not(:disabled){background:#fff9;color:var(--text)}.tabs button[aria-selected=true]{background:var(--surface);color:var(--primary);font-weight:600;box-shadow:0 1px 3px #0f172a1a}.field{display:flex;flex-direction:column;gap:.2rem;margin-bottom:.6rem}.field>span{font-size:.85rem;font-weight:500;color:var(--text-2)}.field input{margin:0}.check{display:flex;align-items:center;gap:.55rem;padding:.3rem 0;font-weight:400}fieldset{border:1px solid var(--border);border-radius:var(--radius);margin:.5rem 0;padding:.6rem .9rem}legend{font-weight:600;font-size:.9rem;padding:0 .35rem}.badge{display:inline-block;padding:.12rem .6rem;border-radius:999px;background:#eef1f5;color:var(--text-2);font-size:.78rem;font-weight:600}.badge.ok{background:#dcfce7;color:#166534}.badge.bad{background:#fee2e2;color:#991b1b}.badge.warn{background:#fef3c7;color:#92400e}.avatar.square{border-radius:12px}.avatar{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:var(--primary-soft);color:var(--primary);font-weight:600;object-fit:cover;flex:none}.profile-head{margin:.5rem 0}.attr{padding:.55rem 0;border-bottom:1px solid var(--border)}.attr:last-child{border-bottom:0}.attr-row{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.attr-row strong{min-width:8rem;font-weight:600}.attr-row select,.attr-row input{width:auto;flex:1;min-width:6rem;margin:0}.history{margin:.25rem 0;padding-inline-start:1.25rem;font-size:.85rem;color:var(--muted)}.question{margin:.75rem 0}.chat{list-style:none;padding:0;margin:.5rem 0;display:flex;flex-direction:column;gap:.5rem}.chat li{background:var(--surface);border:1px solid var(--border);border-radius:16px;border-start-start-radius:4px;padding:.5rem .8rem;max-width:85%;align-self:flex-start}.chat li.mine{background:var(--primary);border-color:var(--primary);color:#fff;align-self:flex-end;border-radius:16px;border-start-end-radius:4px}.chat li.mine .muted{color:#fffc}.chat li p{margin:.15rem 0 0}.chat-meta{display:inline-flex;align-items:center;gap:.35rem}.composer{display:flex;gap:.5rem;flex-wrap:wrap}.composer input{flex:1;margin:0}.attend{border-top:1px solid var(--border);padding:.6rem 0;display:flex;flex-direction:column;gap:.4rem}.demo-picker{max-width:26rem;margin:0 auto;padding:1.5rem 1rem}.demo-picker h1{color:var(--text);margin-bottom:.25rem}.demo-picker .stack{gap:.75rem}.demo-lead{margin-top:0}.demo-note{font-size:.85rem}.demo-bar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:.5rem;flex-wrap:wrap;padding:.45rem 1rem;background:var(--primary-soft);color:var(--primary-hover);font-size:.85rem;font-weight:500;border-bottom:1px solid #dbe6fe}.done-btn{margin-top:.6rem;width:100%;background:#16a34a}.done-btn:hover:not(:disabled){background:#15803d}.task-reward{display:flex;align-items:center;justify-content:space-between;margin-top:.6rem}.reward{padding:.3rem .8rem;border-radius:999px;background:#fef3c7;color:#92400e;font-weight:700}.trophies{padding:.25rem .8rem;border-radius:999px;background:#fef3c7;color:#92400e;font-weight:700;font-size:1rem}.section-title{margin:1.25rem 0 .25rem;color:var(--muted);font-size:.9rem}.celebrate{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;align-items:center;justify-content:center;background:#0f172a40;overflow:hidden}.celebrate-card{display:flex;flex-direction:column;align-items:center;gap:.3rem;padding:1.5rem 2rem;border-radius:24px;background:var(--surface);box-shadow:0 20px 50px #0f172a40;animation:pop .45s cubic-bezier(.2,1.4,.4,1)}.celebrate-card strong{font-size:1.4rem}.celebrate-card span:last-child{color:var(--muted);font-size:.9rem}.celebrate-trophy{font-size:4rem;line-height:1;animation:wiggle .9s ease-in-out .3s 2}.confetti{position:absolute;top:-12px;width:9px;height:14px;border-radius:2px;animation:fall linear forwards}@keyframes pop{0%{transform:scale(.6);opacity:0}to{transform:scale(1);opacity:1}}@keyframes wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-12deg)}75%{transform:rotate(12deg)}}@keyframes fall{to{transform:translateY(105vh) rotate(540deg);opacity:.8}}@media (prefers-reduced-motion: reduce){.confetti{display:none}.celebrate-card,.celebrate-trophy{animation:none}}