/* 声里 — a contextual listening notebook. All selectors are scoped. */
#overlay.mq-overlay{background:rgba(20,28,20,.47);backdrop-filter:blur(5px);z-index:60}
.mq-drawer{width:540px;max-width:100%;height:100%;overflow-y:auto;overscroll-behavior:contain;background:#f0eee7;color:#263020;padding:27px 31px 30px;box-shadow:-22px 0 70px #12221022;animation:mq-enter .22s ease-out;scrollbar-width:thin;scrollbar-color:#a8b196 #e8e8dd}
.mq-topline{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #cdd2bf;padding-bottom:17px;font-size:12px;letter-spacing:.1px;color:#526146}.mq-topline i{font-style:normal;padding:0 6px;color:#96a184}.mq-close{font-size:26px;line-height:1;width:40px;height:40px;border:1px solid #c3ccb1;border-radius:50%;background:#eceee1;color:#526344}
.mq-eyebrow{margin:29px 0 8px;color:#78886a;font-size:12px}.mq-drawer h2{font-size:34px;line-height:1.3;letter-spacing:-1px;font-weight:500;margin:0 0 23px;display:flex;align-items:center;justify-content:space-between}.mq-drawer h2>span{color:#a8b972;font-size:35px;font-weight:400}.mq-location{display:flex;align-items:center;gap:16px;padding:16px;background:#e3e9d4;border:1px solid #d2dbbf;border-radius:7px}.mq-clock{font-family:monospace;font-size:24px;letter-spacing:-1px;font-variant-numeric:tabular-nums;color:#425a2c;padding-right:16px;border-right:1px solid #bccba5}.mq-location>div{min-width:0}.mq-location strong{font-size:15px;font-weight:500;display:block;overflow-wrap:anywhere}.mq-location>div>span{font-size:10px;line-height:1.6;color:#6e7b5e;display:block;margin-top:4px;overflow-wrap:anywhere}
.mq-intro{font-size:13px;line-height:1.8;margin:19px 0 21px;color:#737d66}.mq-drawer form>label{display:block;font-size:14px;font-weight:500;margin-bottom:9px}.mq-drawer textarea{display:block;width:100%;padding:13px 14px;border:1px solid #b8c5a4;background:#fafaf4;border-radius:6px;resize:vertical;min-height:96px;max-height:240px;font-size:14px;line-height:1.8;color:#31442a}.mq-drawer textarea::placeholder{color:#949c89}.mq-drawer textarea:disabled{opacity:.7}.mq-submit-row{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:12px}.mq-submit-row>span{font-size:10px;font-variant-numeric:tabular-nums;color:#8a947f}.mq-submit{font-size:13px;background:#344c29;color:#f0f5e4;min-height:42px;padding:11px 18px;border:1px solid #344c29;border-radius:5px}.mq-submit:disabled{cursor:progress;opacity:.6}.mq-status{margin:10px 0 0;min-height:20px;font-size:12px;line-height:1.75;color:#71835a}.mq-status[data-kind="error"]{color:#99602d}.mq-status[data-kind="success"]{color:#58713e}
.mq-material{margin-top:24px;padding-top:22px;border-top:1px solid #cad1ba}.mq-section-line{display:flex;gap:12px;align-items:center;justify-content:space-between}.mq-drawer h3{font-size:13px;letter-spacing:.5px;font-weight:500;margin:0}.mq-section-line>span{font-size:11px;color:#7b876b;font-variant-numeric:tabular-nums}.mq-material-topic{font-size:15px;line-height:1.7;margin:10px 0 14px;color:#4b5c3c}.mq-terms{display:flex;gap:7px;flex-wrap:wrap;margin:0 0 12px}.mq-terms button{font-size:12px;padding:7px 11px;border:1px solid #bac7a4;border-radius:20px;color:#5e7446;background:#eff1e4;min-height:35px}.mq-terms button[aria-pressed="true"]{background:#dfe9c8;color:#344e24;border-color:#92ab68}.mq-definition{background:#e7ecdc;border-left:2px solid #a0b576;padding:13px 15px;border-radius:0 5px 5px 0}.mq-definition strong{font-size:14px;font-weight:500}.mq-definition p{font-size:13px;line-height:1.9;margin:5px 0 0;color:#647355}.mq-evidence,.mq-listen{font-size:13px;line-height:1.85;margin:16px 0 0;color:#657354}.mq-evidence>b,.mq-listen>b{display:block;font-size:11px;font-weight:500;color:#8a947c;margin-bottom:5px}.mq-more{margin-top:17px;padding:11px 0;border-top:1px dashed #c8d2b9;border-bottom:1px dashed #c8d2b9}.mq-more summary{font-size:12px;color:#586f42;cursor:pointer;line-height:1.7}.mq-more h4{font-size:14px;line-height:1.7;font-weight:500;margin:16px 0 8px}.mq-more p{font-size:13px;color:#667459;line-height:1.9;margin:10px 0}.mq-answer{background:#e0e8d2;padding:17px 19px;margin-top:22px;border:1px solid #c1d09f;border-radius:6px}.mq-answer h3{color:#698247;font-size:11px;letter-spacing:1px;margin-bottom:10px}.mq-answer>div{font-size:14px;line-height:1.9;white-space:pre-wrap;overflow-wrap:anywhere}
.mq-recent{border-top:1px solid #ccd3bd;margin-top:25px;padding-top:20px}.mq-recent h3{margin-bottom:13px;color:#7a8967;font-size:12px}.mq-recent article{margin-top:12px;border-left:1px solid #acbc92;padding:2px 0 2px 14px}.mq-recent article>span{font-size:10px;letter-spacing:.6px;color:#899578}.mq-recent article>p{font-size:13px;line-height:1.75;margin:3px 0 0;white-space:pre-wrap;overflow-wrap:anywhere}.mq-recent summary{font-size:11px;color:#6b8052;cursor:pointer;margin-top:8px}.mq-saved-answer{font-size:12px;line-height:1.9;white-space:pre-wrap;color:#657a50;overflow-wrap:anywhere}.mq-foot{font-size:10px;color:#929a87;margin:25px 0 0}
@keyframes mq-enter{from{opacity:0;transform:translateX(25px)}to{opacity:1;transform:translateX(0)}}
@media(max-width:600px){.mq-drawer{width:100%;padding:20px 22px 30px}.mq-drawer h2{font-size:31px}.mq-eyebrow{margin-top:23px}.mq-location{padding:13px}.mq-clock{font-size:22px}.mq-intro{font-size:12px}}
@media(prefers-reduced-motion:reduce){.mq-drawer{animation:none}}