.qq-panel{width:min(480px,calc(100vw - 32px));padding:0;border:1px solid var(--line);background:var(--panel);color:var(--ink);max-height:90vh;overflow:auto;box-shadow:0 24px 70px #0008}.qq-panel::backdrop{background:#030811d9;backdrop-filter:blur(5px)}.qq-panel-head{padding:18px 22px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:15px}.qq-panel-head h2{font-size:23px;margin:0}.qq-close{border:1px solid var(--line);background:transparent;color:var(--ink);width:36px;height:36px;font-size:23px}.qq-panel-body{padding:24px}.qq-panel-body p{font-size:14px;color:var(--muted);line-height:1.8;margin:0 0 20px}.qq-number-label{font-size:12px;color:var(--muted);display:block;margin-bottom:8px}.qq-number{width:100%;background:var(--bg);color:var(--ink);border:1px solid var(--line);padding:14px 12px;font:700 25px var(--mono);letter-spacing:2px;text-align:center;box-sizing:border-box;user-select:text;min-width:0}.qq-buttons{display:flex;gap:10px;flex-wrap:wrap;margin:16px 0 20px}.qq-buttons .btn{font-size:14px;padding:11px 16px;min-height:46px}.qq-note{border-top:1px solid var(--line);padding-top:16px}.qq-panel-body .qq-help{font-size:13px;margin-bottom:0}.qq-panel [hidden]{display:none}.qq-feedback{font-size:13px;line-height:1.7;color:var(--orange);min-height:24px;margin:8px 0 16px}.qq-number:focus-visible{outline:2px solid var(--orange);outline-offset:3px}@media(max-width:480px){.qq-panel-body{padding:20px}.qq-panel-head{padding:16px 20px}.qq-buttons .btn{flex:1;white-space:nowrap;font-size:13px;padding:10px 12px}}