:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--tg-theme-text-color,#f4f7ff);background:var(--tg-theme-bg-color,#0f1424);--card:var(--tg-theme-secondary-bg-color,#1a2135);--muted:var(--tg-theme-hint-color,#9aa6c3);--line:#303a56;--accent:#737bff;--green:#36c98f;--red:#f06a7d}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 100% 0,#2d3263 0,transparent 35%),var(--tg-theme-bg-color,#0f1424);padding:env(safe-area-inset-top) 14px env(safe-area-inset-bottom)}button,input,textarea{font:inherit}button{border:0;cursor:pointer}button:disabled{opacity:.5;cursor:wait}.shell{max-width:720px;margin:auto;padding:20px 0 34px}.hero{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin:8px 0 24px}.eyebrow{margin:0 0 5px;color:#9da7ff;font-size:11px;font-weight:800;letter-spacing:1.6px}.hero h1,.section-head h2{margin:0;font-size:26px;line-height:1.2}.subhead{margin:9px 0 0;color:var(--muted);line-height:1.6;font-size:14px}.badge{flex:0 0 56px;height:56px;border:1px solid #747eff;border-radius:17px;color:#fff;background:linear-gradient(145deg,#7e85ff,#4e59d8);font-weight:900;text-align:center;padding-top:9px;line-height:18px;box-shadow:0 8px 24px #5967ff45}.badge small{font-weight:600;font-size:10px;opacity:.85}.loading{text-align:center;color:var(--muted);padding:48px 0}.alert{margin:12px 0;padding:12px 14px;border-radius:12px;color:#ffd5da;background:#672c3b;border:1px solid #b65068}.tabs{display:flex;gap:7px;padding:5px;margin-bottom:18px;border-radius:14px;background:var(--card);border:1px solid var(--line)}.tab{flex:1;padding:10px 8px;border-radius:10px;background:transparent;color:var(--muted);font-size:13px}.tab.active{background:var(--accent);color:white;font-weight:700}.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.action-card{padding:18px;border:1px solid var(--line);border-radius:18px;background:var(--card)}.action-card.purple{background:linear-gradient(145deg,#292b59,var(--card))}.action-card.blue{background:linear-gradient(145deg,#1f3b60,var(--card))}.card-icon{font-size:25px;margin-bottom:12px}.action-card h2{margin:0;font-size:18px}.action-card p{min-height:48px;color:var(--muted);font-size:13px;line-height:1.55}.action-card label,.add-box label{display:block;color:var(--muted);font-size:12px;margin:11px 0 6px}.action-card input,.add-box textarea{width:100%;border:1px solid #455275;border-radius:10px;background:#101629;color:var(--tg-theme-text-color,#fff);padding:11px;font-size:13px;outline:none}.action-card input:focus,.add-box textarea:focus{border-color:var(--accent)}.primary{display:block;width:100%;margin-top:10px;padding:11px 14px;border-radius:10px;color:#fff;background:linear-gradient(135deg,#7f86ff,#626bf0);font-weight:700}.info-strip{display:flex;align-items:center;gap:12px;margin-top:14px;padding:13px 15px;border-radius:14px;background:#153f3b;border:1px solid #236f5d}.info-strip>span{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;color:#062b24;background:var(--green);font-weight:900}.info-strip strong,.info-strip small{display:block}.info-strip small{color:#9ed6c7;font-size:12px;margin-top:2px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:5px 0 15px}.ghost{padding:9px 12px;border:1px solid var(--line);border-radius:9px;background:transparent;color:var(--muted);font-size:12px}.danger-text{color:#ff8f9e}.add-box{padding:15px;border:1px solid var(--line);border-radius:16px;background:var(--card)}.form-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.form-row small{color:var(--muted);font-size:11px}.form-row .primary{width:auto;margin:0}.draft-summary{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}.draft-summary span{padding:7px 10px;border-radius:8px;background:var(--card);color:var(--muted);font-size:12px;border:1px solid var(--line)}.track-list{margin:0;padding:0;list-style:none}.track-item{display:flex;align-items:center;gap:9px;margin:7px 0;padding:11px 10px;border:1px solid var(--line);border-radius:12px;background:var(--card);cursor:grab}.track-item.dragging{opacity:.45}.track-number{color:#8d97b3;font-size:12px;min-width:22px}.track-main{min-width:0;flex:1}.track-name{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.track-duration{display:block;color:var(--muted);font-size:11px;margin-top:3px}.track-delete{color:#ef8696;background:transparent;font-size:16px}.draft-actions{display:flex;gap:9px;margin-top:15px}.draft-actions button{flex:1}.jobs-list{display:grid;gap:9px}.job-card{padding:14px;border:1px solid var(--line);border-radius:14px;background:var(--card);cursor:pointer}.job-card-head{display:flex;justify-content:space-between;gap:10px}.job-card h3{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:14px}.job-state{font-size:11px;color:#9de0c4}.job-state.bad{color:#ff9dab}.job-card p{margin:8px 0 0;color:var(--muted);font-size:12px}.job-panel{margin-top:20px;padding-top:17px;border-top:1px solid var(--line)}.progress-track{height:10px;border-radius:99px;background:#28304a;overflow:hidden}.progress-bar{height:100%;width:0;border-radius:inherit;background:linear-gradient(90deg,#63d5a8,#7780ff);transition:width .35s}.progress-meta{display:flex;justify-content:space-between;margin-top:7px;color:var(--muted);font-size:12px}.progress-meta strong{color:#aab1ff}.job-message{color:var(--muted);font-size:13px;line-height:1.5}.compact .track-item{cursor:default}.track-item.ok{border-color:#276c59}.track-item.bad{border-color:#763649}.track-item.skip{border-color:#725f2d}.track-state{font-size:11px;color:var(--muted)}.track-item.ok .track-state{color:#63d5a8}.track-item.bad .track-state{color:#ff9dab}.track-item.skip .track-state{color:#e4c778}.job-downloads{display:flex;gap:9px;margin-top:15px}.job-downloads .download-link{flex:1;text-align:center;text-decoration:none}.job-downloads .primary{margin:0}.job-downloads .ghost{display:block}.empty{text-align:center;padding:30px;color:var(--muted);font-size:13px}@media(max-width:560px){.cards{grid-template-columns:1fr}.action-card p{min-height:0}.hero h1{font-size:23px}.shell{padding-top:14px}.job-downloads{flex-direction:column}}