*{box-sizing:border-box}body{margin:0;background:#101319;color:#f2f4f7;font-family:Inter,system-ui,-apple-system,Arial,sans-serif}main{max-width:720px;margin:auto;padding:22px 18px 70px}header,.brand,.section-title,.actions,.summary{display:flex;align-items:center;gap:10px}header{justify-content:space-between;margin-bottom:42px}.brand{font-weight:900;letter-spacing:.06em;font-size:19px;color:#9de6bf}header small,.eyebrow{font-size:10px;letter-spacing:.16em;color:#8d9aab}.hero{margin-bottom:32px}.hero h1{font-size:clamp(35px,8vw,56px);letter-spacing:-.05em;line-height:1.05;margin:12px 0}.hero em{font-style:normal;color:#9de6bf}.hero p{color:#a9b0bc;line-height:1.5;max-width:470px}.panel{background:#1b2029;border:1px solid #303744;border-radius:18px;padding:20px;margin-bottom:16px}.section-title{font-weight:800;margin-bottom:22px}.control{margin-bottom:24px}.control label{display:flex;justify-content:space-between;margin-bottom:12px;font-size:14px}.control strong{color:#9de6bf}.control small,.muted,.phase small,section>small{color:#a6afbc;font-size:12px;line-height:1.6}input[type=range]{width:100%;accent-color:#9de6bf}.tabs{display:flex;gap:6px}.tabs button{flex:1;padding:11px 4px}.tabs button.active{background:#9de6bf;color:#101319;border-color:#9de6bf}.toggle{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:13px}.toggle input{accent-color:#9de6bf}button{cursor:pointer;background:#303845;border:1px solid #46505e;border-radius:10px;color:#fff;padding:10px 14px;font-weight:700}button.ghost{display:flex;align-items:center;gap:5px;background:transparent}textarea{width:100%;resize:vertical;border:1px solid #46505e;background:#12161d;color:#fff;border-radius:10px;padding:12px;margin:10px 0}.actions{margin-bottom:10px}.timeline{display:flex;height:13px;gap:3px;border-radius:6px;overflow:hidden;margin-bottom:15px}.phase{display:flex;gap:14px;border-bottom:1px solid #333b46;padding:15px 0}.phase-number{color:#9de6bf;font-size:13px;font-weight:800}.phase-body{flex:1;min-width:0}.phase-body b,.phase-body small{display:block}.phase-body small{margin:5px 0}.track,.missing{font-size:12px;margin-top:9px;line-height:1.5}.track{color:#a7e4c1}.missing{color:#c5a99b}.summary{justify-content:space-between;margin:20px 0}.summary strong{font-size:24px;color:#9de6bf}.primary{background:#9de6bf;color:#101319;border:0;width:100%;padding:14px}.notice{background:#26382f;padding:14px;margin-top:12px;border-radius:10px;font-size:13px;line-height:1.6}footer{text-align:center;color:#707d8e;font-size:11px;margin-top:30px}.field{width:100%;background:#12161d;border:1px solid #46505e;border-radius:10px;color:#fff;padding:12px;font-size:15px}.period-tabs{margin-bottom:16px;flex-wrap:wrap}.period-tabs button{font-size:12px}.music-list{max-height:400px;overflow:auto}.music-row{display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid #333b46;padding:10px 0;font-size:13px}.music-row small{display:block;color:#a6afbc;margin-top:4px}.music-row button{font-size:11px;padding:7px 9px}.music-row button.excluded{color:#9de6bf}.error{color:#ff9d91}.panel h3{font-size:15px;margin-top:24px}.progress{height:10px;border-radius:6px;background:#303845;overflow:hidden}.progress>div{height:100%;background:#9de6bf;transition:width .2s}.profile-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:20px 0}.profile-metrics>div{background:#12161d;border-radius:10px;padding:12px;min-width:0}.profile-metrics strong{display:block;font-size:clamp(16px,3vw,24px);color:#9de6bf;overflow-wrap:anywhere}.profile-metrics small{display:block;font-size:11px;color:#a6afbc}.profile-tabs{margin:16px 0}.profile-tabs button{flex:1}