.daily{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:22px;margin:18px 0}
.pz{background:#fff;border:1px solid var(--line);border-radius:22px;padding:22px;box-shadow:0 8px 24px #193c3610}
.pz h2{margin:0 0 4px}.pz .age{color:var(--muted);font-size:14px;margin:0 0 12px}
.sud{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;max-width:340px;margin:auto;background:var(--dg);padding:6px;border-radius:14px}
.sc{aspect-ratio:1;border:0;border-radius:8px;background:#f2f8f6;font-size:clamp(26px,7vw,40px);cursor:pointer}.sc.fx{background:#d9ece7;cursor:default}.sc.bR{margin-right:4px}.sc.bB{margin-bottom:4px}
.pal{display:flex;gap:10px;justify-content:center;margin:14px 0}.pk{font-size:30px;width:58px;height:58px;border-radius:50%;border:3px solid var(--line);background:#fff;cursor:pointer}.pk.on{border-color:var(--green);background:#e5f3ef}
.fen{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;max-width:340px;margin:auto}
.fc{aspect-ratio:1;border-radius:50%;border:3px solid #2c4b45;background:radial-gradient(circle at 50% 40%,#5a6f6a,#2c3e3a);cursor:pointer;transition:background .2s}
.fc.on{background:radial-gradient(circle at 50% 40%,#fff6c9,#f5bf4f 55%,#ee795c);border-color:#d99a2b;box-shadow:0 0 16px #f5bf4f99}
.msg{min-height:3em;text-align:center;font-weight:650;margin:12px 0 6px}.row{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}
.btn{border:0;border-radius:999px;padding:12px 20px;font:inherit;font-weight:750;cursor:pointer;background:#e5f3ef;color:var(--dg)}.btn.p{background:var(--green);color:#fff}
.dbar{display:flex;gap:12px;align-items:center;flex-wrap:wrap;justify-content:space-between;background:#e5f3ef;border-radius:18px;padding:12px 18px}
.dbar b{color:var(--dg)}.share{text-align:center;margin:10px 0 24px}#preview{white-space:pre-wrap;background:#fff;border:1px dashed var(--line);border-radius:14px;padding:12px;max-width:420px;margin:10px auto;text-align:left;font-size:14px}#preview:empty{display:none}
html.tahta .sh,html.tahta .sf,html.tahta .crumbs,html.tahta .faq,html.tahta .after{display:none}
@media(min-width:800px){html.tahta main{max-width:none;padding:12px 24px}html.tahta .daily{grid-template-columns:1fr 1fr}html.tahta .sud,html.tahta .fen{max-width:min(46vh,560px)}html.tahta .sc{font-size:clamp(34px,6vh,64px)}html.tahta .pk{width:80px;height:80px;font-size:42px}html.tahta .btn{padding:18px 28px;font-size:22px}html.tahta .msg{font-size:22px}html.tahta h1{font-size:34px;margin:4px 0}
}
.tlist{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:14px;padding:0;list-style:none}.tlist li{background:#fff;border:1px solid var(--line);border-radius:16px;padding:14px 16px}.tlist a.btn{display:inline-block;text-decoration:none;margin-top:8px}
.ws{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.ws a{display:block;background:#fff;border:1px solid var(--line);border-radius:18px;padding:12px;text-decoration:none;color:var(--ink)}.ws img{width:100%;height:auto;border-radius:10px;border:1px solid var(--line)}.ws strong{display:block;margin-top:8px}
.sc:disabled,.fc:disabled{opacity:1;color:inherit}
html.tahta .ghero{padding:10px 20px;margin:0}html.tahta .ghero .lead,html.tahta .ghero .kick{display:none}