:root{--bg: #16151a;--panel: #1f1e24;--line: #34323c;--cream: #efeae0;--muted: #9c98a3;--accent: #efeae0;--ok: #6fcf97}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{margin:0;min-height:100%;background:var(--bg);color:var(--cream);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overscroll-behavior:none}h1{font-family:Georgia,Times New Roman,serif;font-weight:600;font-size:30px;margin:0 0 10px}h2{font-family:Georgia,serif;font-weight:600;font-size:19px;margin:0}.muted{color:var(--muted);line-height:1.6}.error{color:#e88;font-size:14px;margin-top:12px}.pad{padding:0 18px}code{background:var(--panel);padding:2px 7px;border-radius:5px;font-size:13px}.screen{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:32px}.screen p{max-width:320px}.star{font-size:30px;margin-bottom:14px}.input{margin-top:22px;width:100%;max-width:300px;padding:13px 16px;border-radius:10px;border:1px solid var(--line);background:var(--panel);color:var(--cream);font-size:16px;text-align:center}.btn{margin-top:18px;padding:14px 30px;border-radius:999px;background:var(--cream);color:var(--bg);border:none;font-size:16px;font-weight:600}.btn:disabled{opacity:.4}.cam{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;background:var(--bg)}.stage{position:relative;flex:1;overflow:hidden;background:#000}.stage video{width:100%;height:100%;object-fit:cover}.grain{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.1;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.counter{position:absolute;top:calc(16px + env(safe-area-inset-top));left:50%;transform:translate(-50%);background:#0000008c;padding:7px 16px;border-radius:999px;font-size:14px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.counter b{font-size:15px}.camoverlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;text-align:center;padding:28px;background:#000000b3}.bar{display:flex;align-items:center;justify-content:space-between;padding:20px 28px calc(20px + env(safe-area-inset-bottom));background:var(--bg)}.thumb{width:54px;height:54px;border-radius:10px;background:var(--panel);border:1px solid var(--line);overflow:hidden;color:var(--muted);font-size:11px}.thumb img{width:100%;height:100%;object-fit:cover}.shutter{width:74px;height:74px;border-radius:50%;background:var(--cream);border:5px solid var(--line);outline:3px solid var(--cream)}.shutter:active{transform:scale(.92)}.shutter:disabled{opacity:.35}.hint{width:54px;text-align:right;font-size:11px;color:var(--muted)}.page{min-height:100vh;padding-bottom:40px}.topbar{display:flex;align-items:center;justify-content:space-between;padding:calc(16px + env(safe-area-inset-top)) 18px 14px;border-bottom:1px solid var(--line);position:sticky;top:0;background:var(--bg);z-index:5}.link{background:none;border:none;color:var(--cream);text-decoration:underline;font-size:14px}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 18px;flex-wrap:wrap}.actions{display:flex;gap:8px;flex-wrap:wrap}.btn-sm{padding:9px 14px;border-radius:999px;border:1px solid var(--line);background:var(--panel);color:var(--cream);font-size:13px;font-weight:600}.btn-sm.primary{background:var(--cream);color:var(--bg);border-color:var(--cream)}.btn-sm:disabled{opacity:.4}.pill{font-size:12px;padding:4px 10px;border-radius:999px;border:1px solid var(--line);text-transform:capitalize}.pill-active{color:var(--ok);border-color:var(--ok)}.pill-published{color:var(--bg);background:var(--cream)}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:3px;padding:3px}.cell{position:relative;aspect-ratio:1;background:var(--panel);border:none;padding:0;overflow:hidden}.cell img{width:100%;height:100%;object-fit:cover;display:block}.badge{position:absolute;bottom:5px;left:5px;font-size:10px;background:#0009;padding:2px 6px;border-radius:5px}.selectable .check{position:absolute;top:6px;right:6px;width:22px;height:22px;border-radius:50%;border:2px solid #fff;display:flex;align-items:center;justify-content:center;font-size:13px;color:var(--bg)}.selectable.on .check{background:var(--cream)}.selectable.on img{opacity:1}.selectable:not(.on) img{opacity:.55}.who{position:absolute;bottom:4px;left:4px;font-size:9px;color:#fff;background:#0000008c;padding:1px 5px;border-radius:4px}