:root{--ink:#14151a;--mut:#5b5f6b;--bg:#f6f6f3;--card:#fff;--line:#e4e4df;--y:#ffd60a;--dark:#111217;--r:14px}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;font:16px/1.55 system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;color:var(--ink);background:var(--bg)}
a{color:inherit}img{max-width:100%;display:block}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.preview{background:#2a2b31;color:#cfd0d6;font-size:12px;text-align:center;padding:4px 8px;letter-spacing:.02em}
.top{background:var(--dark);color:#fff;display:flex;align-items:center;justify-content:space-between;padding:12px 16px;gap:12px}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none}
.logo{width:46px;height:46px;border-radius:50%;display:block;flex:none}
.about-owl{display:block;width:128px;height:128px;border-radius:50%;margin:8px auto 4px}
.brand b{display:block;font-size:18px;line-height:1.1}.brand small{display:block;color:#b9bbc4;font-size:12px}
.top nav{display:flex;gap:14px;font-size:14px}.top nav a{text-decoration:none;color:#e9e9ee}
.wrap{max-width:1080px;margin:0 auto;padding:0 16px}
.hero{padding:22px 0 6px}
.hero h1{font-size:28px;line-height:1.15;margin:0 0 6px;letter-spacing:-.02em}
.hero p{margin:0 0 14px;color:var(--mut)}
.search{display:flex;align-items:center;gap:8px;background:#fff;border:2px solid var(--ink);border-radius:999px;padding:0 14px;height:50px}
.search svg{width:20px;height:20px;fill:none;stroke:var(--ink);stroke-width:2.4;stroke-linecap:round;flex:none}
.search input{border:0;outline:0;font:inherit;font-size:16px;flex:1;min-width:0;background:transparent;height:100%}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 4px}
.chip{font:inherit;font-size:14px;font-weight:600;border:1.5px solid var(--line);background:#fff;color:var(--ink);border-radius:999px;padding:7px 12px;cursor:pointer;white-space:nowrap}
.chip span{color:var(--mut);font-weight:500;margin-left:2px}
.chip[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:#fff}.chip[aria-pressed=true] span{color:var(--y)}
.count{font-size:13px;color:var(--mut);margin:10px 0}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;margin-bottom:28px}
.card{background:var(--card);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;text-decoration:none;display:flex;flex-direction:column}
.card img{aspect-ratio:16/9;width:100%;height:auto;object-fit:cover;background:#ddd}
.card[hidden]{display:none}
.cb{padding:12px 14px 14px}
.tag{display:inline-block;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;background:var(--y);color:var(--dark);border-radius:6px;padding:2px 7px}
.card h3{font-size:17px;line-height:1.25;margin:8px 0 4px}
.card p{margin:0;color:var(--mut);font-size:14px}
.card.sm h3{margin-top:0;font-size:15px}
.empty{text-align:center;color:var(--mut);padding:30px 0}
.art{max-width:760px}
.crumb{font-size:13px;color:var(--mut);margin:16px 0 6px}.crumb a{text-decoration:none}
.art h1{font-size:26px;line-height:1.2;margin:0 0 8px;letter-spacing:-.015em}
.verdict{background:#fff;border-left:4px solid var(--y);padding:8px 12px;margin:0 0 14px;border-radius:0 8px 8px 0;font-size:15px}
.yt{position:relative;aspect-ratio:16/9;border-radius:var(--r);overflow:hidden;background:#000}
.yt iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.ytb{all:unset;cursor:pointer;display:block;width:100%;height:100%;position:relative}
.ytb img{width:100%;height:100%;object-fit:cover}
.play{position:absolute;left:50%;top:50%;width:68px;height:48px;margin:-24px 0 0 -34px;background:#e00;border-radius:12px;box-shadow:0 2px 10px rgba(0,0,0,.35)}
.play::after{content:"";position:absolute;left:27px;top:14px;border-style:solid;border-width:10px 0 10px 17px;border-color:transparent transparent transparent #fff}
.ytnote{font-size:12px;color:var(--mut);margin:6px 0 12px}
.buy{display:flex;flex-direction:column;gap:10px;margin:0 0 18px}
.amz{display:block;text-align:center;text-decoration:none;font-weight:800;background:var(--y);color:var(--dark);border-radius:12px;padding:14px 16px;border:2px solid var(--dark);font-size:16px;line-height:1.25}
.amz.alt{background:#fff}
.mini{font-size:12px;color:var(--mut);margin:0;text-align:center}
.write p{margin:0 0 14px;font-size:17px;line-height:1.65}
.discbox{background:#fff;border:1px solid var(--line);border-radius:12px;padding:12px 14px;font-size:14px;color:#33353d;margin:6px 0 22px}
.related h2{font-size:19px;margin:8px 0 12px}
.foot{background:var(--dark);color:#c9cad1;font-size:13px;padding:20px 16px 26px;margin-top:10px}
.foot p{max-width:1080px;margin:0 auto 8px}.foot a{color:#fff}.foot .disc b{color:#fff}
.foot .dom{color:#8d8f99;margin-top:12px}
@media (min-width:700px){.hero h1{font-size:38px}.buy{flex-direction:row;flex-wrap:wrap}.buy .amz{flex:1}.buy .mini{flex-basis:100%}.art h1{font-size:34px}}
