:root{--bg: #0f1115;--surface: #181b22;--border: #2a2f3a;--text: #e7eaf0;--muted: #9aa3b2;--accent: #4c8dff;--error: #ff6b6b;--focus: #8ab4ff;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}a{color:var(--accent)}:focus-visible{outline:2px solid var(--focus);outline-offset:2px}button{cursor:pointer;font:inherit;color:var(--text);background:var(--accent);border:none;border-radius:6px;padding:.5rem .9rem;transition:background .15s ease,opacity .15s ease,border-color .15s ease}button:hover:not(:disabled){filter:brightness(1.08)}button:disabled{opacity:.6;cursor:default}button[aria-busy=true]{cursor:progress}.spinner{display:block;width:20px;height:20px;margin:1rem 0;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite}.spinner--inline{display:inline-block;width:.9em;height:.9em;margin:0 .5em 0 0;border-width:2px;vertical-align:-.1em;border-top-color:currentColor}.state-loading{display:flex;align-items:center;gap:.6rem;color:var(--muted);padding:1rem 0}.state-loading .spinner{margin:0}@keyframes spin{to{transform:rotate(360deg)}}@keyframes reveal{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion: reduce){.spinner{animation-duration:2.4s}button{transition:none}.answer-dist-summary:before,.shell-sidebar nav a{transition:none}.answer-dist-question[open]>.answer-dist-options,.pool-members{animation:none}}input{font:inherit;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:6px;padding:.55rem .7rem}select{font:inherit;color:var(--text);background-color:var(--surface);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none'%3E%3Cpath d='M1 1.5 6 6.5 11 1.5' stroke='%239aa3b2' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .85rem center;appearance:none;-webkit-appearance:none;-moz-appearance:none;border:1px solid var(--border);border-radius:6px;padding:.55rem 2.4rem .55rem .7rem}.app-loading{display:grid;place-items:center;min-height:100vh;color:var(--muted)}.login{display:grid;place-items:center;min-height:100vh;padding:1rem}.login form{display:flex;flex-direction:column;gap:.5rem;width:min(360px,100%);background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:1.75rem}.login h1{margin:0 0 .5rem;font-size:1.25rem}.login label{font-size:.85rem;color:var(--muted)}.login button{margin-top:.75rem}.form-error,.field-error{color:var(--error);font-size:.85rem;margin:0}:root{--sidebar-width: 240px;--topbar-height: 56px}.shell{min-height:100vh}.shell-topbar{display:none;align-items:center;gap:.75rem;height:var(--topbar-height);padding:0 1rem;background:var(--surface);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:30}.shell-topbar .brand{font-weight:600}.menu-toggle{background:transparent;border:1px solid var(--border);padding:.4rem .6rem;font-size:1.1rem;line-height:1}.shell-sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar-width);display:flex;flex-direction:column;gap:1rem;padding:1.25rem 1rem;background:var(--surface);border-right:1px solid var(--border);z-index:40}.sidebar-brand{font-weight:600;padding:0 .5rem}.shell-sidebar nav{flex:1}.shell-sidebar nav ul{display:flex;flex-direction:column;gap:.25rem;list-style:none;margin:0;padding:0}.shell-sidebar nav a{display:block;text-decoration:none;color:var(--muted);padding:.5rem .7rem;border-radius:8px;transition:color .15s ease,background .15s ease}.shell-sidebar nav a:hover{color:var(--text);background:#ffffff0a}.shell-sidebar nav a[aria-current=page]{color:var(--text);background:#4c8dff26}.sidebar-user{display:flex;flex-direction:column;gap:.5rem;padding-top:1rem;border-top:1px solid var(--border)}.sidebar-user .user-email{color:var(--muted);font-size:.85rem;overflow-wrap:anywhere}.shell-body{display:flex;flex-direction:column;min-height:100vh;margin-left:var(--sidebar-width)}.shell-main{flex:1;padding:1.5rem}.shell-footer{padding:.75rem 1.5rem;border-top:1px solid var(--border);color:var(--muted);font-size:.8rem}.shell-footer p{margin:0}.shell-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;padding:0;border:none;border-radius:0;background:#00000080;z-index:35}@media (max-width: 899px){.shell-topbar{display:flex}.shell-body{margin-left:0;min-height:calc(100vh - var(--topbar-height))}.shell-sidebar{top:0;transform:translate(-100%);transition:transform .2s ease;box-shadow:2px 0 12px #0006}.shell--menu-open .shell-sidebar{transform:translate(0)}.shell--menu-open .shell-overlay{display:block}}@media (prefers-reduced-motion: reduce){.shell-sidebar{transition:none}}.state-note{display:block;color:var(--muted);padding:1rem 0}.state-error{color:var(--error)}.filter-bar{display:flex;flex-wrap:wrap;gap:1rem;align-items:flex-end;padding:1rem 0 1.5rem}.filter-field{display:flex;flex-direction:column;gap:.25rem}.filter-field label{font-size:.8rem;color:var(--muted)}.kpi-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1rem;margin-bottom:1.5rem}.kpi{display:flex;flex-direction:column;gap:.25rem;background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:1rem}.kpi-value{font-size:1.6rem;font-weight:700}.kpi-label{font-size:.85rem;color:var(--muted)}.distribution{display:flex;width:100%;height:24px;border-radius:6px;overflow:hidden;background:var(--border)}.dist-seg{height:100%}.dist-child{background:#4c8dff}.dist-teen{background:#f0a500}.dist-adult{background:#38b000}.dist-uncertain{background:#7a7f8c}.legend{display:flex;flex-wrap:wrap;gap:1rem;list-style:none;margin:.75rem 0 1.5rem;padding:0;font-size:.85rem;color:var(--muted)}.legend li{display:flex;align-items:center;gap:.4rem}.legend-swatch{width:12px;height:12px;border-radius:3px;display:inline-block}.helper-text{font-size:.9rem;color:var(--muted);max-width:60ch}.answer-dist{display:flex;flex-direction:column;gap:.75rem;margin-top:1rem}.answer-dist-question{background:var(--surface);border:1px solid var(--border);border-radius:10px}.answer-dist-summary{display:flex;align-items:center;gap:.6rem;padding:.85rem 1.25rem;cursor:pointer;list-style:none}.answer-dist-summary::-webkit-details-marker{display:none}.answer-dist-summary:before{content:"▸";color:var(--muted);font-size:.8rem;line-height:1;flex:none;transition:transform .15s ease}.answer-dist-question[open]>.answer-dist-summary:before{transform:rotate(90deg)}.answer-dist-summary-label{font-size:1.05rem;font-weight:600}.answer-dist-summary-count{margin-left:auto;flex:none;color:var(--muted);font-size:.8rem;font-weight:500;white-space:nowrap;padding:.2rem .6rem;border:1px solid var(--border);border-radius:999px;background:var(--bg)}.answer-dist-summary:hover{background:#ffffff05}.answer-dist-question[open]>.answer-dist-options{animation:reveal .18s ease}.answer-dist-options{display:flex;flex-direction:column;gap:1rem;list-style:none;margin:0;padding:0 1.25rem 1.1rem}.answer-dist-option-label{display:block;font-weight:600;margin-bottom:.4rem}.answer-dist-bands{display:flex;flex-direction:column;gap:.3rem;list-style:none;margin:0;padding:0}.answer-dist-band{display:grid;grid-template-columns:5rem 1fr 3rem;align-items:center;gap:.6rem;font-size:.85rem}.answer-dist-band-name{color:var(--muted)}.answer-dist-bar-track{display:block;height:14px;border-radius:4px;background:var(--border);overflow:hidden}.answer-dist-bar{display:block;height:100%}.answer-dist-pct{text-align:right;font-variant-numeric:tabular-nums}.helper-text strong{color:var(--text)}.scoring-version{font-size:.75rem;color:var(--muted);margin-top:1.5rem}.accuracy-table{width:100%;border-collapse:collapse;margin-top:1rem}.accuracy-table th,.accuracy-table td{text-align:left;padding:.6rem .75rem;border-bottom:1px solid var(--border)}.accuracy-table th{color:var(--muted);font-weight:600;font-size:.85rem}.table-scroll{overflow-x:auto;margin-top:1rem}.data-table{width:100%;border-collapse:collapse;white-space:nowrap}.data-table th,.data-table td{text-align:left;padding:.6rem .75rem;border-bottom:1px solid var(--border)}.data-table th{color:var(--muted);font-weight:600;font-size:.85rem}.pager{display:flex;align-items:center;gap:1rem;margin-top:1rem;flex-wrap:wrap}.pager-status{color:var(--muted);font-size:.9rem}.export-action{display:flex;align-items:center;gap:.5rem;margin-left:auto;align-self:flex-end}.export-action .icon-button{display:inline-flex;align-items:center;justify-content:center;cursor:pointer;color:var(--accent)}.export-action .icon-button[disabled]{opacity:.5;cursor:progress}.icon-button--error{border-color:var(--danger, #c0392b);color:var(--danger, #c0392b)}.accuracy-bar-track{display:inline-block;width:120px;max-width:40vw;height:8px;border-radius:4px;background:var(--border);margin-right:.5rem;vertical-align:middle;overflow:hidden}.accuracy-bar{display:block;height:100%;background:var(--accent)}.btn-ghost{background:transparent;color:var(--text);border:1px solid var(--border)}.created-banner{border:1px solid var(--accent);background:var(--surface);border-radius:8px;padding:.9rem 1rem;margin-bottom:1.25rem}.created-banner-row{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem;margin-top:.5rem}.created-key-value{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;background:var(--bg);border:1px solid var(--border);border-radius:6px;padding:.35rem .6rem;word-break:break-all}.create-key-form{display:flex;flex-direction:column;gap:.75rem;max-width:40rem;border:1px solid var(--border);border-radius:8px;padding:1rem 1.1rem;margin-bottom:1.5rem}.form-field{display:flex;flex-direction:column;gap:.3rem}.form-field textarea{font:inherit;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:6px;padding:.55rem .7rem}.key-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:1rem}.key-row{border:1px solid var(--border);border-radius:8px;padding:1rem 1.1rem}.key-row-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem}.key-value{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;word-break:break-all}.key-label{margin-left:.6rem;color:var(--muted)}.pool-name{font-weight:600}.pool-description{margin:.5rem 0 0;color:var(--muted)}.edit-pool-form{margin-top:.75rem;display:grid;gap:.6rem}.pool-members{margin-top:.9rem;padding-top:.9rem;border-top:1px solid var(--border);animation:reveal .18s ease}.pool-members h3{margin:0 0 .6rem;font-size:.95rem}.member-list{list-style:none;margin:0 0 .9rem;padding:0;display:flex;flex-direction:column;gap:.4rem}.member-row{display:flex;align-items:center;gap:.75rem;padding:.4rem .6rem;background:var(--bg);border:1px solid var(--border);border-radius:6px}.member-label{font-weight:600}.member-params{margin-left:auto;color:var(--muted);font-size:.85rem;font-variant-numeric:tabular-nums}.add-member-form{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.add-member-form label{font-size:.85rem;color:var(--muted);width:100%}.key-row-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.key-domain-count{color:var(--muted);font-size:.9rem}.badge{display:inline-block;padding:.15rem .5rem;border-radius:999px;font-size:.8rem;border:1px solid var(--border)}.badge-active{border-color:var(--accent);color:var(--accent)}.badge-inactive{color:var(--muted)}.origin-list{list-style:none;display:flex;flex-wrap:wrap;gap:.5rem;padding:0;margin:.9rem 0}.origin-chip{display:inline-flex;align-items:center;gap:.4rem;background:var(--surface);border:1px solid var(--border);border-radius:999px;padding:.2rem .3rem .2rem .7rem;font-size:.9rem}.chip-remove{background:transparent;color:var(--muted);border:none;border-radius:999px;padding:0 .4rem;line-height:1}.add-origin-form{display:flex;flex-wrap:wrap;gap:.5rem}.add-origin-form input{flex:1 1 14rem}.copy-feedback{display:block;margin-top:.4rem;min-height:1.1em;font-size:.85rem;color:var(--accent)}.variant-list{list-style:none;padding:0;margin:1rem 0 0;display:flex;flex-direction:column;gap:1rem}.variant-row{border:1px solid var(--border);border-radius:8px;padding:1rem 1.1rem}.variant-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem}.variant-meta{display:block;color:var(--muted);font-size:.9rem;margin-top:.2rem}.version-list{list-style:none;display:flex;flex-direction:column;gap:.5rem;padding:0;margin:.9rem 0 0}.version-row{border:1px solid var(--border);border-radius:8px;padding:.6rem .8rem}.version-row--active{border-color:var(--accent);background:#4c8dff0f}.version-select{display:flex;align-items:center;gap:.5rem;cursor:pointer}.version-select input:disabled{cursor:default}.version-prompt{margin:.4rem 0 .15rem}.version-detail{margin:0;font-size:.85rem;color:var(--muted)}.version-tag{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--muted)}.question-form{display:flex;flex-direction:column;gap:.75rem;width:100%;border:1px solid var(--border);border-radius:8px;padding:1rem 1.1rem;margin:1rem 0 1.5rem}.options-field{border:1px solid var(--border);border-radius:6px;padding:.75rem;display:flex;flex-direction:column;gap:.5rem}.option-row{display:flex;align-items:center;gap:.5rem}.option-row input[type=text]{flex:1 1 auto}.form-actions{display:flex;gap:.6rem}.questions-toolbar{display:flex;flex-wrap:wrap;align-items:flex-end;gap:1rem;margin-bottom:1.25rem}.pool-field{flex:0 0 auto}.questions-toolbar .pool-field select,.questions-toolbar>button{height:2.5rem}.pool-field select{width:auto;min-width:9rem}.success-note{color:var(--accent)}.success-note:empty{display:none}.confirm-dialog{border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--text);padding:1.25rem 1.4rem;max-width:30rem;width:calc(100% - 2rem)}.confirm-dialog::backdrop{background:#00000080}.confirm-dialog h2{margin:0 0 .5rem;font-size:1.1rem}.confirm-dialog p{margin:0 0 1.1rem;color:var(--muted)}.allok-toggle{display:flex;align-items:center;gap:.5rem;font-size:.9rem}.hotspot-editor{display:flex;flex-direction:column;gap:.6rem}.hotspot-surface{position:relative;max-width:32rem;border:1px solid var(--border);border-radius:8px;overflow:hidden;cursor:crosshair;touch-action:none;-webkit-user-select:none;user-select:none}.hotspot-image{display:block;width:100%;height:auto}.hotspot-overlay{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.hotspot-zone{fill:#4c8dff40;stroke:var(--accent);stroke-width:.006}.hotspot-zone--preview{fill:#4c8dff1f;stroke-dasharray:.02 .02}.zone-list{display:flex;flex-wrap:wrap;gap:.5rem;list-style:none;padding:0;margin:0}.grid-editor{display:flex;flex-direction:column;gap:.6rem}.grid-dims{display:flex;flex-wrap:wrap;gap:1rem}.grid-dims .form-field input{width:6rem}.grid-surface{display:grid;gap:3px;width:100%;max-width:32rem;aspect-ratio:1 / 1;padding:3px;border:1px solid var(--border);border-radius:8px;background-color:var(--surface);background-size:cover;background-position:center}.grid-cell{border:1px solid rgba(255,255,255,.35);border-radius:4px;background:#00000026;padding:0;min-height:2rem}.grid-cell--wrong{background:#ff6b6b8c;border-color:var(--error)}.version-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.version-preview{margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--border)}.mcq-preview-image{display:block;align-self:flex-start;width:auto;max-width:100%;height:auto;max-height:240px;object-fit:contain;margin-bottom:.75rem;border-radius:8px}.mcq-preview{margin:0;padding-left:1.2rem;color:var(--muted)}.mcq-preview .mcq-correct{color:var(--text);font-weight:600}.req{color:var(--error);margin-left:.15rem}.icon-button{background:transparent;border:1px solid var(--border);border-radius:6px;padding:.3rem .5rem;line-height:1;font-size:1rem}.icon-button[aria-expanded=true]{border-color:var(--accent)}.image-actions{display:flex;gap:.5rem;margin-top:.4rem}