:root{font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","PingFang SC",sans-serif;color:#111;--bg:#e8f5f1;--card:#fff;--muted:#8d9693;--green:#06c662;--dark:#15232a}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html,body{margin:0;min-height:100%;background:var(--bg);overscroll-behavior:none}
button,textarea{font:inherit}button{border:0;cursor:pointer}button:active{transform:scale(.97)}
.home{min-height:100vh;padding:calc(env(safe-area-inset-top) + 44px) 22px calc(env(safe-area-inset-bottom) + 30px);max-width:720px;margin:auto}
.brand{display:flex;align-items:center;gap:17px;margin:20px 0 58px}.brand img{width:72px;height:72px;border-radius:22%;box-shadow:0 7px 24px #06c66225}.brand h1{font-size:34px;line-height:1.05;margin:0 0 9px;letter-spacing:-1px}.brand p{font-size:17px;color:var(--muted);margin:0}
.section{margin-bottom:46px}.section-head{height:40px;display:flex;align-items:center;justify-content:space-between;margin:0 4px 15px}.section h2{font-size:24px;margin:0;letter-spacing:-.5px}
.url-card{background:var(--card);padding:18px;border-radius:25px}.input-wrap{position:relative;background:#f3f6f5;border-radius:18px}.input-wrap textarea{display:block;width:100%;min-height:108px;resize:none;border:0;outline:0;background:transparent;padding:18px 48px 18px 17px;font-size:18px;line-height:1.45;color:#16201d}.input-wrap textarea::placeholder{color:#a3aaa8}.clear{display:none;position:absolute;right:12px;top:12px;width:31px;height:31px;border-radius:50%;background:#dfe5e3;color:#68716e;font-size:25px;line-height:28px}.actions{display:grid;grid-template-columns:1fr 1.6fr;gap:11px;margin-top:14px}.actions button,.mini{height:52px;border-radius:17px;font-weight:650}.primary{background:var(--green);color:white;font-size:18px}.secondary{background:#eef1f0;color:#606966}.hint{font-size:12px;color:#9aa19f;text-align:center;margin:13px 0 0}
.mini{height:38px;padding:0 16px;font-size:13px}.history{display:flex;flex-direction:column;gap:10px}.history-item{position:relative;background:white;border-radius:20px;padding:17px 50px 17px 17px;min-height:72px}.history-item h3{font-size:16px;margin:0 0 7px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.history-item p{font-size:12px;color:#929a97;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.history-item .more{position:absolute;right:8px;top:13px;width:40px;height:40px;background:transparent;color:#8e9794;font-size:22px}.empty{text-align:center;color:#9aa19f;background:#ffffff7d;padding:34px;border-radius:20px}.install-tip{text-align:center;color:#8e9794;font-size:12px;line-height:1.6;margin-top:60px}
.hidden{display:none!important}.player{position:fixed;inset:0;background:#000;z-index:100;overflow:hidden;touch-action:none}.stage{position:absolute;inset:0;overflow:hidden;background:#000}.stage video{position:absolute;left:50%;top:50%;max-width:none;max-height:none;transform-origin:center center;background:#000}.controls{position:absolute;inset:0;background:#0002;transition:opacity .18s;z-index:3}.controls.off{opacity:0;pointer-events:none}.round,.pill,.toolbar button{background:#17262ecc;color:#fff;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.round{border-radius:50%;color:#fff}.top-left{position:absolute;left:18px;top:calc(env(safe-area-inset-top) + 15px);width:51px;height:51px;font-size:28px}.pill{position:absolute;right:18px;top:calc(env(safe-area-inset-top) + 19px);height:43px;min-width:72px;border-radius:23px;font-size:16px}.center-controls{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:25px}.center-controls .small{width:64px;height:64px;font-size:17px}.center-controls .play{width:82px;height:82px;font-size:31px}.timeline{position:absolute;left:15px;right:15px;bottom:calc(env(safe-area-inset-bottom) + 75px);height:48px;display:grid;grid-template-columns:48px 1fr 48px;gap:6px;align-items:center;color:#fff;font-size:12px}.timeline span{text-align:center}.timeline input{width:100%;accent-color:#fff}.toolbar{position:absolute;left:12px;right:12px;bottom:calc(env(safe-area-inset-bottom) + 11px);display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.toolbar button{height:51px;border-radius:25px;color:#fff;font-size:15px}.loading{position:absolute;z-index:2;left:50%;top:50%;width:42px;height:42px;margin:-21px;border:4px solid #ffffff40;border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.zoom-toast{position:absolute;z-index:4;left:50%;top:18%;transform:translateX(-50%);padding:9px 16px;border-radius:22px;background:#111b;color:#fff}.message{position:fixed;z-index:200;left:50%;bottom:calc(env(safe-area-inset-bottom) + 28px);transform:translateX(-50%);max-width:88%;background:#111e;color:#fff;padding:12px 18px;border-radius:22px;font-size:14px;text-align:center}.locked .stage{touch-action:none}@keyframes spin{to{transform:rotate(360deg)}}
@media(min-width:700px){.home{padding-left:45px;padding-right:45px}.url-card{padding:24px}}