:root{--bg: #fff;--fg: #111;--muted: #8e8e8e;--border: #dbdbdb;--accent: #0095f6;--heart: #ed4956;--surface: #fafafa}@media(prefers-color-scheme:dark){:root{--bg: #000;--fg: #fafafa;--muted: #a8a8a8;--border: #262626;--surface: #121212}}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.app{max-width:640px;margin:0 auto;min-height:100vh}.topbar{display:flex;align-items:center;height:54px;padding:0 16px;border-bottom:1px solid var(--border);position:sticky;top:0;background:var(--bg);z-index:5}.wordmark{font-size:22px;font-weight:700;letter-spacing:.3px}.muted{color:var(--muted)}.small{font-size:13px}.profile{display:flex;align-items:center;gap:20px;padding:20px 16px}.avatar{width:72px;height:72px;border-radius:50%;background:linear-gradient(45deg,#f09433,#dc2743,#bc1888);color:#fff;display:grid;place-items:center;font-size:28px;font-weight:700;overflow:hidden}.avatar img{width:100%;height:100%;object-fit:cover}.handle{font-size:17px;font-weight:600}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px}.cell{position:relative;aspect-ratio:1;border:0;padding:0;background:var(--surface);cursor:pointer;overflow:hidden}.badge{position:absolute;top:6px;right:8px;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.6);font-size:14px}.badge.play{top:auto;bottom:6px;left:8px;right:auto}.media{position:relative;width:100%}.media img,.media video{display:block;width:100%;height:100%;object-fit:cover}.media.thumb{aspect-ratio:1;height:100%}.slide .media img,.slide .media video{width:100%;max-height:72vh;object-fit:contain;background:#000}.overlay,.vignette{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.vignette{box-shadow:inset 0 0 80px 40px #000;background:transparent}.placeholder{aspect-ratio:1;background:var(--surface)}.detail{padding-bottom:24px}.back{background:none;border:0;color:var(--fg);font-size:15px;padding:12px 16px;cursor:pointer}.carousel{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.carousel::-webkit-scrollbar{display:none}.slide{position:relative;flex:0 0 100%;scroll-snap-align:center}.heartburst{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-size:96px;color:#fff;text-shadow:0 2px 12px rgba(0,0,0,.5);animation:pop .7s ease-out forwards;pointer-events:none}@keyframes pop{0%{transform:scale(.4);opacity:0}30%{transform:scale(1.1);opacity:1}to{transform:scale(1);opacity:0}}.greeting{padding:14px 16px;background:var(--surface);border-bottom:1px solid var(--border);font-size:15px}.stories{display:flex;gap:14px;padding:14px 16px;overflow-x:auto;border-bottom:1px solid var(--border)}.story{border:0;background:none;display:flex;flex-direction:column;align-items:center;gap:5px;cursor:pointer}.ring{width:66px;height:66px;border-radius:50%;padding:3px;background:linear-gradient(45deg,#f09433,#dc2743,#bc1888);display:block;overflow:hidden}.ring .media{width:60px;height:60px;border-radius:50%;overflow:hidden;border:2px solid var(--bg)}.storylabel{font-size:12px}.loc{padding:0 16px}.toast{position:fixed;left:50%;bottom:90px;transform:translate(-50%);background:#000000d9;color:#fff;padding:12px 18px;border-radius:22px;font-size:14px;max-width:88%;text-align:center;z-index:10}.dots{display:flex;gap:6px;justify-content:center;padding:10px}.dot{width:7px;height:7px;border-radius:50%;border:0;background:var(--border);cursor:pointer}.dot.on{background:var(--accent)}.caption{padding:4px 16px;margin:0;line-height:1.4}.actions{display:flex;align-items:center;gap:12px;padding:12px 16px}.heart{border:0;background:none;font-size:17px;color:var(--fg);cursor:pointer}.heart.on{color:var(--heart)}.mycomment{padding:2px 16px;margin:0;line-height:1.4}.commentbar{display:flex;gap:8px;padding:12px 16px;border-top:1px solid var(--border);margin-top:8px}.commentbar input{flex:1;padding:10px 12px;border:1px solid var(--border);border-radius:20px;background:var(--surface);color:var(--fg);font-size:15px}.commentbar button{border:0;background:none;color:var(--accent);font-weight:600;cursor:pointer}.commentbar button:disabled{color:var(--muted)}.centered{min-height:100vh;display:grid;place-content:center;text-align:center;gap:8px;padding:24px}.foot{text-align:center;padding:24px 16px;font-size:12px;line-height:1.5}.spinner{width:32px;height:32px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;margin:0 auto;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}