:root{--bg:#f5f4ef;--surface:#fff;--ink:#171622;--muted:#686675;--brand:#8b2cf5;--brand2:#ff3d7f;--line:#ddd9e5;--danger:#b42318;--radius:18px;color-scheme:light}*{box-sizing:border-box}html{font-family:system-ui,-apple-system,"Segoe UI",sans-serif;background:var(--bg);color:var(--ink)}body{margin:0;min-height:100vh}a{color:inherit;text-decoration-thickness:.09em;text-underline-offset:.18em}img{display:block;max-width:100%;height:auto}button,.button,input,textarea,select{font:inherit}button,.button{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;border:0;border-radius:12px;background:var(--brand);color:#fff;padding:.75rem 1rem;font-weight:750;min-height:44px;cursor:pointer;text-decoration:none}.secondary{background:#ece8f2;color:var(--ink)}.danger{background:#fff0ee;color:var(--danger)}.wide{width:100%}.site-header{position:sticky;z-index:10;top:0;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.7rem max(1rem,env(safe-area-inset-left));background:rgba(255,255,255,.94);border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}.brand{font-size:1.25rem;font-weight:900;text-decoration:none}.brand span{color:var(--brand)}nav{display:flex;align-items:center;gap:.75rem;font-size:.88rem}nav a{white-space:nowrap}.create-link{background:var(--brand);color:#fff;border-radius:999px;padding:.55rem .75rem;text-decoration:none}.flash{max-width:760px;margin:1rem auto;padding:1rem;background:#e9f9ed;border-radius:12px}main{padding:1rem;min-height:75vh}.feed-head,.profile-head{max-width:720px;margin:0 auto 1rem;display:flex;align-items:end;justify-content:space-between;gap:1rem}.feed-head h1{margin:.5rem 0}.tabs{display:flex;background:#e8e5ec;border-radius:999px;padding:.25rem}.tabs a{padding:.5rem .7rem;text-decoration:none;border-radius:999px}.tabs .active{background:#fff;box-shadow:0 1px 4px #0002}.feed{display:grid;gap:1.25rem;max-width:720px;margin:auto}.meme-card,.panel,.meme-detail{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.meme-card header{display:flex;justify-content:space-between;padding:.8rem 1rem;color:var(--muted)}.meme-card h2{font-size:1.08rem;padding:0 1rem;margin:1rem 0}.meme-card h2 a{text-decoration:none}.meme-card img,.meme-detail>img{width:100%;aspect-ratio:9/16;object-fit:cover;background:#222}.actions{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;padding:.7rem}.actions form{display:flex;gap:.35rem}.actions button,.actions a{min-height:44px;background:#f0edf4;color:var(--ink);padding:.55rem .7rem;border-radius:12px;text-decoration:none}.meme-detail{max-width:720px;margin:auto}.meme-detail h1,.byline{padding:0 1rem}.panel{max-width:760px;margin:1rem auto;padding:1rem;overflow:visible}.narrow{max-width:520px}.panel form{display:grid;gap:.8rem;margin:1rem 0}label{display:grid;gap:.35rem;font-weight:700}input,textarea,select{width:100%;border:1px solid #bdb8c7;border-radius:10px;padding:.75rem;background:#fff;min-height:44px}textarea{min-height:96px;resize:vertical}.social{display:grid;gap:.6rem}.separator{text-align:center;color:var(--muted);margin:1rem}.comments article{border-top:1px solid var(--line);padding:1rem 0}.comments time,.byline,time{color:var(--muted);font-size:.85rem}.empty{text-align:center;padding:3rem 1rem}.editor-shell{max-width:1060px;margin:auto}.eyebrow{text-transform:uppercase;letter-spacing:.12em;color:var(--brand);font-weight:800;font-size:.78rem}.editor-grid{display:grid;gap:1rem}.canvas-wrap{max-height:75vh;display:flex;justify-content:center;background:#222;border-radius:var(--radius);overflow:hidden}canvas{display:block;max-width:100%;max-height:75vh;aspect-ratio:9/16;touch-action:none}.editor-controls{display:grid;gap:.8rem;background:#fff;padding:1rem;border-radius:var(--radius);align-content:start}.toolbar{display:flex;gap:.5rem;flex-wrap:wrap}footer{text-align:center;color:var(--muted);padding:2rem 1rem}.report{padding:1rem 0;border-top:1px solid var(--line)}hr{border:0;border-top:1px solid var(--line);margin:1.5rem 0}@media(min-width:800px){main{padding:2rem}.editor-grid{grid-template-columns:minmax(320px,600px) minmax(300px,1fr)}.feed{grid-template-columns:repeat(2,minmax(0,1fr));max-width:1040px}.feed-head{max-width:1040px}.meme-card{align-self:start}}