:root{font-family:system-ui,sans-serif;color:#f5f1f2;background:#0c0b0d;color-scheme:dark}*{box-sizing:border-box}body{margin:0}a{color:#ff9199}button,select,input{font:inherit}button{cursor:pointer;background:#292226;color:#fff;border:1px solid #564247;border-radius:8px;padding:9px 12px;margin:5px 5px 0 0}button:hover{background:#42313a}button:disabled{opacity:.6}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid #ff818c;outline-offset:2px}.top{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px clamp(16px,4vw,64px);border-bottom:1px solid #30262a}.brand{font-weight:900;letter-spacing:1px;color:white;text-decoration:none}.brand span{color:#fb4550}.tag{font-size:11px;letter-spacing:2px;color:#eaa2aa}main{max-width:1160px;margin:auto;padding:24px 18px 80px}.hero{padding:32px 24px;border:1px solid #382d33;border-radius:16px;background:linear-gradient(125deg,#221519,#121014)}h1{font-size:clamp(30px,5vw,54px);margin:4px 0}.eyebrow{color:#fb6570;font-weight:800;font-size:11px;letter-spacing:2px}.login{display:inline-block;background:#5865f2;color:white;border-radius:8px;padding:13px 20px;font-weight:700;text-decoration:none}.account{display:flex;gap:12px;align-items:center;margin:16px 0}.account img{width:42px;height:42px;border-radius:50%}select,input{background:#1d171a;color:white;border:1px solid #67434d;border-radius:8px;padding:10px;max-width:100%}select{display:block;margin:8px 0;min-width:220px}.panel{margin:22px 0;padding:22px;border:1px solid #392d32;border-radius:14px;background:#151114}.heading{display:flex;justify-content:space-between;align-items:center}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px}.room{display:flex;gap:15px;border:1px solid #3d3036;border-radius:10px;padding:12px}.room img{width:80px;align-self:start;aspect-ratio:2/3;object-fit:cover;border-radius:7px;background:#222}.room h3{margin:0 0 4px}.room p{margin:4px 0}.room .action{display:inline-block;margin:7px 8px 0 0}.seek{display:flex;gap:5px;flex-wrap:wrap;margin-top:7px}.seek input{width:130px}.columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.library-item{display:flex;gap:14px;padding:12px 0;border-bottom:1px solid #30272b}.library-item img{width:50px;aspect-ratio:2/3;object-fit:cover;background:#222;border-radius:5px}.library-item p{margin:5px 0}.muted{color:#aca2a8;font-size:14px}#feedback{min-height:20px;color:#ffacb5}@media(max-width:700px){.columns{grid-template-columns:1fr}.top .tag{display:none}.hero,.panel{padding:16px}.room{flex-direction:column}.room img{width:65px}}