*{box-sizing:border-box}html,body{margin:0;background:#000;color:#fff;font-family:Arial,Helvetica,sans-serif;height:100%;overflow:hidden}a{color:inherit;text-decoration:none}button{font:inherit}.tt-head{position:fixed;top:0;left:0;right:0;height:62px;z-index:20;display:flex;align-items:center;padding:0 16px;background:linear-gradient(#000b,transparent);gap:16px}.brand{font-weight:900;font-size:21px;letter-spacing:-.5px}.tt-search{display:flex;max-width:420px;flex:1;margin:auto;background:#ffffff18;border:1px solid #ffffff20;border-radius:24px;overflow:hidden}.tt-search input{flex:1;background:transparent;border:0;outline:0;color:white;padding:10px 15px}.tt-search button{border:0;background:transparent;color:white;padding:0 14px}.head-actions{display:flex;gap:15px;align-items:center;font-weight:800}.feed{height:100vh;overflow-y:auto;scroll-snap-type:y mandatory;scrollbar-width:none}.feed::-webkit-scrollbar{display:none}.slide{height:100vh;min-height:560px;position:relative;scroll-snap-align:start;background:#111;overflow:hidden}.tt-video{width:100%;height:100%;object-fit:cover;background:#111}.shade{position:absolute;inset:0;background:linear-gradient(transparent 50%,#000b 100%);pointer-events:none}.info{position:absolute;left:20px;right:85px;bottom:72px;z-index:3;text-shadow:0 2px 8px #000}.creator{display:flex;align-items:center;gap:9px;font-size:16px;margin-bottom:13px}.avatar{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:#ff2f5b;border:2px solid #fff;font-weight:900}.info h2{font-size:20px;margin:5px 0;line-height:1.2}.info p{font-size:14px;line-height:1.4;margin:8px 0;color:#eee}.sound{font-size:13px;font-weight:700}.rail{position:absolute;right:13px;bottom:85px;z-index:5;display:flex;flex-direction:column;gap:18px;align-items:center}.rail button,.rail a{background:transparent;border:0;color:white;text-align:center;font-size:30px;padding:0;cursor:pointer;text-shadow:0 2px 8px #000}.rail small{display:block;font-size:11px;font-weight:700;margin-top:2px}.tap-hint{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:0;background:#0008;border-radius:50%;width:70px;height:70px;opacity:0;pointer-events:none}.tap-hint:after{content:'▶';font-size:27px;display:grid;place-items:center;height:100%}.slide.paused .tap-hint{opacity:1}.bottom{display:none}.empty{height:100vh;display:grid;place-items:center;text-align:center;font-size:18px}.empty a{color:#ff4167}@media(max-width:700px){.tt-head{height:56px}.tt-search{max-width:none}.brand{font-size:18px}.tt-search{display:none}.head-actions{margin-left:auto}.slide{height:100svh}.info{bottom:70px}.rail{bottom:78px}.bottom{display:flex;position:fixed;z-index:30;left:0;right:0;bottom:0;height:62px;background:#000e;border-top:1px solid #ffffff12;justify-content:space-around;align-items:center}.bottom a{font-size:12px;text-align:center}.bottom b{display:block;font-size:22px}.bottom .plus{font-size:29px;background:#fff;color:#000;width:45px;height:35px;border-radius:10px;line-height:33px}.bottom span{font-size:10px;color:#ccc}.rail a,.rail button{font-size:29px}.info h2{font-size:18px}}