.oq{--brick:#8B2E29;--brick-d:#6f241f;--green:#62C584;--line:#E7E2DC;--muted:#6B625C;--soft:#FBF7F3;border:0;padding:0;margin:auto;background:#fff;color:#0f0f12;font:400 15px/1.55 var(--ui);width:min(440px,calc(100vw - 16px));height:calc(100vh - 16px);height:min(780px,calc(100svh - 16px));max-width:none;max-height:none;border-radius:22px;overflow:hidden auto;overscroll-behavior:contain;box-shadow:0 30px 80px -30px #0f0f128c}.oq[open]{display:flex;flex-direction:column}.oq::backdrop{background:#0f0f128c;-webkit-backdrop-filter:none;backdrop-filter:none}.oq [hidden]{display:none!important}.oq-screen{flex:1;display:flex;flex-direction:column;min-height:0}.oq-x{position:absolute;top:10px;right:10px;z-index:5;width:36px;height:36px;border-radius:50%;border:0;padding:0;background:#ffffffd9;color:#3b3330;font:400 22px/1 var(--ui);cursor:pointer;display:grid;place-items:center}.oq-eyebrow{font:600 11px/1.4 var(--ui);letter-spacing:.12em;text-transform:uppercase;color:var(--brick)}.oq .oq-h{font:800 21px/1.2 var(--head);letter-spacing:-.03em;margin:4px 0 6px;text-wrap:balance;color:#0f0f12;outline:none}.oq-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:52px;border:0;border-radius:16px;background:var(--oq-cta, #23824A);color:#fff;font:700 16px var(--ui);cursor:pointer}@media(hover:hover){.oq-btn:hover{background:#1b6a3c}}.oq :is(.oq-btn,.oq-opt,.oq-chip,.oq-x,.oq-back):focus-visible,.oq .oq-seg input:focus-visible+span{outline:3px solid #2f6db0;outline-offset:2px}.oq-pname:focus{outline:none}@media(prefers-reduced-motion:no-preference){.oq{opacity:0;transform:translateY(10px);transition:opacity .24s ease,transform .24s cubic-bezier(.25,.8,.35,1),overlay .24s allow-discrete,display .24s allow-discrete}.oq[open]{opacity:1;transform:none}@starting-style{.oq[open]{opacity:0;transform:translateY(10px)}}.oq::backdrop{transition:opacity .2s ease,overlay .24s allow-discrete,display .24s allow-discrete}.oq-q:not([hidden]),.oq-res:not([hidden]){animation:oqStepIn .18s ease-out both}@keyframes oqStepIn{0%{opacity:.35}to{opacity:1}}}@media(prefers-reduced-motion:reduce){.oq{transform:none!important;opacity:1!important;transition:none!important;animation:none!important}.oq::backdrop{transition:none!important;animation:none!important}.oq-screen{animation:none!important}}.oq-cover{background:#fff}.oq-ph{flex:none;background:#e9e1d8}.oq-ph img{display:block;width:100%;height:auto;aspect-ratio:10/9;object-fit:cover;object-position:46% 100%}.oq-tx{flex:1;display:flex;flex-direction:column;padding:16px 22px 20px}.oq-cover .oq-h{font-size:26px;margin:6px 0 8px}.oq-tx p{margin:0 0 16px;color:#4a423d;font-size:15.5px;line-height:1.55}.oq-tx .oq-btn{margin-top:auto}.oq-q{padding:16px 18px 12px}.oq-prog{display:flex;gap:5px;margin:4px 44px 14px 0}.oq-prog i{flex:1;height:5px;border-radius:3px;background:#eee7e1}.oq-prog i.on{background:var(--brick)}.oq-sub{margin:0 0 12px;color:var(--muted);font-size:13.5px;line-height:1.45}.oq-opts{display:grid;gap:8px}.oq-opts.pics{grid-template-columns:1fr 1fr}.oq-opt{display:flex;align-items:center;gap:12px;text-align:left;width:100%;min-height:52px;padding:9px 14px;border:1.5px solid var(--line);background:#fff;border-radius:14px;cursor:pointer;font:600 15px/1.25 var(--ui);color:#0f0f12}.oq-opt small{display:block;font:400 12.5px/1.3 var(--ui);color:var(--muted);margin-top:2px}.oq-opt[aria-pressed=true]{border-color:var(--brick);background:#fffaf7}@media(hover:hover){.oq-opt:hover{border-color:var(--brick);background:#fffaf7}}.oq-opt.pic{flex-direction:column;align-items:stretch;padding:5px 5px 8px;gap:6px;text-align:center;font-size:14.5px}.oq-opt.pic img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:10px;background:#eee7e1}.oq-back{align-self:flex-start;margin-top:auto;padding:10px 0 0;border:0;background:none;color:var(--muted);font:500 14px var(--ui);cursor:pointer}.oq-res-in{flex:1;display:flex;flex-direction:column;gap:8px;padding:14px 18px;min-height:0}.oq-left{display:flex;flex-direction:column;gap:8px}.oq-rhead{display:flex;align-items:center;gap:10px;padding-right:40px}.oq-rhead img{width:30px;height:30px;border-radius:50%;object-fit:cover;object-position:center 20%}.oq-rhead span{font-size:12px;color:var(--muted);line-height:1.3}.oq-pcard{display:flex;flex-direction:column;align-items:flex-start;gap:3px;border:1.5px solid #ecd9cf;background:linear-gradient(180deg,#fff,#fff8f4);border-radius:18px;padding:10px 12px}.oq-tag{font:600 10.5px var(--ui);letter-spacing:.08em;text-transform:uppercase;color:var(--brick)}.oq .oq-pname{font:800 16px/1.2 var(--head);letter-spacing:-.02em;margin:0;color:#0f0f12}.oq-price{font:800 20px/1 var(--head);letter-spacing:-.03em;color:var(--brick);white-space:nowrap;font-variant-numeric:tabular-nums}.oq-basis{margin:1px 0 0;font-size:12px;color:var(--muted);line-height:1.35}.oq-lbl{font:600 12px/1.3 var(--ui);color:#4a423d;margin:0 0 5px}.oq-add-options summary{cursor:pointer}.oq-add-options summary::marker{color:var(--brick)}.oq-base,.oq-adds{display:flex;flex-wrap:wrap;gap:5px}.oq-base span{display:inline-flex;align-items:center;gap:5px;font:500 12.5px/1.3 var(--ui);background:#eef8f1;color:#245b39;border-radius:999px;padding:4px 9px 4px 6px}.oq-base span:before{content:"";flex:none;width:14px;height:14px;border-radius:50%;background:var(--green) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center/9px no-repeat}.oq-chip{position:relative;overflow:hidden;display:inline-flex;align-items:center;gap:6px;min-height:30px;padding:4px 11px 4px 6px;border-radius:999px;border:1px solid rgba(15,15,18,.08);color:#2f3b34;font:500 12.5px var(--ui);cursor:pointer;-webkit-tap-highlight-color:transparent;background:linear-gradient(180deg,#fffffff2,#f4f7f5cc);box-shadow:inset 0 1px #fff,inset 0 -1px 2px #0f0f120d,0 3px 10px -6px #0f0f124d;transition:background .25s,border-color .25s,color .25s,box-shadow .25s,transform .15s}.oq-chip:active{transform:scale(.96)}.oq-chip:after{content:"";position:absolute;inset:0;pointer-events:none;transform:translate(-120%);background:linear-gradient(100deg,transparent 30%,rgba(255,255,255,.75) 50%,transparent 70%)}.oq-chip[aria-pressed=true]:after{animation:oqSweep .6s ease}@keyframes oqSweep{to{transform:translate(120%)}}.oq-dot{flex:0 0 auto;display:grid;place-items:center;width:17px;height:17px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff,#e9ecea 70%);box-shadow:inset 0 -1px 2px #0000001f,0 1px 2px #0000001f;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.oq-dot svg{width:10px;height:10px;fill:none;stroke:#fff;stroke-width:3.2;stroke-linecap:round;stroke-linejoin:round}.oq-dot path{stroke-dasharray:14;stroke-dashoffset:14;transition:stroke-dashoffset .28s ease .05s}.oq-chip[aria-pressed=true]{color:#0f5a30;font-weight:600;border-color:#2e9e5b66;background:linear-gradient(180deg,#a0e4ba8c,#62c58452);box-shadow:inset 0 1px #ffffffd9,inset 0 -2px 6px #1e7a451f,0 8px 18px -10px #2e9e5bbf}.oq-chip[aria-pressed=true] .oq-dot{background:radial-gradient(circle at 35% 30%,#a6ecc0,#2e9e5b 75%);transform:scale(1.08);box-shadow:inset 0 1px 2px #fff9,0 3px 8px -2px #2e9e5bb3}.oq-chip[aria-pressed=true] .oq-dot path{stroke-dashoffset:0}.oq .oq-chip:focus-visible{outline-color:#2e9e5b99}@media(prefers-reduced-motion:reduce){.oq-chip:after{display:none}.oq-dot,.oq-dot path{transition:none}}@media(max-width:760px)and (max-height:700px){.oq-adds{gap:4px}.oq-chip{min-height:27px;padding:2px 9px 2px 4px;gap:4px;font-size:12px}.oq-dot{width:15px;height:15px}.oq-dot svg{width:9px;height:9px}}.oq-rform{margin-top:auto;display:flex;flex-direction:column}.oq-form-h,.oq-form-sub{display:none}.oq .oq-form{display:grid;gap:7px;margin:0}.oq .oq-tel{width:100%;min-height:48px;border:1.5px solid #d9cfc7;border-radius:14px;padding:0 14px;font:600 16px var(--ui);color:#0f0f12;background:#fff}.oq .oq-tel:focus{outline:none;border-color:var(--brick);box-shadow:0 0 0 4px #8b2e2922}.oq .oq-tel.miss{border-color:#c77a2b;background:#fffbf4}.oq .oq-seg{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;background:#f2ede8;border-radius:12px;padding:4px}.oq .oq-seg label{position:relative;cursor:pointer}.oq .oq-seg input{position:absolute;inset:0;opacity:0;margin:0;cursor:pointer}.oq .oq-seg span{display:flex;align-items:center;justify-content:center;height:auto;min-height:38px;border:0;border-radius:9px;background:transparent;font:600 13.5px var(--ui);color:#5a4b44}.oq .oq-seg input[name=channel]:checked+span{background:#fff;color:var(--brick);border:0;box-shadow:0 2px 6px #0000000f}.oq .oq-consent{display:flex;gap:8px;align-items:flex-start;font-size:12px;line-height:1.35;color:#5a4f49;cursor:pointer}.oq .oq-consent input{width:17px;height:17px;margin:0;flex:none;accent-color:var(--brick)}.oq .oq-consent a{color:var(--brick)}.oq .oq-err{margin:0;text-align:left;font:500 12.5px/1.35 var(--ui);color:#b3261e}.oq-fine{font-size:11.5px;color:var(--muted);text-align:center;margin:0}.oq .oq-done-wrap{flex:1;display:flex;align-items:center;justify-content:center;padding:18px;text-align:center;background:#120c0a99 url(/img/school-quiz/cover-piter.webp) center/cover;background-blend-mode:multiply}.oq-done{background:#fff;border-radius:20px;padding:22px 20px 18px;max-width:340px;box-shadow:0 20px 50px #0005}.oq-done .oq-h{font-size:19px}.oq-done p:not(.oq-h){margin:0 0 14px;color:#4a423d;font-size:14.5px;line-height:1.45}.oq-done .oq-btn{min-height:46px}.oq-ok{width:52px;height:52px;border-radius:50%;margin:0 auto 10px;background:var(--green) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center/26px no-repeat}@media(max-width:760px)and (max-height:659px){.oq-ph img{aspect-ratio:4/3}.oq-cover .oq-h{font-size:22px}.oq-tx{padding:4px 18px 16px}.oq-tx p{margin-bottom:10px;font-size:14.5px}.oq-q{padding:12px 14px 10px}.oq-q .oq-h{font-size:19px}.oq-prog{margin-bottom:10px}.oq-sub{margin-bottom:8px}.oq-opts{gap:6px}.oq-opt{min-height:46px;padding:7px 12px}.oq-rhead,.oq-fine{display:none}.oq-res-in{padding:12px 14px;gap:6px}.oq-left{gap:6px}.oq .oq-pname{font-size:15.5px}.oq-price{font-size:18px}.oq .oq-tel{min-height:44px}.oq .oq-seg span{min-height:34px}.oq-btn{min-height:48px}.oq .oq-consent{font-size:11.5px}}@media(min-width:761px){.oq{width:min(760px,calc(100vw - 48px));height:calc(100vh - 48px);height:min(560px,calc(100svh - 48px))}.oq-cover{position:relative;justify-content:flex-end;padding:36px 40px;color:#fff;background:#3a2a22 url(/img/school-quiz/cover-desk-piter.webp) center 40%/cover}.oq-cover:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#120c0ae6,#120c0aa8 42%,#0000 72%)}.oq-cover .oq-ph{display:none}.oq-cover .oq-tx{position:relative;flex:none;max-width:440px;padding:0}.oq-cover .oq-eyebrow{color:#ffd9c9}.oq-cover .oq-h{font-size:32px;color:#fff}.oq-cover .oq-tx p{color:#f3e9e3;margin-bottom:18px}.oq-cover .oq-btn{background:#fff;color:#1b6a3c}@media(hover:hover){.oq-cover .oq-btn:hover{background:#eaf6ef}}.oq-q{padding:26px 40px 18px}.oq-opts{grid-template-columns:1fr 1fr}.oq-opts.pics{grid-template-columns:repeat(4,1fr)}.oq-res-in{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:20px 32px;align-content:center}.oq-left{gap:10px}.oq-rhead{padding-right:0}.oq-rform{margin-top:0;justify-content:center;padding-top:30px}.oq-form-h{display:block}.oq .oq-form-h{font-size:20px;margin-top:0}.oq-form-sub{display:block;margin:0 0 14px;font-size:13.5px;color:var(--muted);line-height:1.4}}.oq-spb .oq-ph img{object-position:30% 100%}@media(max-width:340px)and (max-height:659px){.oq-spb .oq-pname{font-size:14.5px}.oq-spb .oq-base{gap:4px}.oq-spb .oq-base span{font-size:11.5px;padding:3px 7px 3px 5px;gap:4px}.oq-spb .oq-base span:before{width:12px;height:12px;background-size:8px}.oq-spb .oq-chip{font-size:11.5px;padding:2px 7px 2px 3px;gap:3px;min-height:26px}.oq-spb .oq-dot{width:14px;height:14px}}