:root{color-scheme:dark;font-family:Arial,Helvetica,sans-serif;background:#100c13;color:#f5eff5;font-size:16px;line-height:1.6}*{box-sizing:border-box}body{margin:0}header{display:flex;align-items:center;gap:28px;padding:24px 5vw;border-bottom:1px solid #3d2d40}header img{width:150px;height:auto}header>span{color:#c1b4c4}#account{margin-left:auto;display:flex;align-items:center;gap:18px}main{max-width:1200px;margin:55px auto;padding:0 28px}h1{font-size:clamp(2.3rem,5vw,4rem);font-weight:500;letter-spacing:-.045em;line-height:1.1;max-width:800px}h2{font-size:2rem;line-height:1.2;font-weight:500}h3{font-size:1.4rem;margin:0 0 20px}h4{font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;color:#ff9ed9;margin:22px 0 4px}p{white-space:pre-wrap;overflow-wrap:anywhere}.eyebrow{color:#ff9ed9;letter-spacing:.15em;font-size:.75rem}.intro{color:#c1b4c4;max-width:730px}.layout{display:grid;grid-template-columns:250px 1fr;gap:32px;margin-top:40px}nav{display:flex;flex-direction:column;gap:12px}button{font:inherit;color:inherit;background:#25192b;border:1px solid #876d86;border-radius:6px;padding:11px 16px;cursor:pointer;text-align:left}button:hover{border-color:#ee0b91}button:disabled{opacity:.6;cursor:wait}button[aria-current]{border-color:#ee0b91;background:#36132c}button:focus-visible,input:focus-visible{outline:3px solid #ff9ed9;outline-offset:3px}article,.empty{background:#19131c;border:1px solid #3d2d40;border-radius:10px;padding:28px;margin:24px 0}article p{margin-top:0}.badge{color:#ffd499;background:#392e1d;padding:12px;border-radius:6px;font-size:.85rem}.meta{font-size:.8rem;color:#c1b4c4}progress{width:100%;height:10px;accent-color:#ee0b91}.read{color:#ff9ed9}.completion{padding:20px;border-left:3px solid #ee0b91;background:#211323}.login{max-width:850px}form{max-width:410px;display:grid;gap:9px;margin-top:30px}input{font:inherit;padding:12px;border:1px solid #876d86;background:#19131c;color:#f5eff5;border-radius:6px}form button{margin-top:15px;background:#b7006b;border-color:#ee0b91;text-align:center}#notice{max-width:1200px;margin:24px auto;padding:0 28px;color:#ffd499}@media(max-width:700px){header{gap:12px;flex-wrap:wrap}header img{width:120px}header>span{font-size:.85rem}#account{margin-left:0;width:100%}main{margin-top:32px;padding:0 20px}.layout{grid-template-columns:1fr}nav{flex-direction:row;overflow:auto}nav button{min-width:210px}article{padding:20px}}