:root{--bg: #0b0b10;--surface: #16161e;--surface-2: #20202b;--text: #f2f2f7;--muted: #a2a2b5;--accent: #ff4f81;--fav: #ffc23d;--line: #2b2b38;--tabbar-h: 58px;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--safe-right: env(safe-area-inset-right, 0px);color-scheme:dark}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;height:100%;background:var(--bg);color:var(--text)}body{font:16px/1.4 -apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,Roboto,sans-serif;overscroll-behavior:none;-webkit-text-size-adjust:100%}body.no-scroll{overflow:hidden}a{color:var(--text)}button{font:inherit;color:inherit}[hidden]{display:none!important}#app{height:100%}.view{position:fixed;inset:0 0 calc(var(--tabbar-h) + var(--safe-bottom)) 0;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:calc(var(--safe-top) + 8px) calc(var(--safe-right) + 0px) 24px calc(var(--safe-left) + 0px)}.screen-title{font-size:1.6rem;margin:8px 16px 12px}.empty{color:var(--muted);text-align:center;padding:48px 24px}.feed{display:flex;flex-direction:column;gap:18px;max-width:640px;margin:0 auto}.card{background:var(--surface);transition:opacity .3s,transform .3s}.card.dismissed{opacity:0;transform:scale(.96)}.frame{position:relative;width:100%;max-height:calc(100vh - var(--tabbar-h) - var(--safe-bottom) - var(--safe-top) - 150px);max-height:calc(100svh - var(--tabbar-h) - var(--safe-bottom) - var(--safe-top) - 150px);overflow:hidden;touch-action:manipulation;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.frame img{display:block;width:100%;height:100%;object-fit:contain}.burst{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none;opacity:0}.burst svg{width:30%;fill:#fff;filter:drop-shadow(0 4px 18px rgba(0,0,0,.5))}.burst.go{animation:burst .8s ease-out}@keyframes burst{0%{opacity:0;transform:scale(.4)}20%{opacity:1;transform:scale(1.1)}60%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1)}}.actions{display:flex;align-items:center;gap:4px;padding:6px 8px 0}.actions .spacer{flex:1}.icon-btn{display:inline-grid;place-items:center;width:44px;height:44px;border:0;border-radius:50%;background:transparent;cursor:pointer}.icon-btn svg{width:26px;height:26px;fill:none;stroke:var(--text);stroke-width:1.8;stroke-linejoin:round}.icon-btn:active{transform:scale(.9)}.icon-btn.like.on svg{fill:var(--accent);stroke:var(--accent)}.icon-btn.fav.on svg{fill:var(--fav);stroke:var(--fav)}.icon-btn.less svg{stroke:var(--muted)}.tags{display:flex;flex-wrap:wrap;gap:6px;padding:4px 14px}.chip{border:1px solid var(--line);background:var(--surface-2);color:var(--text);border-radius:999px;padding:4px 11px;font-size:.85rem;cursor:pointer}.chip.active{background:var(--accent);border-color:var(--accent);color:#fff}.chip.big{padding:9px 15px;font-size:1rem}.chip small{color:var(--muted)}.chip.active small{color:#ffe3ec}.credit{padding:6px 14px 14px;color:var(--muted);font-size:.88rem;overflow-wrap:anywhere}.credit a{color:var(--text);text-decoration:underline;text-underline-offset:2px}.filter-bar{position:sticky;top:calc(-1 * var(--safe-top) - 8px);z-index:2;display:flex;align-items:center;gap:8px;justify-content:center;padding:calc(var(--safe-top) + 10px) 12px 10px;margin-top:calc(-1 * var(--safe-top) - 8px);background:#0b0b10e0;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:var(--muted)}.sentinel{height:1px}.tabbar{position:fixed;left:0;right:0;bottom:0;z-index:5;height:calc(var(--tabbar-h) + var(--safe-bottom));padding:0 var(--safe-right) var(--safe-bottom) var(--safe-left);display:flex;background:#101016f0;border-top:1px solid var(--line);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.tab{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border:0;background:none;color:var(--muted);font-size:.72rem;cursor:pointer}.tab svg{width:24px;height:24px;fill:currentColor}.tab.active{color:var(--text)}.viewer{position:fixed;inset:0;z-index:20;background:#000;opacity:0;transition:opacity .2s;touch-action:none}.viewer.open{opacity:1}.viewer-stage{position:absolute;inset:0;display:grid;place-items:center;overflow:hidden;touch-action:none}.viewer-img{max-width:100%;max-height:100%;object-fit:contain;transform-origin:center;user-select:none;-webkit-user-select:none}.viewer-close{position:absolute;top:calc(var(--safe-top) + 8px);right:calc(var(--safe-right) + 8px);background:#0000008c;color:#fff}.viewer-close svg{stroke:#fff}.viewer-credit{position:absolute;left:0;right:0;bottom:0;padding:12px calc(var(--safe-right) + 12px) calc(var(--safe-bottom) + 12px) calc(var(--safe-left) + 12px);background:linear-gradient(transparent,#000000d9)}.viewer-credit .credit{padding:0;color:#ddd}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;max-width:900px;margin:0 auto}.cell{aspect-ratio:1;padding:0;border:0;overflow:hidden;cursor:pointer}.cell img{width:100%;height:100%;object-fit:cover;display:block}.panel{background:var(--surface);margin:12px 12px 16px;border-radius:14px;padding:6px 16px 14px;max-width:640px}@media(min-width:680px){.panel{margin-left:auto;margin-right:auto}}.panel h2{font-size:1rem;color:var(--muted);font-weight:600;margin:12px 0 6px}.row{display:grid;grid-template-columns:1fr auto;align-items:center;gap:4px 12px;padding:10px 0;border-bottom:1px solid var(--line)}.row:last-of-type{border-bottom:0}.row .hint{grid-column:1 / -1;margin:0}.row input[type=range]{width:150px;accent-color:var(--accent)}.row input[type=checkbox]{width:28px;height:28px;accent-color:var(--accent)}.row select{background:var(--surface-2);color:var(--text);border:1px solid var(--line);border-radius:8px;padding:6px 8px;font-size:1rem}.hint{color:var(--muted);font-size:.85rem}.scores{list-style:none;padding:0;margin:0}.scores li{display:grid;grid-template-columns:minmax(90px,40%) 1fr 48px;align-items:center;gap:10px;padding:5px 0}.scores .k{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.scores .track{height:8px;background:var(--surface-2);border-radius:4px;overflow:hidden}.scores .bar{display:block;height:100%;background:var(--accent)}.scores .bar.neg{background:#6b7cff}.scores .v{text-align:right;color:var(--muted);font-variant-numeric:tabular-nums}.btn-col{display:grid;gap:10px;margin:6px 0 4px}.btn{border:1px solid var(--line);background:var(--surface-2);border-radius:12px;padding:12px 16px;font-size:1rem;cursor:pointer;text-align:center}.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600}.btn.primary:disabled{opacity:.45}.btn.danger{color:#ff7a7a}.btn.ghost{background:none;border-color:transparent;color:var(--muted)}.onboarding{position:fixed;inset:0;z-index:30;background:var(--bg);overflow-y:auto;padding:calc(var(--safe-top) + 28px) calc(var(--safe-right) + 20px) calc(var(--safe-bottom) + 110px) calc(var(--safe-left) + 20px)}.onboarding h1{margin:0 0 6px}.onboarding>p{color:var(--muted);margin:0 0 20px}.onb-tags{display:flex;flex-wrap:wrap;gap:10px}.onb-actions{position:fixed;left:0;right:0;bottom:0;display:flex;gap:10px;justify-content:flex-end;padding:14px calc(var(--safe-right) + 20px) calc(var(--safe-bottom) + 14px) calc(var(--safe-left) + 20px);background:linear-gradient(transparent,var(--bg) 35%)}.loading{position:fixed;inset:0;z-index:25;display:grid;place-content:center;justify-items:center;gap:14px;background:var(--bg);color:var(--muted);padding:24px;text-align:center}.spinner{width:36px;height:36px;border-radius:50%;border:3px solid var(--surface-2);border-top-color:var(--accent);animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.toast{position:fixed;left:50%;bottom:calc(var(--tabbar-h) + var(--safe-bottom) + 14px);z-index:40;transform:translate(-50%,20px);opacity:0;transition:.25s;background:#282834f5;color:var(--text);padding:10px 16px;border-radius:999px;font-size:.9rem;max-width:calc(100% - 32px);text-align:center}.toast.show{opacity:1;transform:translate(-50%)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}