body{background:#eef1f3;font-family:Arial,Helvetica,sans-serif}button,a{-webkit-tap-highlight-color:transparent}.page{color:#202020;background:radial-gradient(circle at 50% 0,#fffffff2,#0000 38%),linear-gradient(#f7f8f9 0%,#e8ecef 100%);flex-direction:column;align-items:center;width:100%;min-height:100vh;display:flex}.topbar{-webkit-backdrop-filter:blur(22px);z-index:5;background:#ffffffb8;border:none;border-radius:20px;justify-content:space-between;align-items:center;width:min(82vw,620px);height:66px;margin-top:14px;padding:0 16px;transition:height .22s;display:flex;position:relative;box-shadow:0 16px 42px #0000001f,inset 0 1px #ffffffe6}.topbar.open{align-items:flex-start;height:170px;padding-top:12px}.logo{color:#222;z-index:7;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:24px;text-decoration:none;display:flex;overflow:hidden}.logo img,.logoImg{object-fit:contain;width:40px;max-width:40px;height:40px;max-height:40px;display:block}.menuButton{color:#222;cursor:pointer;z-index:7;background:#ebeef1e6;border:0;border-radius:13px;place-items:center;width:42px;height:42px;font-size:25px;line-height:1;display:grid}.menuButton:hover{background:#fff}.menuPanel{opacity:0;pointer-events:none;grid-template-columns:1fr 1fr;gap:8px 12px;transition:opacity .18s,transform .18s;display:grid;position:absolute;top:72px;left:16px;right:16px;transform:translateY(-6px)}.topbar.open .menuPanel{opacity:1;pointer-events:auto;transform:translateY(0)}.menuPanel a{color:#222;background:#f5f7f8e6;border:none;border-radius:10px;align-items:center;height:34px;padding:0 11px;font-size:13.5px;font-weight:800;text-decoration:none;display:flex}.menuPanel a:hover{background:#fff}.hero{flex-direction:column;flex:1;align-items:center;width:100%;padding-top:34px;display:flex}.artCard{aspect-ratio:1;background:#d7dde1;border-radius:26px;width:min(34vw,320px);overflow:hidden;box-shadow:0 28px 65px #0000002e}.artCard img{object-fit:cover;width:100%;height:100%;display:block}.controls{justify-content:center;align-items:center;gap:10px;margin-top:26px;display:flex}.controls button{color:#222;cursor:pointer;background:#ffffffc7;border:0;border-radius:12px;min-width:44px;height:44px;padding:0 14px;font-size:20px;font-weight:800;box-shadow:0 6px 16px #00000014}.controls button:hover{background:#fff}.controls .wide{min-width:118px;font-size:14px}.dots{justify-content:center;align-items:center;gap:7px;margin-top:13px;display:flex}.dots button{cursor:pointer;background:#28282840;border:0;border-radius:999px;width:7px;height:7px;padding:0}.dots button.active{background:#282828cc;width:24px}.footer{color:#777;justify-content:space-between;align-items:center;gap:16px;width:min(82vw,620px);padding:26px 0 24px;font-size:13px;display:flex}.footer p{margin:0}.footer a{color:#333;margin-left:16px;font-weight:800;text-decoration:none}@media (width<=900px){.topbar,.footer{width:88vw;max-width:620px}.artCard{width:min(48vw,310px)}}@media (width<=700px){.topbar{border-radius:18px;width:90vw;height:62px;margin-top:12px;padding:0 13px}.topbar.open{height:160px;padding-top:10px}.logo,.logo img,.logoImg{width:36px;max-width:36px;height:36px;max-height:36px}.menuButton{border-radius:12px;width:40px;height:40px;font-size:24px}.menuPanel{gap:7px;top:68px;left:13px;right:13px}.menuPanel a{border-radius:10px;height:32px;padding:0 9px;font-size:12.5px}.hero{padding-top:30px}.artCard{border-radius:22px;width:64vw;max-width:265px}.controls{flex-wrap:wrap;gap:9px;width:90vw}.controls button{min-width:43px;height:43px;font-size:18px}.controls .wide{min-width:112px;font-size:13px}.footer{text-align:center;flex-direction:column;width:90vw;padding-top:26px}.footer a{margin:0 8px}}*,:before,:after{box-sizing:border-box}html,body,#root{width:100%;min-height:100%;margin:0;padding:0;overflow-x:hidden}body{color:#fff;background:#151515;font-family:Arial,Helvetica,sans-serif}button,a{font:inherit}