:root{--qp-bg: #d6ebfb;--qp-white: #ffffff;--qp-text: #1a1a1a;--qp-muted: #6b7280;--qp-blue: #4a9eef;--qp-red: #ff5a5f;--qp-purple: #a06bf0;--qp-border: #e2e5ea;--qp-field: #f3f5f8;--qp-radius: 16px;--qp-radius-pill: 999px}*{box-sizing:border-box}body{margin:0;background:var(--qp-bg);color:var(--qp-text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.qp-app{min-height:100vh;max-width:480px;margin:0 auto;padding:12px 16px calc(24px + env(safe-area-inset-bottom,0px))}.qp-header{display:flex;align-items:center;justify-content:space-between;min-height:36px;margin-bottom:8px}.qp-brand{font-weight:700}.qp-link{border:none;background:none;color:var(--qp-blue);font:inherit;font-weight:600;padding:8px 0;cursor:pointer}.qp-card{background:var(--qp-white);border-radius:var(--qp-radius);padding:16px;margin-bottom:12px}.qp-title{font-size:22px;margin:0 0 8px;min-width:0;overflow-wrap:anywhere}.qp-description{margin:0 0 10px;line-height:1.4;white-space:pre-line}.qp-hint{color:var(--qp-muted);font-size:13px;margin:0 0 10px}.qp-error{color:var(--qp-red);font-size:14px;margin:0 0 10px}.qp-notice{color:var(--qp-muted);text-align:center;font-weight:600;margin:8px 0 0}.qp-loading{color:var(--qp-muted);text-align:center;padding:32px 0}.qp-label{display:block;font-size:14px;font-weight:600;margin-bottom:10px}.qp-input,.qp-select{display:block;width:100%;margin-top:6px;border:1px solid var(--qp-border);border-radius:var(--qp-radius-pill);padding:12px 16px;background:var(--qp-field);color:var(--qp-text);font-family:inherit;font-size:16px}.qp-btn-primary,.qp-btn-secondary{border-radius:var(--qp-radius-pill);padding:12px 20px;font:inherit;font-weight:600;cursor:pointer}.qp-btn-primary{background:var(--qp-blue);color:var(--qp-white);border:none}.qp-btn-secondary{background:var(--qp-white);color:var(--qp-text);border:1px solid var(--qp-border)}.qp-btn-primary:disabled,.qp-btn-secondary:disabled{opacity:.5;cursor:default}.qp-wide{width:100%}.qp-actions{display:flex;gap:8px;margin-top:16px}.qp-actions>*{flex:1}.qp-cover{display:block;width:100%;max-height:220px;object-fit:cover;border-radius:12px;margin-bottom:12px}.qp-facts{list-style:none;padding:0;margin:0 0 16px;display:grid;gap:6px;color:var(--qp-muted)}.qp-coin{width:1.15em;height:1.15em;vertical-align:-.2em}.qp-coins{font-size:20px;font-weight:700;margin:0 0 10px}.qp-progress-label{color:var(--qp-muted);font-size:13px;margin:0 0 6px}.qp-progress{height:8px;border-radius:var(--qp-radius-pill);background:#eef0f3;overflow:hidden;margin-bottom:14px}.qp-progress-fill{height:100%;background:var(--qp-purple);transition:width .2s ease}.qp-question-image{display:block;width:100%;max-height:240px;object-fit:contain;border-radius:12px;margin-bottom:12px}.qp-prompt{font-size:18px;margin:0 0 12px;line-height:1.35;min-width:0;overflow-wrap:anywhere;white-space:pre-line}.qp-options{display:grid;gap:8px}.qp-option{display:flex;align-items:center;gap:10px;min-height:48px;padding:10px 14px;border:1px solid var(--qp-border);border-radius:12px;cursor:pointer}.qp-option.selected{border-color:var(--qp-purple);background:color-mix(in srgb,var(--qp-purple) 10%,transparent)}.qp-option span{min-width:0;overflow-wrap:anywhere}.qp-option input{width:20px;height:20px;margin:0;flex:none;accent-color:var(--qp-purple)}.qp-order{list-style:none;padding:0;margin:0 0 12px;display:grid;gap:8px}.qp-order-item{display:flex;align-items:center;gap:8px;padding:8px 10px;border:1px solid var(--qp-border);border-radius:12px}.qp-order-index{flex:none;width:20px;color:var(--qp-muted);font-weight:600}.qp-order-text{flex:1;min-width:0;overflow-wrap:anywhere}.qp-icon-btn{flex:none;width:40px;height:40px;border-radius:50%;border:none;display:flex;align-items:center;justify-content:center;background:#eef0f3;color:var(--qp-text);cursor:pointer}.qp-icon-btn:disabled{opacity:.35;cursor:default}.qp-match{display:grid;gap:12px}.qp-match-row{display:block}.qp-match-left{display:block;font-weight:600;min-width:0;overflow-wrap:anywhere}.qp-confirm{margin-top:16px;padding:12px;border-radius:12px;background:color-mix(in srgb,#f5c518 18%,transparent)}.qp-confirm p{margin:0}.qp-result .qp-title{font-size:26px}.qp-message{text-align:center}.qp-message-text{font-size:17px;font-weight:600;margin:8px 0 16px}