:root{--bg: #09090a;--ink: #ececee;--dim: #9b9ba1;--faint: #5f5f65;--line: rgba(255,255,255,.09);--line-2: rgba(255,255,255,.18);--glass: rgba(24,24,27,.58);--hover: rgba(255,255,255,.07);--on: rgba(255,255,255,.13);--r-sm: 8px;--r-md: 12px;--r-lg: 16px;--s-1: 4px;--s-2: 8px;--s-3: 12px;--s-4: 16px;--s-5: 24px;--s-6: 40px;--font-ui: ui-sans-serif, -apple-system, "SF Pro Text", system-ui, sans-serif;--font-title: ui-serif, "New York", Georgia, serif;--font-mono: ui-monospace, "SF Mono", Menlo, monospace;--ease: cubic-bezier(.22,.61,.36,1)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:linear-gradient(180deg,#0b0b0c,#08080a);color:var(--ink);font:14.5px/1.5 var(--font-ui);-webkit-font-smoothing:antialiased;overflow:hidden}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.05;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .6 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>")}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}:focus-visible{outline:1.5px solid var(--ink);outline-offset:2px}.glass{background:var(--glass);backdrop-filter:blur(18px) saturate(1.1);-webkit-backdrop-filter:blur(18px) saturate(1.1);border:1px solid var(--line);box-shadow:0 12px 40px #00000073,inset 0 1px #ffffff0f}.shell{position:fixed;top:0;right:0;bottom:0;left:0}.cap{position:fixed;z-index:10;top:14px;left:50%;width:min(780px,calc(100vw - 32px));height:54px;display:flex;align-items:center;gap:var(--s-2);padding:0 8px 0 18px;border-radius:999px;transform:translate(-50%);animation:drop .6s var(--ease) both;transition:background .25s}.cap.solid{background:#101012db}.brand{display:flex;align-items:center;gap:10px;margin-right:var(--s-2);font-weight:600;letter-spacing:-.01em;white-space:nowrap}.brand .ext{font:400 12.5px var(--font-mono);color:var(--dim)}.mark{width:14px;height:14px;border:1.5px solid var(--ink);border-radius:4px;flex:none;position:relative}.mark:after{content:"";position:absolute;top:2.5px;right:2.5px;bottom:2.5px;left:2.5px;background:var(--ink);border-radius:1.5px;clip-path:polygon(0 0,100% 0,100% 55%,55% 100%,0 100%)}.search{flex:1;min-width:0;display:flex;align-items:center;gap:var(--s-2);height:36px;padding:0 var(--s-3);background:#ffffff0d;border:1px solid transparent;border-radius:999px;color:var(--dim);transition:background .2s,border-color .2s}.search:focus-within{background:#ffffff17;border-color:var(--line-2);color:var(--ink)}.search input{flex:1;min-width:0;background:none;border:0;outline:0;color:var(--ink);font:inherit;font-size:13.5px}.search input::placeholder{color:var(--faint)}kbd{font:10.5px var(--font-mono);color:var(--faint);border:1px solid var(--line);border-radius:5px;padding:1px 6px}.ib{flex:none;display:grid;place-items:center;width:36px;height:36px;background:#ffffff0f;border:1px solid var(--line);border-radius:50%;color:var(--ink);transition:background .18s,border-color .18s,transform .18s}.ib:hover{background:var(--on);border-color:var(--line-2)}.ib:active{transform:scale(.95)}.ib.avatar{background:radial-gradient(circle at 35% 30%,#55555b,#232326)}.nav{position:fixed;z-index:9;left:16px;top:84px;width:188px;display:flex;flex-direction:column;gap:2px;padding:8px;border-radius:var(--r-lg);animation:rise .6s .1s var(--ease) both}.nav a{display:flex;align-items:center;gap:var(--s-3);padding:9px 10px;border:1px solid transparent;border-radius:var(--r-md);color:var(--dim);transition:background .18s,color .18s}.nav a:hover{color:var(--ink);background:var(--hover)}.nav a.active{color:var(--ink);background:var(--on);border-color:var(--line);box-shadow:inset 0 0 14px #ffffff0a}.lbl{flex:1}.num{font:11.5px var(--font-mono);color:var(--faint)}.status{display:flex;gap:10px;align-items:flex-start;margin-top:var(--s-3);padding:10px;border-top:1px solid var(--line);font-size:12.5px;line-height:1.35}.status strong{display:block;font-weight:500}.status span{color:var(--faint)}.dot{width:7px;height:7px;margin-top:5px;border-radius:50%;flex:none;background:var(--dim)}.dot.live{background:var(--ink)}.main{position:absolute;top:0;right:0;bottom:0;left:0;overflow:auto;padding:86px 28px var(--s-6) 224px;display:flex;flex-direction:column;scrollbar-width:thin;scrollbar-color:#2a2a2e transparent}.main.full{padding:0;overflow:hidden}.body{flex:1;display:flex;flex-direction:column;animation:fade .35s var(--ease) both;min-height:0}.notice{margin-bottom:var(--s-4);padding:9px var(--s-4);border:1px solid var(--line);border-radius:var(--r-md);background:#ffffff08;color:var(--dim);font-size:13px}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--s-4);margin-bottom:var(--s-4)}.chips{min-width:0;display:flex;gap:6px;overflow-x:auto;scrollbar-width:none}.chip{flex:none;padding:4px 12px;background:none;border:1px solid var(--line);border-radius:999px;color:var(--dim);font-size:12.5px;transition:color .18s,border-color .18s,background .18s}.chip:hover{color:var(--ink);border-color:var(--line-2)}.chip.on{background:#ffffff24;border-color:var(--line-2);color:#fff;box-shadow:inset 0 0 10px #ffffff0d}.chip.static{cursor:default}.chip.static:hover{color:var(--dim);border-color:var(--line)}.count{flex:none;font:11.5px var(--font-mono);color:var(--faint)}.masonry{column-width:230px;column-gap:14px}.card{position:relative;margin:0 0 14px;break-inside:avoid;overflow:hidden;border-radius:var(--r-md);border:1px solid var(--line);background:#101012;animation:rise .55s var(--ease) both}.card img{display:block;width:100%;height:auto;filter:brightness(.85);transition:transform .6s var(--ease),filter .3s}.card:hover img{transform:scale(1.025);filter:brightness(1)}.card .open{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:none;border:0;cursor:zoom-in}.card figcaption{position:absolute;inset:auto 0 0 0;z-index:2;padding:38px var(--s-3) var(--s-3);display:flex;flex-direction:column;gap:1px;background:linear-gradient(to top,rgba(0,0,0,.78),transparent);opacity:0;transition:opacity .25s;pointer-events:none}.card:hover figcaption,.card:focus-within figcaption{opacity:1}.t{font:500 14.5px/1.25 var(--font-title)}.tg{font-size:11.5px;color:var(--dim)}.code{font:11px var(--font-mono);color:var(--dim)}.fav{position:absolute;top:var(--s-2);right:var(--s-2);z-index:3;width:30px;height:30px;display:grid;place-items:center;background:#0a0a0c99;border:1px solid var(--line);border-radius:50%;color:#fff;opacity:0;transition:opacity .2s,transform .15s}.card:hover .fav,.card:focus-within .fav,.fav.on{opacity:1}.fav:hover{transform:scale(1.07)}.fav.on svg{fill:#fff}.lb{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;place-items:center;padding:var(--s-5);background:#050506e6;animation:fade .25s var(--ease) both}.lb-body{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:var(--s-5);width:min(1100px,100%);max-height:100%;animation:rise .35s var(--ease) both}.lb-img{display:grid;place-items:center;min-height:0}.lb-img img{max-width:100%;max-height:calc(100vh - 80px);border-radius:var(--r-md);border:1px solid var(--line)}.lb-info{align-self:end;display:flex;flex-direction:column;gap:var(--s-3);padding:var(--s-4);border-radius:var(--r-lg)}.lb-info h2{margin:0;font:500 23px/1.2 var(--font-title)}.lb-info p{margin:0;color:var(--dim)}.lb-meta{display:flex;align-items:center;gap:var(--s-2)}.badge{font:11px var(--font-mono);padding:1px 8px;border:1px solid var(--line-2);border-radius:999px;color:var(--dim)}.lb-x,.lb-nav{position:absolute}.lb-x{top:var(--s-4);right:var(--s-4)}.lb-nav{top:50%;transform:translateY(-50%)}.lb-nav.prev{left:var(--s-4)}.lb-nav.next{right:var(--s-4)}.ghost{display:inline-flex;align-items:center;justify-content:center;gap:var(--s-2);padding:8px var(--s-4);background:#ffffff0a;border:1px solid var(--line);border-radius:999px;transition:background .18s,border-color .18s}.ghost:hover,.ghost.on{background:var(--on);border-color:var(--line-2)}.ghost.on svg{fill:#fff}.cv{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;touch-action:none;cursor:grab;-webkit-user-select:none;user-select:none;background-image:radial-gradient(rgba(255,255,255,.05) 1px,transparent 1px);background-size:38px 38px}.cv:active{cursor:grabbing}.cv-layer{position:absolute;left:0;top:0;transform-origin:0 0;will-change:transform}.tile{position:absolute;border-radius:10px;border:1px solid var(--line-2);background:#101012;box-shadow:0 14px 36px #0000008c;cursor:move;transition:transform .22s var(--ease),box-shadow .22s;animation:rise .6s var(--ease) both}.tile img{display:block;width:100%;height:auto;border-radius:9px;filter:brightness(.82);transition:filter .25s;pointer-events:none}.tile:hover img,.tile.drag img{filter:brightness(1)}.tile.drag{box-shadow:0 26px 60px #000000b3;transition:box-shadow .22s}.tile-cap{position:absolute;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:space-between;gap:6px;padding:22px 10px 8px;border-radius:0 0 9px 9px;background:linear-gradient(to top,rgba(0,0,0,.75),transparent);font:500 13px var(--font-title);opacity:0;transition:opacity .2s}.tile:hover .tile-cap{opacity:1}.tile-cap button{flex:none;display:grid;place-items:center;width:22px;height:22px;background:#ffffff1a;border:0;border-radius:50%}.tile-cap button:hover{background:#ffffff40}.cv-panel{position:absolute;z-index:6;top:84px;right:16px;display:flex;align-items:center;gap:6px;padding:6px;border-radius:999px;animation:rise .6s .15s var(--ease) both}.cv-panel .ib{width:30px;height:30px}.pct{min-width:44px;text-align:center;font:12px var(--font-mono);color:var(--dim)}.sep{width:1px;height:18px;background:var(--line);margin:0 2px}.cv-empty{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;gap:var(--s-3);color:var(--dim);pointer-events:none}.cv-empty .ghost{pointer-events:auto}.empty{margin:auto;max-width:340px;text-align:center;animation:rise .4s var(--ease) both}.empty-icon{width:48px;height:48px;margin:0 auto var(--s-4);display:grid;place-items:center;border:1px dashed var(--line-2);border-radius:var(--r-md);color:var(--ink)}.empty h2{margin:0 0 var(--s-2);font:500 22px/1.25 var(--font-title)}.empty p{margin:0;color:var(--dim)}.noresult{margin:auto;display:flex;flex-direction:column;align-items:center;gap:var(--s-4)}.toast{position:fixed;z-index:30;left:50%;bottom:var(--s-5);transform:translate(-50%);max-width:calc(100vw - 32px);padding:10px var(--s-4);border-radius:var(--r-md);font-size:13.5px;animation:fade .25s var(--ease) both}@keyframes rise{0%{opacity:0;translate:0 8px}to{opacity:1;translate:0 0}}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes drop{0%{opacity:0;translate:0 -10px}to{opacity:1;translate:0 0}}@media (hover: none){.card figcaption,.fav{opacity:1}}@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}}@media (max-width: 800px){.cap{top:10px;height:50px;padding-left:12px}.brand span:last-child,kbd{display:none}.brand{margin-right:0}.nav{top:auto;bottom:10px;left:10px;right:10px;width:auto;flex-direction:row;justify-content:space-around;padding:6px;border-radius:999px}.nav a{flex-direction:column;gap:1px;padding:6px 10px;font-size:10.5px;border-radius:999px}.lbl{flex:none}.num,.status{display:none}.main{padding:72px 12px 84px}.main.full{padding:0}.masonry{column-width:150px;column-gap:10px}.card{margin-bottom:10px}.cv-panel{top:auto;bottom:78px;right:10px}.lb{padding:var(--s-3);overflow:auto}.lb-body{grid-template-columns:1fr}.lb-info{align-self:stretch}.lb-nav{display:none}}.ib.on{background:var(--on);border-color:var(--line-2);box-shadow:inset 0 0 10px #ffffff0f}.ghost.danger{color:var(--dim)}.ghost.danger:hover{color:var(--ink);border-color:#fff6}.settings{margin:auto;display:flex;flex-direction:column;align-items:center;gap:var(--s-5)}.settings .empty{margin:0}.switch{display:flex;align-items:flex-start;gap:var(--s-3);max-width:340px;color:var(--dim);font-size:13.5px;cursor:pointer}.switch input{accent-color:#e5e5e8;width:16px;height:16px;flex:none;margin-top:2px}.gate{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:var(--s-4)}.gate-card{width:min(380px,100%);display:flex;flex-direction:column;gap:var(--s-5);padding:28px;border-radius:20px;animation:rise .5s var(--ease) both}.gate-form{display:flex;flex-direction:column;gap:var(--s-3)}.gate-note{margin:0;color:var(--dim)}.field{width:100%;height:42px;padding:0 var(--s-4);background:#ffffff0d;border:1px solid var(--line);border-radius:var(--r-md);color:var(--ink);font:inherit;outline:0;transition:border-color .2s,background .2s}.field::placeholder{color:var(--faint)}.field:focus{background:#ffffff14;border-color:var(--line-2)}.btn{height:42px;background:var(--ink);color:#0b0b0c;border:0;border-radius:var(--r-md);font-weight:600;transition:filter .18s,transform .18s}.btn:hover:not(:disabled){filter:brightness(1.1)}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled,.link:disabled{opacity:.5;cursor:default}.link{background:none;border:0;padding:4px;color:var(--dim);font-size:13px;text-decoration:underline;text-underline-offset:3px}.link:hover:not(:disabled){color:var(--ink)}.msg{padding:9px var(--s-3);border:1px solid var(--line-2);border-radius:var(--r-sm);font-size:13px}.msg.dim{color:var(--dim);border-color:var(--line)}.acct{display:flex;align-items:center;gap:var(--s-3);color:var(--dim);font-size:13.5px}