:root{color-scheme:light;--bg: #faf7f2;--surface: #ffffff;--surface-2: #f3efe8;--text: #34403a;--muted: #7a857f;--border: #e8e2d8;--primary: #5f9473;--primary-hover: #4f8263;--primary-text: #ffffff;--accent-soft: #e6f0e9;--lavender: #b8a9d9;--lavender-soft: #efebf8;--peach: #f2c4a8;--peach-soft: #fcefe6;--gauge-track: #ece6dc;--danger: #c8645a;--danger-soft: #f9e8e5;--shadow: 0 1px 2px rgb(80 70 50 / .04), 0 6px 20px rgb(80 70 50 / .07);--radius: 18px;--header-h: 56px;--drawer-w: min(82vw, 300px);--font: "Nunito", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif}[data-theme=dark]{color-scheme:dark;--bg: #1b1f1d;--surface: #232825;--surface-2: #2c322e;--text: #e9ece8;--muted: #a3ada6;--border: #353c37;--primary: #8fc0a0;--primary-hover: #a6cfb4;--primary-text: #1b1f1d;--accent-soft: #2b3a31;--lavender: #a395c9;--lavender-soft: #2f2b3b;--peach: #e0a98a;--peach-soft: #3a2d26;--gauge-track: #353c37;--danger: #e38b80;--danger-soft: #3b2522;--shadow: 0 1px 2px rgb(0 0 0 / .3), 0 6px 20px rgb(0 0 0 / .3)}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;font-family:var(--font);font-size:16px;line-height:1.5;background:var(--bg);color:var(--text);transition:background-color .2s,color .2s}img{max-width:100%}a{color:var(--primary)}h1,h2,h3,h4{line-height:1.2;margin:0 0 .5rem;font-weight:800}h1{font-size:1.75rem}h2{font-size:1.2rem}p{margin:0 0 1rem}code{background:var(--surface-2);padding:.1em .35em;border-radius:6px;font-size:.9em}.muted{color:var(--muted)}.small{font-size:.85rem}.center{display:flex;justify-content:center;padding:2rem 0}.center-col{display:flex;flex-direction:column;align-items:center;text-align:center;padding-top:3rem}.truncate{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.layout{min-height:100dvh;display:flex;flex-direction:column}.main{flex:1;width:100%;max-width:1100px;margin:0 auto;padding:1.25rem max(1rem,env(safe-area-inset-left)) calc(2rem + env(safe-area-inset-bottom))}.page{display:flex;flex-direction:column;gap:1rem}.page-head{display:flex;align-items:center;gap:.75rem}.page-head h1{margin:0}.grid{display:grid;gap:1rem;grid-template-columns:1fr}.header{position:sticky;top:0;z-index:20;height:calc(var(--header-h) + env(safe-area-inset-top));padding:env(safe-area-inset-top) .5rem 0;display:flex;align-items:center;gap:.25rem;background:color-mix(in srgb,var(--surface) 85%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border)}.brand{display:flex;align-items:center;gap:.5rem;font-weight:700;font-size:1.1rem;color:var(--text);text-decoration:none}.header-actions{margin-left:auto;display:flex;align-items:center;gap:.25rem}.avatar-link{display:flex;padding:4px}.drawer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;background:#00000073;opacity:0;pointer-events:none;transition:opacity .2s}.drawer-overlay.open{opacity:1;pointer-events:auto}.drawer{position:fixed;inset:0 auto 0 0;z-index:40;width:var(--drawer-w);display:flex;flex-direction:column;padding:calc(.5rem + env(safe-area-inset-top)) .75rem calc(1rem + env(safe-area-inset-bottom));background:var(--surface);border-right:1px solid var(--border);box-shadow:var(--shadow);transform:translate(-100%);transition:transform .25s ease}.drawer.open{transform:translate(0)}.drawer-head{display:flex;align-items:center;justify-content:space-between;padding-left:.5rem;height:var(--header-h)}.drawer-user{display:flex;align-items:center;gap:.75rem;padding:.75rem;margin:.5rem 0;background:var(--surface-2);border-radius:var(--radius)}.drawer-user-text{display:flex;flex-direction:column;min-width:0}.drawer-user-text small{color:var(--muted);overflow:hidden;text-overflow:ellipsis}.drawer-nav{display:flex;flex-direction:column;gap:.25rem;margin-top:.5rem}.drawer-nav a,.drawer-link{display:flex;align-items:center;gap:.75rem;width:100%;min-height:48px;padding:0 .75rem;border:0;border-radius:10px;background:none;color:var(--text);font:inherit;text-decoration:none;cursor:pointer}.drawer-nav a:hover,.drawer-link:hover{background:var(--surface-2)}.drawer-nav a.active{background:var(--accent-soft);color:var(--primary);font-weight:600}.drawer-foot{margin-top:auto;border-top:1px solid var(--border);padding-top:.5rem}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.25rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:44px;padding:0 1.1rem;border:1px solid transparent;border-radius:999px;font:inherit;font-weight:600;text-decoration:none;cursor:pointer;transition:background-color .15s,border-color .15s}.btn:disabled{opacity:.6;cursor:default}.btn-primary{background:var(--primary);color:var(--primary-text)}.btn-primary:hover:not(:disabled){background:var(--primary-hover)}.btn-ghost{background:transparent;color:var(--text);border-color:var(--border)}.btn-ghost:hover{background:var(--surface-2)}.btn-danger{background:var(--danger);color:#fff}.btn-sm{min-height:36px;padding:0 .85rem;font-size:.9rem}.btn-lg{min-height:52px;padding:0 1.5rem;font-size:1.05rem}.icon-btn{display:inline-grid;place-items:center;width:44px;height:44px;border:0;border-radius:50%;background:transparent;color:var(--text);cursor:pointer}.icon-btn:hover{background:var(--surface-2)}.avatar{border-radius:50%;object-fit:cover;flex-shrink:0}.avatar-fallback{display:inline-grid;place-items:center;background:var(--accent-soft);color:var(--primary);font-weight:700}.badge{display:inline-block;padding:.1rem .55rem;border-radius:999px;background:var(--surface-2);color:var(--muted);font-size:.78rem;font-weight:600;vertical-align:middle}.badge-accent{background:var(--accent-soft);color:var(--primary)}.badges{display:flex;gap:.4rem;flex-wrap:wrap}.alert{padding:.75rem 1rem;border-radius:10px;background:var(--surface-2);margin-bottom:1rem}.alert-error{background:var(--danger-soft);color:var(--danger)}input[type=email],input[type=search],input[type=text],input[type=password],select,textarea{min-height:44px;padding:0 .85rem;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--text);font:inherit;width:100%}textarea{padding:.65rem .85rem;line-height:1.5;resize:vertical}.row{display:flex;gap:.5rem}.list{margin:0;padding-left:1.2rem;display:grid;gap:.4rem}.spinner{width:28px;height:28px;border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.switch{display:inline-flex;align-items:center;gap:.5rem;cursor:pointer}.switch input{-moz-appearance:none;appearance:none;-webkit-appearance:none;flex-shrink:0;position:relative;width:46px;height:28px;margin:0;border-radius:999px;background:var(--gauge-track);cursor:pointer;transition:background-color .2s}.switch input:after{content:"";position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0003;transition:transform .2s}.switch input:checked{background:var(--primary)}.switch input:checked:after{transform:translate(18px)}.switch input:disabled{opacity:.5;cursor:default}.landing{min-height:calc(100dvh - var(--header-h) - 6rem);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:.75rem}.landing-title{font-size:2.6rem;font-weight:800;letter-spacing:-.01em;margin:.5rem 0 0;color:var(--primary)}.landing-tagline{color:var(--muted);font-size:1.1rem;max-width:22rem;margin-bottom:1.25rem}.auth-page{display:flex;justify-content:center;padding-top:1.5rem}.auth-card{width:100%;max-width:420px}.google-btn{display:flex;justify-content:center;min-height:44px}.divider{display:flex;align-items:center;gap:.75rem;color:var(--muted);font-size:.8rem;margin:1.5rem 0 1rem}.divider:before,.divider:after{content:"";flex:1;border-top:1px solid var(--border)}.dev-login label,.form label{display:block;font-weight:600;margin-bottom:.4rem;font-size:.9rem}.password-login{display:flex;flex-direction:column;gap:.5rem}.password-login label{font-weight:600;font-size:.9rem}.password-login .btn{margin-top:.5rem}.search{max-width:420px}.user-table{display:flex;flex-direction:column;gap:.75rem}.user-row{display:grid;gap:.75rem;padding:1rem}.user-row.inactive{opacity:.6}.user-row-head{display:none}.user-cell-main{display:flex;align-items:center;gap:.75rem;min-width:0}.user-cell-main>div{display:flex;flex-direction:column;min-width:0}.user-row [data-label]{display:flex;align-items:center;justify-content:space-between;gap:1rem}.user-row [data-label]:before{content:attr(data-label);color:var(--muted);font-size:.85rem}.user-row select{width:auto}.user-actions{display:flex;gap:.5rem;justify-content:flex-end;flex-wrap:wrap}.user-cell-main .badges{margin-top:.25rem}.row-extra{grid-column:1 / -1}.page-head .btn{margin-left:auto}.settings-card{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.settings-card p{margin:0}.form{display:grid;gap:.85rem}.form h2{margin:0}.form-grid{display:grid;gap:.85rem;grid-template-columns:1fr}.segmented{display:flex;gap:.5rem;flex-wrap:wrap}.segmented label{display:inline-flex;align-items:center;gap:.4rem;font-weight:400;margin:0;cursor:pointer}.segmented input{accent-color:var(--primary)}.form-actions{display:flex;gap:.5rem;justify-content:flex-end}.inline-form{display:flex;gap:.5rem;width:100%}.inline-form input{min-height:36px}.auth-logo{display:flex;justify-content:center;margin-bottom:.5rem}.auth-card h1{text-align:center}.drawer-section{margin:1rem .75rem .25rem;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.drawer-head .brand{gap:.5rem}.section{display:flex;flex-direction:column;gap:.75rem}.section h2{margin:0}.section-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.section-head h2,.section-head h3{margin:0}.card-list{display:grid;gap:.85rem;grid-template-columns:1fr}.empty{display:flex;flex-direction:column;align-items:flex-start;gap:.25rem}.badge-lavender{background:var(--lavender-soft);color:color-mix(in srgb,var(--lavender) 60%,var(--text))}.badge-peach{background:var(--peach-soft);color:color-mix(in srgb,var(--peach) 45%,var(--text))}.back-link{display:inline-flex;align-items:center;gap:.15rem;color:var(--muted);text-decoration:none;font-weight:600;font-size:.95rem}.back-link svg{width:18px;height:18px}.lead-text{font-size:1.05rem;color:var(--muted);margin:0}.link-btn{border:0;background:none;padding:0;font:inherit;font-weight:600;color:var(--text);cursor:pointer;text-align:left}.link-btn:hover{color:var(--primary)}.icon-btn:disabled{opacity:.35;cursor:default}.icon-btn.danger{color:var(--danger)}.icon-btn svg{width:20px;height:20px}.status-on{color:var(--primary);font-weight:700}.danger-zone{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;justify-content:flex-end;padding-top:.5rem}.confirm-row{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.tabs{display:flex;gap:.25rem;padding:.25rem;background:var(--surface-2);border-radius:999px;overflow-x:auto;scrollbar-width:none}.tabs button,.tabs a{flex:1;min-height:38px;padding:0 .9rem;border:0;border-radius:999px;background:none;color:var(--muted);font:inherit;font-weight:700;font-size:.92rem;text-decoration:none;white-space:nowrap;display:grid;place-items:center;cursor:pointer}.tabs .active{background:var(--surface);color:var(--primary);box-shadow:var(--shadow)}.chips{display:flex;flex-wrap:wrap;gap:.4rem}.chip{min-height:34px;padding:0 .85rem;border-radius:999px;border:1px solid var(--border);background:var(--surface);color:var(--text);font:inherit;font-size:.88rem;font-weight:600;cursor:pointer}.chip.active{background:var(--accent-soft);border-color:transparent;color:var(--primary)}.chip-ghost{border-style:dashed;color:var(--muted)}.program-card{display:flex;flex-direction:column;gap:.6rem;color:var(--text);text-decoration:none;transition:transform .15s}.program-card:active{transform:scale(.99)}.program-card-head{display:flex;align-items:flex-start;gap:.5rem}.program-card-title{flex:1;min-width:0}.program-card h3{margin-bottom:.4rem}.program-card-desc{margin:0;font-size:.95rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.fav-btn{color:var(--muted);margin:-.5rem -.5rem 0 0;flex-shrink:0}.fav-btn.on{color:#e08a8a}.fav-btn svg{width:24px;height:24px}.run-card{display:flex;flex-direction:column;gap:.75rem}.run-card-head{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.run-card-head h3{margin:0}.run-card-actions{display:flex;justify-content:flex-end;gap:.5rem}.progress{display:flex;flex-direction:column;gap:.4rem;width:100%}.progress-track{display:flex;gap:4px;height:10px}.progress-seg{flex:1;background:var(--gauge-track);border-radius:999px;overflow:hidden}.progress-fill{display:block;height:100%;background:linear-gradient(90deg,var(--primary),color-mix(in srgb,var(--primary) 70%,var(--lavender)));border-radius:999px;transition:width .4s ease}.progress-label{display:flex;justify-content:space-between;gap:.75rem;font-size:.85rem;color:var(--muted)}.progress-label strong{color:var(--primary);flex-shrink:0}.detail-head{display:flex;align-items:flex-start;gap:.5rem;justify-content:space-between}.detail-head h1{margin-bottom:.5rem}.detail-actions{display:flex;flex-direction:column;gap:.6rem}.module-list,.edit-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.6rem}.module-item{display:flex;align-items:center;gap:.85rem;padding:.85rem 1rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}.module-item strong{display:block;margin-bottom:.3rem}.module-num{flex-shrink:0;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--surface-2);color:var(--muted);font-weight:800;font-size:.9rem}.module-item.done .module-num{background:var(--accent-soft);color:var(--primary)}.module-item.current{border-color:var(--primary)}.module-item.current .module-num{background:var(--primary);color:var(--primary-text)}.player{height:100dvh;display:flex;flex-direction:column;background:linear-gradient(180deg,var(--bg) 0%,color-mix(in srgb,var(--accent-soft) 55%,var(--bg)) 100%);overflow:hidden}.player-message{align-items:center;justify-content:center;text-align:center;gap:1rem;padding:2rem 1.25rem}.player-head{display:flex;align-items:center;gap:.5rem;padding:calc(.75rem + env(safe-area-inset-top)) .5rem .25rem 1rem}.player-progress{flex:1;min-width:0}.swipe-area{flex:1;overflow:hidden;touch-action:pan-y;user-select:none;-webkit-user-select:none}.swipe-track{display:flex;height:100%;transition:transform .35s cubic-bezier(.2,.8,.2,1)}.swipe-track.dragging{transition:none}.screen{flex:0 0 100%;height:100%;overflow-y:auto;padding:1rem 1.25rem;display:flex}.screen-inner{width:100%;max-width:560px;margin:auto;display:flex;flex-direction:column;gap:1rem}.eyebrow{font-size:.8rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--primary)}.explanation h1{font-size:1.9rem;margin:0}.explanation-text{white-space:pre-line;font-size:1.05rem;line-height:1.7;background:var(--surface);border-radius:var(--radius);padding:1.25rem;box-shadow:var(--shadow)}.swipe-hint{color:var(--muted);font-size:.9rem;text-align:center;margin:0}.activity-card{min-height:46dvh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:1rem;padding:2rem 1.5rem;background:var(--surface);border-radius:28px;box-shadow:var(--shadow);border-top:6px solid var(--lavender)}.activity-text{white-space:pre-line;font-size:1.4rem;line-height:1.55;font-weight:600;margin:0}.module-end{align-items:center;text-align:center}.module-end h1{margin:0}.module-end .btn{width:100%;max-width:360px}.module-end-icon{font-size:3.5rem}.player-nav{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.5rem 1rem calc(1rem + env(safe-area-inset-bottom))}.nav-btn{width:52px;height:52px;background:var(--surface);box-shadow:var(--shadow)}.dots{display:flex;gap:6px;flex-wrap:wrap;justify-content:center}.dot{width:8px;height:8px;border-radius:999px;background:var(--gauge-track);transition:width .2s,background .2s}.dot.seen{background:color-mix(in srgb,var(--primary) 45%,var(--gauge-track))}.dot.active{width:22px;background:var(--primary)}.admin-tabs{margin-bottom:.25rem}.admin-tabs a{padding:0 .5rem;font-size:.85rem}.admin-item{display:flex;align-items:center;justify-content:space-between;gap:.75rem;color:var(--text);text-decoration:none;padding:1rem 1.1rem}.admin-item-main{flex:1;min-width:0;color:var(--text);text-decoration:none}.admin-item h3{margin-bottom:.35rem}.group-title{font-size:.85rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.stat-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.stat-tile{display:flex;flex-direction:column;gap:.15rem;padding:1rem}.stat-tile.sage{background:var(--accent-soft);border-color:transparent}.stat-tile.lavender{background:var(--lavender-soft);border-color:transparent}.stat-tile.peach{background:var(--peach-soft);border-color:transparent}.stat-label{font-size:.8rem;font-weight:700;color:var(--muted)}.stat-value{font-size:1.9rem;font-weight:800;line-height:1.1}.stat-sub{font-size:.78rem;color:var(--muted)}.bars{display:grid;grid-template-columns:repeat(14,1fr);gap:4px;height:150px;align-items:end;margin-top:.75rem}.bar-col{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;gap:4px}.bar{width:100%;max-width:22px;min-height:3px;border-radius:6px 6px 2px 2px;background:var(--primary);opacity:.85}.bar-value{font-size:.7rem;color:var(--muted);min-height:1em}.bar-day{font-size:.7rem;color:var(--muted)}.top-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:.5rem}.top-list li{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.edit-row{display:flex;align-items:center;gap:.6rem;padding:.5rem .25rem .5rem .75rem;border:1px solid var(--border);border-radius:14px;background:var(--surface)}.edit-row-main{flex:1;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:.25rem}.edit-row-actions{display:flex;flex-shrink:0}.edit-row .inline-form{padding:.25rem .5rem .25rem 0}.card>.edit-list{margin:.75rem 0}.picker{margin-top:1rem;padding-top:1rem;border-top:1px dashed var(--border);display:flex;flex-direction:column;gap:.75rem}.picker-group h4{font-size:.8rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:.25rem 0 .4rem}.picker-item{width:100%;display:flex;align-items:center;gap:.5rem;min-height:46px;padding:0 .75rem;margin-bottom:.4rem;border:1px solid var(--border);border-radius:12px;background:var(--surface-2);color:var(--text);font:inherit;text-align:left;cursor:pointer}.picker-item:hover{border-color:var(--primary)}.picker-item .truncate{flex:1}.picker-item svg{color:var(--primary);width:18px;height:18px;flex-shrink:0}.activity-edit{display:flex;flex-direction:column;gap:.5rem;padding:.85rem;border-radius:14px;background:var(--surface-2)}.activity-edit-head{display:flex;align-items:center;justify-content:space-between}.sticky-actions{position:sticky;bottom:0;padding:.75rem 0 calc(.75rem + env(safe-area-inset-bottom));background:linear-gradient(transparent,var(--bg) 35%)}@media (min-width: 640px){.card-list{grid-template-columns:repeat(2,1fr)}.stat-grid{grid-template-columns:repeat(4,1fr)}.detail-actions{flex-direction:row;flex-wrap:wrap;align-items:center}.grid,.form-grid{grid-template-columns:repeat(2,1fr)}.main{padding-top:2rem}}@media (min-width: 900px){h1{font-size:2rem}.grid{grid-template-columns:repeat(3,1fr)}.user-table{gap:0;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;background:var(--surface)}.user-row{grid-template-columns:minmax(0,2.5fr) 1fr 1fr 1.4fr 1.2fr;align-items:center;border:0;border-bottom:1px solid var(--border);border-radius:0;box-shadow:none;padding:.75rem 1rem}.user-row:last-child{border-bottom:0}.user-row-head{display:grid;background:var(--surface-2);color:var(--muted);font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.user-row [data-label]{justify-content:flex-start}.user-row [data-label]:before{content:none}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{transition:none!important;animation-duration:.01ms!important}}