*{box-sizing:border-box}body{margin:0;background:#f4f5fa;color:#20233a;font:16px system-ui,-apple-system,sans-serif}main{max-width:620px;margin:auto;padding:24px 18px calc(28px + env(safe-area-inset-bottom))}header{display:flex;justify-content:space-between;align-items:center}small{letter-spacing:.08em;color:#716ed0}h1{margin:5px 0;font-size:28px}h2{font-size:20px}.hero,.card{background:white;border-radius:24px;padding:24px;margin:22px 0;box-shadow:0 8px 28px #25294d12}.hero{background:linear-gradient(135deg,#615de2,#9585fa);color:white}.hero p{margin:0 0 8px}.hero strong{font-size:28px}.bar{height:8px;background:#ffffff55;border-radius:8px;margin:18px 0}.bar i{display:block;height:100%;width:0;background:white;border-radius:8px}.topics{display:grid;grid-template-columns:1fr 1fr;gap:10px}.topics button,.actions button,.wide{background:#fff;color:#292b43;text-align:left}.actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:18px 0}.actions #stats{grid-column:span 2}button{border:0;border-radius:15px;padding:15px 17px;font:inherit;font-weight:650;cursor:pointer;background:#fff;color:#4f4ac8;box-shadow:0 4px 14px #25294d12}.hero button{width:100%;color:#514dcc;margin-top:8px}.wide{width:100%;text-align:center}.card{min-height:320px;padding:28px}.card h2{font-size:27px;line-height:1.3}.card h3{font-size:24px;color:#4f4ac8}#ratings{display:flex;gap:8px}#ratings button{flex:1}#ratings button:first-child{color:#da5471}#ratings button:nth-child(2){color:#d28a29}#ratings button:last-child{color:#30916b}#reportbox textarea{width:100%;min-height:120px;padding:14px;border:0;border-radius:15px;font:inherit}dialog{border:0;border-radius:22px;max-width:90vw}#profile{font-size:20px} [hidden]{display:none!important}