
.pcard{max-height:calc(100vh - 110px);overflow-y:auto}
.qzactions{margin-top:10px;display:grid;gap:8px}
.qzbtn{width:100%;padding:12px;border-radius:12px;border:1px solid color-mix(in oklab,var(--cream) 18%,transparent);background:color-mix(in oklab,var(--cream) 6%,transparent);color:var(--cream);font:inherit;font-weight:700;cursor:pointer;text-align:left}
.qzbtn:hover{transform:translateY(-2px);background:color-mix(in oklab,var(--cream) 10%,transparent)}
.qzbtn.main{background:var(--brand);border-color:transparent;color:#fff}
.qzpage{position:fixed;inset:0;z-index:70;background:var(--ink);color:var(--cream);overflow-y:auto;display:none}
.qzpage.on{display:block}
.qzwrap{max-width:900px;margin:0 auto;padding:22px 18px 120px}
.qztop{display:flex;align-items:center;justify-content:space-between;gap:12px}
.qzlogo{display:flex;align-items:center;gap:12px;font-family:"Sora",system-ui,sans-serif;font-weight:800;font-size:20px}
.qzlogo i{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:var(--brand);color:#fff;font-style:normal;font-weight:800}
.qzback{border:1px solid color-mix(in oklab,var(--cream) 18%,transparent);background:transparent;color:var(--cream);font:inherit;padding:9px 14px;border-radius:12px;cursor:pointer}
.qzh1{font-family:"Sora",system-ui,sans-serif;font-size:30px;margin:26px 0 6px}
.qzmuted{color:color-mix(in oklab,var(--cream) 62%,transparent);margin:0;font-size:14px}
.qzfield{width:100%;padding:12px 14px;border-radius:14px;border:1px solid color-mix(in oklab,var(--cream) 18%,transparent);background:color-mix(in oklab,var(--cream) 5%,transparent);color:var(--cream);font:inherit;margin-top:10px}
.qzcard{border:1px solid color-mix(in oklab,var(--cream) 15%,transparent);background:color-mix(in oklab,var(--cream) 5%,transparent);border-radius:20px;padding:18px;margin-top:16px}
.qzcard h3{font-family:"Sora",system-ui,sans-serif;margin:0;font-size:16px}
.qzopt{display:flex;align-items:center;gap:10px;margin-top:10px;flex-wrap:wrap}
.qzopt input[type=text]{flex:1;min-width:180px;margin-top:0}
.qztog{display:inline-flex;align-items:center;gap:7px;padding:9px 13px;border-radius:12px;border:1px solid color-mix(in oklab,var(--cream) 18%,transparent);background:transparent;color:var(--cream);font:inherit;font-size:13px;cursor:pointer;white-space:nowrap}
.qztog.on{background:var(--brand);border-color:transparent;color:#fff}
.qzrow{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px;align-items:center}
.qzbtn2{border:none;border-radius:14px;padding:12px 18px;font:inherit;font-weight:700;cursor:pointer;background:var(--brand);color:#fff}
.qzbtn2.ghost{background:transparent;color:var(--cream);border:1px solid color-mix(in oklab,var(--cream) 18%,transparent)}
.qzbtn2[disabled]{opacity:.55;cursor:not-allowed}
.qzadd{width:100%;margin-top:18px;padding:18px;border-radius:18px;border:1px dashed color-mix(in oklab,var(--cream) 30%,transparent);background:transparent;color:var(--cream);font:inherit;font-weight:800;font-size:18px;cursor:pointer}
.qzadd:hover{background:color-mix(in oklab,var(--cream) 6%,transparent)}
.qzplus{font-size:26px;line-height:1}
.qzgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px;margin-top:18px}
.qztile{text-align:left;border:1px solid color-mix(in oklab,var(--cream) 15%,transparent);background:color-mix(in oklab,var(--cream) 5%,transparent);border-radius:18px;padding:16px;color:var(--cream);font:inherit;cursor:pointer;display:grid;gap:6px;transition:transform .2s}
.qztile:hover{transform:translateY(-4px)}
.qztile b{font-family:"Sora",system-ui,sans-serif;font-size:17px;display:block}
.qztabs{display:inline-flex;gap:6px;padding:5px;border-radius:999px;background:color-mix(in oklab,var(--cream) 8%,transparent);margin-top:18px}
.qztabs button{border:0;border-radius:999px;padding:9px 16px;background:transparent;color:var(--cream);font:inherit;font-weight:700;cursor:pointer}
.qztabs button.on{background:var(--brand);color:#fff}
.qzplayopt{display:block;width:100%;text-align:left;margin-top:10px;padding:14px;border-radius:16px;border:1px solid color-mix(in oklab,var(--cream) 18%,transparent);background:color-mix(in oklab,var(--cream) 4%,transparent);color:var(--cream);font:inherit;cursor:pointer}
.qzplayopt.sel{border-color:var(--brand);background:color-mix(in oklab,var(--brand) 22%,transparent)}
.qzplayopt.ok{border-color:#3d9a6b;background:rgba(61,154,107,.22)}
.qzplayopt.no{border-color:#b63d36;background:rgba(182,61,54,.18)}
.qznote{margin-top:12px;font-size:14px}
.qznote.bad{color:#e08b85}
.qznote.good{color:#7fc4a0}
.qzempty{text-align:center;padding:30px 18px}
