:root{--ink:#141414;--muted:#5c5c5c;--line:#e4e4e4;--soft:#f6f6f6;--yellow:#fffc00;--danger:#8d1d1d;--danger-bg:#fff6f6}*{box-sizing:border-box}body{color:var(--ink);background:#fff;margin:0;font-family:Avenir Next,Segoe UI,sans-serif;line-height:1.5}button,input{font:inherit}button{cursor:pointer}.wrap{width:min(720px,100% - 32px);margin:0 auto}header.site{padding:28px 0 0}.wordmark{width:fit-content;color:inherit;letter-spacing:-.03em;align-items:center;gap:8px;font-weight:700;text-decoration:none;display:flex}.wordmark img{border-radius:7px;width:28px;height:28px}h1{letter-spacing:-.045em;margin:48px 0 12px;font-size:clamp(40px,7vw,60px);line-height:.98}.lede{color:#333;max-width:38rem;margin:0 0 28px;font-size:18px}form{gap:8px;display:flex}label.field{flex:1;position:relative}label.field span{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}input[type=text]{width:100%;height:56px;color:var(--ink);background:#fff;border:1.5px solid #111;border-radius:14px;padding:0 16px}input[type=text]:focus{outline-offset:1px;outline:3px solid #fffc00e6}input.invalid{border-color:var(--danger)}form button[type=submit]{background:var(--yellow);color:#111;white-space:nowrap;border:0;border-radius:14px;height:56px;padding:0 22px;font-weight:700}form button[type=submit]:disabled{opacity:.55;cursor:progress}.helper{min-height:1.5em;color:var(--muted);margin:10px 0 0;font-size:14px}.helper.warn{color:var(--danger)}.examples{color:var(--muted);flex-wrap:wrap;align-items:center;gap:8px;margin-top:10px;font-size:14px;display:flex}.examples button{border:1px solid var(--line);height:32px;color:var(--ink);background:#fff;border-radius:999px;padding:0 12px;font-weight:650}.examples button:disabled{opacity:.55;cursor:progress}.result{margin-top:28px}.note{border:1px solid var(--line);background:var(--soft);border-radius:16px;padding:16px 18px}.note strong{margin-bottom:4px;display:block}.note.error{background:var(--danger-bg);color:var(--danger);border-color:#f0d0d0}.note.spaced{margin-top:16px}.profile{align-items:center;gap:14px;display:flex}.avatar,.avatar-fallback{color:#fff;object-fit:cover;background:#111;border-radius:50%;place-items:center;width:56px;height:56px;font-weight:700;display:grid}.profile p{margin:0}.handle{color:var(--muted)}.pill{background:#f1f1f1;border-radius:999px;margin-top:4px;padding:2px 8px;font-size:12px;display:inline-block}.stories{gap:12px;margin-top:18px;padding-bottom:6px;display:flex;overflow-x:auto}.story{width:116px;color:inherit;text-align:left;background:0 0;border:0;border-radius:18px;flex:none;padding:0;text-decoration:none}.cover{object-fit:cover;background:#ececec;border-radius:18px;width:116px;height:188px;box-shadow:0 10px 30px #0000000f}.story small{color:var(--muted);margin-top:8px;display:block}.skeleton{background:linear-gradient(90deg,#f3f3f3 25%,#e9e9e9 37%,#f3f3f3 63%) 0 0/400% 100%;border-radius:16px;height:120px;animation:1.1s infinite shine}@keyframes shine{0%{background-position:100% 0}to{background-position:0 0}}.copy{padding:28px 0 8px}.copy section{border-top:1px solid var(--line);padding:22px 0}h2{letter-spacing:-.03em;margin:0 0 8px;font-size:22px}.copy p,details p{color:#333;margin:0}.faq{padding-bottom:8px}details{border-top:1px solid var(--line);padding:14px 0}summary{cursor:pointer;font-weight:650}details p{margin-top:8px}footer{color:var(--muted);padding:8px 0 48px;font-size:14px}footer p{margin:0}.footer-links{flex-wrap:wrap;gap:8px 16px;margin-top:8px;display:flex}.footer-links a,.legal a{color:inherit}.legal .kicker{letter-spacing:.08em;color:var(--muted);margin:28px 0 0;font-size:13px}.legal h1{margin-top:8px;font-size:clamp(36px,6vw,48px)}.legal h2{margin-top:28px}.legal p{color:#333;max-width:40rem;margin:0 0 12px}.player{z-index:30;background:#000000db;place-items:center;display:none;position:fixed;inset:0}.player.open{display:grid}.stage{aspect-ratio:9/16;color:#fff;background:#111;border-radius:22px;width:min(380px,100vw - 32px);position:relative;overflow:hidden}.stage video,.stage img.frame{object-fit:cover;background:#111;width:100%;height:100%;position:absolute;inset:0}.bars{z-index:3;gap:4px;display:flex;position:absolute;top:12px;left:12px;right:52px}.bars i{background:#ffffff59;border-radius:99px;flex:1;height:3px;overflow:hidden}.bars i b{background:#fff;width:0;height:100%;display:block}.stage .close{z-index:4;color:#111;background:#fff;border:0;border-radius:50%;width:32px;height:32px;font-size:20px;line-height:1;position:absolute;top:22px;right:12px}.caption{z-index:3;pointer-events:none;text-shadow:0 1px 8px #0009;position:absolute;bottom:18px;left:16px;right:16px}.caption strong{font-size:18px;display:block}.zones{z-index:2;display:flex;position:absolute;inset:0}.zones button{color:#0000;background:0 0;border:0;flex:1}.tap-play{z-index:4;color:#111;background:#fff;border:0;border-radius:999px;padding:12px 18px;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media (max-width:640px){form{flex-direction:column}form button[type=submit]{width:100%}h1{margin-top:32px}}
