:root{font-family:system-ui,sans-serif;color:#2a203b;background:#faf7ff;line-height:1.55;accent-color:#6136a8}*{box-sizing:border-box}body{margin:0}header{display:flex;justify-content:space-between;gap:1rem;padding:1rem max(5vw,1rem);background:#fff;border-bottom:1px solid #e9dff5}a{color:#542590;font-weight:700}main{max-width:1100px;margin:auto;padding:1.25rem 1rem 3rem}.hero{padding:clamp(2rem,8vw,6rem) clamp(1.4rem,6vw,5rem);border-radius:1.6rem;color:white;background:radial-gradient(ellipse at 95% 0%,#8d51ce,transparent 65%),#36205f}.hero h1{font-size:clamp(2.5rem,8vw,5rem);margin:.2em 0}.hero a{color:white}.eyebrow{font-size:.85rem;letter-spacing:.2em}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));gap:1rem}.panel{background:white;padding:1.2rem;border:1px solid #e8ddf4;border-radius:1rem;margin-bottom:1rem}.art{min-height:130px;border-radius:.7rem;padding:1rem;display:grid;place-items:center;background:linear-gradient(145deg,#3e206e 25%,#7b59cb 25% 65%,#c0a7f5 65%);color:white;font-size:2rem;font-weight:bold}.art-1{background:linear-gradient(55deg,#144354 20%,#277c87 20% 60%,#92c9b6 60%)}.art-2{background:linear-gradient(145deg,#7b374a 30%,#a75547 30% 70%,#e9aa6f 70%)}.bar,.vote,.stats{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap}.author,.status{color:#5d397b}.stats{justify-content:flex-start;margin-bottom:1rem}.stats span{background:#eee3fa;border-radius:.6rem;padding:.5rem 1rem}.login{max-width:450px;margin:2rem auto}form,label{display:grid;gap:.45rem}form{gap:.85rem}form button{justify-self:start}input,textarea,button{font:inherit}input:not([type=checkbox]),textarea{width:100%;padding:.65rem;border:1px solid #af9dc4;border-radius:.45rem}textarea{min-height:5rem}.check{display:flex;align-items:center;gap:.5rem}button{border:0;border-radius:.55rem;background:#5d32a3;color:#fff;padding:.55rem 1rem;font-weight:700;cursor:pointer}button:disabled{opacity:.6;cursor:default}.quiet{background:#e9dff5;color:#392659}details{border-top:1px solid #e8ddf4;padding:.75rem 0}summary{cursor:pointer;font-weight:700}details form{margin-top:.7rem}:focus-visible{outline:3px solid #b36bd9;outline-offset:3px}