:root{--color-primary: #a577fe;--color-secondary: #c0ecff;--color-on-surface: #2f204b;--color-accent: #009cdf;--color-text-secondary: #695097;--color-white: #ffffff}.quiz-page{display:flex;justify-content:center;align-items:flex-start;box-sizing:border-box;min-height:100vh;overflow-x:hidden}.quiz-card{width:100%;max-width:720px;background:transparent;padding:16px;box-sizing:border-box;display:flex;flex-direction:column;height:100vh}.quiz-card--loading{gap:16px}.quiz-card--centered{justify-content:center}.quiz-header{flex-shrink:0;width:calc(100% + 32px);margin:-16px -16px 16px;background:var(--color-white);padding:8px 16px;box-shadow:0 4px 4px color-mix(in srgb,var(--color-on-surface) 5%,transparent);box-sizing:border-box}.quiz-header--start{margin-bottom:16px}.quiz-header-title{text-align:center;margin-top:12px;margin-bottom:24px}.quiz-header-content{display:flex;gap:44px;min-height:43px}.quiz-header-right{display:flex;align-items:center;flex:1}.quiz-title{text-align:center;margin:0;font-size:20px;line-height:1.25;font-weight:800;color:var(--color-on-surface)}.quiz-subtitle{text-align:center;margin:6px 0 0;font-size:16px;line-height:1.5}.quiz-timer{display:flex;align-items:flex-start;gap:8px;flex-shrink:0;min-width:87px;flex-direction:column}.quiz-timer-icon{width:20px;height:20px}.quiz-timer-content{display:flex;align-items:center;flex-direction:row;gap:8px}.quiz-timer-value{font-size:14px;font-weight:600;color:var(--color-on-surface)}.quiz-timer-label{font-size:14px;font-weight:600;line-height:18px;color:var(--color-text-secondary)}.quiz-progress-section{display:flex;flex-direction:column;gap:13px;min-width:0}.quiz-progress-bar-container{width:158px}.quiz-progress-bar{width:100%;height:10px;border-radius:15px;background:var(--color-secondary);overflow:hidden;position:relative}.quiz-progress-bar-fill{height:100%;border-radius:20px;background:var(--color-accent);transition:width .16s ease-out;min-width:11px}.quiz-progress-text{display:flex;align-items:center;gap:4px;font-size:14px;font-weight:600;line-height:18px}.quiz-progress-label{color:var(--color-text-secondary)}.quiz-progress-value{color:var(--color-on-surface)}.quiz-question-nav{flex-shrink:0;width:calc(100% + 32px);margin:0 -16px}.quiz-question-nav-trigger{display:flex;align-items:center;justify-content:center;padding:4px;border:none;background:transparent;cursor:pointer;outline:none;flex-shrink:0;margin-left:auto}.quiz-question-nav-chevron{width:24px;height:24px;flex-shrink:0;transition:transform .2s ease-out}.quiz-question-nav-chevron--open{transform:rotate(180deg)}.quiz-question-nav-chips{display:grid;grid-template-columns:repeat(4,1fr);gap:5.75px;padding:13px 16px 4px;max-height:300px;overflow-y:auto}.quiz-question-nav-chip{width:64px;height:24px;border-radius:120px;border:none;background:#daf1fc80;color:var(--color-on-surface);font-size:12px;font-weight:500;line-height:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;outline:none}.quiz-question-nav-chip--active{background:var(--color-accent);color:#fcfcfc;border:1.75px solid var(--color-white);box-shadow:0 0 0 1.5px #e681ef}.quiz-question-card{display:flex;flex-direction:column;gap:8px;padding:16px;margin-bottom:20px;border-radius:16px;background:var(--color-white);border:1px solid #eeebfc;box-shadow:0 2px 10px color-mix(in srgb,var(--color-on-surface) 5%,transparent);flex-shrink:0}.quiz-question-meta{display:flex;justify-content:space-between;align-items:center;gap:12px}.quiz-question-title{display:flex;align-items:center;gap:8px}.quiz-question-tag{width:4px;height:30px;border-radius:4.8px;background:var(--color-accent)}.quiz-question-title-text{font-size:16px;font-weight:700;color:var(--color-accent)}.quiz-question-controls{display:flex;align-items:center;gap:10px}.quiz-question-type-chip{padding:4px 12px;border-radius:120px;background:#daf1fc;font-size:12px;font-weight:500;color:var(--color-text-secondary);white-space:nowrap}.quiz-question{margin:0;font-size:16px;text-wrap:pretty;line-height:22px;font-weight:700;color:var(--color-text-secondary)}.quiz-options-section{display:flex;flex-direction:column;flex:1;min-height:0;overflow-y:auto;padding-bottom:8px}.quiz-options-title{display:flex;align-items:center;margin-bottom:16px}.quiz-options-title-text{font-size:14px;font-weight:600;color:#2f204b61}.quiz-options{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.quiz-options--with-images{display:grid;grid-template-columns:1fr;column-gap:8px;row-gap:12px}@media(min-width:375px){.quiz-options--with-images{grid-template-columns:repeat(2,1fr)}}.quiz-block-preview-card{display:flex;flex-direction:column;padding:16px;margin-bottom:20px;border-radius:16px;background:var(--color-white);box-shadow:0 2px 10px #2f204b0d;flex-shrink:0}.quiz-option-card{width:100%;aspect-ratio:1;border-radius:16px;border:2px solid #eeebfc;background:var(--color-white);padding:8px;display:flex;flex-direction:column;cursor:pointer;overflow:hidden;position:relative;box-sizing:border-box}.quiz-option-card--selected,.quiz-option--selected{border-color:#e681ef}.quiz-option-card-image-wrapper{flex:1 1 auto;min-height:0;width:100%;overflow:hidden;display:flex;align-items:center;justify-content:center;padding:0 0 3.5px;box-sizing:border-box}.quiz-option-card-image{width:100%;height:100%;object-fit:contain;border-radius:8px}.quiz-option-card-image-placeholder{width:100%;height:100%;background:#f9fafb;border-radius:8px}.quiz-option-card-indicator{flex-shrink:0;width:100%;height:30px;display:flex;align-items:center;justify-content:flex-start;padding:0;box-sizing:border-box}.quiz-option-card-indicator-index,.quiz-option-index{width:24px;height:24px;border-radius:999px;border:none;display:inline-flex;align-items:center;justify-content:center;background:var(--color-secondary);flex-shrink:0;position:relative}.quiz-option-card--selected .quiz-option-card-indicator-index,.quiz-option--selected .quiz-option-index{background:var(--color-accent)}.quiz-option-card--selected .quiz-option-card-indicator-index:after,.quiz-option--selected .quiz-option-index:after{content:"";width:8px;height:8px;border-radius:999px;background:var(--color-white);position:absolute}.quiz-option-card-indicator-index--checkbox,.quiz-option-index--checkbox,.quiz-option-card--checkbox .quiz-option-card-indicator-index,.quiz-option--checkbox .quiz-option-index{border-radius:6px}.quiz-option-card--checkbox.quiz-option-card--selected .quiz-option-card-indicator-index:after,.quiz-option--checkbox.quiz-option--selected .quiz-option-index:after{display:none}.quiz-option{width:100%;border-radius:16px;border:2px solid #eeebfc;background:transparent;padding:10px 12px;display:flex;align-items:center;gap:10px;justify-content:flex-start;cursor:pointer}.quiz-option-check-icon{width:14px;height:10px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:block}.quiz-option-content{flex:1;display:flex;align-items:center;justify-content:space-between;gap:12px}.quiz-option-text{font-size:16px;line-height:22px;color:var(--color-on-surface);text-align:left}.quiz-footer{display:flex;justify-content:space-between;margin-top:16px;gap:16px;flex-shrink:0;position:relative;z-index:3}.quiz-footer:before{content:"";position:absolute;bottom:100%;left:0;right:0;height:50px;background:linear-gradient(to bottom,#f4f6f900,#f4f6f933,#f4f6f980,#f4f6f9bf,#f4f6f9);pointer-events:none;z-index:2}.quiz-submit{border-radius:16px;border:none;padding:0;height:48px;width:100%;font-size:16px;font-weight:700;font-family:inherit;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:opacity .12s ease-out}.quiz-submit--back{background:var(--color-secondary);color:var(--color-on-surface);padding:0 24px}.quiz-submit--next{background:var(--color-primary);color:#fcfcfc;padding:0 24px}.quiz-submit:disabled{opacity:.5;cursor:default}.quiz-skeleton-title,.quiz-skeleton-line,.quiz-skeleton-question,.quiz-skeleton-option{border-radius:999px;background:linear-gradient(90deg,#e5e7eb,#f3f4f6,#e5e7eb);background-size:200% 100%;animation:quiz-skeleton 1.4s ease-in-out infinite}.quiz-skeleton-title{width:60%;height:20px}.quiz-skeleton-line{width:80%;height:12px}.quiz-skeleton-question{margin-top:8px;width:90%;height:18px}.quiz-skeleton-option{margin-top:8px;width:100%;height:52px;border-radius:16px}@keyframes quiz-skeleton{0%{background-position:200% 0}to{background-position:-200% 0}}@media(min-width:375px){.quiz-question-nav-chips{grid-template-columns:repeat(5,1fr)}}@media(min-width:768px){.quiz-question-nav-chips{grid-template-columns:repeat(auto-fit,minmax(64px,1fr))}}.quiz-card--start{gap:0;padding:16px}.quiz-start-content{flex:1;min-height:0;overflow-y:auto;padding-bottom:8px}.quiz-start-header{margin-bottom:16px}.quiz-start-title-section{display:flex;align-items:center;gap:12px}.quiz-start-tag{width:4px;height:30px;border-radius:4.8px;background:var(--color-accent);flex-shrink:0}.quiz-start-title-text{font-size:16px;font-weight:700;color:var(--color-accent);line-height:22px}.quiz-start-attributes{display:flex;gap:8px;margin-bottom:16px;flex-wrap:wrap}.quiz-start-chip{display:flex;align-items:center;gap:4px;padding:8px;border-radius:120px;font-size:14px;font-weight:500;color:var(--color-text-secondary);line-height:18px}.quiz-start-chip svg{flex-shrink:0;width:20px;height:20px}.quiz-start-divider{width:100%;height:1px;background:#eae5ff;margin-bottom:16px}.quiz-start-button{width:100%;height:48px;border-radius:16px;border:none;background:var(--color-primary);color:#fcfcfc;font-size:16px;font-weight:700;font-family:inherit;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:opacity .12s ease-out;margin-bottom:16px}.quiz-start-button:hover:not(:disabled){opacity:.9}.quiz-start-button:disabled{opacity:.5;cursor:default}.quiz-start-error{color:#eb4c4c;font-size:14px;margin-bottom:16px;text-align:center}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}@font-face{font-family:Manrope;src:url(/fonts/Manrope-Medium.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Manrope;src:url(/fonts/Manrope-SemiBold.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Manrope;src:url(/fonts/Manrope-Bold.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Manrope;src:url(/fonts/Manrope-ExtraBold.woff2) format("woff2");font-weight:800;font-style:normal;font-display:swap}:root{font-family:Manrope,system-ui,-apple-system,BlinkMacSystemFont,SF Pro Text,system-ui,sans-serif;line-height:1.5;font-weight:500;color:#2f204b;background-color:#f4f6f9;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button{font-family:inherit}