body{display:block;place-items:unset;background:#020617}:root{color-scheme:dark}html,body,#root{height:100%;width:100%;margin:0;padding:0}body{display:block;background:#020617;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}#root{max-width:none;margin:0;padding:0;text-align:left}.page{min-height:100svh;width:100%;color:#e2e8f0f5;background-attachment:fixed;background-repeat:no-repeat;background-size:cover;position:relative;overflow:hidden}.page:before{content:"";position:absolute;inset:-2px;pointer-events:none;background:radial-gradient(900px 520px at 12% 18%,rgba(255,255,255,.05),transparent 60%),radial-gradient(900px 520px at 88% 22%,rgba(255,255,255,.04),transparent 60%),radial-gradient(900px 520px at 46% 90%,rgba(0,0,0,.16),transparent 55%);mix-blend-mode:overlay;opacity:.55}.wrap{width:min(1400px,calc(100% - 2rem));margin:0 auto;padding:1.25rem 0;position:relative;z-index:1;min-height:100svh;display:flex;flex-direction:column}.kicker{font-size:.95rem;opacity:.78;letter-spacing:.3px}.h1{margin:.25rem 0 .35rem;font-size:2.05rem;letter-spacing:-.3px}.sub{opacity:.78;max-width:760px}.topbar{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-bottom:.25rem}.top-actions{display:flex;gap:.6rem;align-items:center;flex-wrap:wrap}.card{background:#0f172ab8;border:1px solid rgba(148,163,184,.22);border-radius:16px;padding:1rem;box-shadow:0 12px 30px #00000040;transition:transform .18s ease,filter .18s ease,opacity .22s ease}.card-head{display:flex;align-items:center;justify-content:space-between;gap:1rem}.card-title{font-size:1rem;font-weight:850;letter-spacing:.2px}.card-dim{opacity:.68;filter:saturate(.9)}.card-dim:hover{opacity:.92;filter:saturate(1.05)}.header-pills{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:flex-end}.ui-hot{animation:hotPulse 1.5s ease-in-out infinite}@keyframes hotPulse{0%{filter:brightness(1)}50%{filter:brightness(1.15)}to{filter:brightness(1)}}.pulse{animation:hotPulse 1.6s ease-in-out infinite}.topStrip{margin-top:.9rem;display:grid;grid-template-columns:1fr;gap:.8rem;align-items:start}@media(max-width:980px){.topStrip{grid-template-columns:1fr}}.contextBox{border:1px solid rgba(148,163,184,.2);background:#0f172a8c;border-radius:16px;padding:.85rem .95rem;display:grid;gap:.65rem}.contextTop{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;flex-wrap:wrap}.contextTitle{font-weight:950;letter-spacing:.2px}.contextSubtitle{margin-top:.25rem;opacity:.78;font-size:.95rem;line-height:1.3}.contextPills{display:flex;gap:.45rem;flex-wrap:wrap;justify-content:flex-end}.contextBody{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem}@media(max-width:980px){.contextBody{grid-template-columns:1fr}}.contextLabel{font-weight:900;opacity:.9;margin-bottom:.18rem}.contextText{opacity:.78;font-size:.9rem;line-height:1.35}.contextTip{opacity:.78;font-size:.88rem;line-height:1.35;border-top:1px solid rgba(148,163,184,.16);padding-top:.55rem}.quickRow2{display:flex;gap:.55rem;flex-wrap:wrap;justify-content:flex-start;align-items:center;width:100%}.mainGrid{margin-top:.85rem;display:grid;grid-template-columns:1.35fr .85fr;gap:1rem;align-items:start;flex:1}@media(max-width:980px){.mainGrid{grid-template-columns:1fr}.quickRow2{justify-content:flex-start}}.mainLeft,.mainRight{min-height:0}.controls{display:grid;gap:.9rem}.label{opacity:.78;font-size:.9rem;margin-bottom:.35rem}.range-meta{display:flex;justify-content:space-between;opacity:.75;font-size:.85rem}.range-mid{font-weight:900}.two{display:grid;grid-template-columns:1fr 1fr;gap:.55rem;align-items:stretch}.hint{opacity:.75;font-size:.85rem;margin-top:.35rem}.add-task{border-top:1px solid rgba(148,163,184,.18);padding-top:.85rem}.row4{display:grid;grid-template-columns:1.35fr .75fr .75fr auto;gap:.55rem;align-items:center;margin-top:.45rem}@media(max-width:980px){.row4{grid-template-columns:1fr}}input,select{width:100%;box-sizing:border-box;height:42px;padding:.55rem .7rem;border-radius:12px;border:1px solid rgba(148,163,184,.22);background:#0206178c;color:#e2e8f0f2;outline:none;line-height:1.1;transition:filter .14s ease,transform .14s ease}input:hover,select:hover{filter:brightness(1.08)}input:focus,select:focus{filter:brightness(1.12)}.graph-shell{border-radius:16px;border:1px solid rgba(148,163,184,.18);background:#02061759;overflow:hidden;margin-bottom:.85rem;height:280px;display:grid;align-items:center}.cpu-list{display:grid;gap:.75rem}.cpu-row{padding:.8rem;border-radius:14px;border:1px solid rgba(148,163,184,.22);background:#02061761;display:grid;gap:.55rem}.cpu-row-head{display:flex;align-items:center;justify-content:space-between;gap:.8rem;flex-wrap:wrap}.cpu-left{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}.cpu-name{font-weight:900}.cpu-right{display:flex;align-items:center;gap:.55rem;flex-wrap:wrap}.dot{width:10px;height:10px;border-radius:999px;display:inline-block}.timeline{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(7px,1fr);gap:2px;height:28px;align-items:stretch}.task-list{display:grid;gap:.65rem}.task-row{padding:.8rem;border-radius:14px;border:1px solid rgba(148,163,184,.22);background:#02061761;display:grid;gap:.55rem}.task-head{display:flex;align-items:center;justify-content:space-between;gap:.7rem;flex-wrap:wrap}.task-left{display:flex;align-items:center;gap:.55rem;flex-wrap:wrap}.task-actions{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.task-meter{display:grid;gap:.35rem}.task-meta{display:flex;justify-content:space-between;opacity:.82;font-size:.85rem}.strong{font-weight:900}.bar-shell{width:100%;height:10px;border-radius:999px;border:1px solid rgba(148,163,184,.25);background:#0206178c;overflow:hidden}.bar-fill{height:100%;background:#3b82f6d1}.empty-hint{padding:.95rem;border-radius:14px;border:1px dashed rgba(148,163,184,.35);color:#e2e8f0c7;background:#02061759}button{box-sizing:border-box}.explain-slot{min-height:150px;margin-bottom:.85rem;display:grid;align-items:start}.coach{border:1px solid rgba(59,130,246,.35);background:#3b82f614;border-radius:16px;padding:.8rem .9rem;display:flex;align-items:center;justify-content:space-between;gap:.8rem;flex-wrap:wrap}.coachTitle{font-weight:950}.coachSub{opacity:.82;line-height:1.35}.coachActions{display:flex;gap:.55rem;flex-wrap:wrap;align-items:center}.coach-compact{padding:.65rem .8rem}.explain{border-radius:16px;padding:.85rem .9rem;border:1px solid rgba(148,163,184,.22);background:#02061759;display:grid;gap:.75rem}.explain-good{border-color:#22c55e57;background:#22c55e12}.explain-warn{border-color:#f59e0b66;background:#f59e0b14}.explain-bad{border-color:#ef444466;background:#ef444414}.explain-head{display:flex;justify-content:space-between;align-items:center;gap:.75rem;flex-wrap:wrap}.explain-left{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}.explain-title{font-weight:950}.explain-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem}@media(max-width:980px){.explain-grid{grid-template-columns:1fr}}.explain-cell{border:1px solid rgba(148,163,184,.16);background:#02061740;border-radius:14px;padding:.65rem .7rem}.explain-label{font-weight:900;opacity:.9;margin-bottom:.2rem}.explain-text{opacity:.84;line-height:1.35}.explain-task{border-top:1px solid rgba(148,163,184,.18);padding-top:.6rem;display:grid;gap:.4rem}.explain-task-head{display:flex;align-items:center;gap:.55rem;flex-wrap:wrap}.explain-tip{opacity:.72;font-size:.85rem;line-height:1.35}.xbtn{height:36px;width:36px;border-radius:12px;border:1px solid rgba(148,163,184,.22);background:#94a3b81a;color:#e2e8f0f2;cursor:pointer;font-size:20px;line-height:1;display:grid;place-items:center}.xbtn:hover{filter:brightness(1.12)}.quickBox{border:1px solid rgba(148,163,184,.2);background:#0f172a8c;border-radius:16px;padding:.85rem .95rem;display:grid;gap:.65rem}.quickTop{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;flex-wrap:wrap}.quickTitle{font-weight:950;letter-spacing:.2px}.quickPills{display:flex;gap:.45rem;flex-wrap:wrap;justify-content:flex-end}.quickTip{opacity:.78;font-size:.88rem;line-height:1.35;border-top:1px solid rgba(148,163,184,.16);padding-top:.55rem}.quickRow2{width:100%;box-sizing:border-box}.playGroup{margin-left:auto;display:flex;align-items:center;gap:.55rem;flex-wrap:wrap}@media(max-width:980px){.playGroup{margin-left:0}}.cfsBox{border:1px solid rgba(148,163,184,.2);background:#0f172a8c;border-radius:16px;padding:.9rem 1rem;margin-bottom:.85rem;display:grid;gap:.45rem}.cfsTitle{font-weight:950;letter-spacing:.2px}.cfsText{opacity:.82;line-height:1.35;font-size:.9rem}.cfsLink{font-size:.9rem;color:#60a5faf2;text-decoration:none}.cfsLink:hover{text-decoration:underline}