@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";:root{color:#e8ede6;font-synthesis:none;--muted:#91a18f;--line:#304031;--accent:#c6e691;--panel:#18201a;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#101612;font-family:DM Sans,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:#d9e4d1;background:#232e23;border:1px solid #41503b;border-radius:8px;padding:10px 15px;font-size:13px;font-weight:600;transition:background .15s,border-color .15s,transform .15s}button:hover{background:#30402b;border-color:#829e61}button:active{transform:translateY(1px)}button:disabled{opacity:.45;cursor:default}input,select,textarea{color:#e4ebdc;background:#111912;border:1px solid #354431;border-radius:7px;outline:none;min-width:0;padding:10px 11px;font-size:13px}input:focus,select:focus,textarea:focus{border-color:#99bc74;box-shadow:0 0 0 2px #9cc47420}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:3px}input[type=checkbox]{accent-color:#a9d078;cursor:pointer}h1,h2,h3,.brand{font-family:Manrope,sans-serif}h1{letter-spacing:-1.6px;margin:9px 0 12px;font-size:42px;line-height:1.15}h2{letter-spacing:-.6px;margin:8px 0 12px;font-size:21px}p{margin:8px 0 16px;line-height:1.65}small{color:var(--muted);font-size:12px}.muted{color:var(--muted);font-size:13px}.eyebrow{letter-spacing:1.8px;color:#a7c18e;font-size:10px;font-weight:700}.app-shell{background:radial-gradient(at 90% 0,#34422238,#0000 48%);max-width:1600px;min-height:100vh;margin:auto;padding:0 36px}.topbar{border-bottom:1px solid var(--line);align-items:center;gap:24px;padding:26px 0;display:flex}.brand{color:#eff5e8;letter-spacing:1.5px;align-items:center;gap:12px;font-size:15px;font-weight:800;text-decoration:none;display:flex}.brand small{letter-spacing:.3px;margin-top:4px;font-family:DM Sans,sans-serif;font-size:10px;font-weight:400;display:block}.brand-mark{color:var(--accent);font-size:38px;line-height:1}.preview{letter-spacing:1.2px;color:#b6cba1;border:1px solid #586446;border-radius:4px;padding:5px 7px;font-size:9px}.account{color:#aabb9b;margin-left:auto;font-size:12px}.page-heading{justify-content:space-between;align-items:center;gap:20px;padding:38px 0 24px;display:flex}.page-heading p{margin:0}.connection{color:#96aa8b;align-items:center;gap:8px;font-size:11px;display:flex}.connection i{background:#6c776a;border-radius:50%;width:6px;height:6px}.connection .online{background:#a5d675;box-shadow:0 0 9px #a5d67566}.workspace{grid-template-columns:265px minmax(0,1fr);gap:28px;display:grid}.library{border-right:1px solid var(--line);align-self:start;padding-right:24px;position:sticky;top:20px}.library h2{font-size:17px}.section-top{justify-content:space-between;align-items:center;gap:10px;display:flex}.icon-button{color:#91a586;background:0 0;border:0;padding:5px 8px;font-size:20px;line-height:1.2}.tabs{border-bottom:1px solid var(--line);gap:6px;margin:14px 0;display:flex}.tabs button{color:#899e7e;background:0 0;border:0;border-radius:0;padding:10px 10px 12px}.tabs button.active{color:var(--accent);border-bottom:2px solid var(--accent)}.library>input{width:100%;margin:4px 0 14px}.build-list{flex-direction:column;gap:8px;max-height:65vh;display:flex;overflow:auto}.build-card{text-align:left;background:#182219;border:1px solid #0000;flex-direction:column;gap:7px;padding:15px 13px;display:flex}.build-card.selected{background:#293621;border-color:#748e54}.build-card strong{overflow-wrap:anywhere;font-size:13px;line-height:1.5}.race-tag{text-transform:uppercase;letter-spacing:1.4px;color:#b4cd98;font-size:9px;font-weight:700}.build-card small{font-size:10px}.main-column{flex-direction:column;gap:22px;min-width:0;display:flex}.capture-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.import-card,.record-card{background:linear-gradient(135deg,#2b3826,#1a231b);border:1px solid #48583a;border-radius:12px;padding:25px;position:relative;overflow:hidden}.record-card{background:linear-gradient(135deg,#202a20,#18201a);border-color:#35452f}.capture-grid p{color:#a6b89a;max-width:320px;min-height:43px;font-size:13px}.capture-grid small{margin-top:12px;font-size:10px;display:block}.primary{background:var(--accent);color:#26351d;border-color:var(--accent)}.primary:hover{background:#d5f1a8;border-color:#e0fac0}.recording{color:#e9c39c;background:#4c3520;border-color:#9b7146}.panel,.practice-panel{border:1px solid var(--line);background:var(--panel);border-radius:12px;padding:25px}.player-choices{gap:12px;display:flex}.player-choices button{text-align:left;background:#243322;flex-direction:column;flex:1;gap:10px;padding:20px;display:flex}.player-choices strong{font-size:17px}.import-result>.muted{margin:18px 0 0}.title-input{border:0;border-bottom:1px solid var(--line);background:0 0;border-radius:0;width:100%;margin:10px 0;padding:10px 0;font-family:Manrope,sans-serif;font-size:24px;font-weight:700}.editor-meta{align-items:center;gap:10px;margin:10px 0;display:flex}.editor-meta>input{flex:1}.editor-meta>span{color:#94a387;white-space:nowrap;font-size:10px}.editor textarea{resize:vertical;width:100%;min-height:64px;line-height:1.5}.editor-tools{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:10px;padding:18px 0;display:flex}.editor-tools>span{color:var(--muted);font-size:11px}.trim{align-items:center;gap:6px;margin-left:auto;display:flex}.trim label{color:var(--muted);font-size:11px}.trim input{width:50px;margin:0 5px;padding:8px 5px}.timeline{scrollbar-color:#586b48 transparent;scrollbar-width:thin;max-height:620px;overflow:auto}.timeline-row{border-bottom:1px solid #2c382b;align-items:center;gap:12px;padding:13px 0;display:flex}.timeline-row.excluded{opacity:.4}.time-input{text-align:center;color:#cbe3b2;background:0 0;border-color:#0000;width:66px;padding:7px 2px;font-family:monospace}.unit-icon{object-fit:cover;border-radius:5px;flex:0 0 38px;width:38px;height:38px;box-shadow:0 2px 7px #0007}.unknown{color:#b7cb9f;background:#2c3d28;place-items:center;font-size:24px;display:grid}.step-description{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.step-description strong{font-size:13px}.step-description small{text-transform:capitalize;font-size:10px}.step-description input{background:0 0;border:0;min-width:0;padding:4px 0;font-size:11px}.timeline-row>select{width:92px;padding:6px;font-size:11px}.add-step{margin:16px 0}.add-step select{width:100%}.editor-footer{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;gap:12px;padding-top:20px;display:flex}.actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.practice-panel{background:linear-gradient(110deg,#21301e,#151e17);border-color:#586e45}.clock{font-variant-numeric:tabular-nums;color:#d3e7be;font-size:18px}.practice-meta{color:#a4b897;text-transform:capitalize;justify-content:space-between;gap:12px;margin-bottom:20px;font-size:11px;display:flex}.practice-step{border-bottom:1px solid #32432b;align-items:center;gap:14px;padding:12px 0;display:flex}.step-time{color:#a4bd8a;flex-shrink:0;width:48px;font:13px monospace}.grow{flex:1;min-width:0}.grow strong{font-size:13px}.grow small{margin-top:4px;font-size:10px;display:block}.next-step strong{color:#e1edc8;font-size:16px}.next-step .unit-icon{flex-basis:48px;width:48px;height:48px}.countdown,.late{font-variant-numeric:tabular-nums;white-space:nowrap;color:#c1dea0;font-size:12px}.late{color:#e0b47d}.next-progress{background:#34482b;height:3px;margin:18px 0}.next-progress span{background:#aecd87;height:100%;transition:width 1s linear;display:block}.practice-panel .actions{margin-top:18px}details{border-top:1px solid var(--line);margin-top:22px;padding-top:14px}summary{color:#b8cfa2;cursor:pointer;font-size:12px}.result-list>div{border-bottom:1px solid var(--line);justify-content:space-between;gap:15px;padding:9px 0;font-size:12px;display:flex}.recording-list{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;display:grid}.recording-list button{flex-direction:column;align-items:flex-start;gap:8px;display:flex}.recording-list button>span{color:var(--accent);font-size:11px}.empty{color:#809278;padding:12px 2px;font-size:12px;line-height:1.8}.empty-workspace{text-align:center;color:#677d59;border:1px dashed #35432e;border-radius:12px;padding:64px 12px}.empty-workspace span{margin:0 12px;font-family:monospace;font-size:12px}.empty-workspace b{color:#b0c59b;margin-left:8px;font:500 15px Manrope,sans-serif;display:inline}.empty-workspace i{font-style:normal}.empty-workspace p{margin-top:28px;font-size:12px}.alert,.notice{color:#e4bf98;background:#39291c;border:1px solid #805a3b;border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:20px;padding:13px 16px;font-size:13px;display:flex}.alert button{background:0 0;border:0;padding:0 6px;font-size:22px}.notice{color:#c6dfa8;background:#283722;border-color:#526c3e}.success{color:var(--accent)}.page-footer{color:#6f8165;border-top:1px solid #283526;justify-content:space-between;gap:15px;margin-top:32px;padding:35px 0;font-size:10px;display:flex}.welcome{max-width:660px;padding:80px 0 100px}.welcome h1{letter-spacing:-3px;margin:18px 0 25px;font-size:64px;line-height:1.1}.welcome em{color:#b6d889;font-style:normal}.welcome>p{color:#9faf90;max-width:440px}.login-panel{border:1px solid var(--line);background:#1a2318;border-radius:12px;margin-top:35px;padding:24px;font-size:13px}.login-panel [role=alert]{color:#d3ac86;font-size:12px}.spinner{vertical-align:middle;border:2px solid;border-right-color:#0000;border-radius:50%;width:14px;height:14px;margin-right:9px;animation:.8s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.overlay{background:0 0}.overlay-panel{background:#111a12ee;border:1px solid #76925466;width:420px;max-width:calc(100vw - 16px);margin:8px;padding:18px;box-shadow:0 8px 28px #0008}.overlay-panel h2{margin-bottom:10px;font-size:18px}.overlay-panel .practice-step{gap:10px}.overlay-panel .eyebrow{font-size:9px}.overlay-panel .practice-meta{margin-bottom:8px;font-size:10px}.overlay-panel .practice-step .grow strong{font-size:13px}.overlay-panel .countdown,.overlay-panel .late{font-size:11px}@media (max-width:1000px){.app-shell{padding:0 20px}.workspace{grid-template-columns:210px minmax(0,1fr);gap:18px}.library{padding-right:16px}.capture-grid{grid-template-columns:1fr}.capture-grid p{max-width:none;min-height:0}.page-heading{flex-direction:column;align-items:flex-start}.editor-meta{flex-wrap:wrap}.editor-meta>span{width:100%}.panel,.practice-panel{padding:18px}.timeline-row{gap:8px}}@media (max-width:700px){.app-shell{padding:0 14px}.topbar{flex-wrap:wrap;gap:10px;padding:18px 0}.account{font-size:10px}.brand{font-size:12px}.brand small{font-size:9px}.preview{font-size:8px}.workspace{flex-direction:column;display:flex}.library{border:0;padding:0;position:static}.build-list{grid-template-columns:1fr 1fr;max-height:240px;display:grid}.page-heading{padding:26px 0 20px}h1{font-size:34px}.timeline-row{flex-wrap:wrap;gap:8px}.timeline-row>select{width:90px;margin-left:auto}.step-description{min-width:130px}.time-input{width:52px}.timeline-row .unit-icon{flex-basis:30px;width:30px;height:30px}.trim{margin-left:0}.player-choices{flex-direction:column}.practice-meta{flex-wrap:wrap}.page-footer{flex-direction:column}.welcome{padding:50px 0}.welcome h1{font-size:48px}.empty-workspace span{margin:0 4px}.empty-workspace b{margin-left:2px;font-size:12px}.empty-workspace{padding:35px 8px}.result-list>div{flex-direction:column;gap:5px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}