.mq-page{isolation:isolate;position:relative;z-index:0;min-height:100dvh;background:linear-gradient(180deg,#f4f7fb,#eef3f7);padding:16px 14px calc(28px + env(safe-area-inset-bottom, 0px));overflow-x:hidden}.mq,.mq *,.mq-page{box-sizing:border-box}.mq button{transform:none!important;animation:none!important}.mq{width:100%;max-width:560px;margin:0 auto;position:relative;z-index:1;display:flex;flex-direction:column;gap:16px}.mq__top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-shrink:0}.mq__title{margin:0;font-size:1.35rem;line-height:1.25;color:#1a3a6e;font-weight:800}.mq__sub{margin:4px 0 0;font-size:.85rem;color:#7a8ba8}.mq__heading{margin:0 0 14px;font-size:1.05rem;color:#1a3a6e;font-weight:700}.mq__hint{color:#7a8ba8}.mq__error,.mq__hint{margin:0;font-size:.9rem}.mq__error{padding:10px 12px;border-radius:12px;background:#fceeee;color:#b44a4a}.mq__sheet{background:#fff;border:1px solid #e4ebf3;border-radius:16px;padding:16px;box-shadow:0 8px 24px rgba(26,58,110,.06);position:relative;z-index:1}.mq__sheet--center{text-align:center;padding:28px 16px}.mq__list{display:block;margin:0;padding:0}.mq__card{display:block;width:100%;margin:0 0 12px;padding:16px;text-align:left;border:1px solid #d7e6eb;border-radius:14px;background:#f8fbfc;cursor:pointer;position:relative;z-index:0;-webkit-tap-highlight-color:transparent;transition:background .15s ease,border-color .15s ease}.mq__card:last-child{margin-bottom:0}.mq__card:focus-visible,.mq__card:hover:not(:disabled){background:#eef7f9;border-color:#5a8f9c;outline:none}.mq__card:active:not(:disabled){background:#e4f1f5}.mq__card:disabled{opacity:.6;cursor:wait}.mq__card-desc{display:block;margin-top:4px;font-size:.85rem;color:#7a8ba8;line-height:1.35}.mq__hint--mb{margin-bottom:14px}.mq__card-name{display:block;font-size:1rem;font-weight:700;color:#1a3a6e;line-height:1.4;word-break:break-word}.mq__card-count{display:inline-block;margin-top:8px;padding:4px 10px;border-radius:999px;background:#e8f2f5;color:#3d7380;font-size:.78rem;font-weight:700}.mq__status{display:flex;justify-content:space-between;gap:10px;margin-bottom:10px;font-size:.8rem;font-weight:600;color:#7a8ba8}.mq__status-left{flex:1 1;min-width:0;word-break:break-word}.mq__status-right{flex-shrink:0;white-space:nowrap}.mq__bar{height:8px;border-radius:999px;background:#e8eef4;overflow:hidden;margin-bottom:14px}.mq__bar-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,#5a8f9c,#3d9a6a);transition:width .35s ease}.mq__qbox{background:#fff8ef;border:1px solid #f0dcc0;border-radius:14px;padding:14px;margin-bottom:14px}.mq__tag{display:block;font-size:.75rem;font-weight:700;color:#b8894a;margin-bottom:6px}.mq__tag--ans{color:#5a8f9c;margin-bottom:8px}.mq__qtext{margin:0;font-size:1rem;line-height:1.55;color:#1f3a5f;font-weight:600;white-space:pre-wrap;word-break:break-word}.mq__answers{display:block;margin:0;padding:0}.mq__ans{display:block;width:100%;margin:0 0 10px;padding:14px;text-align:left;border:1px solid #c5dbe2;border-radius:14px;background:#e8f2f5;color:#2f5f6a;font-size:.95rem;font-weight:600;line-height:1.45;cursor:pointer;word-break:break-word;-webkit-tap-highlight-color:transparent;transition:background .15s ease,border-color .15s ease}.mq__ans:last-child{margin-bottom:0}.mq__ans:nth-child(2n){background:#ddebf0}.mq__ans:focus-visible,.mq__ans:hover:not(:disabled){background:#d0e8ee;border-color:#5a8f9c;outline:none}.mq__ans:active:not(:disabled){background:#c5e0e8}.mq__ans:disabled{opacity:.65;cursor:wait}.mq__result{margin-top:4px;border-radius:14px;padding:14px;display:flex;flex-direction:column;gap:10px}.mq__result--ok{background:#f3faf6;border:1px solid #b7e4c7}.mq__result--bad{background:#faf6f6;border:1px solid #efc4c4}.mq__result-title{font-size:1.1rem;font-weight:800}.mq__result--ok .mq__result-title{color:#166534}.mq__result--bad .mq__result-title{color:#b44a4a}.mq__ans-line{display:flex;flex-direction:column;gap:4px;padding:12px 14px;border-radius:12px;border:1px solid transparent}.mq__ans-line--bad{background:#fce8e8;border-color:#f0b4b4}.mq__ans-line--ok{background:#e5f6ec;border-color:#9fd4b3}.mq__ans-line-label{font-size:.75rem;font-weight:800;letter-spacing:.02em}.mq__ans-line--bad .mq__ans-line-label{color:#b44a4a}.mq__ans-line--ok .mq__ans-line-label{color:#166534}.mq__ans-line-text{font-size:1rem;font-weight:700;line-height:1.45;word-break:break-word}.mq__ans-line--bad .mq__ans-line-text{color:#9f1f1f}.mq__ans-line--ok .mq__ans-line-text{color:#14532d}.mq__explain{margin:0;font-size:.85rem;line-height:1.45;color:#7a8ba8;word-break:break-word}.mq__score{margin:8px 0;font-size:2.6rem;font-weight:800;color:#1a3a6e;line-height:1.1}.mq__btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;cursor:pointer;border-radius:999px;font-weight:700;font-size:.9rem;min-height:44px;padding:10px 18px;transition:background .15s ease}.mq__btn--primary{background:#1a3a6e;color:#fff;width:100%;margin-top:6px}.mq__btn--ghost{background:#eef3f7;color:#1a3a6e;border:1px solid #d7e0ea;flex-shrink:0}.mq__sheet--center .mq__btn--primary{max-width:240px;margin:16px auto 0}@media (min-width:600px){.mq-page{padding:28px 20px calc(36px + env(safe-area-inset-bottom, 0px))}.mq{max-width:640px}.mq__sheet{padding:20px}.mq__btn--primary{width:auto;align-self:flex-start;min-width:140px}.mq__result .mq__btn--primary{width:auto}}