:root{--bg:#0f1115;--panel:#181b22;--border:#272b34;--text:#e6e8ec;--muted:#9aa1ad;--accent:#4f9cff;--good:#5ad17a;--warn:#f0b150;--bad:#ef6f6f}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}a{color:var(--accent);text-decoration:none}header.topnav{background:var(--panel);border-bottom:1px solid var(--border);align-items:center;gap:1.5rem;padding:.85rem 1.25rem;display:flex;position:sticky;top:0}header.topnav .brand{letter-spacing:.5px;font-weight:700}header.topnav nav{gap:1rem;display:flex}header.topnav .spacer{flex:1}main{max-width:1100px;margin:0 auto;padding:1.25rem}.grid{grid-template-columns:repeat(4,1fr);gap:1rem;display:grid}.panel{background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:1rem 1.1rem}.panel.span2{grid-column:span 2}.panel.span4{grid-column:span 4}.metric .label{color:var(--muted);text-transform:uppercase;font-size:.8rem}.metric .value{margin-top:.25rem;font-size:2rem;font-weight:700}.metric .sub{color:var(--muted);font-size:.85rem}.metric .unit{color:var(--muted);font-size:1rem;font-weight:600}.ftp-push{color:#cdd3dc;cursor:pointer;background:#181b22;border:1px solid #2b3340;border-radius:6px;margin-top:.5rem;padding:.15rem .5rem;font-size:.72rem}.ftp-push:hover{border-color:#3a4452}.ftp-push:disabled{opacity:.6;cursor:default}.ftp-error{color:#e0563b;word-break:break-word;margin-top:.35rem;font-size:.68rem}.pedal-grid{flex-wrap:wrap;gap:1.5rem;display:flex}.pedal-stat .label{color:var(--muted);font-size:.8rem}.pedal-stat .value{font-size:1.6rem;font-weight:700}.pedal-weakness{color:#e0a93b;margin:.5rem 0 0;font-size:.85rem}.gam{flex-direction:column;gap:.75rem;display:flex}.gam-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.gam-level{flex:1;min-width:260px}.gam-level-top{flex-wrap:wrap;align-items:baseline;gap:.6rem;display:flex}.gam-prestige{color:#f0c040;letter-spacing:1px}.gam-level-num{font-size:1.4rem;font-weight:700}.gam-title{color:#7aa7e0;font-weight:600}.gam-xp-bar{background:#1b1f27;border-radius:6px;height:10px;margin-top:.35rem;overflow:hidden}.gam-xp-bar>span{background:linear-gradient(90deg,#4f9cff,#5ad17a);height:100%;display:block}.gam-xp-sub{color:var(--muted);margin-top:.2rem;font-size:.75rem}.gam-side{flex-direction:column;gap:.35rem;display:flex}.gam-chip{background:#1b1f27;border:1px solid #272b34;border-radius:8px;padding:.25rem .6rem;font-size:.85rem}.gam-sub{margin:.5rem 0 .25rem;font-size:.9rem}.gam-challenges{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.6rem;display:grid}.gam-challenge{background:#161a21;border:1px solid #242832;border-radius:8px;gap:.5rem;padding:.5rem;display:flex}.gam-challenge.done{border-color:#2f6e4a}.gam-ch-icon{font-size:1.4rem}.gam-ch-body{flex:1;min-width:0}.gam-ch-name{font-size:.82rem;font-weight:600}.gam-ch-done{color:var(--good)}.gam-ch-bar{background:#1b1f27;border-radius:4px;height:6px;margin:.25rem 0;overflow:hidden}.gam-ch-bar>span{background:#4f9cff;height:100%;display:block}.gam-ch-val{font-size:.72rem}.gam-cat{margin-top:.4rem}.gam-cat-name{text-transform:uppercase;letter-spacing:.5px;margin-bottom:.3rem;font-size:.75rem}.gam-badges{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.5rem;display:grid}.gam-badge{text-align:center;background:#161a21;border:1px solid #242832;border-radius:8px;padding:.5rem;position:relative}.gam-badge.locked{opacity:.55}.gam-badge.is-new{border-color:#f0c040;box-shadow:0 0 0 1px #f0c04055}.gam-badge-icon{font-size:1.5rem}.gam-badge-name{margin-top:.15rem;font-size:.78rem;font-weight:600}.gam-tier{color:var(--muted);margin-top:.1rem;font-size:.68rem}.gam-tier.tier-1{color:#cd7f32}.gam-tier.tier-2{color:silver}.gam-tier.tier-3{color:#f0c040}.gam-tier.tier-4{color:#7fe3d6}.gam-tier.tier-5{color:#8fd0ff}.gam-tier.tier-6{color:#d59bff}.gam-tier-dots{letter-spacing:1px;font-size:.6rem;display:block}.gam-tier-dots .on{color:inherit}.gam-tier-dots .off{color:#333a45}.gam-badge-val{color:var(--muted);font-size:.72rem}.gam-mini-bar{background:#1b1f27;border-radius:3px;height:4px;margin-top:.3rem;overflow:hidden}.gam-mini-bar>span{background:#4f9cff;height:100%;display:block}.gam-new{color:#111;background:#f0c040;border-radius:6px;padding:.05rem .3rem;font-size:.6rem;font-weight:700;position:absolute;top:-6px;right:-6px}.gam-new.inline{margin-left:.3rem;position:static}.form .pos{color:var(--good)}.form .neg{color:var(--bad)}table{border-collapse:collapse;width:100%;font-size:.9rem}th,td{text-align:left;border-bottom:1px solid var(--border);padding:.45rem .5rem}th{color:var(--muted);font-weight:600}.rationale{color:var(--muted);line-height:1.5}.btn{background:var(--accent);color:#fff;cursor:pointer;border:0;border-radius:8px;padding:.55rem .9rem;font-size:.95rem}.btn.ghost{border:1px solid var(--border);color:var(--text);background:0 0}.settings-grid{grid-template-columns:repeat(3,1fr);gap:.85rem 1rem;display:grid}.field{flex-direction:column;gap:.3rem;font-size:.85rem;display:flex}.field input,.field select,.panel input,.panel select{background:var(--bg);border:1px solid var(--border);color:var(--text);border-radius:7px;padding:.45rem .55rem}.panel h4{color:var(--muted);margin:.6rem 0 .3rem;font-weight:600}@media (width<=720px){.settings-grid{grid-template-columns:1fr 1fr}}.field textarea{background:var(--bg);border:1px solid var(--border);color:var(--text);font:inherit;resize:vertical;border-radius:7px;padding:.45rem .55rem}.modal-backdrop{z-index:50;background:#0000008c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:var(--panel);border:1px solid var(--border);border-radius:10px;flex-direction:column;gap:.6rem;width:min(420px,92vw);padding:1.25rem 1.4rem;display:flex}.plan-week{grid-template-columns:repeat(7,1fr);gap:.6rem;margin-top:.6rem;display:grid}.tile{background:var(--bg);border:1px solid var(--border);border-top:3px solid var(--border);border-radius:8px;flex-direction:column;gap:.35rem;min-height:96px;padding:.5rem .55rem;display:flex}.tile.rest{opacity:.8}.tile.tile-over{outline:2px dashed var(--accent);outline-offset:1px}.tile[draggable=true]{cursor:grab}.tile.blocked{opacity:.5;background:repeating-linear-gradient(45deg, var(--bg), var(--bg) 6px, var(--panel) 6px, var(--panel) 12px)}.tile-head{justify-content:space-between;font-size:.8rem;font-weight:600;display:flex}.tile-body{font-size:.85rem;line-height:1.35}.tile-badge{color:var(--muted);font-size:.72rem}.tile-done{color:var(--good);font-size:.72rem;font-weight:600}.tile-structure{color:var(--muted);font-variant-numeric:tabular-nums;font-size:.72rem}.venue-badge{cursor:default;background:0 0;border:1px solid #0000;border-radius:6px;margin-top:.25rem;padding:.05rem .35rem;font-size:.68rem;font-weight:600;display:inline-block}button.venue-badge{cursor:pointer}.venue-indoor{color:#7aa7e0;border-color:#2f4a6e}.venue-outdoor{color:#5ad17a;border-color:#2f6e4a}.venue-send{color:#cdd3dc;cursor:pointer;background:#181b22;border:1px solid #2b3340;border-radius:6px;margin-top:.3rem;padding:.1rem .4rem;font-size:.68rem;display:block}.venue-send:hover{border-color:#3a4452}.venue-send:disabled{opacity:.6;cursor:default}.venue-mismatch{color:#e0a93b}.adherence{align-items:center;gap:1rem;display:flex}.adherence-score{font-variant-numeric:tabular-nums;font-size:2.2rem;font-weight:700;line-height:1}.adherence-pct{margin-left:.1rem;font-size:1rem;font-weight:600}.tile-acts{flex-direction:column;gap:.25rem;margin-top:auto;padding-top:.35rem;display:flex}.act-chip{color:var(--good);border:1px solid var(--border);background:#ffffff0d;border-radius:6px;padding:.15rem .35rem;font-size:.72rem}.tile-past{opacity:.92}.tile-past .tile-head{color:var(--muted)}@media (width<=720px){.plan-week{grid-template-columns:repeat(2,1fr)}}.integ-row{border-top:1px solid var(--border);padding:.6rem 0}.integ-row:first-of-type{border-top:0}.integ-head{align-items:center;gap:.6rem;margin-bottom:.4rem;display:flex}.integ-fields{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.integ-fields input{flex:1;min-width:160px}.login-wrap{max-width:340px;margin:12vh auto}.login-wrap input{background:var(--bg);border:1px solid var(--border);width:100%;color:var(--text);border-radius:8px;margin:.5rem 0 .9rem;padding:.6rem .7rem}.error{color:var(--bad)}.muted{color:var(--muted)}.spinner{border:2px solid #4f9cff55;border-top-color:#4f9cff;border-radius:50%;width:1em;height:1em;animation:.8s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.link-danger{color:#f0a8a8;cursor:pointer;font:inherit;background:0 0;border:0;padding:0;text-decoration:underline}.fail-list{margin:.25rem 0 0;padding-left:1.1rem;font-size:.85rem}.fail-list li{margin:.15rem 0}.new-star{color:#f0c040;margin-right:.35rem}.btn.listening{color:#fff;background:#ef5f5f;animation:1s ease-in-out infinite pulse}@keyframes pulse{50%{opacity:.55}}.modal-backdrop{z-index:50;background:#0009;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal{background:#181b22;border:1px solid #272b34;border-radius:12px;width:100%;max-width:560px;max-height:85vh;padding:1.2rem 1.4rem;overflow:auto}.modal-head{justify-content:space-between;align-items:center;display:flex}.seg-table{border-collapse:collapse;width:100%;margin-top:.75rem;font-size:.9rem}.seg-table td{vertical-align:top;border-bottom:1px solid #272b34;padding:.35rem .5rem}.range-bar{flex-wrap:wrap;gap:.35rem;margin-bottom:.6rem;display:flex}.range-btn{color:#9aa1ad;cursor:pointer;background:#181b22;border:1px solid #272b34;border-radius:7px;padding:.25rem .6rem;font-size:.8rem}.range-btn:hover{color:#e6e8ec}.range-btn.active{color:#fff;background:#4f9cff;border-color:#4f9cff}.integ-tiles{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.6rem;margin:.5rem 0 .75rem;display:grid}.integ-tile{text-align:left;cursor:pointer;color:#e6e8ec;font:inherit;background:#181b22;border:2px solid #3a3f4b;border-radius:10px;flex-direction:column;gap:.35rem;padding:.8rem .9rem;display:flex}.integ-tile:hover{border-color:#4f9cff}.integ-tile.ok{border-color:#5ad17a}.integ-tile.error{border-color:#ef5f5f}.integ-tile.active{box-shadow:0 0 0 2px #4f9cff55}.integ-tile-name{font-weight:600}.integ-tile-status{color:#9aa1ad;font-size:.8rem}.integ-tile.ok .integ-tile-status{color:#5ad17a}.integ-tile.error .integ-tile-status{color:#ef5f5f}.tile.missed{border-top-color:#e0a93b!important}.tile-missed{color:#e0a93b;flex-direction:column;gap:.3rem;margin-top:.4rem;font-size:.78rem;display:flex}.tile-missed select{color:#e6e8ec;background:#181b22;border:1px solid #272b34;border-radius:6px;padding:.2rem .3rem;font-size:.78rem}