:root{color-scheme:light dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#f8fafc;color:#111827}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}button{cursor:pointer}.app{min-height:100vh;padding:18px}.center,.login{min-height:92vh;display:grid;place-items:center}.login>div,.panel{width:min(460px,100%)}h1,h2,h3,p{margin-top:0}.eyebrow,time,.muted{color:#64748b}.topbar{display:flex;justify-content:space-between;align-items:center;max-width:1100px;margin:0 auto 18px}.brand{border:0;background:transparent;color:inherit;font-weight:800;font-size:24px}.composer,.searchbar,.result-state,.layout{max-width:1100px;margin:0 auto 16px}.composer{display:grid;gap:12px}textarea,input{width:100%;border:1px solid #cbd5e1;border-radius:8px;padding:12px;background:#fff;color:#111827}textarea{resize:vertical}.composer-actions,.searchbar{display:flex;gap:10px;align-items:center}.searchbar input{flex:1}.result-state{display:flex;justify-content:space-between;color:#64748b;font-size:14px}.primary,.file-button,.ghost,.danger,.searchbar button,.pending-grid button{border:1px solid #111827;border-radius:8px;padding:10px 14px;background:#111827;color:#fff}.ghost{background:transparent;color:#111827}.danger{background:#b91c1c;border-color:#b91c1c}.file-button input{display:none}.pending-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px}.pending-grid figure{margin:0;position:relative}.pending-grid img,.carousel img{width:100%;aspect-ratio:1;object-fit:cover;display:block;background:#e2e8f0}.pending-grid button{position:absolute;left:6px;bottom:6px;padding:6px 8px;font-size:12px}.layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:18px;align-items:start}.feed{display:grid;gap:18px}.note-card,.detail,.composer,.searchbar,.panel{background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 12px 30px #0f172a0f}.note-card{overflow:hidden}.note-body,.detail,.composer,.searchbar,.panel{padding:16px}.carousel{display:grid;grid-auto-flow:column;grid-auto-columns:100%;overflow-x:auto;scroll-snap-type:x mandatory}.carousel img{scroll-snap-align:start}.carousel figure{margin:0;position:relative;scroll-snap-align:start}.carousel figure button{position:absolute;left:8px;bottom:8px;border:0;border-radius:8px;padding:8px 10px;background:#111827e0;color:#fff}.carousel figure.removed img{opacity:.3}.large img{max-height:360px}.detail{position:sticky;top:18px}.close{float:right}.detail-actions{display:flex;gap:10px}.image-meta{border-top:1px solid #e2e8f0;padding-top:10px;margin-top:10px}.usage-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0 0 16px}.usage-grid div{border:1px solid #e2e8f0;border-radius:8px;padding:10px}.usage-grid dt{color:#64748b;font-size:12px}.usage-grid dd{margin:4px 0 0;font-weight:700}.error{color:#b91c1c}.warning{color:#a16207}.empty{text-align:center;color:#64748b}@media (max-width: 820px){.app{padding:12px}.layout{grid-template-columns:1fr}.detail{position:fixed;top:0;right:0;bottom:0;left:0;overflow:auto;border-radius:0;z-index:10}.composer-actions,.searchbar{align-items:stretch;flex-direction:column}}@media (prefers-color-scheme: dark){:root{background:#0f172a;color:#f8fafc}textarea,input,.note-card,.detail,.composer,.searchbar,.panel{background:#111827;color:#f8fafc;border-color:#334155}.ghost,.brand{color:#f8fafc}}