.app-layout{background:var(--palette-slate-50);width:100%;height:100dvh;min-height:100dvh;color:var(--palette-slate-900);align-items:flex-start;display:flex;position:fixed;inset:0;overflow:hidden}.public-main{background:radial-gradient(circle at top left, color-mix(in srgb, var(--palette-green-700) 20%, transparent), transparent 30%), radial-gradient(circle at top right, color-mix(in srgb, var(--palette-sky-600) 16%, transparent), transparent 24%), linear-gradient(180deg, var(--palette-lavender-50) 0%, var(--palette-sky-50) 48%, var(--palette-white) 100%);min-height:100dvh;color:var(--palette-slate-900)}.public-page{--public-section-padding:64px;gap:3.75rem;width:100%;display:grid}.public-nav{z-index:20;background:color-mix(in srgb, var(--palette-white) 65%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--palette-slate-200);width:100%;padding:.9rem 16px;position:sticky;top:0}.public-nav-inner{justify-content:space-between;align-items:center;gap:1rem;width:min(1320px,100%);margin:0 auto;display:flex}.public-page-content{gap:8px;width:100%;display:grid}.public-brand{align-items:center;display:inline-flex;position:relative}.public-brand-logo{aspect-ratio:514/107;background:var(--palette-slate-800);flex:none;width:12.5rem;display:block;-webkit-mask:url(/logos/logo-full-quizverkstan-1.svg) 50%/contain no-repeat;mask:url(/logos/logo-full-quizverkstan-1.svg) 50%/contain no-repeat}.public-brand-badge{z-index:1;border:2px solid var(--palette-slate-900);background:var(--palette-cream-50);color:var(--palette-slate-900);box-shadow:2px 2px 0 var(--palette-slate-900);white-space:nowrap;transform-origin:50%;-webkit-user-select:none;user-select:none;border-radius:8px;padding:.25rem .5rem;font-size:.68rem;font-weight:600;line-height:1;position:absolute;top:-.55rem;right:-3rem;transform:rotate(7deg)}.public-nav-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.75rem;display:flex}.public-blog-link{border:1px solid var(--palette-slate-300);background:var(--palette-white-alpha-78);width:2.75rem;height:2.75rem;color:var(--palette-slate-800);border-radius:999px;flex:none;justify-content:center;align-items:center;transition:border-color .15s,background .15s,transform .15s;display:inline-flex}.public-blog-link:hover,.public-blog-link[aria-current=page]{border-color:var(--palette-lavender-500);background:var(--palette-lavender-100);transform:translateY(-1px)}.public-blog-link:focus-visible{outline:3px solid var(--palette-lavender-600-alpha-30);outline-offset:2px}.public-hero,.public-story-section,.public-feature-band,.public-cta-strip{width:min(1320px,100%);padding-inline:var(--public-section-padding);margin-inline:auto}.public-hero{grid-template-columns:minmax(320px,.88fr) minmax(0,1.22fr);align-items:flex-start;gap:2.5rem;display:grid}.public-eyebrow{background:var(--palette-lavender-100);width:fit-content;color:var(--palette-lavender-800);letter-spacing:.02em;border-radius:999px;margin-bottom:1rem;padding:.35rem .7rem;font-size:.85rem;font-weight:700;display:inline-flex}.public-title{max-width:12ch;margin-bottom:1rem;font-family:Outfit,Georgia,serif;font-size:clamp(2.4rem,4vw,4.4rem);line-height:.98}.public-lede{max-width:56ch;color:var(--palette-slate-700);margin-top:2rem;margin-bottom:1rem;font-size:1.2rem}.public-actions{flex-wrap:wrap;gap:.8rem;margin-top:1.5rem;display:flex}.public-meta{gap:.85rem;display:grid}.public-hero-copy{max-width:36rem;padding:2.5rem 0;position:relative}.public-hero-note{border-top:1px solid var(--palette-slate-400-alpha-28);max-width:30rem;color:var(--palette-slate-700);margin-top:1.25rem;padding-top:.9rem;font-size:.97rem}.public-hero-note strong{color:var(--palette-slate-900)}.public-kicker{color:var(--palette-slate-600);margin-top:.9rem;font-size:.95rem}.public-stat-grid,.public-card-grid,.public-step-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.public-stat,.public-card,.public-step{background:var(--palette-white-alpha-82);border:1px solid var(--palette-slate-300);border-radius:18px;padding:1.15rem}.public-stat strong{margin-bottom:.3rem;font-size:1.9rem;line-height:1;display:block}.public-card p,.public-step p,.public-stat p{color:var(--palette-slate-600);margin-bottom:0}.public-step-index{background:var(--palette-slate-900);width:2rem;height:2rem;color:var(--palette-white);border-radius:999px;justify-content:center;align-items:center;margin-bottom:.85rem;font-weight:700;display:inline-flex}.public-inline-link{color:var(--palette-sky-700);font-weight:700}.public-story-section,.public-feature-band,.public-cta-strip{border-top:1px solid var(--palette-slate-400-alpha-28);gap:1.25rem;padding-top:.75rem;display:grid}.public-section-heading{max-width:44rem}.public-section-heading h2,.public-feature-copy h2,.public-cta-copy h2{margin-bottom:.75rem;font-size:clamp(1.8rem,2.6vw,2.7rem);line-height:1.05}.public-section-heading p,.public-feature-copy p,.public-cta-copy p{color:var(--palette-slate-600)}.public-story-list{gap:1rem;display:grid}.public-story-card{border-bottom:1px solid var(--palette-slate-300);grid-template-columns:72px minmax(0,1fr);align-items:start;gap:1rem;padding:1.15rem 0;display:grid}.public-story-card h3,.public-story-card p{grid-column:2}.public-story-index{background:linear-gradient(135deg, var(--palette-green-700), var(--palette-sky-600));width:4.5rem;height:4.5rem;color:var(--palette-white);letter-spacing:.08em;border-radius:1.4rem;justify-content:center;align-items:center;font-size:1.1rem;font-weight:800;display:inline-flex}.public-feature-band{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:start}.public-feature-points{gap:1rem;display:grid}.public-cta-strip{grid-template-columns:minmax(0,1fr) auto;align-items:end;padding-top:.75rem}.public-actions-compact{justify-content:flex-end;margin-top:0}.public-card{border:0;border-bottom:1px solid var(--palette-slate-300);background:0 0;border-radius:0;padding:1rem 0}@media (width<=900px){.public-hero,.public-stat-grid,.public-card-grid,.public-step-grid,.public-feature-band,.public-cta-strip{grid-template-columns:minmax(0,1fr)}.public-title{max-width:none}.public-actions-compact{justify-content:flex-start}.public-hero-copy{max-width:none}}@media (width<=640px){.public-page{--public-section-padding:16px}.public-page-hide-mobile-nav-actions .public-nav-inner{flex-direction:row;align-items:center}.public-page-hide-mobile-nav-actions .public-nav-actions{width:auto}.public-page-hide-mobile-nav-actions .public-nav-actions>a:not(.public-blog-link){display:none}.public-nav-inner{flex-direction:column;align-items:flex-start}.public-nav-actions{justify-content:stretch;width:100%}.public-nav-actions>a{justify-content:center}.public-hero-copy{padding:0}.public-story-card{grid-template-columns:minmax(0,1fr)}.public-story-card h3,.public-story-card p{grid-column:auto}.public-story-index{border-radius:1rem;width:3.5rem;height:3.5rem}}.background-quiz{background:var(--palette-yellow-200)}.background-browse{background:var(--palette-sky-200)}.background-home{background:var(--palette-cream-50)}.background-login{background:var(--palette-yellow-200)}.background-profile,.background-register{background:var(--palette-lavender-200)}.start-page{background:radial-gradient(circle at 14% 18%, color-mix(in srgb, var(--palette-green-400) 30%, transparent), transparent 28%), radial-gradient(circle at 88% 12%, color-mix(in srgb, var(--palette-sky-600) 18%, transparent), transparent 24%), radial-gradient(circle at 72% 82%, color-mix(in srgb, var(--palette-lavender-400) 24%, transparent), transparent 30%), linear-gradient(180deg, var(--palette-lavender-50) 0%, var(--palette-cream-50) 52%, var(--palette-white) 100%)}.background-waves{background:radial-gradient(circle at 100% 50%, transparent 20%, color-mix(in srgb, var(--palette-white) 4%, transparent) 21%, color-mix(in srgb, var(--palette-white) 4%, transparent) 34%, transparent 35%, transparent), radial-gradient(circle at 0% 50%, transparent 20%, color-mix(in srgb, var(--palette-white) 4%, transparent) 21%, color-mix(in srgb, var(--palette-white) 4%, transparent) 34%, transparent 35%, transparent) 0 -50px;background-color:var(--palette-green-900);background-size:75px 100px}.main-content{overscroll-behavior-y:contain;flex:1;min-width:0;height:100%;min-height:0;padding:80px 24px 40px;overflow:hidden auto}@media (width<=760px){.main-content{padding-inline:8px}}.page-grid{gap:1rem;max-width:800px;margin:0 auto;display:grid}.page-grid.single-column{grid-template-columns:minmax(0,1fr)}.browse-layout{grid-template-columns:minmax(0,1.5fr) minmax(300px,1fr);align-items:start}.surface{background:var(--palette-white);border:1px solid var(--palette-slate-200);box-shadow:0 8px 24px var(--palette-slate-900-alpha-8);border-radius:16px;padding:1.25rem}.surface h1,.surface h2,.surface h3,.surface p{margin-top:0}.hero{background:linear-gradient(135deg, color-mix(in srgb, var(--palette-green-700) 12%, transparent), color-mix(in srgb, var(--palette-pink-200) 35%, transparent))}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;display:grid}.stat-card strong{font-size:2rem}.muted{color:var(--palette-slate-500)}.row-space{justify-content:space-between;align-items:center;gap:1rem;display:flex}.row-space.wrap{flex-wrap:wrap}.field{border:1px solid var(--palette-slate-300);background:var(--palette-white);border-radius:10px;width:100%;padding:.75rem .85rem}.input-label{font-weight:600}.stack-sm{gap:.75rem;display:grid}.stack-md{gap:1rem;display:grid}.narrow{max-width:680px}.button-dark,.button-link{cursor:pointer;border:none;border-radius:10px;width:fit-content;padding:.7rem 1rem;font-weight:600;text-decoration:none;display:inline-flex}.button-dark:disabled{opacity:.55;cursor:not-allowed}.button-dark,.button-link{background:var(--palette-slate-900);color:var(--palette-white)}.block-toggle-button{background:var(--palette-slate-50);color:var(--palette-slate-900);cursor:pointer;border:none;border-radius:10px;padding:.45rem .75rem;font-weight:600}.block-toggle-button:hover{background:var(--palette-lavender-100)}.block-surface.is-collapsed{z-index:0;cursor:pointer;transition:transform .16s,box-shadow .16s,border-color .16s;position:relative}.block-surface.is-collapsed:hover{z-index:20;box-shadow:0 14px 30px var(--palette-slate-900-alpha-16);border-color:var(--palette-lavender-400);transform:translateY(-2px)}.block-surface:has(.block-add-popover-group.is-open){z-index:120}.block-surface.is-collapsed:focus-visible{outline:3px solid var(--palette-lavender-600-alpha-30);outline-offset:2px}.block-expand-hint{margin-bottom:0;font-size:.85rem}.block-header-content{flex:1;min-width:0}.block-meta-pills{flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:.55rem;display:inline-flex}.block-meta-pills .chip{margin-bottom:0;padding:.3rem .75rem;font-size:.85rem}.difficulty-dots{align-items:center;gap:.35rem;display:inline-flex}.difficulty-dot{border-radius:999px;width:8px;height:8px}.difficulty-dot.is-filled{background:var(--palette-slate-800);border:1px solid var(--palette-slate-800)}.difficulty-dot.is-outline{border:1px solid var(--palette-slate-500);background:0 0}.block-edit-form{max-width:520px}.block-edit-actions{gap:.5rem;display:inline-flex}.block-edit-button{border:1px solid var(--palette-slate-300);cursor:pointer;background:var(--palette-white);width:34px;height:34px;color:var(--palette-slate-600);border-radius:10px;justify-content:center;align-items:center;display:inline-flex}.block-edit-button:hover{background:var(--palette-lavender-100);border-color:var(--palette-lavender-400);color:var(--palette-lavender-800)}.block-edit-button-save{border-color:var(--palette-green-300);background:var(--palette-green-100);color:var(--palette-green-700)}.block-edit-button-save:hover{border-color:var(--palette-green-400);background:var(--palette-green-200);color:var(--palette-green-900)}.block-edit-button-cancel{border-color:var(--palette-red-200);background:var(--palette-red-100);color:var(--palette-red-700)}.block-edit-button-cancel:hover{border-color:var(--palette-red-400);background:var(--palette-red-200);color:var(--palette-red-900)}.score-picker-row{gap:.4rem;display:grid}.question-edit-footer{justify-content:space-between;align-items:flex-end;gap:.75rem;display:flex}.question-edit-actions{align-self:flex-end}.score-picker{border:1px solid var(--palette-slate-300);background:var(--palette-white);border-radius:10px;width:fit-content;display:inline-flex;overflow:hidden}.score-picker-input{text-align:center;border:none;border-radius:0;width:76px;padding:.5rem .2rem;font-weight:700}.score-picker-input:focus{outline:none}.score-picker-stepper{border-left:1px solid var(--palette-slate-200);display:grid}.score-step-button{background:var(--palette-slate-50);width:30px;height:21px;color:var(--palette-slate-600);cursor:pointer;border:none;justify-content:center;align-items:center;display:inline-flex}.score-step-button+.score-step-button{border-top:1px solid var(--palette-slate-200)}.score-step-button:hover{background:var(--palette-lavender-100);color:var(--palette-lavender-800)}.chip{background:var(--palette-lavender-100);color:var(--palette-green-700);border-radius:999px;margin-bottom:.55rem;padding:.2rem .6rem;font-size:.8rem;font-weight:700;display:inline-flex}.pill{border:1px solid var(--palette-slate-300);background:var(--palette-slate-50);border-radius:999px;padding:.3rem .75rem;font-size:.85rem;font-weight:600}.score-pill{white-space:nowrap;width:fit-content;color:var(--palette-slate-700);background:var(--palette-slate-100);border:1px solid var(--palette-slate-300);box-shadow:0 1px 2px var(--palette-slate-900-alpha-8);border-radius:999px;align-items:center;padding:.25rem .7rem;font-size:.78rem;font-weight:700;display:inline-flex}.question-card{border:1px solid var(--palette-slate-200);background:var(--palette-slate-50);border-radius:12px;padding:.95rem}.question-card-top{align-items:flex-start}.question-card-top p{margin:0}.block-add-popover-group{position:relative}.block-add-popover-group.is-open{z-index:160}.block-add-cta{white-space:nowrap}.block-add-popover{border:1px solid var(--palette-slate-300);background:var(--palette-white);min-width:220px;box-shadow:0 18px 36px var(--palette-slate-900-alpha-16);opacity:0;visibility:hidden;pointer-events:none;z-index:200;border-radius:12px;padding:.85rem;transition:opacity .15s,transform .15s,visibility .15s;position:absolute;top:calc(100% + 8px);right:0;transform:translateY(4px)}.block-add-popover-group.is-open .block-add-popover{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}.block-add-popover-title{letter-spacing:.08em;text-transform:uppercase;color:var(--palette-slate-500);margin:0 0 .6rem;font-size:.8rem;font-weight:700}.block-add-empty{margin:0}.block-add-popover-list{gap:.35rem;display:grid}.block-add-popover-item{background:var(--palette-slate-50);color:var(--palette-slate-900);text-align:left;cursor:pointer;border:none;border-radius:10px;padding:.6rem .75rem}.block-add-popover-item:hover{background:var(--palette-lavender-100)}.block-visibility-button{border:1px solid var(--palette-slate-300);cursor:pointer;background:var(--palette-white);width:34px;height:34px;color:var(--palette-slate-600);border-radius:10px;justify-content:center;align-items:center;display:inline-flex;position:relative}.block-visibility-button:hover{background:var(--palette-lavender-100);border-color:var(--palette-lavender-400);color:var(--palette-lavender-800)}.icon-tooltip{background:var(--palette-slate-900);color:var(--palette-white);white-space:nowrap;opacity:0;visibility:hidden;pointer-events:none;z-index:30;border-radius:8px;padding:.3rem .6rem;font-size:.8rem;transition:opacity .15s,visibility .15s;position:absolute;top:50%;left:calc(100% + 10px);transform:translateY(-50%)}.block-visibility-button:hover .icon-tooltip,.block-visibility-button:focus-visible .icon-tooltip{opacity:1;visibility:visible}.publish-list{gap:.75rem;display:grid}.publish-row{border:1px solid var(--palette-slate-200);background:var(--palette-slate-50);border-radius:12px;justify-content:space-between;align-items:center;gap:1rem;padding:.85rem;display:flex}.form-divider{border-top:1px solid var(--palette-slate-200);padding-top:1rem}.form-divider-no-top{padding-top:0}.plain-list{margin:0;padding-left:1.25rem}.inline-edit-row{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:.45rem;display:grid}.inline-edit-input{margin:0}.inline-edit-save{border:1px solid var(--palette-slate-300);background:var(--palette-green-50);width:50px;height:50px;color:var(--palette-slate-900);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;display:inline-flex}.random-name-button{border:1px solid var(--palette-slate-300);background:var(--palette-white);width:50px;height:50px;color:var(--palette-slate-900);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;display:inline-flex}.random-name-button:hover,.inline-edit-save:hover{background:var(--palette-lavender-100);border-color:var(--palette-lavender-400);color:var(--palette-lavender-800)}@media (width<=980px){.browse-layout{grid-template-columns:minmax(0,1fr)}.public-page{gap:0}}.backend-error{background:var(--palette-red-50);border:1px solid var(--palette-red-200);color:var(--palette-red-900);border-radius:.75rem;justify-content:space-between;align-items:center;gap:1rem;margin:1rem;padding:.75rem 1rem;display:flex}.backend-error button{color:inherit;cursor:pointer;font:inherit;background:0 0;border:0;text-decoration:underline}