:root{--bg:#fff5f9;--card:#fff;--ink:#4a3350;--mut:#9a8aa3;--a:#ff8fc2;--b:#8fe3d0;--hd:linear-gradient(90deg,#ffd1e8,#c9f5ea);--r:18px;--font:system-ui,sans-serif}
[data-theme=cutie]{--bg:#fff0f6;--ink:#7a1f52;--mut:#c47aa3;--a:#ff4fa3;--b:#c8a2ff;--hd:linear-gradient(90deg,#ff9ccc,#d9b8ff)}
[data-theme=y2k]{--bg:#d8e6ff;--card:#f4f8ff;--ink:#0b2a6b;--mut:#5d78b3;--a:#2d7dff;--b:#b6ff3c;--hd:linear-gradient(180deg,#9cc4ff,#3f84ff);--r:8px;--font:"Trebuchet MS",Verdana,sans-serif}
[data-theme=bisounours]{--bg:#fff9e6;--ink:#5b4a7a;--mut:#a595c4;--a:#ffa6c9;--b:#9ad8ff;--hd:linear-gradient(90deg,#ffb3c7,#ffe29a,#b5f0b0,#a8d8ff,#d6b8ff);--r:28px}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font)}
[data-theme=y2k] body,[data-theme=y2k]{background-image:radial-gradient(#fff8 1px,transparent 1px);background-size:14px 14px}
header{background:var(--hd);padding:.6rem 1rem;display:flex;flex-wrap:wrap;gap:.6rem;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:5;box-shadow:0 2px 10px #0002}
.logo{font-weight:800;font-size:1.4rem;color:var(--ink);text-decoration:none}
nav{display:flex;flex-wrap:wrap;gap:.7rem}nav a,.themes a{color:var(--ink);text-decoration:none;font-weight:600}
.themes a{padding:2px 6px;border-radius:99px;opacity:.6}.themes a.on{opacity:1;background:#fff9}
.wrap{max-width:980px;margin:1rem auto;padding:0 .8rem;display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:1rem}
@media(max-width:760px){.wrap{grid-template-columns:1fr}}
.card{background:var(--card);border-radius:var(--r);padding:1rem;margin-bottom:1rem;box-shadow:0 4px 14px #0001;border:2px solid var(--a)}
img,video{width:100%;border-radius:calc(var(--r)/2);display:block;margin:.5rem 0;max-height:75vh;object-fit:contain;background:#0001}
a{color:var(--a)}input,textarea,select{width:100%;padding:.6rem;margin:.3rem 0;border:2px solid var(--b);border-radius:calc(var(--r)/1.5);font:inherit;background:#fff;color:#333}
button,.btn{background:var(--a);color:#fff;border:0;border-radius:99px;padding:.55rem 1.1rem;font-weight:700;cursor:pointer;text-decoration:none;display:inline-block}
button.alt,.btn.alt{background:var(--b);color:var(--ink)}.sm{padding:.3rem .8rem}.like{background:none;color:var(--ink);font-size:1.1rem;padding:0}
.row{display:flex;gap:.5rem;align-items:center;justify-content:space-between}.row input{margin:0}
.mut{color:var(--mut);font-size:.85rem}.ctr{text-align:center}.err{color:#d6336c;font-weight:700}.cm{margin:.2rem 0;font-size:.9rem}
.tag{display:inline-block;background:var(--b);color:var(--ink);text-decoration:none;border-radius:99px;padding:.2rem .7rem;margin:.15rem}
.hero{text-align:center;grid-column:1/-1}.hero h1{font-size:2.5rem;margin:.2rem}
.chat{max-height:50vh;overflow:auto;display:flex;flex-direction:column;gap:.4rem;margin-bottom:.6rem}
.b{background:var(--b);padding:.5rem .8rem;border-radius:var(--r);max-width:80%;align-self:flex-start}.b.me{background:var(--a);color:#fff;align-self:flex-end}.b small{display:block;opacity:.7;font-size:.7rem}

.row{flex-wrap:wrap}input[type=checkbox]{width:auto;margin:0 .3rem 0 0}.chk{font-size:.8rem;color:var(--mut);width:100%}
.badge{background:#ff3b6b;color:#fff;border-radius:99px;font-size:.7rem;padding:1px 6px;margin-left:3px}
.nt{display:block;padding:.6rem;border-radius:calc(var(--r)/2);text-decoration:none;color:var(--ink);border-bottom:1px dashed var(--b)}.nt.new{background:var(--b)}
.inl{display:inline}.lnk{background:none;color:inherit;padding:0;font-size:.7rem;text-decoration:underline;opacity:.8}