:root{--bg: #0d0f14;--bg-raised: #161a22;--bg-card: #1b2029;--line: #2a3140;--text: #f2f4f8;--text-dim: #9aa3b2;--accent: #ff7a1a;--accent-soft: rgba(255, 122, 26, .14);--green: #34d17b;--green-soft: rgba(52, 209, 123, .14);--blue: #4da3ff;--radius: 16px;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px)}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,Roboto,sans-serif;line-height:1.5;min-height:100vh;-webkit-font-smoothing:antialiased;overscroll-behavior-y:none}#app{min-height:100vh;display:flex;flex-direction:column}.page{flex:1;width:100%;max-width:520px;margin:0 auto;padding:calc(var(--safe-top) + 16px) 16px calc(var(--safe-bottom) + 96px)}h1{font-size:1.7rem;line-height:1.2;letter-spacing:-.02em}h2{font-size:1.15rem;letter-spacing:-.01em}h3{font-size:1rem}p{color:var(--text-dim)}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer;-webkit-tap-highlight-color:transparent}.btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:15px 20px;border-radius:14px;font-weight:650;font-size:1.02rem;background:var(--accent);color:#14100b;transition:transform .1s ease,opacity .15s}.btn:active{transform:scale(.97)}.btn.secondary{background:var(--bg-card);color:var(--text);border:1px solid var(--line)}.btn.ghost{background:none;color:var(--text-dim);font-weight:500}.btn.green{background:var(--green)}.btn:disabled{opacity:.4;pointer-events:none}.card{background:var(--bg-card);border:1px solid var(--line);border-radius:var(--radius);padding:16px}.topbar{display:flex;align-items:center;gap:12px;margin-bottom:18px}.topbar .back{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:12px;background:var(--bg-card);border:1px solid var(--line);font-size:1.1rem;flex-shrink:0}.topbar h1{font-size:1.25rem;flex:1}.hero{background:linear-gradient(135deg,#2a1503 0%,#180f08 55%,var(--bg-card) 100%);border:1px solid #3a2410;border-radius:20px;padding:22px 18px;margin-bottom:20px}.hero .kicker{color:var(--accent);font-weight:700;font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;margin-bottom:6px}.hero p{margin-top:8px;font-size:.95rem}.progress-row{display:flex;align-items:center;gap:14px;margin-top:16px}.progress-track{flex:1;height:8px;background:#ffffff14;border-radius:99px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--accent),#ffb056);border-radius:99px;transition:width .5s ease}.progress-label{font-size:.85rem;color:var(--text-dim);font-variant-numeric:tabular-nums}.section-title{display:flex;align-items:baseline;justify-content:space-between;margin:24px 0 10px}.section-title h2{font-size:1.05rem}.week-card{display:flex;align-items:center;gap:14px;padding:14px;margin-bottom:10px;width:100%;text-align:left}.week-num{width:46px;height:46px;border-radius:13px;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:1.1rem;background:var(--accent-soft);color:var(--accent);flex-shrink:0}.week-card.done .week-num{background:var(--green-soft);color:var(--green)}.week-card .meta{flex:1;min-width:0}.week-card .meta h3{font-size:.98rem;margin-bottom:2px}.week-card .meta p{font-size:.82rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.week-card .dots{display:flex;gap:5px;flex-shrink:0}.dot{width:9px;height:9px;border-radius:50%;background:var(--line)}.dot.done{background:var(--green)}.extra-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.extra-card{text-align:left;padding:14px}.extra-card .emoji{font-size:1.5rem}.extra-card h3{font-size:.92rem;margin-top:8px}.extra-card p{font-size:.78rem;margin-top:2px}.day-card{width:100%;text-align:left;display:flex;align-items:center;gap:14px;padding:16px 14px;margin-bottom:10px}.day-status{width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;background:var(--accent-soft);color:var(--accent);flex-shrink:0}.day-card.done .day-status{background:var(--green-soft);color:var(--green)}.day-card .meta{flex:1}.day-card .meta h3{font-size:.98rem}.day-card .meta p{font-size:.82rem}.chev{color:var(--text-dim)}.week-intro{margin-bottom:18px}.week-intro p{font-size:.92rem;margin-top:6px}.exo-row{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--line)}.exo-row:last-child{border-bottom:none}.exo-thumb{width:56px;height:56px;border-radius:12px;object-fit:cover;background:var(--bg-raised);flex-shrink:0}.exo-row .meta{flex:1;min-width:0}.exo-row .meta h3{font-size:.9rem;line-height:1.3}.exo-row .meta p{font-size:.8rem;color:var(--accent);font-weight:600}.exo-row.checked .meta h3{color:var(--text-dim);text-decoration:line-through}.sticky-cta{position:fixed;bottom:calc(var(--safe-bottom) + 64px);left:0;right:0;padding:12px 16px;background:linear-gradient(to top,var(--bg) 65%,transparent);max-width:520px;margin:0 auto;z-index:41}.player{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg);display:flex;flex-direction:column;z-index:50}.player-head{padding:calc(var(--safe-top) + 10px) 16px 10px;display:flex;align-items:center;gap:12px}.player-head .close{font-size:1.3rem;color:var(--text-dim);padding:4px 8px}.player-progress{flex:1;display:flex;gap:4px}.player-progress span{flex:1;height:4px;border-radius:99px;background:var(--line)}.player-progress span.done{background:var(--green)}.player-progress span.current{background:var(--accent)}.player-body{flex:1;overflow-y:auto;padding:4px 16px calc(var(--safe-bottom) + 16px);display:flex;flex-direction:column}.player-video{width:100%;border-radius:18px;background:#000;max-height:46vh;object-fit:contain}.player-title{margin-top:14px;display:flex;align-items:baseline;gap:10px;justify-content:space-between}.player-title h2{font-size:1.2rem}.badge{display:inline-block;padding:4px 10px;border-radius:99px;background:var(--accent-soft);color:var(--accent);font-weight:700;font-size:.82rem;white-space:nowrap}.badge.blue{background:#4da3ff24;color:var(--blue)}.cues{margin-top:12px}.cues li{list-style:none;display:flex;gap:9px;font-size:.9rem;color:var(--text-dim);margin-bottom:7px}.cues li:before{content:"›";color:var(--accent);font-weight:800}.player-desc{font-size:.9rem;margin-top:10px}.set-tracker{display:flex;gap:8px;margin-top:16px}.set-pill{flex:1;padding:13px 0;border-radius:12px;background:var(--bg-card);border:1px solid var(--line);font-weight:700;font-size:.95rem;color:var(--text-dim);transition:all .15s}.set-pill.done{background:var(--green-soft);border-color:var(--green);color:var(--green)}.player-nav{display:flex;gap:10px;margin-top:14px}.rest-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a0c11f0;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:80;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:24px}.rest-time{font-size:4.5rem;font-weight:800;font-variant-numeric:tabular-nums;letter-spacing:-.03em}.rest-ring{position:relative;width:220px;height:220px;display:flex;align-items:center;justify-content:center}.rest-ring svg{position:absolute;top:0;right:0;bottom:0;left:0;transform:rotate(-90deg)}.rest-label{color:var(--text-dim);font-size:1rem}.rest-actions{display:flex;gap:12px;width:100%;max-width:320px}.complete-screen{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:14px;padding:24px}.complete-screen .big{font-size:4rem}.complete-screen p{max-width:300px}.lib-group{margin-bottom:22px}.lib-group h2{margin-bottom:10px;font-size:1rem;color:var(--text-dim)}.lib-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.lib-card{text-align:left;overflow:hidden;padding:0}.lib-card img{width:100%;aspect-ratio:4/5;object-fit:cover;display:block}.lib-card .pad{padding:10px 12px 12px}.lib-card h3{font-size:.85rem;line-height:1.25}.lib-card p{font-size:.75rem;color:var(--accent);font-weight:600;margin-top:2px}.detail-video{width:100%;border-radius:18px;background:#000;max-height:52vh;object-fit:contain}.guide-block{margin-bottom:16px}.guide-block h2{color:var(--accent);font-size:1.02rem;margin-bottom:6px}.guide-block p,.guide-block li{font-size:.92rem;color:var(--text-dim)}.guide-block ul{padding-left:18px;margin-top:6px}.guide-block li{margin-bottom:5px}.bottom-nav{position:fixed;bottom:0;left:0;right:0;display:flex;background:#10131aeb;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-top:1px solid var(--line);padding:6px 8px calc(var(--safe-bottom) + 6px);z-index:40}.bottom-nav button{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 0;font-size:.68rem;color:var(--text-dim);font-weight:600}.bottom-nav button .ico{font-size:1.25rem;line-height:1}.bottom-nav button.active{color:var(--accent)}.fade-in{animation:fadeIn .25s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}