:root{--bg:#07140d;--card:#0e2316;--line:#1f4630;--txt:#ecf8f0;--mut:#9bb8a6;--acc:#22c55e;--warn:#facc15}*{box-sizing:border-box}body{background:var(--bg) repeating-linear-gradient(90deg, transparent 0 90px, #ffffff05 90px 180px);color:var(--txt);margin:0;font-family:system-ui,Segoe UI,sans-serif}a{color:inherit}.top{border-bottom:1px solid var(--line);z-index:5;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#07140de6;justify-content:space-between;align-items:center;padding:12px 20px;display:flex;position:sticky;top:0}.top a{text-decoration:none}.brand{font-size:21px;font-weight:900}.top nav a,.foot nav a{color:var(--mut);margin-left:16px;font-weight:600}.top nav a:hover,.foot nav a:hover{color:var(--txt)}main{max-width:1100px;margin:0 auto;padding:20px 16px 80px}h1{margin:8px 0 16px;font-size:26px}h2{margin:0 0 12px;font-size:18px}.card{background:var(--card);border:1px solid var(--line);border-radius:14px;margin-bottom:16px;padding:16px}.row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.grid2{grid-template-columns:1fr 1fr;gap:10px;display:grid}@media (max-width:640px){.grid2{grid-template-columns:1fr}}label{color:var(--mut);margin-bottom:4px;font-size:13px;display:block}input,select,textarea{width:100%;color:var(--txt);border:1px solid var(--line);background:#08190f;border-radius:10px;padding:10px;font-size:15px}input[type=color]{height:42px;padding:2px}button,.btn{color:var(--txt);border:1px solid var(--line);cursor:pointer;background:#16361f;border-radius:10px;padding:10px 14px;font-size:15px}button:hover{border-color:var(--acc)}button.primary{background:var(--acc);color:#04210f;border-color:var(--acc);font-weight:700}button.danger{color:#fca5a5}button:disabled{opacity:.5;cursor:not-allowed}.chips{flex-wrap:wrap;gap:6px;display:flex}.chip{border:1px solid var(--line);cursor:pointer;background:#08190f;border-radius:999px;padding:8px 12px;font-size:14px}.chip.on{background:var(--acc);color:#04210f;border-color:var(--acc);font-weight:700}.muted{color:var(--mut);font-size:14px}video,canvas{background:#000;border-radius:10px;max-width:100%}.clip{border:1px solid var(--line);border-radius:10px;align-items:center;gap:10px;margin-bottom:8px;padding:10px;display:flex}.clip .grow{flex:1;min-width:0}.badge{color:#fff;border-radius:999px;padding:3px 9px;font-size:12px;font-weight:700}.score{color:var(--warn);font-size:22px;font-weight:800}.stagewrap{width:fit-content;max-width:100%;margin:12px auto 0;position:relative}.genmodal{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:5;background:#030c07d1;border-radius:6px;justify-content:center;align-items:center;padding:12px;display:flex;position:absolute;inset:0}.genbox{text-align:center;color:#fff;width:100%;max-width:340px}.genbox h3{margin:6px 0 2px;font-size:22px}.genbox p{color:#e5f5ea;margin:12px 0 0;font-size:15px;line-height:1.4}.genbox p b{color:#facc15}.genpct{margin:4px 0 10px;font-size:44px;font-weight:800}.genball{font-size:44px;animation:1.2s linear infinite genspin;display:inline-block}@keyframes genspin{to{transform:rotate(360deg)}}.bar.big{height:16px}.bar{background:#08190f;border-radius:99px;height:8px;overflow:hidden}.bar>div{background:var(--acc);height:100%}.col{flex-direction:column;gap:4px;display:flex}.col button{padding:2px 8px}.strip{gap:10px;padding-bottom:6px;display:flex;overflow-x:auto}.src{border:2px solid var(--line);cursor:pointer;background:#08190f;border-radius:10px;flex:0 0 150px;padding:6px}.src.sel{border-color:var(--acc)}.src img,.src .ph{aspect-ratio:16/9;object-fit:cover;background:#000;border-radius:6px;width:100%;display:block}.ph{background:#000;justify-content:center;align-items:center;display:flex}.src .nm{white-space:nowrap;text-overflow:ellipsis;margin:6px 0 2px;font-size:12px;overflow:hidden}.src .st{font-size:12px;font-weight:700}.st.ok{color:#4ade80}.st.todo{color:#facc15}.st.miss{color:#fca5a5}.th{object-fit:cover;border-radius:6px;flex:none;width:96px;height:54px}.clip{flex-wrap:wrap}.cmain{flex:280px;align-items:flex-start;gap:10px;min-width:0;display:flex}.cmain .grow{flex:1;min-width:0}.cact{flex-wrap:wrap;align-items:center;gap:6px;margin-left:auto;display:flex}.wrapx{overflow-wrap:anywhere;word-break:break-word}@media (max-width:640px){main{padding:14px 12px 70px}h1{font-size:21px}.card{padding:12px}.cact{justify-content:flex-end;width:100%;margin-left:0}.th{width:72px;height:41px}button,.btn{padding:9px 11px;font-size:14px}.row{gap:8px}}.hero{grid-template-columns:1.05fr 1fr;align-items:center;gap:28px;padding:18px 0 34px;display:grid}.hero h1{margin:10px 0 14px;font-size:40px;line-height:1.1}.lead{color:#cfe6d8;font-size:18px;line-height:1.5}.kicker{border:1px solid var(--line);color:#9be7b4;background:#12301c;border-radius:999px;padding:5px 12px;font-size:13px;font-weight:700;display:inline-block}.btn{text-decoration:none;display:inline-block}.btn.primary{background:var(--acc);color:#04210f;border-color:var(--acc);font-weight:800}.btn.big{padding:13px 22px;font-size:17px}.pitch{filter:drop-shadow(0 18px 30px #00000073);width:100%;height:auto}.sec{margin:34px 0 14px;font-size:24px}.steps{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.step,.feature{background:var(--card);border:1px solid var(--line);color:inherit;border-radius:14px;padding:16px;text-decoration:none;display:block}.step p,.feature p{margin:6px 0 0}.num{background:var(--acc);color:#04210f;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;margin-bottom:8px;font-weight:900;display:inline-flex}.features{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.feature .ico{margin-bottom:6px;font-size:28px;display:block}.feature.post:hover{border-color:var(--acc)}.cta{text-align:center;border:1px solid var(--line);background:linear-gradient(135deg,#14532d,#0e2316);border-radius:18px;margin:36px 0 10px;padding:30px 16px}.foot{border-top:1px solid var(--line);max-width:1100px;margin-top:30px;margin-left:auto;margin-right:auto;padding:22px 20px}.prose{max-width:760px;margin:0 auto}.prose h1{font-size:32px;line-height:1.2}.prose h2{margin:28px 0 10px;font-size:22px}.prose p,.prose li{color:#dcefe3;font-size:17px;line-height:1.7}.prose a{color:#6ee7a0}.tldr{border:1px solid var(--line);border-left:4px solid var(--acc);background:#12301c;border-radius:10px;margin:16px 0;padding:12px 16px}.tldr p{margin:6px 0 0}details{background:var(--card);border:1px solid var(--line);border-radius:10px;margin-bottom:8px;padding:10px 14px}summary{cursor:pointer;font-weight:700}@media (max-width:820px){.hero{grid-template-columns:1fr}.hero h1{font-size:30px}.steps{grid-template-columns:1fr 1fr}.features{grid-template-columns:1fr}.top{padding:10px 14px}.top nav a{margin-left:12px}}
