:root{color-scheme:dark;font-family:system-ui,sans-serif;background:#121318;color:#e4e1e9;line-height:1.45}*{box-sizing:border-box}body{margin:0;background:#121318}header{display:flex;gap:1rem;align-items:center;justify-content:space-between;padding:1rem max(1rem,calc((100vw - 1100px)/2));border-bottom:1px solid #34343e;position:sticky;top:0;background:#121318eF;backdrop-filter:blur(9px);z-index:2}header>a{font-weight:800;color:#f0b4cf}nav{display:flex;gap:.35rem;overflow:auto}a{color:#f0b4cf;text-decoration:none}nav a{color:#c9c4d0;white-space:nowrap;padding:.35rem .5rem;border-radius:.6rem}nav a.selected{background:#463542;color:#ffd8e7}nav b{font-size:.75rem}main{max-width:1100px;margin:0 auto;padding:1.4rem 1rem 3rem}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:.8rem}.card,.post{border:1px solid #3b3942;background:#1c1b20;border-radius:1rem;padding:1rem}.card{color:inherit}.card:hover{border-color:#f0b4cf}.meta,small{font-size:.8rem;color:#aba5b2}.translation{color:#f0b4cf;border-top:1px solid #38353d;padding-top:.7rem}.warning{color:#ffb77f}.error{color:#ffb4ab}.empty{color:#aba5b2}.columns{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.review h2{font-size:1rem;color:#bcb6c3}.post p{white-space:pre-wrap}textarea,input{display:block;width:100%;background:#25242a;border:1px solid #5c5963;border-radius:.65rem;color:inherit;padding:.7rem;margin-top:.3rem;font:inherit}textarea{min-height:9rem;resize:vertical}figure{margin:1rem 0}img{width:100%;max-height:620px;object-fit:contain;background:#09090b;border-radius:.75rem}figcaption{font-size:.85rem;color:#aba5b2;white-space:pre-wrap}button{border:0;border-radius:2rem;background:#eeb3cf;color:#31111f;padding:.65rem 1rem;font:inherit;font-weight:700;cursor:pointer}.ghost{background:transparent;border:1px solid #5a5660;color:#ddd7e1}.primary{background:#eeb3cf}.actions{display:flex;gap:.6rem;flex-wrap:wrap;margin-top:1rem}.login{display:grid;place-items:center;min-height:100vh}.login main{width:min(360px,100%)}.login form{display:grid;gap:1rem}@media(max-width:720px){.columns{grid-template-columns:1fr}header{gap:.6rem}header>a{display:none}nav{max-width:calc(100vw - 95px)}main{padding-top:1rem}}