:root{color-scheme:light;--ground:#EEF1F4;--surface:#FFFFFF;--sunk:#E3E8EE;--ink:#16202B;--ink-2:#4A5868;--ink-3:#7C8998;--line:#D3DAE2;--accent:#2446D8;--accent-ink:#FFFFFF;--accent-soft:#E2E8FC;--live:#1E7F4F;--live-bg:#DDF2E6;--build:#9A5B00;--build-bg:#FCEBCB;--idea:#5A4FB0;--idea-bg:#E8E5F8;--paused:#5D6875;--paused-bg:#E4E8EC;--danger:#B42318;--shadow:0 1px 2px rgba(22,32,43,.06),0 6px 20px rgba(22,32,43,.06);--display:"Bricolage Grotesque",ui-sans-serif,system-ui,sans-serif;--body:"IBM Plex Sans",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;--mono:"IBM Plex Mono",ui-monospace,"SF Mono",Menlo,monospace}@media (prefers-color-scheme:dark){:root{color-scheme:dark;--ground:#0F141A;--surface:#18202A;--sunk:#222C38;--ink:#E8EDF3;--ink-2:#AAB6C3;--ink-3:#7F8C9A;--line:#2C3746;--accent:#7D95FF;--accent-ink:#0F141A;--accent-soft:#1F2A4D;--live:#6FD39E;--live-bg:#15352A;--build:#F2BC5E;--build-bg:#3A2B12;--idea:#B1A8FF;--idea-bg:#2A2650;--paused:#A5B0BC;--paused-bg:#26303B;--danger:#FF8A7E;--shadow:0 1px 2px rgba(0,0,0,.3),0 8px 24px rgba(0,0,0,.25)}}*{box-sizing:border-box}body,html{margin:0}body{background:var(--ground);color:var(--ink);font:15px/1.5 var(--body);-webkit-font-smoothing:antialiased}img{max-width:100%}[hidden]{display:none!important}.wrap{max-width:1180px;margin:0 auto;padding-inline:20px;padding-block:28px 64px;display:flex;flex-direction:column;gap:22px}header.top{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap}.brand h1{font-family:var(--display);font-weight:800;font-size:clamp(40px,7vw,64px);line-height:.95;letter-spacing:-.03em;margin:0}.brand p{margin:6px 0 0;color:var(--ink-2);font-size:14px}.brand .count{font-family:var(--mono);font-size:13px;color:var(--ink-3)}button{font:inherit;cursor:pointer}.btn{border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:8px;padding:9px 14px;font-weight:500;font-size:14px;display:inline-flex;align-items:center;gap:6px}.btn:hover{border-color:var(--ink-3)}.btn:disabled{opacity:.6;cursor:default}.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.btn.primary:hover{filter:brightness(1.08)}.btn.danger{color:var(--danger)}.btn:focus-visible,.chip:focus-visible,.drop:focus-visible,.link:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.bar{gap:10px;align-items:center}.bar,.chips{display:flex;flex-wrap:wrap}.chips{gap:6px}.chip{border:1px solid var(--line);background:transparent;color:var(--ink-2);border-radius:999px;padding:5px 12px;font-size:13px;font-weight:500}.chip[aria-pressed=true]{background:var(--ink);color:var(--ground);border-color:var(--ink)}.chip .n{font-family:var(--mono);font-size:11px;opacity:.7;margin-left:4px}.search{margin-left:auto;flex:1 1 200px;max-width:280px}input,select,textarea{font:inherit;color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:8px 10px;width:100%}textarea{resize:vertical;min-height:90px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));grid-gap:18px;gap:18px}.card{background:var(--surface);border:1px solid var(--line);border-radius:12px;overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--shadow)}.thumb{aspect-ratio:16/10;max-width:100%;background:var(--sunk);position:relative;overflow:hidden}.thumb,.thumb img{width:100%;display:block}.thumb img{height:100%;object-fit:cover;object-position:top center}.ph,.thumb img{position:absolute;inset:0}.ph{display:grid;place-items:center;font-family:var(--display);font-weight:800;font-size:44px;letter-spacing:-.02em;color:var(--ph-ink);background:var(--ph-bg)}.ph small{position:absolute;bottom:10px;left:12px;font:500 11px var(--mono);letter-spacing:.04em;opacity:.7}.card .body{padding:14px 16px 16px;flex-direction:column;flex:1 1}.card .body,.row{display:flex;gap:8px}.row{align-items:center;justify-content:space-between}.card h2{font-family:var(--display);font-weight:700;font-size:19px;line-height:1.2;margin:0;text-wrap:balance}.card h2,.url{overflow-wrap:anywhere}.url{font-family:var(--mono);font-size:12px;color:var(--accent);text-decoration:none}.url:hover{text-decoration:underline}.desc{color:var(--ink-2);font-size:14px;margin:0;white-space:pre-wrap;overflow-wrap:anywhere}.meta{margin-top:auto;padding-top:6px;display:flex;align-items:center;justify-content:space-between;gap:8px;font-family:var(--mono);font-size:11px;color:var(--ink-3)}.pill{font:600 11px var(--body);letter-spacing:.05em;text-transform:uppercase;border-radius:999px;padding:3px 9px;white-space:nowrap}.s-live{color:var(--live);background:var(--live-bg)}.s-building{color:var(--build);background:var(--build-bg)}.s-idea{color:var(--idea);background:var(--idea-bg)}.s-paused{color:var(--paused);background:var(--paused-bg)}.edit,.link{border:0;background:transparent;color:var(--ink-3);font-size:12px;padding:2px 4px;border-radius:4px}.edit:hover,.link:hover{color:var(--ink)}.empty{border:1.5px dashed var(--line);border-radius:12px;padding:40px 20px;text-align:center;color:var(--ink-2)}.empty h2{font-family:var(--display);margin:0 0 6px;color:var(--ink)}.note{font-size:13px;color:var(--ink-3)}.status-line{font-size:13px;color:var(--ink-2);min-height:1.2em}.status-line.err{color:var(--danger)}footer.foot{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:12px;color:var(--ink-3);border-top:1px solid var(--line);padding-top:14px}.scrim{position:fixed;inset:0;background:rgba(10,14,20,.45);display:grid;place-items:center;padding:16px;z-index:10}.sheet{background:var(--surface);border:1px solid var(--line);border-radius:14px;width:min(560px,100%);max-height:calc(100% - 32px);overflow:auto;padding:20px;display:flex;flex-direction:column;gap:14px;box-shadow:0 20px 60px rgba(0,0,0,.25)}.sheet.small{width:min(380px,100%)}.sheet h2{font-family:var(--display);font-size:24px;margin:0}.field{display:flex;flex-direction:column;gap:5px}.field label{font-size:12px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--ink-2)}.two{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px}@media (max-width:520px){.two{grid-template-columns:1fr}.search{max-width:none;margin-left:0}}.drop{border:1.5px dashed var(--line);border-radius:10px;aspect-ratio:16/9;max-width:100%;position:relative;overflow:hidden;display:grid;place-items:center;text-align:center;color:var(--ink-2);font-size:13px;cursor:pointer;background:var(--sunk)}.drop.over{border-color:var(--accent);background:var(--accent-soft)}.drop img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top center}.drop .hint{position:relative;padding:12px}.actions{display:flex;gap:8px;justify-content:space-between;flex-wrap:wrap;align-items:center}.actions .right{display:flex;gap:8px;margin-left:auto}.confirm{background:var(--sunk);border-radius:8px;padding:10px 12px;display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-size:14px}@media (prefers-reduced-motion:no-preference){.card{transition:transform .15s ease}.card:hover{transform:translateY(-2px)}}