#quickGuide{box-sizing:border-box;width:min(700px,calc(100% - 28px));max-height:calc(100dvh - 28px);padding:0;border:2px solid #e3d7b5;background:#f7f2e3;color:#293b3c;box-shadow:8px 8px 0 #182f3980;font-family:Arial,"PingFang SC",sans-serif;overflow:auto}
#quickGuide::backdrop{background:#142b35b8;backdrop-filter:blur(4px)}
#quickGuide *{box-sizing:border-box}
.guideTop{display:flex;align-items:center;gap:12px;padding:16px 24px;border-bottom:1px solid #273a3b26}
.guideBrand{font-size:11px;font-weight:800;letter-spacing:1px;margin-right:auto}
#quickGuide button{font:inherit;cursor:pointer;border:1px solid #263c3c35;color:#293b3c;background:transparent;min-height:40px;padding:8px 12px}
#quickGuide button:hover{background:#e5dfc9}
#quickGuide button:focus-visible{outline:3px solid #248366;outline-offset:2px}
.guideLanguages,.guideDevices{display:flex;gap:2px;flex-shrink:0}
#quickGuide button[aria-pressed=true],#quickGuide button[aria-pressed=true]:hover{background:#293b3c;color:#fff7de;border-color:#293b3c}
#quickGuide #closeQuickGuide{border:0;font-size:25px;padding:0;width:36px;flex-shrink:0}
.guideBody{padding:24px 30px 20px}
.guideEyebrow{color:#66764d;font-size:11px;letter-spacing:2px;font-weight:800}
#quickGuide h1{font-size:clamp(24px,3.6vw,34px);line-height:1.16;margin:10px 0 12px;letter-spacing:-1px;color:#263a3c}
.guideLead{font-size:14px;line-height:1.65;color:#62716a;margin:0}
.guideSteps{padding:0;margin:22px 0;list-style:none;display:grid;gap:14px}
.guideSteps li{display:flex;gap:12px;align-items:flex-start}
.guideSteps li>b{display:grid;place-items:center;background:#e6ebd4;color:#4b643f;font:700 12px monospace;min-width:30px;height:30px}
.guideSteps strong{font-size:14px}.guideSteps p{font-size:13px;color:#617069;line-height:1.55;margin:4px 0 0}
.guideControlHeading{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid #273a3b26;padding-top:16px}
#quickGuide h2{font-size:15px;margin:0}.guideDevices{font-size:12px}
#guideControls{display:grid;grid-template-columns:155px 1fr;gap:9px 16px;margin:14px 0;font-size:12px;line-height:1.5}
#guideControls dt{font-weight:700}#guideControls dd{margin:0;color:#586960}
.guideTip{background:#ebe6d5;color:#61705c;padding:10px 12px;margin:16px 0 0;font-size:12px;line-height:1.6}
.guideBottom{display:flex;justify-content:flex-end;gap:10px;padding:14px 24px;background:#f7f2e3;border-top:1px solid #273a3b26;position:sticky;bottom:0}
#quickGuide #guidePlay{background:#f7d34f;font-weight:800;border-color:#be9d33;min-width:160px}
#quickGuide #guidePlay:hover{background:#ffe179}
@media(max-width:520px){.guideTop{padding:10px 12px;gap:6px}.guideBrand{max-width:90px;font-size:10px;line-height:1.5}.guideBody{padding:18px}.guideSteps{gap:12px;margin:18px 0}.guideBottom{padding:12px}.guideBottom button{flex:1;font-size:13px!important}#quickGuide #guidePlay{min-width:0}#guideControls{grid-template-columns:105px 1fr;gap:8px 12px}.guideLead{font-size:13px}}
@media(max-height:520px) and (min-width:600px){.guideBody{padding:16px 24px}.guideTop{padding:8px 20px}.guideBottom{padding:8px 20px}}

#adOffer{width:min(450px,calc(100vw - 28px));border:2px solid #e3d7b5;background:#f7f2e3;color:#293b3c;padding:25px;font-family:Arial,sans-serif}#adOffer::backdrop{background:#132c35b8}#adOffer h2{font-size:24px;margin:0 0 16px}#adOffer p{font-size:14px;line-height:1.7;color:#5c6e66}#adOffer button{width:100%;padding:12px;margin-top:8px;color:#293b3c;border:1px solid #acb29c;background:#e7e3d1}#adOfferWatch{background:#f7d34f!important;font-weight:700}#adOfferWatch:disabled{opacity:.5;cursor:not-allowed}