:root{
  --bg:#050505;
  --card:#111;
  --accent:#25c9c3;
  --accent-2:#12958f;
  --text:#f7f4ea;
  --text2:#b8b0a4;
  --border:rgba(255,255,255,.1);
  --shadow:0 12px 28px rgba(0,0,0,.28);
}
*{box-sizing:border-box;margin:0;padding:0}
body{min-height:100vh;background:radial-gradient(circle at 20% 0,rgba(37,201,195,.16),transparent 28%),var(--bg);color:var(--text);font-family:Inter,system-ui,sans-serif}
body.theme-light{
  --bg:#ffffff;
  --card:#ffffff;
  --accent:#00C853;
  --accent-2:#009624;
  --text:#111111;
  --text2:#4a5e4a;
  --border:rgba(0,150,60,.15);
  --shadow:0 12px 28px rgba(0,150,60,.12);
  background:radial-gradient(circle at 20% 0,rgba(0,200,83,.08),transparent 28%),#ffffff;
}
.theme-light .title{font-size:32px;letter-spacing:0}
.theme-light .card strong{font-size:24px}
.theme-light .card span{font-size:16px}
.theme-light .emoji{font-size:36px}
a{text-decoration:none;color:inherit}
.wrap{max-width:760px;margin:0 auto;padding:24px 18px 24px;min-height:100dvh;display:flex;flex-direction:column}
.top{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:18px;flex:0 0 auto}
.back{display:inline-flex;align-items:center;justify-content:center;min-height:56px;padding:0 22px;font-size:20px;font-weight:700;letter-spacing:1.5px;color:var(--text);border:1px solid rgba(37,201,195,.38);border-radius:999px;background:linear-gradient(145deg,rgba(37,201,195,.24),rgba(25,25,25,.96));box-shadow:var(--shadow)}
.theme-light .back{color:var(--accent-2);border-color:rgba(0,150,60,.4);background:linear-gradient(145deg,#ffffff,#f4fbf4)}
.title{font-size:36px;font-weight:900;letter-spacing:-.5px;margin-left:auto;text-align:right}
.grid{display:grid;gap:14px;flex:1 1 auto;min-height:0}
.card{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;background:linear-gradient(145deg,rgba(17,17,17,.96),rgba(25,25,25,.92));border:1px solid var(--border);border-radius:24px;padding:22px 20px}
body.theme-light .card{background:linear-gradient(145deg,#edf7ed,#e4f2e4)}
.shop-main .grid{grid-template-rows:repeat(5,minmax(0,1fr))}
.shop-main .card{min-height:0;height:100%}
.emoji{font-size:38px}
.card strong{display:block;font-size:26px;color:var(--text)}
body.theme-light .card strong{color:var(--accent-2)}
.card span{display:block;color:var(--text2);font-size:17px;margin-top:5px;line-height:1.35}
.go{font-size:30px;color:var(--accent)}
.frame-wrap{max-width:980px;margin:0 auto;padding:20px 14px 20px}
.frame-shell{display:grid;gap:14px}
.frame-card{background:linear-gradient(145deg,rgba(17,17,17,.96),rgba(25,25,25,.92));border:1px solid var(--border);border-radius:24px;overflow:hidden;box-shadow:var(--shadow)}
body.theme-light .frame-card{background:#ffffff}
.frame-head{padding:18px 18px 12px}
.ey{font-size:12px;letter-spacing:1.3px;text-transform:uppercase;color:var(--text2);font-weight:700;margin-bottom:6px}
.frame-copy{font-size:14px;line-height:1.45;color:var(--text2)}
.frame{display:block;width:100%;height:calc(100vh - 220px);border:0;background:#fff}
@media (max-width:768px){
  .wrap{padding:20px 16px 20px}
  .back{min-height:58px;font-size:20px}
  .frame{height:calc(100vh - 210px)}
}