:root{--base:#0c0c0e;--panel:#16161a;--edge:#211f1a;--line:#2e2c29;--ink:#ece7dd;--muted:#8a857b;--amber:#e0a53c;--record:#cf4b33;--radius:4px}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--base);color:var(--ink);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit}.mono{font-family:ui-monospace,JetBrains Mono,SFMono-Regular,Menlo,monospace;letter-spacing:.04em}.edge{font-family:ui-monospace,JetBrains Mono,Menlo,monospace;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--amber)}.wrap{max-width:1100px;margin:0 auto;padding:28px 20px 80px}.topbar{display:flex;align-items:baseline;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:14px;margin-bottom:28px}.brand{font-weight:800;font-size:20px;letter-spacing:-.01em}.brand .dot{color:var(--record)}.btn,button{font:inherit;cursor:pointer;background:var(--panel);color:var(--ink);border:1px solid var(--line);border-radius:var(--radius);padding:8px 14px}.btn-amber,.btn:hover,button:hover{border-color:var(--amber)}.btn-amber{background:var(--amber);color:#1a1407;font-weight:600}.btn-ghost{background:transparent}.btn-danger:hover{border-color:var(--record);color:var(--record)}input,textarea{font:inherit;width:100%;background:#101013;color:var(--ink);border:1px solid var(--line);border-radius:var(--radius);padding:9px 11px}input:focus,textarea:focus{outline:none;border-color:var(--amber)}.sheet{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));grid-gap:14px;gap:14px}.frame{position:relative;background:var(--edge);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.frame img{width:100%;display:block;aspect-ratio:3/2;object-fit:cover;background:#000}.frame .num{position:absolute;top:6px;left:8px;font-family:ui-monospace,monospace;font-size:11px;color:var(--amber);text-shadow:0 1px 2px #000}.frame .cap{padding:8px 10px;font-size:13px;color:var(--ink)}.frame .del{position:absolute;top:4px;right:4px;opacity:0;transition:opacity .15s;padding:2px 7px;font-size:12px}.frame:hover .del{opacity:1}.frame.note{background:var(--panel)}.frame.note .body{padding:14px;font-size:14px;white-space:pre-wrap;min-height:80px}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));grid-gap:16px;gap:16px}.card{border:1px solid var(--line);border-radius:var(--radius);padding:16px;background:var(--panel);text-decoration:none;display:block}.card:hover{border-color:var(--amber)}.card h3{margin:0 0 6px;font-size:16px}.card .meta{color:var(--muted);font-size:12px}.panel{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);padding:16px}.row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.muted{color:var(--muted)}.pill{display:inline-block;border:1px solid var(--line);border-radius:999px;padding:2px 10px;font-size:11px}.divide{height:1px;background:var(--line);margin:20px 0}.stack{display:flex;flex-direction:column;gap:10px}.right{margin-left:auto}@media (max-width:560px){.sheet{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}