:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;color:#f5f3ff;background:#101018;font-synthesis:none}*{box-sizing:border-box}html,body,#app{width:100%;min-height:100%;margin:0;background:#101018}body{overflow:hidden}button{font:inherit}button:focus-visible{outline:2px solid #b8a5ff;outline-offset:3px}.splash{min-height:100dvh;padding:32px 28px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;background:radial-gradient(circle at 80% 18%,#5436a7 0,transparent 30%),radial-gradient(circle at 17% 84%,#244a98 0,transparent 37%),#101018}.splash p{margin:0 0 20px;color:#b8a5ff;font-size:14px}.splash h1{max-width:9ch;margin:0;font-size:clamp(40px,12vw,64px);line-height:.94;letter-spacing:-.065em}.splash span{max-width:28ch;margin:24px 0 32px;color:#d0cddd;line-height:1.4}.start-button,.resume{border:0;border-radius:999px;padding:15px 20px;background:#f5f3ff;color:#15121d;font-weight:750}.feed{height:100dvh;overflow-y:auto;scroll-snap-type:y mandatory;overscroll-behavior-y:contain;scrollbar-width:none}.feed::-webkit-scrollbar{display:none}.reel{position:relative;height:100dvh;overflow:hidden;scroll-snap-align:start;scroll-snap-stop:always;background:radial-gradient(circle at 70% 25%,#343258,#16141f 55%)}.reel__poster,.reel__media,.reel__shade{position:absolute;inset:0;width:100%;height:100%}.reel__poster,.reel__video{object-fit:cover}.reel__video{width:100%;height:100%}.reel__shade{background:linear-gradient(180deg,#0000 43%,#07070cbb);pointer-events:none}.reel__copy{position:absolute;z-index:3;left:16px;right:82px;bottom:22px;text-shadow:0 1px 14px #000}.reel__author{display:flex;gap:8px;align-items:center;font-size:14px}.reel__author>span{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#b8a5ff;color:#171222;font-weight:800}.reel__author small,.reel__audio{color:#d1cddd}.reel__copy p{margin:10px 0 8px;line-height:1.35;font-size:15px}.actions{position:absolute;z-index:4;right:12px;bottom:22px;display:grid;gap:18px}.action{display:grid;justify-items:center;gap:4px;padding:0;border:0;color:#fff;background:transparent;text-shadow:0 1px 12px #000}.action__icon{font-size:31px;line-height:.9}.action__count{font-size:11px;font-weight:700}.action--like.is-liked .action__icon{color:#ff5a8b;transform:scale(1.12);text-shadow:0 0 14px #ff5a8b99}.sound{position:fixed;z-index:5;top:16px;right:16px;width:42px;height:42px;border-radius:50%;border:1px solid #ffffff26;background:#15131b88;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.resume{position:fixed;z-index:6;left:50%;bottom:36%;transform:translate(-50%);white-space:nowrap}.notice{position:fixed;z-index:7;left:50%;bottom:22px;transform:translate(-50%);margin:0;padding:10px 14px;border-radius:999px;background:#15131be6;font-size:13px;box-shadow:0 8px 30px #0007}@media(min-width:640px){#app{max-width:430px;margin:0 auto;box-shadow:0 0 90px #0009}.sound{right:calc(50% - 199px)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}