:root{--bg:#080709;--card:#17131a;--line:#302833;--text:#fbf7f9;--muted:#a69aa8;--red:#f4384e;--star:#ffc531}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:15px Manrope,Arial,sans-serif}main{max-width:720px;margin:auto;padding:38px 16px}.brand{color:var(--red);font-weight:800;font-size:11px;letter-spacing:.16em}h1{font-size:30px;margin:8px 0 20px}.summary{display:flex;align-items:center;gap:12px;margin-bottom:22px}.summary b{font-size:34px}.summary span{color:var(--star);font-size:21px}.summary small{color:var(--muted)}nav{display:flex;gap:8px;overflow:auto;margin-bottom:18px}nav button{white-space:nowrap;border:1px solid var(--line);border-radius:18px;padding:9px 14px;background:var(--card);color:var(--muted)}nav button.active{background:var(--red);border-color:var(--red);color:#fff}#list{display:grid;gap:12px}.card{padding:15px;border:1px solid var(--line);border-radius:17px;background:var(--card)}.head{display:flex;justify-content:space-between;gap:12px}.name{font-weight:800}.rating{color:var(--star)}.product,.date{margin-top:4px;color:var(--muted);font-size:12px}.text{margin:12px 0 0;line-height:1.5;white-space:pre-wrap}.empty{color:var(--muted);text-align:center;padding:45px}