:root{--bg:#070708;--bg-surface:#0d0d1a;--bg-raised:#111118;--accent:#e040fb;--accent-glow:#e040fb33;--accent-alt:#00e5ff;--accent-green:#69f0ae;--text:#fff;--text-muted:#666;--text-dim:#333;--border:#1a1a1a;--border-accent:#e040fb44;--font-mono:"Courier New", Courier, monospace}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#app{background:var(--bg);height:100%;color:var(--text);font-family:system-ui,sans-serif}a{color:inherit;text-decoration:none}.dashboard{max-width:640px;margin:0 auto;padding:40px 24px}.dashboard__header{text-align:center;margin-bottom:40px}.dashboard__header h1{letter-spacing:4px;color:var(--accent);font-size:24px;font-weight:900}.dashboard__header p{color:var(--text-muted);letter-spacing:2px;margin-top:6px;font-size:11px}.dashboard__grid{flex-direction:column;gap:12px;display:flex}.genre-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:10px;align-items:center;gap:16px;padding:16px;transition:border-color .15s;display:flex}.genre-card:hover{border-color:var(--accent)}.genre-card--locked{opacity:.5;cursor:default}.genre-card__emoji{font-size:28px}.genre-card__body{flex:1}.genre-card__body h3{letter-spacing:2px;color:var(--accent);margin-bottom:3px;font-size:13px;font-weight:700}.genre-card__body p{color:var(--text-muted);margin-bottom:8px;font-size:11px}.genre-card__progress-bar{background:var(--bg);border-radius:2px;height:3px;margin-bottom:6px;overflow:hidden}.genre-card__progress-fill{background:var(--accent);border-radius:2px;height:100%;transition:width .3s}.genre-card__cta{color:var(--accent);letter-spacing:1px;font-size:10px;font-weight:700}.genre-card__locked-label{color:var(--text-dim);font-size:10px}.lesson-view{flex-direction:column;height:100vh;display:flex;overflow:hidden}.lesson-view__body{flex:1;grid-template-columns:1fr 260px;display:grid;overflow:hidden}.lesson-view__main{flex-direction:column;padding:16px 28px;display:flex;overflow:hidden}.seq-strip{border-bottom:1px solid var(--border);background:#0a0a0c;flex-direction:column;flex-shrink:0;gap:4px;padding:10px 16px;display:flex}.seq-row{align-items:center;gap:10px;display:flex}.seq-row--dim{opacity:.38}.seq-label{text-align:right;letter-spacing:2px;min-width:22px;color:var(--text-muted);white-space:nowrap;font-size:8px}.seq-row--current .seq-label{color:var(--accent)}.seq-steps{flex:1;gap:3px;display:flex}.seq-step{background:#1a1a1a;border:1px dashed #252525;border-radius:2px;flex:1;height:11px}.seq-step--active{background:var(--accent);box-shadow:0 0 8px var(--accent);border:none}.lesson-content{flex:1;min-height:0;overflow-y:auto}.lesson-content__meta{color:var(--text-dim);letter-spacing:3px;align-items:center;gap:10px;margin-bottom:8px;font-size:8px;display:flex}.lesson-content__phase{color:var(--accent-alt)}.lesson-content__title{letter-spacing:-.5px;margin-bottom:12px;font-size:24px;font-weight:900;line-height:1.1}.lesson-content__body{color:var(--text-muted);max-width:600px;margin-bottom:16px;font-size:14px;line-height:1.65}.lesson-content__body strong{color:var(--text)}.lesson-content__body code{color:var(--accent);background:var(--accent-glow);font-family:var(--font-mono);border-radius:3px;padding:1px 5px;font-size:13px}.lesson-content__params{flex-wrap:wrap;gap:10px;margin-bottom:24px;display:flex}.param-card{background:var(--bg-raised);border:1px solid var(--border);text-align:center;opacity:.4;border-radius:8px;min-width:80px;padding:14px 18px}.param-card--active{border-color:var(--accent);box-shadow:0 0 20px var(--accent-glow), inset 0 0 12px #e040fb08;opacity:1;background:#0d0820}.param-card__name{color:var(--accent);letter-spacing:3px;margin-bottom:8px;font-size:7px;display:block}.param-card__value{color:var(--text);font-size:28px;font-weight:900;font-family:var(--font-mono);line-height:1;display:block}.param-card--active .param-card__value{text-shadow:0 0 12px var(--accent)}.param-card__hint{color:var(--accent);opacity:.5;margin-top:8px;font-size:7px;display:block}.progress-dots{flex-shrink:0;align-items:center;gap:16px;margin-top:auto;padding-top:12px;display:flex}.progress-dots__dots{align-items:center;gap:6px;display:flex}.pdot{background:var(--text-dim);border-radius:50%;width:6px;height:6px}.pdot--active{background:var(--accent);width:10px;height:10px;box-shadow:0 0 6px var(--accent)}.progress-dots__nav{gap:8px;display:flex}.nav-btn{cursor:pointer;border:none;border-radius:4px;padding:6px 14px;font-size:10px;font-weight:700}.nav-btn:disabled{opacity:.3;cursor:default}.nav-btn--back{border:1px solid var(--border);color:var(--text-muted);background:0 0}.nav-btn--next{background:var(--accent);color:#000}.companion{border-left:1px solid var(--border);background:#060608;padding:16px 14px;overflow-y:auto}.companion__header{letter-spacing:3px;color:var(--accent-alt);margin-bottom:16px;font-size:10px;font-weight:700}.companion__section{margin-bottom:14px}.companion__label{letter-spacing:2px;color:var(--text-dim);margin-bottom:5px;font-size:9px}.companion__block{background:var(--bg-surface);color:var(--text-muted);border-radius:5px;padding:8px 10px;font-size:14px;line-height:1.65}.companion__block--mono{font-family:var(--font-mono)}.companion__block--tip{color:var(--accent-green);background:#0d1a0d;border:1px solid #1a3a1a}.companion__machine{color:var(--accent);font-family:var(--font-mono);font-size:14px}.lesson-goal{color:var(--text);margin-bottom:14px;font-size:15px;font-weight:700;line-height:1.4}.lesson-steps{max-width:600px;margin:0 0 16px;padding-left:22px}.lesson-steps li{color:var(--text-muted);margin-bottom:6px;font-size:14px;line-height:1.6}.lesson-steps li::marker{color:var(--accent);font-weight:700}.lesson-steps code,.lesson-goal code,.lesson-hear code,.lesson-spin code{color:var(--accent);background:var(--accent-glow);font-family:var(--font-mono);border-radius:3px;padding:1px 5px;font-size:13px}.lesson-hear{border-left:2px solid var(--accent);background:var(--accent-glow);border-radius:0 5px 5px 0;align-items:center;gap:8px;max-width:600px;margin-bottom:16px;padding:8px 12px;display:flex}.lesson-hear__icon{color:var(--accent);font-size:10px}.lesson-hear__text{color:var(--text-muted);font-size:13px;line-height:1.5}.lesson-spin{background:#06181a;border:1px solid #0e3a3f;border-radius:6px;max-width:600px;margin-bottom:16px;padding:12px 14px}.lesson-spin__header{letter-spacing:3px;color:var(--accent-alt);margin-bottom:10px;font-size:9px;font-weight:700}.lesson-spin__list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.lesson-spin__item{font-size:13px;line-height:1.5}.lesson-spin__try{color:var(--accent-alt);font-weight:700}.lesson-spin__try:after{content:" → ";color:var(--text-dim);font-weight:400}.lesson-spin__effect{color:var(--text-muted)}