:root{--bg: #0e0f12;--card: #1a1c21;--card-2: #23262d;--line: #2c2f36;--text: #f4f5f7;--muted: #8b909a;--lime: #c6f432;--lime-ink: #10130a;--blue: #4fb8ff;--danger: #ff5d5d;--r: 16px;--head: "Unbounded", "Inter", system-ui, sans-serif;--safe-b: var(--tg-safe-area-inset-bottom, env(safe-area-inset-bottom, 0px))}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;background:var(--bg);color:var(--text);font:14px/1.4 Inter,system-ui,sans-serif}body{overscroll-behavior:none}button{font:inherit;color:inherit;border:0;background:none;cursor:pointer;padding:0}input{font:inherit;color:inherit}h1,h2,h3{font-family:var(--head);margin:0;letter-spacing:-.02em}.screen{min-height:100vh;padding:16px 16px calc(110px + var(--safe-b))}.topbar{display:flex;align-items:center;gap:10px;margin:4px 0 18px;min-height:36px}.topbar h2{font-size:17px;flex:1}.icon-btn{width:36px;height:36px;display:grid;place-items:center;border-radius:10px;color:var(--text)}.icon-btn:active{background:var(--card)}.logo{display:flex;align-items:center;gap:10px;font-family:var(--head);font-weight:700;font-size:16px;flex:1}.logo-mark{width:34px;height:34px;border-radius:10px;background:var(--lime);color:var(--lime-ink);display:grid;place-items:center}.chip{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border-radius:999px;background:var(--card);font-weight:600;font-size:13px}.chip svg{color:var(--lime)}.chip-lime{background:#c6f43224;color:var(--lime)}.hero{font-size:22px;line-height:1.2;margin-bottom:8px}.lead{color:var(--muted);margin:0 0 16px;font-size:13px}.search{display:flex;align-items:center;gap:10px;background:var(--card);border-radius:12px;padding:0 12px;height:42px;color:var(--muted);margin-bottom:16px}.search input{flex:1;background:none;border:0;outline:0;height:100%}.card{background:var(--card);border-radius:var(--r);padding:14px}.row{display:flex;align-items:center;gap:12px}.grow{flex:1;min-width:0}.muted{color:var(--muted)}.small{font-size:12px}.bold{font-weight:700}.lime{color:var(--lime)}.ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.add-ref{width:100%;text-align:left;margin-bottom:18px}.plus-box{width:40px;height:40px;border-radius:12px;background:var(--card-2);color:var(--lime);display:grid;place-items:center;flex:none}.section-title{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:22px 0 10px;display:flex;justify-content:space-between}.tabs-cat{display:flex;gap:8px;overflow-x:auto;margin:0 -16px 14px;padding:0 16px;scrollbar-width:none}.tabs-cat::-webkit-scrollbar{display:none}.tab-cat{padding:7px 14px;border-radius:999px;background:var(--card);color:var(--muted);font-weight:600;font-size:13px;white-space:nowrap}.tab-cat.on{background:var(--text);color:var(--bg)}.ref-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.ref-card{text-align:left}.ref-thumb{position:relative;aspect-ratio:9 / 13;border-radius:14px;overflow:hidden;background:var(--card-2)}.ref-thumb img,.ref-thumb video{width:100%;height:100%;object-fit:cover;display:block}.ref-thumb .tag{position:absolute;top:8px;left:8px}.ref-thumb .dur{position:absolute;bottom:8px;right:8px}.ref-thumb .play{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto}.tag{padding:3px 8px;border-radius:6px;background:#000000a6;font-size:11px;font-weight:700}.play{width:44px;height:44px;border-radius:50%;background:#ffffffeb;color:#111;display:grid;place-items:center}.ref-title{font-weight:700;margin-top:8px;font-size:13px;line-height:1.25}.ref-sub{color:var(--muted);font-size:11px;margin-top:2px}.empty{text-align:center;color:var(--muted);padding:36px 12px}.tabbar{position:fixed;left:0;right:0;bottom:0;display:flex;background:#0e0f12f5;border-top:1px solid var(--line);padding:8px 0 calc(8px + var(--safe-b));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:10}.tabbar button{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;color:var(--muted);font-size:11px;font-weight:600}.tabbar button.on{color:var(--lime)}.bottom-cta{position:fixed;left:0;right:0;bottom:0;padding:12px 16px calc(12px + var(--safe-b));background:linear-gradient(transparent,var(--bg) 24%);z-index:10}.btn{width:100%;height:50px;border-radius:14px;display:flex;align-items:center;justify-content:center;gap:8px;font-weight:700;font-size:15px}.btn-lime{background:var(--lime);color:var(--lime-ink)}.btn-dark{background:var(--card);color:var(--text)}.btn:disabled{opacity:.45}.btn:active:not(:disabled){transform:scale(.985)}.btn-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}.btn-row .btn{height:46px;font-size:14px}.has-tabbar .bottom-cta{bottom:calc(58px + var(--safe-b));padding-bottom:12px}.has-tabbar.screen{padding-bottom:calc(190px + var(--safe-b))}.cta-note{text-align:center;color:var(--muted);font-size:11px;margin-top:8px}.ref-pick{display:flex;gap:12px;align-items:center}.ref-pick .mini{width:52px;height:70px;border-radius:10px;overflow:hidden;background:var(--card-2);flex:none;position:relative}.ref-pick .mini img{width:100%;height:100%;object-fit:cover}.link-btn{color:var(--lime);font-weight:700;font-size:13px}.clips{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.clip{position:relative;aspect-ratio:9 / 14;border-radius:12px;overflow:hidden;background:var(--card-2)}.clip img{width:100%;height:100%;object-fit:cover}.clip .x{position:absolute;top:5px;right:5px;width:22px;height:22px;border-radius:50%;background:#000000b3;display:grid;place-items:center}.clip .x svg{width:12px;height:12px}.clip .dur{position:absolute;bottom:5px;left:5px}.clip-add{border:1.5px dashed var(--line);background:transparent;color:var(--lime);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font-size:11px;font-weight:700}.clip .bar{position:absolute;left:6px;right:6px;bottom:8px;height:4px;border-radius:4px;background:#fff3;overflow:hidden}.clip .bar i{display:block;height:100%;background:var(--lime)}.hint{color:var(--muted);font-size:12px;margin-top:10px}.seg{display:flex;background:var(--card);border-radius:12px;padding:4px}.seg button{flex:1;height:38px;border-radius:9px;font-weight:700;font-size:13px;color:var(--muted)}.seg button.on{background:var(--text);color:var(--bg)}.settings{background:var(--card);border-radius:var(--r);overflow:hidden}.setting{display:flex;align-items:center;gap:12px;padding:13px 14px;border-bottom:1px solid var(--line);width:100%;text-align:left}.setting:last-child{border-bottom:0}.toggle{width:44px;height:26px;border-radius:999px;background:var(--card-2);position:relative;flex:none;transition:background .2s;border:1px solid var(--line)}.toggle:after{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;border-radius:50%;background:#e6e7ea;transition:transform .2s}.toggle.on{background:var(--lime);border-color:var(--lime)}.toggle.on:after{transform:translate(18px);background:var(--lime-ink)}.ring-wrap{position:relative;width:210px;height:210px;margin:8px auto 26px}.ring-wrap svg{transform:rotate(-90deg)}.ring-center{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.ring-center b{font-family:var(--head);font-size:44px;letter-spacing:-.03em}.steps{display:flex;flex-direction:column;gap:4px}.step{display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:12px;font-weight:600}.step.cur{background:var(--card)}.step.todo{color:var(--muted)}.dot{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;flex:none}.dot.done{background:var(--lime);color:var(--lime-ink)}.dot.done svg{width:13px;height:13px;stroke-width:3}.dot.todo{border:1.5px solid var(--line)}.dot.cur{border:2.5px solid var(--card-2);border-top-color:var(--lime);animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.info{display:flex;gap:10px;background:var(--card);border-radius:12px;padding:12px 14px;margin-top:16px;font-size:12px;color:#c9ccd2}.info svg{color:var(--blue);flex:none;margin-top:1px}.player{width:62%;margin:0 auto;border-radius:18px;overflow:hidden;background:var(--card);position:relative}.player video{width:100%;display:block;max-height:56vh;background:#000}.meta-line{text-align:center;color:var(--muted);font-size:12px;margin:12px 0 4px}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip-btn{padding:9px 13px;border-radius:10px;background:var(--card);font-weight:600;font-size:13px}.chip-btn:active{background:var(--card-2)}.chip-btn:disabled{opacity:.5}.balance-card{background:var(--lime);color:var(--lime-ink);border-radius:20px;padding:18px}.balance-card .num{font-family:var(--head);font-size:48px;font-weight:700;line-height:1}.pkg{display:flex;align-items:center;gap:12px;width:100%;background:var(--card);border-radius:14px;padding:14px;text-align:left;border:1.5px solid transparent;margin-bottom:10px}.pkg.on{border-color:var(--lime)}.radio{width:20px;height:20px;border-radius:50%;border:2px solid var(--muted);flex:none;display:grid;place-items:center}.pkg.on .radio{border-color:var(--lime)}.pkg.on .radio:after{content:"";width:10px;height:10px;border-radius:50%;background:var(--lime)}.badge{background:var(--blue);color:#04223a;border-radius:6px;padding:1px 6px;font-size:10px;font-weight:700;margin-left:6px}.price{display:inline-flex;align-items:center;gap:4px;font-weight:700}.price svg{color:#ffc93c}.gift{width:40px;height:40px;border-radius:12px;background:var(--card-2);display:grid;place-items:center;flex:none}.pill-btn{padding:9px 14px;border-radius:10px;background:var(--card-2);font-weight:700;font-size:13px}.proj{display:flex;gap:12px;align-items:center;width:100%;text-align:left;background:var(--card);border-radius:14px;padding:10px;margin-bottom:10px}.proj .mini{width:54px;height:72px;border-radius:10px;overflow:hidden;background:var(--card-2);flex:none}.proj .mini img{width:100%;height:100%;object-fit:cover}.status{font-size:11px;font-weight:700;padding:3px 8px;border-radius:6px}.status.done{background:#c6f43224;color:var(--lime)}.status.running,.status.queued{background:#4fb8ff26;color:var(--blue)}.status.failed,.status.cancelled{background:#ff5d5d24;color:var(--danger)}.sheet-bg{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;z-index:30;display:flex;align-items:flex-end}.sheet{width:100%;background:var(--bg);border-radius:22px 22px 0 0;padding:18px 16px calc(18px + var(--safe-b));border-top:1px solid var(--line)}.field{width:100%;height:46px;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:0 14px;outline:0;margin-bottom:10px}.field:focus{border-color:var(--lime)}.or{text-align:center;color:var(--muted);font-size:12px;margin:6px 0 12px}.skeleton{background:linear-gradient(90deg,var(--card) 0%,var(--card-2) 50%,var(--card) 100%);background-size:200% 100%;animation:sh 1.2s infinite}@keyframes sh{to{background-position:-200% 0}}.spinner{width:18px;height:18px;border-radius:50%;border:2.5px solid rgba(0,0,0,.2);border-top-color:currentColor;animation:spin .8s linear infinite}