:root{--black: #0A0A0F;--ink: #1A1A2E;--purple: #6B3FA0;--purple2: #8B5FC0;--purple3: #9B6FD0;--pale: #EDE7F6;--white: #FFFFFF;--fog: #F8F6FC;--muted: #7A7A8C;--border: #E0D8F0;--green: #2E8B57;--coral: #C25B4E;--gold: #D4A843}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}button{border:none;background:none;cursor:pointer;font-family:inherit}html,body,#root{height:100%;height:100dvh}body{font-family:Outfit,sans-serif;background:var(--fog);overflow:hidden}#root{display:flex;flex-direction:column;overflow:hidden;position:relative;max-width:480px;margin:0 auto;background:var(--fog)}.scroll-area{flex:1;overflow-y:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.scroll-area::-webkit-scrollbar{display:none}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(10px);opacity:0}to{transform:translateY(0);opacity:1}}.nav{background:var(--white);border-top:1px solid var(--border);display:flex;padding:10px 0 max(20px,env(safe-area-inset-bottom));flex-shrink:0}.nav-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;padding:4px 0;color:var(--muted);font-size:10px;font-weight:500;cursor:pointer;transition:color .15s;border:none;background:none;font-family:inherit}.nav-item.active{color:var(--purple)}.nav-icon{font-size:20px;line-height:1}.top-bar{background:var(--black);padding:18px 24px 16px;padding-top:max(18px,env(safe-area-inset-top));flex-shrink:0}.top-wordmark{display:flex;align-items:baseline;gap:2px;margin-bottom:2px}.top-rally{font-family:Outfit,sans-serif;font-weight:700;font-size:22px;color:#fff;letter-spacing:3px;text-transform:uppercase}.top-muse{font-family:Fraunces,serif;font-weight:300;font-size:26px;color:var(--purple3);letter-spacing:-.5px}.top-sub{font-size:11px;color:#fff6;letter-spacing:1.5px;text-transform:uppercase}.pill{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:20px;font-size:11px;font-weight:600}.pill-purple{background:var(--pale);color:var(--purple)}.pill-green{background:#e8f5ee;color:var(--green)}.pill-gold{background:#fdf3dc;color:#a07820}.section-label{font-size:10px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:var(--purple);margin-bottom:10px}.card{background:var(--white);border-radius:14px;border:1px solid var(--border);overflow:hidden}.btn-primary{background:var(--purple);color:#fff;border-radius:14px;padding:16px;font-size:15px;font-weight:600;width:100%;text-align:center;cursor:pointer;transition:opacity .15s;border:none;font-family:inherit}.btn-primary:active{opacity:.85}.btn-outline{background:transparent;color:var(--purple);border:1.5px solid var(--purple);border-radius:14px;padding:14px;font-size:14px;font-weight:600;width:100%;text-align:center;cursor:pointer;font-family:inherit}.toast{position:absolute;bottom:max(90px,calc(70px + env(safe-area-inset-bottom)));left:20px;right:20px;background:var(--ink);color:#fff;border-radius:12px;padding:12px 16px;font-size:13px;font-weight:500;text-align:center;z-index:200;animation:slideUp .2s ease;pointer-events:none}.home-header-row{display:flex;justify-content:space-between;align-items:flex-start}.streak-badge{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.streak-num{font-family:Fraunces,serif;font-size:28px;font-weight:600;color:var(--gold);line-height:1}.streak-label{font-size:10px;color:#ffffff80;text-transform:uppercase;letter-spacing:1px}.home-content{padding:20px 20px 10px}.home-greeting{font-family:Fraunces,serif;font-weight:300;font-size:22px;color:var(--ink);margin-bottom:4px;line-height:1.3}.home-greeting em{font-style:italic;color:var(--purple)}.home-sub{font-size:13px;color:var(--muted);margin-bottom:20px}.fork-label{font-size:10px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:var(--muted);margin-bottom:12px}.fork-grid{display:flex;flex-direction:column;gap:10px;margin-bottom:24px}.fork-btn{background:var(--white);border:1.5px solid var(--border);border-radius:14px;padding:16px 18px;display:flex;align-items:center;gap:14px;cursor:pointer;transition:all .15s;text-align:left;width:100%;font-family:inherit}.fork-btn:active,.fork-btn.selected{border-color:var(--purple);background:var(--pale)}.fork-icon{font-size:24px;flex-shrink:0}.fork-text-title{font-size:14px;font-weight:600;color:var(--ink);margin-bottom:2px}.fork-text-sub{font-size:12px;color:var(--muted);line-height:1.4}.fork-arrow{margin-left:auto;color:var(--purple);font-size:18px;flex-shrink:0}.quick-section{margin-bottom:20px}.quick-title{font-size:10px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:var(--muted);margin-bottom:10px}.quick-row{display:flex;gap:10px}.quick-card{flex:1;background:var(--white);border:1px solid var(--border);border-radius:12px;padding:14px;text-align:center}.quick-card-num{font-family:Fraunces,serif;font-size:26px;font-weight:600;color:var(--purple);line-height:1}.quick-card-label{font-size:11px;color:var(--muted);margin-top:3px;line-height:1.3}.back-btn{color:#fff9;font-size:13px;cursor:pointer;margin-bottom:8px;display:inline-flex;align-items:center;gap:4px;background:none;border:none;font-family:inherit}.checkin-title{font-family:Fraunces,serif;font-weight:300;font-size:20px;color:#fff}.checkin-sub{font-size:12px;color:#ffffff80;margin-top:2px}.progress-bar{background:#ffffff26;height:3px;border-radius:2px;margin-top:14px}.progress-fill{background:var(--purple3);height:100%;border-radius:2px;transition:width .3s}.checkin-content{padding:22px 20px 16px}.checkin-q{font-size:16px;font-weight:600;color:var(--ink);margin-bottom:4px}.checkin-hint{font-size:12px;color:var(--muted);margin-bottom:16px}.option-row{display:flex;gap:8px;margin-bottom:18px}.option-chip{flex:1;padding:12px 8px;border-radius:12px;border:1.5px solid var(--border);background:var(--white);font-size:13px;font-weight:500;color:var(--ink);cursor:pointer;text-align:center;transition:all .15s;line-height:1.3;font-family:inherit}.option-chip.selected{border-color:var(--purple);background:var(--pale);color:var(--purple)}.chip-icon{font-size:18px;display:block;margin-bottom:4px}.joint-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:18px}.joint-chip{padding:12px;border-radius:12px;border:1.5px solid var(--border);background:var(--white);cursor:pointer;display:flex;align-items:center;gap:8px;font-size:13px;font-weight:500;color:var(--ink);transition:all .15s;font-family:inherit}.joint-chip.selected{border-color:var(--coral);background:#fdf0ee;color:var(--coral)}.joint-icon{font-size:18px}.joint-none{grid-column:1 / -1;justify-content:center}.joint-none.selected{border-color:var(--green);background:#e8f5ee;color:var(--green)}.checkin-divider{border:none;border-top:1px solid var(--border);margin:4px 0 16px}.checkin-footer{padding:0 20px 20px}.regimen-tag{font-size:10px;color:#ffffff80;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:4px}.regimen-title{font-family:Fraunces,serif;font-weight:300;font-size:20px;color:#fff;line-height:1.3}.joint-warning{display:inline-flex;align-items:center;gap:5px;background:#c25b4e40;border:1px solid rgba(194,91,78,.4);border-radius:20px;padding:4px 10px;font-size:11px;color:#f4aea5;margin-top:10px}.regimen-content{padding:18px 20px 10px}.regimen-meta{display:flex;gap:8px;margin-bottom:18px;flex-wrap:wrap}.block{margin-bottom:14px;border-radius:14px;overflow:hidden;border:1px solid var(--border)}.block-head{padding:12px 14px;display:flex;align-items:center;gap:10px;cursor:pointer}.block-head-protect{background:#fdf0ee}.block-head-focus{background:var(--pale)}.block-head-apply{background:#e8f5ee}.block-head-recovery{background:#fdf8e8}.block-num{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;flex-shrink:0}.block-num-protect{background:var(--coral);color:#fff}.block-num-focus{background:var(--purple);color:#fff}.block-num-apply{background:var(--green);color:#fff}.block-num-recovery{background:var(--gold);color:#fff}.block-info{flex:1}.block-name{font-size:13px;font-weight:600;color:var(--ink)}.block-duration{font-size:11px;color:var(--muted);margin-top:1px}.block-chevron{color:var(--muted);font-size:14px;transition:transform .2s}.block-chevron.open{transform:rotate(180deg)}.block-drills{background:var(--white)}.drill-row{padding:11px 14px;display:flex;align-items:center;gap:10px;border-top:1px solid var(--border);cursor:pointer}.drill-row:active{background:var(--fog)}.drill-dot{width:8px;height:8px;border-radius:50%;background:var(--border);flex-shrink:0}.drill-dot.protect{background:var(--coral)}.drill-dot.focus{background:var(--purple)}.drill-dot.apply{background:var(--green)}.drill-dot.recovery{background:var(--gold)}.drill-row-name{font-size:13px;color:var(--ink);flex:1}.drill-row-meta{font-size:11px;color:var(--muted)}.drill-row-arrow{color:var(--border);font-size:14px}.lib-content{padding:18px 20px 10px}.filter-row{display:flex;gap:6px;margin-bottom:14px;overflow-x:auto;padding-bottom:2px;scrollbar-width:none}.filter-row::-webkit-scrollbar{display:none}.filter-chip{flex-shrink:0;padding:7px 14px;border-radius:20px;border:1.5px solid var(--border);background:var(--white);font-size:12px;font-weight:500;color:var(--muted);cursor:pointer;transition:all .15s;white-space:nowrap;font-family:inherit}.filter-chip.active{background:var(--purple);border-color:var(--purple);color:#fff}.drill-card{background:var(--white);border-radius:14px;border:1px solid var(--border);margin-bottom:10px;overflow:hidden;cursor:pointer;transition:border-color .15s}.drill-card:active{border-color:var(--purple)}.drill-card-inner{padding:14px 16px}.drill-card-top{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:6px}.drill-card-name{font-size:14px;font-weight:600;color:var(--ink);flex:1;margin-right:8px;line-height:1.3}.drill-card-tags{display:flex;gap:5px;flex-wrap:wrap;margin-bottom:6px}.drill-tag{padding:2px 8px;border-radius:20px;font-size:10px;font-weight:600}.tag-solo{background:#ede7f6;color:var(--purple)}.tag-partner{background:#e8f5ee;color:var(--green)}.tag-machine{background:#fdf8e8;color:#8a6820}.tag-oncourt{background:#ede7f6;color:var(--purple)}.tag-offcourt{background:#f3f3f3;color:#555}.tag-beginner{background:#e8f5ee;color:var(--green)}.tag-inter{background:#fdf8e8;color:#8a6820}.tag-advanced{background:#fdf0ee;color:var(--coral)}.drill-card-why{font-size:12px;color:var(--muted);line-height:1.5}.drill-card-arrow{color:var(--border);font-size:16px;flex-shrink:0;margin-top:2px}.bottom-sheet-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:100;display:flex;align-items:flex-end}.bottom-sheet{background:var(--white);border-radius:24px 24px 0 0;width:100%;max-height:88%;overflow-y:auto;scrollbar-width:none;padding-bottom:max(24px,env(safe-area-inset-bottom))}.bottom-sheet::-webkit-scrollbar{display:none}.sheet-handle{width:36px;height:4px;background:var(--border);border-radius:2px;margin:12px auto 0}.sheet-video{margin:16px 20px 0;background:var(--ink);border-radius:14px;height:160px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}.sheet-play{font-size:36px}.sheet-video-label{font-size:12px;color:#ffffff80}.sheet-body{padding:16px 20px 0}.sheet-name{font-size:18px;font-weight:700;color:var(--ink);margin-bottom:6px;line-height:1.3}.sheet-tags{display:flex;gap:5px;flex-wrap:wrap;margin-bottom:12px}.sheet-why{background:var(--pale);border-left:3px solid var(--purple);border-radius:0 8px 8px 0;padding:10px 12px;font-size:12.5px;color:var(--ink);line-height:1.6;margin-bottom:14px}.sheet-section-label{font-size:10px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--purple);margin-bottom:8px}.sheet-steps{margin-bottom:14px}.sheet-step{display:flex;gap:10px;margin-bottom:8px}.step-num{width:20px;height:20px;border-radius:50%;background:var(--purple);color:#fff;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px}.step-text{font-size:13px;color:var(--ink);line-height:1.5;flex:1}.sheet-cue{background:var(--ink);border-radius:10px;padding:12px 14px;display:flex;align-items:center;gap:8px;margin-bottom:14px}.cue-icon{font-size:16px}.cue-text{font-size:13px;color:#ffffffe6;font-style:italic}.sheet-dose{background:var(--fog);border-radius:10px;padding:12px 14px;margin-bottom:14px}.dose-row{display:flex;justify-content:space-between;padding:3px 0}.dose-label{font-size:12px;color:var(--muted)}.dose-value{font-size:12px;font-weight:600;color:var(--ink)}.progress-content{padding:18px 20px 10px}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:18px}.stat-card{background:var(--white);border:1px solid var(--border);border-radius:12px;padding:14px}.stat-num{font-family:Fraunces,serif;font-size:28px;font-weight:600;color:var(--purple);line-height:1;margin-bottom:3px}.stat-label{font-size:11px;color:var(--muted);line-height:1.3}.history-item{background:var(--white);border:1px solid var(--border);border-radius:12px;padding:14px 16px;margin-bottom:8px;display:flex;align-items:center;gap:12px}.history-dot{width:10px;height:10px;border-radius:50%;background:var(--purple);flex-shrink:0}.history-info{flex:1}.history-name{font-size:13px;font-weight:600;color:var(--ink)}.history-meta{font-size:11px;color:var(--muted);margin-top:2px}.history-duration{font-size:12px;color:var(--purple);font-weight:600}.partner-content{padding:18px 20px 10px}.partner-empty{background:var(--white);border:1.5px dashed var(--border);border-radius:14px;padding:28px 20px;text-align:center;margin-bottom:16px}.partner-empty-icon{font-size:36px;margin-bottom:10px}.partner-empty-title{font-size:15px;font-weight:600;color:var(--ink);margin-bottom:6px}.partner-empty-sub{font-size:13px;color:var(--muted);line-height:1.6;margin-bottom:16px}.partner-card{background:var(--white);border:1px solid var(--border);border-radius:14px;padding:16px;margin-bottom:12px}.partner-card-top{display:flex;align-items:center;gap:12px;margin-bottom:14px}.partner-avatar{width:44px;height:44px;border-radius:50%;background:var(--pale);display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}.partner-name{font-size:15px;font-weight:600;color:var(--ink)}.partner-meta{font-size:12px;color:var(--muted);margin-top:2px}.partner-streak-row{display:flex;gap:8px}.partner-streak-box{flex:1;background:var(--fog);border-radius:10px;padding:10px;text-align:center}.partner-streak-num{font-family:Fraunces,serif;font-size:22px;font-weight:600;color:var(--purple);line-height:1}.partner-streak-label{font-size:10px;color:var(--muted);margin-top:2px}.nudge-btn{width:100%;margin-top:12px;background:var(--pale);color:var(--purple);border-radius:10px;padding:10px;font-size:13px;font-weight:600;text-align:center;cursor:pointer;border:none;font-family:inherit}