:root{color-scheme:light;--font-family-base: "Avenir Next", Avenir, Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;font-family:var(--font-family-base);line-height:1.5;font-weight:400;--color-text: #152033;--color-text-muted: #61708f;--color-bg: #f3f6fb;--color-surface: #ffffff;--color-surface-alt: #fbfcff;--color-border: #dde5f4;--color-input-border: #ced8ea;--color-primary: #2952ff;--color-primary-soft-bg: #e6ebff;--color-primary-soft-text: #20305d;--color-danger-bg: #ffe8e6;--color-danger-text: #a52828;--color-tag-bg: #eef2ff;--color-tag-text: #3150b8;--color-shadow: rgba(28, 45, 90, .08);--color-success-bg: #e7f8ee;--color-success-text: #1e7a43;--color-warning-bg: #fff4dd;--color-warning-text: #9a5b00;--color-error-bg: #ffe9e8;--color-error-text: #a52b2b;color:var(--color-text);background:var(--color-bg)}:root[data-theme=dark]{color-scheme:dark;--color-text: #e7ecf8;--color-text-muted: #a8b3cc;--color-bg: #0f1726;--color-surface: #182235;--color-surface-alt: #1d2940;--color-border: #2f3d5c;--color-input-border: #334566;--color-primary: #6d8dff;--color-primary-soft-bg: #24314d;--color-primary-soft-text: #d7e0ff;--color-danger-bg: #432323;--color-danger-text: #ffb6b0;--color-tag-bg: #24314d;--color-tag-text: #c8d5ff;--color-shadow: rgba(0, 0, 0, .35);--color-success-bg: #1c3a2a;--color-success-text: #90efb0;--color-warning-bg: #47381b;--color-warning-text: #ffd788;--color-error-bg: #4a2323;--color-error-text: #ffb4b1}*{box-sizing:border-box}body{margin:0;color:var(--color-text);background:var(--color-bg);font-family:var(--font-family-base)}body,button,input,textarea,select,h1,h2,h3,h4,h5,h6{font-family:var(--font-family-base)}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,.button-link{background:var(--color-primary);border:0;color:#fff;border-radius:12px;padding:.85rem 1.1rem;cursor:pointer;display:inline-flex;justify-content:center;align-items:center}button.secondary{background:var(--color-primary-soft-bg);color:var(--color-primary-soft-text)}button.danger{background:var(--color-danger-bg);color:var(--color-danger-text)}button:disabled{opacity:.6;cursor:not-allowed}input,textarea,select{width:100%;padding:.8rem .9rem;border:1px solid var(--color-input-border);border-radius:12px;background:var(--color-surface);color:var(--color-text)}textarea{min-height:120px;resize:vertical}label{display:grid;gap:.45rem;font-weight:600}.checkbox{display:flex;gap:.7rem;align-items:center}.checkbox input{width:auto}.shell{max-width:1100px;margin:0 auto;padding:2rem 1rem 3rem}.topbar{display:flex;gap:1rem;justify-content:space-between;align-items:end;margin-bottom:1.5rem}.topbar nav{display:flex;gap:1rem;font-weight:700}.topbar-actions{display:flex;align-items:center;gap:1rem}.theme-toggle{white-space:nowrap;min-width:48px;min-height:48px;padding:.75rem;font-size:1.2rem}.panel{background:var(--color-surface);border-radius:20px;padding:1.5rem;margin-bottom:1.25rem;box-shadow:0 16px 40px var(--color-shadow)}.breadcrumb{margin-bottom:1rem}.breadcrumb-list{display:flex;gap:.65rem;flex-wrap:wrap;margin:0;padding:0;list-style:none;color:var(--color-text-muted);font-weight:600}.breadcrumb-list li{display:inline-flex;align-items:center;gap:.65rem}.breadcrumb-list li+li:before{content:"/";color:var(--color-input-border)}.breadcrumb-list a{color:var(--color-primary)}.stack{display:grid;gap:1rem}.stack.compact{gap:.6rem}.form-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.admin-filter-bar{align-items:end;margin:1.25rem 0 1.5rem;padding:1rem;border:1px solid var(--color-border);border-radius:18px;background:var(--color-surface-alt)}.filter-field{gap:.5rem;padding:.9rem 1rem;border:1px solid var(--color-border);border-radius:16px;background:var(--color-surface);box-shadow:0 10px 24px var(--color-shadow)}.filter-field input,.filter-field select{background:var(--color-surface-alt)}.filter-field-search{grid-column:span 2}.filter-field-label{font-size:.76rem;font-weight:700;line-height:1.1;letter-spacing:.04em;text-transform:uppercase;color:var(--color-text-muted)}.quiz-filter-bar{grid-template-columns:minmax(280px,2.6fr) repeat(2,minmax(120px,1fr));gap:.75rem;align-items:stretch;padding:.85rem}.quiz-filter-bar .filter-field{min-width:0}.quiz-filter-bar .filter-field-search{grid-column:auto}.compact-filter-field{gap:.35rem;padding:.7rem .8rem;border-radius:14px;box-shadow:none}.compact-filter-field input,.compact-filter-field select{padding:.65rem .75rem}.search-query-control{position:relative}.search-query-control input{padding-right:3.6rem}.search-help-button{position:absolute;top:50%;right:.45rem;transform:translateY(-50%);min-width:36px;min-height:36px;padding:0;border-radius:999px;font-size:1rem;font-weight:800;z-index:1}.search-help-popover{position:absolute;top:calc(100% + .6rem);right:0;z-index:5;width:min(420px,100%);padding:1rem;border:1px solid var(--color-border);border-radius:16px;background:var(--color-surface);box-shadow:0 16px 40px var(--color-shadow)}.search-help-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.5rem}.search-help-close{min-width:32px;min-height:32px;padding:0;border-radius:999px;font-size:1.1rem;line-height:1}.search-help-popover code{display:block;padding:.45rem .6rem;border-radius:10px;background:var(--color-surface-alt);color:var(--color-primary-soft-text);overflow-wrap:anywhere}@media(max-width:1100px){.quiz-filter-bar{grid-template-columns:repeat(2,minmax(0,1fr))}.quiz-filter-bar .filter-field-search{grid-column:1 / -1}.search-help-popover{left:0;right:auto;width:100%}}.date-control{display:grid;gap:.6rem}.quiz-header,.admin-header,.actions{display:flex;gap:1rem;justify-content:space-between;align-items:center}.options-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}.question-list{display:grid;gap:1rem}.question-card,.question-editor,.option-card,.answer-editor,.result-card,.stat-card,.quiz-list-item{border:1px solid var(--color-border);border-radius:18px;padding:1rem;background:var(--color-surface-alt)}.slider-editor{display:grid;gap:1rem}.answer-editor{position:relative}.answer-delete-button{position:absolute;top:.75rem;right:.75rem;min-width:36px;min-height:36px;padding:0;border-radius:999px;font-size:1.35rem;line-height:1;z-index:1}.answer-duplicate-button{position:absolute;top:.75rem;right:3.5rem;min-width:36px;min-height:36px;padding:0;border-radius:999px;font-size:1.1rem;line-height:1;z-index:1}.question-slider-nav{display:flex;align-items:center;justify-content:space-between;gap:1rem}.icon-button{min-width:48px;min-height:48px;padding:.5rem;font-size:1.4rem;line-height:1}.question-meta{display:flex;gap:1rem;justify-content:space-between;align-items:center;margin-bottom:.75rem}.tag-group{display:flex;gap:.5rem;flex-wrap:wrap}.question-card h3,.quiz-list-item h4,.result-card h4{margin:.25rem 0 .75rem}.question-progress-nav{display:flex;gap:.6rem;flex-wrap:wrap;margin-bottom:.75rem}.question-progress-pill{min-width:42px;min-height:42px;padding:.55rem .8rem;border:1px solid var(--color-border);border-radius:999px;background:var(--color-surface);color:var(--color-text)}.question-progress-pill.answered{background:var(--color-primary-soft-bg);color:var(--color-primary-soft-text);border-color:var(--color-primary)}.question-progress-pill.current{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.question-progress-pill:disabled{background:var(--color-surface-alt);color:var(--color-text-muted);border-color:var(--color-border)}.option-head{display:flex;gap:.6rem;align-items:center;margin-bottom:.75rem}.option-head input{width:auto}.tag{display:inline-flex;background:var(--color-tag-bg);color:var(--color-tag-text);border-radius:999px;padding:.25rem .65rem;font-size:.85rem;font-weight:700}.status-tag{display:inline-flex;align-items:center;border-radius:999px;padding:.3rem .75rem;font-size:.85rem;font-weight:700}.status-tag.active,.status-tag.perfect{background:var(--color-success-bg);color:var(--color-success-text)}.status-tag.partial{background:var(--color-warning-bg);color:var(--color-warning-text)}.status-tag.inactive,.status-tag.expired,.status-tag.incorrect{background:var(--color-error-bg);color:var(--color-error-text)}.status-tag.scheduled{background:var(--color-primary-soft-bg);color:var(--color-primary-soft-text)}.muted{color:var(--color-text-muted)}.feedback{padding:.95rem 1rem;border-radius:14px;font-weight:600}.feedback.success{background:var(--color-success-bg);color:var(--color-success-text)}.feedback.warning{background:var(--color-warning-bg);color:var(--color-warning-text)}.feedback.error{background:var(--color-error-bg);color:var(--color-error-text)}.toast{position:fixed;top:1.25rem;right:1.25rem;z-index:1000;display:flex;align-items:center;gap:.75rem;max-width:min(420px,calc(100vw - 2rem));padding:.9rem 1rem;border-radius:16px;background:var(--color-error-bg);color:var(--color-error-text);border:1px solid var(--color-error-text);box-shadow:0 16px 40px var(--color-shadow)}.toast-close{min-width:36px;min-height:36px;padding:0;border-radius:999px}.answer-image{max-width:100%;max-height:220px;object-fit:contain;border-radius:12px;border:1px solid var(--color-border);background:var(--color-surface)}.quiz-list{display:grid;gap:1rem}.pagination-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem;margin-top:1rem}.pagination-pages{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem}.pagination-page{min-width:44px;min-height:44px;padding:.7rem .9rem;border:1px solid var(--color-border);background:var(--color-surface-alt);color:var(--color-text)}.pagination-page.is-active{border-color:var(--color-primary);background:var(--color-primary);color:#fff}.quiz-list-item-main{min-width:0}.quiz-list-item-side{display:grid;gap:1rem;justify-items:end}.quiz-share-panel{display:grid;gap:.75rem;width:min(100%,220px)}.qr-code-wrapper{display:grid;place-items:center;padding:.75rem;border:1px solid var(--color-border);border-radius:18px;background:#fff}.qr-code-image{display:block;width:176px;height:176px;max-width:100%}.qr-code-placeholder{display:grid;place-items:center;width:176px;height:176px;max-width:100%;color:var(--color-text-muted);font-weight:700}.share-link{display:block;color:var(--color-primary);font-weight:600;overflow-wrap:anywhere}.share-actions{display:grid;gap:.6rem}.copy-feedback-button{transition:transform .18s ease,background-color .18s ease,color .18s ease,box-shadow .18s ease}.copy-feedback-button.is-copied{background:var(--color-success-bg);color:var(--color-success-text);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-success-bg) 65%,transparent);transform:scale(1.03)}.result-list{display:grid;gap:1rem}.result-summary-card{display:grid;grid-template-columns:auto minmax(0,1fr);gap:1.25rem;align-items:center;margin:1rem 0;padding:1.25rem;border:1px solid var(--color-border);border-radius:20px;background:var(--color-surface-alt)}.result-score-ring{display:grid;place-items:center;width:120px;height:120px;border-radius:999px;border:10px solid var(--color-primary-soft-bg);background:var(--color-surface);text-align:center}.result-score-ring strong{font-size:1.8rem}.result-score-ring span{color:var(--color-text-muted);font-size:.85rem;font-weight:700;text-transform:uppercase}.result-summary-content{display:grid;gap:.75rem}.result-summary-content h4{margin:0}.celebration-banner{position:relative;display:flex;align-items:center;justify-content:center;min-height:120px;margin-bottom:1rem;padding:1rem;border-radius:18px;background:linear-gradient(135deg,var(--color-success-bg),var(--color-primary-soft-bg));overflow:visible}.fireworks{position:fixed;inset:0;pointer-events:none;z-index:40}.burst{position:absolute;bottom:-10vh;left:var(--left);width:var(--size);height:var(--size);border-radius:999px;color:var(--color);background:currentColor;box-shadow:0 0 18px 4px currentColor;animation:launch-firework var(--duration) cubic-bezier(.22,.8,.24,1) var(--delay) 1 forwards}.burst:before{content:"";position:absolute;left:50%;bottom:calc(var(--trail) * -1);width:2px;height:var(--trail);transform:translate(-50%);background:linear-gradient(to top,transparent,currentColor);opacity:.8}.burst:after{content:"";position:absolute;inset:0;border-radius:999px;opacity:0;box-shadow:var(--particles);animation:explode-firework var(--duration) ease-out var(--delay) 1 forwards}@keyframes launch-firework{0%{transform:translateY(0) scale(.8);opacity:0}10%{opacity:1}70%{transform:translateY(calc(var(--height) * -1)) scale(1);opacity:1}to{transform:translateY(calc(var(--height) * -1)) scale(.2);opacity:0}}@keyframes explode-firework{0%,68%{transform:scale(.1);opacity:0}78%{transform:scale(.5);opacity:1}to{transform:scale(var(--burst-scale));opacity:0}}.result-card.perfect{border-color:var(--color-success-text)}.result-card.partial{border-color:var(--color-warning-text)}.result-card.incorrect{border-color:var(--color-error-text)}.result-block{display:grid;gap:.6rem;margin-top:.9rem}.result-answer-list{display:grid;gap:.6rem}.admin-answer-card{display:flex;justify-content:space-between;gap:1rem;align-items:center;padding:.8rem .9rem;border:1px solid var(--color-border);border-radius:12px;background:var(--color-surface)}.admin-answer-card.correct{border-color:var(--color-success-text)}.admin-answer-content{display:flex;gap:.75rem;align-items:center}.answer-summary{display:flex;gap:.75rem;align-items:center;padding:.7rem .8rem;border:1px solid var(--color-border);border-radius:12px;background:var(--color-surface)}.answer-summary-image{width:52px;height:52px;object-fit:cover;border-radius:10px;border:1px solid var(--color-border)}.stats-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.stats-grid.compact{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.stat-card{display:grid;gap:.45rem}.visual-stats-panel{display:grid;gap:1rem}.visual-stats-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.stat-visual{display:grid;gap:.55rem;padding:.9rem 1rem;border:1px solid var(--color-border);border-radius:16px;background:var(--color-surface-alt)}.stat-visual-head{display:flex;justify-content:space-between;gap:1rem;align-items:center}.stat-visual-track{height:10px;border-radius:999px;background:var(--color-border);overflow:hidden}.stat-visual-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--color-primary),var(--color-success-text))}.submission-review-list{display:grid;gap:1rem}.submission-review{border:1px solid var(--color-border);border-radius:18px;background:var(--color-surface-alt);padding:1rem}.submission-review summary{cursor:pointer;list-style:none}.submission-review summary::-webkit-details-marker{display:none}.submission-review-summary{display:flex;justify-content:space-between;gap:1rem;align-items:center}.submission-review-meta{display:flex;gap:.75rem;flex-wrap:wrap;color:var(--color-text-muted)}.timing-banner,.radio-group{display:flex;gap:1rem;align-items:center;flex-wrap:wrap}.timing-settings{padding:1rem;border:1px solid var(--color-border);border-radius:18px;background:var(--color-surface-alt)}.schedule-summary{display:flex;gap:1rem;align-items:center;flex-wrap:wrap}.quiz-actions{display:flex;gap:1rem;justify-content:space-between;align-items:center}.quiz-list-item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1.25rem;align-items:start}@media(max-width:760px){.topbar,.topbar-actions,.quiz-header,.quiz-list-item-header,.admin-header,.question-slider-nav,.question-meta,.quiz-actions,.schedule-summary,.actions,.submission-review-summary,.submission-review-meta,.timing-banner,.radio-group,.admin-answer-card,.admin-answer-content{flex-direction:column;align-items:stretch}.quiz-list-item{grid-template-columns:1fr}.quiz-list-item-side{justify-items:stretch}.result-summary-card{grid-template-columns:1fr}.result-score-ring{margin:0 auto}.filter-field-search{grid-column:auto}.quiz-filter-bar{grid-template-columns:1fr}.quiz-share-panel{width:100%}}
