/* Общий стиль локального кабинета и квиза; системные шрифты не требуют внешних запросов. */
:root{font-family:Arial,sans-serif;color:#342431;background:#faf5f7;--accent:#a52d60}*{box-sizing:border-box}body{margin:0}a{color:var(--accent)}header{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px 0;border-bottom:1px solid #eadce2}.brand{text-decoration:none;font-size:14px;letter-spacing:2px;font-weight:bold}.tag{font-size:12px;color:#74636e}.quiz-shell{max-width:1100px;margin:auto;padding:0 24px}.admin-shell{max-width:980px;margin:auto;padding:0 24px 70px}.heading{padding:30px 0 8px}h1{font-size:clamp(30px,4vw,48px);line-height:1.12;letter-spacing:-1.4px;margin:18px 0}h2{font-size:25px}h3{margin:8px 0}p{line-height:1.6;color:#74636e}small{font-size:10px;letter-spacing:2px;color:var(--accent)}.notice{padding:12px 16px;border-radius:10px;background:#f2e6ce;color:#6b512b;font-size:13px;line-height:1.5;margin:18px 0}label{display:block;font-size:14px;line-height:1.5;margin:16px 0}input:not([type=checkbox]),textarea,select{display:block;width:100%;padding:13px;border:1px solid #d7c8d0;border-radius:9px;background:white;color:#342431;font:inherit;margin-top:6px}textarea{min-height:75px;resize:vertical}input:focus,textarea:focus,select:focus{outline:2px solid #b33569;outline-offset:2px}.check{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.check input{width:18px;height:18px;accent-color:var(--accent)}button,.button{background:var(--accent);color:white;border:0;border-radius:12px;padding:13px 20px;cursor:pointer;font:inherit;text-decoration:none;display:inline-block}button:disabled{opacity:.5;cursor:wait}.secondary{background:#f1e8ed;color:#643d50;padding:9px 14px}form,#result{max-width:850px;margin:20px auto}#login{max-width:400px;padding:25px;border:1px solid #e8dae1;background:white;border-radius:18px;margin:40px auto}.question-card{background:white;border:1px solid #e8dae1;border-radius:16px;padding:20px;margin:18px 0}.toolbar{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.toolbar h3,.toolbar h2{flex:1}.choice-row{display:flex;gap:12px;align-items:center}.choice-row label{flex:1}.savebar{position:sticky;bottom:0;background:#faf5f7ed;border-top:1px solid #e8dae1;padding:20px 0;display:flex;align-items:center;gap:20px;margin-top:25px}.savebar span{font-size:13px;color:#74636e}#status,#error{color:#8e1c42;white-space:pre-line}footer{padding:30px;text-align:center;font-size:12px;color:#8a7581}[hidden]{display:none!important}@media(max-width:600px){header{align-items:flex-start;flex-direction:column;gap:8px}.quiz-shell,.admin-shell{padding-left:14px;padding-right:14px}.question-card{padding:14px}.savebar{flex-direction:column;align-items:stretch}.choice-row{gap:6px}}
/* Компактные карточки и удобное управление на узком экране. */
.quiz-shell{max-width:1060px}.heading{padding-top:18px}.quiz-shell h1{font-size:clamp(28px,4vw,42px)}#survey{--sjs-base-unit:6px}#survey .sd-root-modern{background:transparent}.photo-field{min-width:0;flex:1}.photo-field img{display:block;width:100%;max-width:180px;height:140px;object-fit:contain;border-radius:12px;background:#faf5f7}.choice-row{flex-wrap:wrap}.choice-row>label{min-width:180px}.contact-layout{display:flex;gap:28px;align-items:start}.contact-layout>div{flex:1;min-width:0}#contact-photo{width:40%;max-height:450px;object-fit:cover;border-radius:20px}.gift{background:#f8e0eb;color:#902750;padding:12px 16px;border-radius:12px}.legal{font-size:12px}#contact{background:#fff;border:1px solid #eadce2;border-radius:24px;padding:28px}#contact button{margin:8px 8px 0 0}dialog{border:1px solid #eadce2;border-radius:20px;width:min(1000px,96vw);max-height:94vh;padding:20px}dialog::backdrop{background:#34243188}#preview-content{max-width:100%;margin:auto;overflow:auto}#preview-survey{min-width:0}@media(max-width:600px){.contact-layout{flex-direction:column}#contact-photo{width:100%;max-height:220px}#contact{padding:18px}.choice-row{display:block}.photo-field{margin:12px 0}.savebar{position:static}.quiz-shell .heading{padding-top:8px}.quiz-shell .notice{font-size:11px}.quiz-shell h1{margin:12px 0}.tag{display:none}dialog{padding:12px}}
/* Всплывающее окно: короткая шапка, линейный прогресс и компактные отступы без уменьшения зон нажатия. */
.popup-quiz .quiz-shell{padding:0 12px}.popup-quiz .quiz-shell>header,.popup-quiz .heading small,.popup-quiz footer{display:none}.popup-quiz .heading{padding:0}.popup-quiz h1{font-size:24px;margin:10px 0 6px;letter-spacing:-.5px}.popup-quiz .heading p{font-size:14px;line-height:1.4;margin:6px 0 10px}.popup-quiz .notice{font-size:11px;padding:8px 10px;margin:10px 0}.popup-quiz #error:empty{display:none}.popup-quiz #survey .sd-body{padding:12px 0!important;min-width:0}.popup-quiz #survey .sd-page{padding:0!important;min-width:0}.popup-quiz #survey .sd-question{padding:16px!important}.popup-quiz #survey .sd-item{margin:4px 0}.popup-quiz #survey .sd-item__control-label{min-height:36px;display:flex;align-items:center}.popup-quiz #survey .sd-body__navigation{padding:16px 0!important}.popup-quiz #contact{padding:12px;border-radius:14px}.popup-quiz #contact h2{font-size:21px}
/* SurveyJS 3 использует внутренний container: убираем двойные отступы карточки и общие margin label. */
.popup-quiz #survey .sd-question{padding:0!important}.popup-quiz #survey .sd-question__container{padding:12px}.popup-quiz #survey label{margin:0}.popup-quiz #survey .sd-question__header-and-content-container{row-gap:12px}.popup-quiz #survey .sd-body--responsive{padding-left:0!important;padding-right:0!important}.popup-quiz #survey .sd-selectbase__item{min-height:44px}.popup-quiz #survey .sd-question__header{padding:0 0 8px}