:root{--sky-1: #cdeeff;--sky-2: #eafaf0;--card: #fffdf6;--card-2: #fff6df;--ink: #163a31;--ink-dim: #5f7e72;--grass: #28b463;--grass-deep: #1c9a52;--grass-bright: #4fd884;--sun: #ffcb2e;--sun-deep: #f5a623;--coral: #ff6f61;--sky: #38b6ff;--line: #163a31;--danger: #e8503a;--maxw: 540px;--tabh: 70px;--r: 20px;--shadow: 0 4px 0 rgba(22,58,49,.16);--pop: 0 3px 0 var(--line)}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html,body{height:100%}body{background:radial-gradient(820px 460px at 86% -12%,rgba(255,203,46,.62),transparent 62%),radial-gradient(680px 480px at 6% 2%,rgba(56,182,255,.32),transparent 56%),radial-gradient(circle at 50% 50%,rgba(22,58,49,.05) 1.5px,transparent 1.6px) 0 0 / 26px 26px,linear-gradient(180deg,var(--sky-1),var(--sky-2) 42%);background-attachment:fixed;color:var(--ink);font-family:Nunito,system-ui,sans-serif;font-weight:600;line-height:1.5;-webkit-font-smoothing:antialiased;overscroll-behavior-y:none}#app{max-width:var(--maxw);margin:0 auto;min-height:100%;position:relative}h1,h2,h3,.brand-name{font-family:Fredoka,sans-serif;font-weight:700;letter-spacing:-.01em;line-height:1.05}button{font-family:inherit;cursor:pointer;color:inherit}.muted{color:var(--ink-dim);font-size:.9rem;font-weight:600}.topbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:calc(env(safe-area-inset-top) + 12px) 16px 12px;background:#fffdf6db;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:2px solid var(--line)}.brand{display:flex;align-items:center;gap:10px}.brand .ball{font-size:1.7rem;display:inline-block;animation:spin 7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.brand-name{font-weight:700;font-size:1.25rem;line-height:1;color:var(--grass-deep)}.brand-sub{font-size:.74rem;color:var(--ink-dim);margin-top:4px;font-weight:700}.topstats{display:flex;align-items:center;gap:8px}.chip{display:inline-flex;align-items:center;gap:5px;background:var(--card);border:2px solid var(--line);border-radius:999px;padding:6px 11px;font-size:.84rem;font-weight:800;box-shadow:var(--pop)}.chip.flame b{color:var(--sun-deep)}.chip.level{flex-direction:column;align-items:stretch;gap:4px;padding:6px 11px;min-width:66px}.chip.level span{font-size:.72rem;color:var(--ink-dim);font-weight:800}.lvbar{height:6px;background:#ecefe7;border-radius:6px;overflow:hidden;border:1px solid rgba(22,58,49,.18)}.lvbar i{display:block;height:100%;background:linear-gradient(90deg,var(--grass),var(--grass-bright))}.iconbtn{background:var(--card);border:2px solid var(--line);border-radius:12px;width:38px;height:38px;font-size:1rem;box-shadow:var(--pop)}.iconbtn:active{transform:translateY(2px);box-shadow:0 1px 0 var(--line)}.screen{padding:18px 16px calc(var(--tabh) + env(safe-area-inset-bottom) + 28px)}.sec-title{font-size:1.2rem;font-weight:700;margin:28px 0 4px;display:flex;align-items:center;gap:8px}.sec-title .count{font-size:.78rem;color:var(--ink-dim);font-family:Nunito;font-weight:800;background:var(--card-2);border:2px solid var(--line);border-radius:999px;padding:1px 9px}.sec-sub{color:var(--ink-dim);font-size:.9rem;margin-bottom:14px;font-weight:600}.hero-today h2{font-size:1.95rem;font-weight:700}.today-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:16px}.tstat{background:var(--card);border:2px solid var(--line);border-radius:16px;padding:13px 8px;text-align:center;box-shadow:var(--shadow)}.tstat:nth-child(2){background:var(--card-2)}.tstat b{display:block;font-family:Fredoka;font-size:1.45rem;font-weight:700}.tstat small{color:var(--ink-dim);font-size:.72rem;font-weight:800}.quests{display:grid;gap:12px}.quest{display:grid;grid-template-columns:30px 1fr auto;gap:12px;align-items:start;text-align:left;background:var(--card);border:2px solid var(--line);border-radius:var(--r);padding:15px;box-shadow:var(--shadow);transition:transform .12s,box-shadow .12s,background .15s}.quest:active{transform:translateY(3px);box-shadow:0 1px #163a3129}.quest .check{width:28px;height:28px;border-radius:9px;border:2px solid var(--line);display:grid;place-items:center;font-weight:900;color:var(--ink);margin-top:1px;background:#fff}.quest.done{background:#eafaf0}.quest.done .check{background:var(--grass-bright);border-color:var(--line);color:var(--ink)}.quest.done .qtitle{text-decoration:line-through;text-decoration-thickness:2px;color:var(--ink-dim)}.qtitle{display:block;font-weight:800;font-size:1rem}.qdetail{display:block;color:var(--ink-dim);font-size:.86rem;margin-top:3px;font-weight:600}.qxp{color:var(--sun-deep);font-weight:800;font-size:.92rem;white-space:nowrap}.quest.pop{animation:pop .32s cubic-bezier(.3,1.6,.5,1)}@keyframes pop{40%{transform:scale(1.04) rotate(-1deg)}}.all-done{margin-top:16px;background:var(--card-2);border:2px solid var(--line);color:var(--grass-deep);border-radius:16px;padding:14px;font-weight:800;text-align:center;box-shadow:var(--shadow)}.badges{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.badge{background:#fff;border:2px dashed rgba(22,58,49,.28);border-radius:16px;padding:14px 8px;text-align:center;opacity:.6;filter:grayscale(.8)}.badge.on{opacity:1;filter:none;border-style:solid;border-color:var(--line);background:var(--card-2);box-shadow:var(--shadow);animation:bobin .5s ease}@keyframes bobin{0%{transform:scale(.8)}60%{transform:scale(1.06)}}.badge-emoji{font-size:1.8rem;display:block}.badge.on .badge-emoji{animation:wiggle 2.4s ease-in-out infinite}@keyframes wiggle{0%,92%,to{transform:rotate(0)}95%{transform:rotate(-12deg)}98%{transform:rotate(12deg)}}.badge-title{font-size:.76rem;font-weight:800;margin-top:6px;display:block}.goals-head h2,.log-head h2,.learn-head h2{font-size:1.8rem;font-weight:700}.progress{height:12px;background:#fff;border:2px solid var(--line);border-radius:999px;overflow:hidden;margin-top:14px;box-shadow:var(--pop)}.progress i{display:block;height:100%;background:linear-gradient(90deg,var(--sun),var(--grass-bright));transition:width .4s ease}.miles{display:grid;gap:10px}.mile{display:grid;grid-template-columns:32px 1fr auto;gap:12px;align-items:center;background:var(--card);border:2px solid var(--line);border-radius:16px;padding:13px;box-shadow:var(--shadow)}.mile.done{background:#eafaf0}.mile-check{width:30px;height:30px;border-radius:50%;border:2px solid var(--line);background:#fff;font-weight:900;color:var(--ink);display:grid;place-items:center}.mile.done .mile-check{background:var(--grass-bright)}.mile-title{font-weight:800}.mile.done .mile-title{color:var(--ink-dim)}.mile-desc{color:var(--ink-dim);font-size:.84rem;margin-top:2px;font-weight:600}.mile-video{margin-top:7px;font-size:.78rem;background:#fff;border:2px solid var(--line);border-radius:9px;padding:4px 9px;color:var(--grass-deep);font-weight:800}.mile-attach{background:var(--card-2);border:2px solid var(--line);border-radius:12px;padding:9px 11px;font-size:.9rem;white-space:nowrap;box-shadow:var(--pop)}.mile-attach:active{transform:translateY(2px);box-shadow:none}.primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:linear-gradient(180deg,var(--grass-bright),var(--grass));color:#07241a;border:2px solid var(--line);font-weight:800;border-radius:14px;padding:13px 17px;text-decoration:none;box-shadow:var(--shadow)}.primary:active{transform:translateY(3px);box-shadow:0 1px #163a3129}.primary.big{width:100%;margin-top:16px;padding:16px;font-size:1.05rem}.ghost{background:#fff;border:2px solid var(--line);border-radius:14px;padding:14px;width:100%;font-weight:800;margin-top:10px;box-shadow:var(--pop)}.ghost.danger,.danger{color:var(--danger)}.empty{text-align:center;padding:40px 22px;color:var(--ink-dim)}.empty-emoji{font-size:2.8rem;margin-bottom:10px;animation:bob 2.4s ease-in-out infinite}.vidgrid{display:grid;gap:14px}.vidcard{background:var(--card);border:2px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:var(--shadow)}.vidcard video{width:100%;aspect-ratio:16/10;object-fit:cover;background:#000;display:block;border-bottom:2px solid var(--line)}.vidmeta{padding:11px 13px 4px}.vidtitle{font-weight:800}.vidsub{color:var(--ink-dim);font-size:.78rem;margin-top:2px;font-weight:600}.vidacts{display:flex;gap:8px;padding:10px 13px 13px}.vidacts button{flex:1;background:var(--card-2);border:2px solid var(--line);border-radius:11px;padding:9px;font-weight:800;font-size:.86rem}.vidacts button:active{transform:translateY(2px)}.reslist{display:grid;gap:10px}.res{display:flex;align-items:center;gap:12px;background:var(--card);border:2px solid var(--line);border-radius:14px;padding:13px;text-decoration:none;color:var(--ink);box-shadow:var(--shadow)}.res:active{transform:translateY(3px);box-shadow:0 1px #163a3129}.res-play{width:34px;height:34px;border-radius:50%;background:var(--coral);border:2px solid var(--line);display:grid;place-items:center;color:#fff;font-size:.8rem;flex:none}.res-body b{display:block;font-weight:800;font-size:.94rem}.res-body small{color:var(--ink-dim);font-size:.78rem;font-weight:600}.tabbar{position:fixed;left:50%;transform:translate(-50%);bottom:0;width:100%;max-width:var(--maxw);z-index:10;display:grid;grid-template-columns:repeat(4,1fr);background:#fffdf6f2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:2px solid var(--line);padding-bottom:env(safe-area-inset-bottom)}.tab{background:none;border:none;padding:10px 4px;height:var(--tabh);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:var(--ink-dim);font-size:.72rem;font-weight:800}.tab span{font-size:1.3rem;line-height:1;filter:grayscale(.6);opacity:.65;transition:transform .15s}.tab.active{color:var(--grass-deep)}.tab.active span{filter:none;opacity:1;transform:translateY(-2px) scale(1.12)}.onboard{max-width:var(--maxw);margin:0 auto;padding:calc(env(safe-area-inset-top) + 40px) 18px 44px}.onboard-hero{text-align:center;margin-bottom:24px}.ob-ball{font-size:3.6rem;animation:bob 2.2s ease-in-out infinite}@keyframes bob{50%{transform:translateY(-10px)}}.onboard-hero h1{font-size:3rem;font-weight:700;margin-top:6px;color:var(--grass-deep);animation:tilt 4s ease-in-out infinite}@keyframes tilt{0%,to{transform:rotate(-2deg)}50%{transform:rotate(2deg)}}.onboard-hero p{color:var(--ink-dim);margin-top:12px;font-weight:600}.onboard-card{background:var(--card);border:2px solid var(--line);border-radius:22px;padding:18px;box-shadow:var(--shadow)}.ob-label{display:block;font-weight:800;margin:16px 0 8px;font-size:.96rem}.ob-label:first-child{margin-top:0}.ob-input{width:100%;background:#fff;border:2px solid var(--line);border-radius:13px;padding:13px;color:var(--ink);font-size:1rem;font-family:inherit;font-weight:700}.ob-input:focus{outline:3px solid var(--grass-bright)}.tier-list{display:grid;gap:10px}.tier-list.compact{gap:8px}.tier-opt{display:flex;align-items:center;gap:12px;text-align:left;background:#fff;border:2px solid var(--line);border-radius:15px;padding:14px;box-shadow:var(--pop);transition:transform .12s,background .15s}.tier-opt:active{transform:translateY(2px);box-shadow:none}.tier-opt.sel{border-color:var(--line);background:var(--card-2);box-shadow:0 0 0 3px var(--grass-bright)}.tier-emoji{font-size:1.7rem}.tier-text b{display:block;font-weight:800}.tier-text small{color:var(--ink-dim);font-size:.82rem;font-weight:600}.ob-note{color:var(--ink-dim);font-size:.82rem;margin-top:16px;font-weight:600}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#163a3180;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:flex-end;justify-content:center}.modal-inner{background:var(--card);border:2px solid var(--line);border-radius:22px;width:100%;max-width:var(--maxw);margin:0 12px 12px;padding:14px;box-shadow:var(--shadow)}.modal-inner video{width:100%;border-radius:14px;background:#000;max-height:70vh;border:2px solid var(--line)}.modal-title{font-weight:800;margin:10px 2px}.modal-inner .primary{width:100%}.sheet{background:var(--card);border:2px solid var(--line);border-bottom:none;width:100%;max-width:var(--maxw);border-radius:24px 24px 0 0;padding:12px 18px calc(env(safe-area-inset-bottom) + 22px);box-shadow:var(--shadow)}.sheet-grab{width:46px;height:5px;border-radius:5px;background:#163a3140;margin:4px auto 14px}.sheet h3{font-size:1.45rem;margin-bottom:12px}.addbtns{display:flex;gap:10px;margin-top:16px}.addbtns .primary,.addbtns .ghost{flex:1;margin-top:0;padding:14px}.rec-modal{padding:12px}.rec-stage{position:relative;border-radius:16px;overflow:hidden;border:2px solid var(--line);background:#000;box-shadow:var(--pop)}.rec-stage video{width:100%;aspect-ratio:3 / 4;max-height:64vh;object-fit:cover;display:block;background:#000}.rec-dot{position:absolute;top:10px;left:10px;display:inline-flex;align-items:center;gap:6px;background:#163a31b8;color:#fff;font-weight:800;font-size:.8rem;letter-spacing:.04em;padding:5px 10px;border-radius:999px}.rec-dot span{width:9px;height:9px;border-radius:50%;background:var(--danger);animation:blink 1s steps(2,start) infinite}.rec-dot b{font-variant-numeric:tabular-nums}@keyframes blink{50%{opacity:.2}}.rec-controls{display:flex;gap:10px;margin-top:12px}.rec-controls .ghost,.rec-controls .primary{flex:1;margin-top:0}.rec-controls .primary.danger{background:linear-gradient(180deg,#ff8a7a,var(--danger));color:#fff}.player{max-height:92vh;overflow-y:auto;-webkit-overflow-scrolling:touch}.pl-stage{position:relative;border-radius:16px;overflow:hidden;border:2px solid var(--line);background:#000;box-shadow:var(--pop)}.modal-inner .pl-video{width:100%;max-height:52vh;display:block;background:#000;border:none;border-radius:0}.pl-bigplay{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:64px;height:64px;border-radius:50%;border:2px solid var(--line);background:#fffdf6eb;font-size:1.35rem;color:var(--ink);cursor:pointer;box-shadow:var(--shadow);transition:opacity .2s}.pl-scrub{margin-top:14px}.pl-track{position:relative;height:30px;border-radius:10px;background:var(--card-2);border:2px solid var(--line);touch-action:none;cursor:pointer}.pl-band{position:absolute;top:0;bottom:0;background:#4fd88473;border-left:2px solid var(--grass-deep);border-right:2px solid var(--grass-deep);pointer-events:none}.pl-handle{position:absolute;top:-5px;width:16px;height:38px;margin-left:-9px;border-radius:7px;background:var(--grass);border:2px solid var(--line);box-shadow:var(--pop);cursor:ew-resize;touch-action:none}.pl-handle.out{background:var(--coral)}.pl-handle:after{content:"";position:absolute;left:50%;top:50%;width:2px;height:14px;margin:-7px 0 0 -1px;background:#163a3180;border-radius:2px}.pl-playhead{position:absolute;top:-5px;bottom:-5px;width:3px;margin-left:-1.5px;background:var(--ink);border-radius:2px;pointer-events:none}.pl-times{display:flex;justify-content:space-between;font-size:.82rem;font-weight:800;color:var(--ink-dim);margin-top:7px;font-variant-numeric:tabular-nums}.pl-bar{display:flex;gap:8px;margin-top:12px}.pl-btn{flex:1;background:#fff;border:2px solid var(--line);border-radius:12px;padding:11px 8px;font-weight:800;font-size:.9rem;color:var(--ink);box-shadow:var(--pop);cursor:pointer}.pl-btn:active{transform:translateY(2px);box-shadow:none}.pl-btn.play{background:linear-gradient(180deg,var(--grass-bright),var(--grass));color:#07241a}.pl-trim{margin-top:12px;background:var(--card-2);border:2px solid var(--line);border-radius:14px;padding:10px;box-shadow:var(--pop)}.pl-trim-row{display:flex;align-items:center;gap:8px}.pl-trim-info{flex:1;text-align:center;font-weight:800;font-size:.86rem;font-variant-numeric:tabular-nums}.pl-btn.small{flex:0 0 auto;padding:9px 10px;font-size:.8rem}.pl-trim-actions{display:flex;gap:8px;margin-top:8px}.pl-trim-actions .pl-btn{font-size:.84rem;padding:9px}.pl-actions{display:flex;gap:10px;margin-top:14px}.pl-actions .ghost,.pl-actions .primary{flex:1;margin-top:0}.set-row{display:flex;justify-content:space-between;padding:11px 0;border-bottom:2px dashed rgba(22,58,49,.16);font-size:.94rem;font-weight:700}.set-row span{color:var(--ink-dim)}.sheet .ob-label{margin-top:18px}.sheet .primary{width:100%;margin-top:14px}