:root{--c-bg: #2b1600;--c-fg: #ff9a0a;--c-mid: #964b05;--c-input: #000;--c-danger: #ff5a36;--c-flash: #fff;color-scheme:dark;--s-1: 4px;--s-2: 8px;--s-3: 12px;--s-4: 16px;--s-5: 24px;--sa-t: env(safe-area-inset-top, 0px);--sa-r: env(safe-area-inset-right, 0px);--sa-b: env(safe-area-inset-bottom, 0px);--sa-l: env(safe-area-inset-left, 0px);--nav-h: 56px;--tap: 44px;--w-narrow: 420px;--w-screen: 720px;--w-feed: 1100px;--border: 2px;--font: ui-monospace, Menlo, Consolas, monospace}:root[data-theme=gameboy]{--c-bg: #0f380f;--c-fg: #9bbc0f;--c-mid: #306230;--c-input: #071c07;--c-danger: #ff5a36}:root[data-theme=mac]{--c-bg: #eeeeee;--c-fg: #111111;--c-mid: #777777;--c-input: #ffffff;--c-danger: #c8102e;--c-flash: #000;color-scheme:light}:root[data-theme=ice]{--c-bg: #0b1d33;--c-fg: #78c4e8;--c-mid: #1e5a8a;--c-input: #050f1c;--c-danger: #ff5a36}:root[data-theme=rose]{--c-bg: #2a0a14;--c-fg: #f06b9c;--c-mid: #8c1d48;--c-input: #14040a;--c-danger: #ff5a36}*,*:before,*:after{box-sizing:border-box}html{font-family:var(--font);-webkit-text-size-adjust:100%;text-size-adjust:100%;touch-action:manipulation}:root[data-display=standalone]{touch-action:pan-x pan-y;-webkit-tap-highlight-color:transparent}html,body,#root{margin:0;min-height:100dvh;background:var(--c-bg);color:var(--c-fg)}img,canvas{image-rendering:pixelated;image-rendering:crisp-edges}img{-webkit-touch-callout:none;-webkit-user-drag:none;-webkit-user-select:none;user-select:none}button,[role=button],.nav a,.btn,.chip,.swatch{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}a{color:var(--c-fg)}:focus-visible{outline:var(--border) solid var(--c-fg);outline-offset:2px}input:focus-visible,select:focus-visible,textarea:focus-visible{outline:none}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.screen{padding:calc(var(--s-4) + var(--sa-t)) calc(var(--s-4) + var(--sa-r)) calc(var(--nav-h) + var(--s-4) + var(--sa-b)) calc(var(--s-4) + var(--sa-l));max-width:var(--w-screen);margin:0 auto}.screen.narrow{max-width:var(--w-narrow)}.screen.feed{max-width:var(--w-feed)}.screen.detail{max-width:800px}.nav{position:fixed;inset:auto 0 0;z-index:3;display:flex;justify-content:center;padding:0 var(--sa-r) var(--sa-b) var(--sa-l);background:var(--c-bg);border-top:var(--border) solid var(--c-mid)}.nav a{flex:1 1 0;max-width:120px;display:grid;place-items:center;height:var(--nav-h);min-width:var(--tap);color:var(--c-mid);text-decoration:none}.nav a.active{color:var(--c-fg)}.nav a:focus-visible{outline-offset:-4px}h1{font-size:1.5rem;margin:var(--s-2) 0 var(--s-4)}h2{font-size:1rem;margin:var(--s-5) 0 var(--s-2);color:var(--c-mid);text-transform:uppercase;letter-spacing:.08em}.muted{color:var(--c-mid)}.error{color:var(--c-danger)}.nowrap{white-space:nowrap}label{display:block;margin:var(--s-3) 0;font-size:.85rem;color:var(--c-mid)}input,select,textarea{display:block;width:100%;min-height:var(--tap);margin-top:var(--s-1);padding:var(--s-2) 10px;color:var(--c-fg);background:var(--c-input);border:var(--border) solid var(--c-mid);border-radius:0}input:focus,select:focus,textarea:focus{border-color:var(--c-fg)}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:32px;background-image:linear-gradient(45deg,transparent 50%,var(--c-fg) 50%),linear-gradient(135deg,var(--c-fg) 50%,transparent 50%);background-position:calc(100% - 17px) 50%,calc(100% - 11px) 50%;background-size:6px 6px;background-repeat:no-repeat}input[type=checkbox]{width:20px;height:20px;min-height:0;margin:0;accent-color:var(--c-fg)}label.inline{display:flex;gap:var(--s-2);align-items:center;min-height:var(--tap);margin:var(--s-2) 0}label.inline input{width:auto;margin:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--s-2);min-height:var(--tap);padding:var(--s-2) 14px;margin:var(--s-2) var(--s-2) 0 0;color:var(--c-fg);background:transparent;border:var(--border) solid var(--c-fg);text-decoration:none;cursor:pointer}.btn.primary{background:var(--c-fg);color:var(--c-bg);width:100%;margin-right:0}.btn.small{padding:var(--s-1) 10px;margin:0 0 0 6px;font-size:.8rem}.btn.danger{border-color:var(--c-mid);color:var(--c-mid)}.btn:disabled{opacity:.5;cursor:default}.btn.grow{flex:1;width:auto}.row{display:flex;flex-wrap:wrap;gap:var(--s-2);align-items:center}.row select{width:auto;margin:0}.chips{display:flex;flex-wrap:wrap;gap:var(--s-2);margin:0 0 var(--s-3)}.chip{display:inline-flex;align-items:center;min-height:var(--tap);padding:var(--s-1) 12px;color:var(--c-fg);background:transparent;border:var(--border) solid var(--c-mid);text-decoration:none;cursor:pointer}.chip.on{border-color:var(--c-fg);background:var(--c-fg);color:var(--c-bg)}.palettes{display:flex;gap:var(--s-2);margin-bottom:var(--s-3)}.swatch{flex:1;height:var(--tap);border:var(--border) solid transparent;padding:0;cursor:pointer}.swatch.on{border-color:var(--c-fg);box-shadow:0 0 0 var(--border) var(--c-bg) inset}.list{list-style:none;padding:0;margin:0}.list li{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:var(--s-2);min-height:var(--tap);padding:var(--s-2) 0;border-bottom:1px solid var(--c-mid)}.list li>span:first-child{flex:1 1 200px;min-width:0}.list li>a{flex:1;display:flex;align-items:center;min-height:var(--tap);text-decoration:none}.actions{display:flex;margin-left:auto;white-space:nowrap}.pill{position:fixed;left:50%;transform:translate(-50%);z-index:4;display:inline-flex;align-items:center;gap:var(--s-2);min-height:36px;padding:var(--s-1) 14px;font-size:.85rem;text-decoration:none;white-space:nowrap;cursor:pointer}.pill.top{top:calc(var(--s-3) + var(--sa-t))}.pill.bottom{bottom:calc(var(--nav-h) + var(--s-3) + var(--sa-b))}.pill.solid{color:var(--c-bg);background:var(--c-fg);border:none}.pill.outline{color:var(--c-fg);background:var(--c-bg);border:var(--border) solid var(--c-mid)}.dlg{width:min(calc(100vw - 2 * var(--s-4)),360px);padding:var(--s-4);color:var(--c-fg);background:var(--c-bg);border:var(--border) solid var(--c-fg)}.dlg::backdrop{background:#0009}.dlg p,.dlg input{margin:0 0 var(--s-3)}.dlg .row{justify-content:flex-end}.dlg .btn{margin:0}.dlg .btn.danger{border-color:var(--c-danger);color:var(--c-danger)}.camera{display:flex;flex-direction:column;min-height:100dvh;background:#000;overscroll-behavior:none}.viewfinder{position:relative;flex:1;display:grid;place-items:center;overflow:hidden;background:#000;touch-action:none}.hidden-video{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.pixels,.live-video{width:100%;height:auto;max-height:100%}.smooth,.smooth img,.smooth .loop-strip{image-rendering:auto}.look-dock{position:absolute;inset:auto 0 0;display:flex;flex-direction:column;align-items:center;gap:var(--s-2);max-height:100%;padding-bottom:var(--s-3);pointer-events:none}.look-dock>*{pointer-events:auto}.look-chip{max-width:calc(100% - 2 * var(--s-4));min-height:var(--tap);padding:0 var(--s-3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--c-fg);background:color-mix(in srgb,var(--c-bg) 80%,transparent);border:var(--border) solid var(--c-mid)}.look-chip[aria-expanded=true]{border-color:var(--c-fg)}.look-chip:disabled{opacity:.3}.look-hint{position:absolute;top:40%;left:50%;transform:translate(-50%);padding:var(--s-2) var(--s-3);color:var(--c-fg);background:color-mix(in srgb,var(--c-bg) 80%,transparent);text-transform:uppercase;letter-spacing:.08em;white-space:nowrap;pointer-events:none}.look-tray{width:100%;overflow-y:auto;padding:var(--s-2) calc(var(--s-3) + var(--sa-r)) 0 calc(var(--s-3) + var(--sa-l));background:color-mix(in srgb,var(--c-bg) 65%,transparent);touch-action:pan-y}.look-tray .palettes{margin-bottom:var(--s-2)}.look-row{display:flex;gap:var(--s-1);margin-bottom:var(--s-2);overflow-x:auto;scrollbar-width:none;touch-action:pan-x}.look-row::-webkit-scrollbar{display:none}.chip.mini{flex:none;justify-content:center;min-width:var(--tap);padding:0 var(--s-2);font-size:.75rem;letter-spacing:.06em}.flash{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--c-flash);opacity:.6}.overlay{position:absolute;inset:auto var(--s-4) calc(2 * var(--s-3) + var(--tap));display:grid;gap:var(--s-2);justify-items:center;text-align:center}.controls{display:flex;justify-content:space-around;align-items:center;padding:var(--s-4) calc(var(--s-4) + var(--sa-r)) calc(var(--s-4) + var(--sa-b)) calc(var(--s-4) + var(--sa-l))}.ctl{display:grid;place-items:center;width:48px;height:48px;color:var(--c-fg);background:none;border:none;text-decoration:none}.ctl:disabled{opacity:.3}.shutter{width:72px;height:72px;border-radius:50%;border:4px solid var(--c-fg);background:transparent;box-shadow:inset 0 0 0 4px var(--c-bg)}.shutter:active{background:var(--c-fg)}.shutter:disabled{opacity:.3}.shutter.loop,.shutter.loop:active{background:var(--c-danger)}.shutter.rec{border-color:var(--c-mid);background:radial-gradient(circle,var(--c-danger) 0 34%,transparent 36%),conic-gradient(var(--c-fg) calc(var(--rec, 0) * 360deg),transparent 0);box-shadow:none}.modes{display:flex;justify-content:center;gap:var(--s-2);padding-top:var(--s-2)}.mode{min-width:var(--tap);min-height:var(--tap);padding:0 var(--s-3);color:var(--c-mid);background:none;border:none;text-transform:uppercase;letter-spacing:.08em}.mode.on{color:var(--c-fg);text-decoration:underline;text-underline-offset:6px}.mode:disabled{opacity:.3}.review-panel{padding:var(--s-3) calc(var(--s-4) + var(--sa-r)) calc(var(--s-4) + var(--sa-b)) calc(var(--s-4) + var(--sa-l));background:var(--c-bg)}.feed-head{display:flex;justify-content:space-between;align-items:center;gap:var(--s-2)}.feed-head h1{margin:var(--s-2) 0}.masonry{display:flex;align-items:flex-start}.masonry-col{flex:1;min-width:0;display:flex;flex-direction:column}.masonry-item{content-visibility:auto}.tile a,.tile>div.dimg-wrap{display:block}.tile.pending{opacity:.7}.tile-meta{gap:var(--s-2);display:flex;justify-content:space-between;font-size:.75rem;padding:var(--s-1) 2px 0}.tile-meta a{text-decoration:none}.dimg{width:100%;overflow:hidden}.dimg img{display:block;width:100%;height:auto}.loop-strip{width:100%;height:100%;background-repeat:no-repeat;image-rendering:pixelated;animation:loop-strip var(--loop-dur) steps(var(--frames),jump-none) infinite}@keyframes loop-strip{0%{background-position:0% 0}to{background-position:100% 0}}.sentinel{height:32px;text-align:center;color:var(--c-mid)}.detail-img{margin:0 calc(-1 * (var(--s-4) + var(--sa-r))) 0 calc(-1 * (var(--s-4) + var(--sa-l)));width:calc(100% + 2 * var(--s-4) + var(--sa-l) + var(--sa-r))}.meta{display:grid;grid-template-columns:max-content 1fr;gap:6px var(--s-3);margin:var(--s-3) 0}.meta dt{color:var(--c-mid)}.meta dd{margin:0}.meta .chip{margin:0 6px 6px 0}.placeholder{display:grid;place-content:center;min-height:100dvh;text-align:center;padding:var(--s-4)}.promise{margin:0 0 var(--s-4);padding-left:1.2em}.promise li{margin:var(--s-1) 0}.steps{margin:var(--s-3) 0;padding-left:1.4em}.steps li{margin:var(--s-2) 0}.inline-icon{vertical-align:-3px}label small{display:block;margin-top:var(--s-1)}.link-text{word-break:break-all;font-size:.8rem}.whatsnew-title{margin-top:0}.release ul{margin:0 0 var(--s-3);padding-left:1.2em}.release li{margin:var(--s-1) 0}.release-date{margin:0 0 var(--s-1);font-size:.8rem}.tile-who{display:flex;gap:6px;min-width:0}.tile-place{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}a+.tile-place:before{content:"· "}