:root{color-scheme:light dark}
body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;margin:0;background:Canvas;color:CanvasText}
.container{max-width:980px;margin:0 auto;padding:18px}
.header{display:flex;gap:12px;align-items:baseline;justify-content:space-between;margin-bottom:14px}
.header a{text-decoration:none;color:inherit}
.nav{display:flex;gap:10px;align-items:center}
.btn{display:inline-block;padding:8px 12px;border:1px solid ButtonText;border-radius:10px;background:ButtonFace;color:ButtonText;text-decoration:none;cursor:pointer}
.btn:disabled{opacity:.6;cursor:not-allowed}
.card{border:1px solid color-mix(in srgb, CanvasText 20%, transparent);border-radius:14px;padding:14px;margin:12px 0}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}
.thumb{border:1px solid color-mix(in srgb, CanvasText 18%, transparent);border-radius:12px;overflow:hidden;background:color-mix(in srgb, CanvasText 4%, transparent)}
.thumb a{display:block;color:inherit;text-decoration:none}
.thumb .meta{padding:10px;font-size:14px;display:flex;justify-content:space-between;gap:12px}
.thumb img,.thumb video{display:block;width:100%;height:180px;object-fit:cover;background:#000}
.small{font-size:13px;opacity:.85}
.row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
input[type=text],input[type=password],textarea{width:100%;padding:10px;border-radius:10px;border:1px solid color-mix(in srgb, CanvasText 22%, transparent);background:Canvas;color:CanvasText}
textarea{min-height:90px;resize:vertical}
label{display:block;margin:10px 0 6px}
hr{border:none;border-top:1px solid color-mix(in srgb, CanvasText 16%, transparent);margin:14px 0}
.code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13px;word-break:break-all;background:color-mix(in srgb, CanvasText 6%, transparent);padding:10px;border-radius:12px;border:1px solid color-mix(in srgb, CanvasText 18%, transparent)}
.error{color:crimson}