:root{--paper: #f4f7fc;--paper-raised: #ffffff;--ink: #0f172a;--ink-soft: #475569;--ink-faint: #94a3b8;--line: #e2e8f0;--line-strong: #cbd5e1;--teal: #4f46e5;--teal-hover: #4338ca;--teal-soft: #eef2ff;--amber: #d97706;--amber-soft: #fff7ed;--rose: #dc2626;--rose-soft: #fef2f2;--success: #059669;--success-soft: #ecfdf5;--font-display: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, sans-serif;--font-body: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, sans-serif;--radius-sm: 10px;--radius: 16px;--radius-lg: 22px;--shadow-sm: 0 1px 2px rgba(15, 23, 42, .05);--shadow: 0 4px 6px -1px rgba(15, 23, 42, .06), 0 12px 28px -8px rgba(79, 70, 229, .12);--shadow-lg: 0 20px 40px -12px rgba(15, 23, 42, .12);--content-max: 920px}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font-body);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;background-image:radial-gradient(ellipse 80% 50% at 50% -20%,rgba(79,70,229,.08),transparent),radial-gradient(ellipse 60% 40% at 100% 0%,rgba(14,165,233,.06),transparent);background-attachment:fixed}h1,h2,h3{font-family:var(--font-display);font-weight:700;color:var(--ink);margin:0 0 .45em;letter-spacing:-.025em}h1{font-size:clamp(1.65rem,4vw,2.15rem);line-height:1.2}h2{font-size:clamp(1.15rem,3vw,1.35rem)}h3{font-size:1.05rem;font-weight:600}a{color:var(--teal)}button{font-family:var(--font-body);cursor:pointer}.app-shell{min-height:100%;display:flex;flex-direction:column}.site-header{position:sticky;top:0;z-index:100;background:#ffffffe6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(226,232,240,.9);box-shadow:var(--shadow-sm)}.site-header__brand-row{padding:clamp(18px,4vw,28px) clamp(16px,4vw,32px) clamp(12px,2.5vw,16px);text-align:center;border-bottom:1px solid rgba(226,232,240,.65)}.site-header__inner{max-width:var(--content-max);margin:0 auto}.brand-link{text-decoration:none;display:inline-block}.brand{display:inline-block;font-family:var(--font-display);font-size:clamp(1.85rem,6vw,2.5rem);font-weight:800;letter-spacing:-.04em;line-height:1.1;color:var(--ink)}.brand-accent{background:linear-gradient(135deg,#4f46e5,#6366f1);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.brand-slogan{margin:8px 0 0;font-size:clamp(.95rem,2.8vw,1.12rem);font-weight:600;letter-spacing:.06em;color:var(--ink-soft)}.site-nav{padding:0 clamp(12px,3vw,32px)}.site-nav__inner{max-width:var(--content-max);margin:0 auto;display:flex;gap:6px;justify-content:center;padding:8px 0 10px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.site-nav__inner::-webkit-scrollbar{display:none}.site-nav a{flex:1;min-width:max-content;max-width:200px;text-align:center;color:var(--ink-soft);text-decoration:none;padding:10px 18px;border-radius:999px;font-size:14px;font-weight:600;white-space:nowrap;transition:background .15s ease,color .15s ease}.site-nav a:hover{color:var(--ink);background:#4f46e50f}.site-nav a.active{color:var(--teal);background:var(--teal-soft)}.site-footer{margin-top:auto;padding:clamp(24px,5vw,36px) clamp(16px,4vw,32px);text-align:center;border-top:1px solid var(--line);background:#ffffff8c}.site-footer p{max-width:540px;margin:0 auto;font-size:clamp(13px,2.5vw,14.5px);color:var(--ink-faint);line-height:1.65}.nav-links{display:flex;gap:8px;font-size:14px;font-weight:500}.nav-links a{color:var(--ink-soft);text-decoration:none;padding:8px 14px;border-radius:999px;transition:background .15s ease,color .15s ease}.nav-links a:hover{color:var(--ink);background:#4f46e50f}.nav-links a.active{color:var(--teal);background:var(--teal-soft);font-weight:600}.page-content{flex:1;width:100%;max-width:var(--content-max);margin:0 auto;padding:clamp(24px,5vw,48px) clamp(16px,4vw,32px) clamp(48px,8vw,80px)}.page-lead{margin-bottom:28px;max-width:640px}.page-lead .muted{font-size:1.02rem;line-height:1.65}.card{background:var(--paper-raised);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:clamp(20px,4vw,28px);margin-bottom:20px;transition:box-shadow .2s ease,border-color .2s ease}.card:hover{border-color:var(--line-strong)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:none;border-radius:999px;padding:12px 24px;font-size:14px;font-weight:600;background:linear-gradient(135deg,var(--teal),#6366f1);color:#fff;box-shadow:0 4px 14px #4f46e547;transition:transform .15s ease,box-shadow .15s ease,opacity .15s ease}.btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 20px #4f46e559}.btn:active:not(:disabled){transform:translateY(0)}.btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.btn-outline{background:var(--paper-raised);color:var(--ink);border:1.5px solid var(--line-strong);box-shadow:none}.btn-outline:hover:not(:disabled){border-color:var(--teal);color:var(--teal);background:var(--teal-soft);box-shadow:none}.btn-teal{background:linear-gradient(135deg,var(--teal),#6366f1)}.chip{display:inline-flex;align-items:center;padding:8px 16px;border-radius:999px;border:1.5px solid var(--line);background:var(--paper-raised);font-size:13.5px;font-weight:500;color:var(--ink-soft);transition:all .15s ease}.chip:hover{border-color:var(--line-strong)}.chip.active{border-color:var(--teal);color:var(--teal);background:var(--teal-soft)}input[type=text],input[type=url],input[type=number],input[type=password],input[type=file],textarea,select{width:100%;padding:12px 16px;border-radius:var(--radius-sm);border:1.5px solid var(--line);background:var(--paper-raised);font-family:var(--font-body);font-size:15px;color:var(--ink);transition:border-color .15s ease,box-shadow .15s ease}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--teal);box-shadow:0 0 0 3px #4f46e51f}textarea{resize:vertical;min-height:100px}label{display:block;font-size:13px;font-weight:600;color:var(--ink-soft);margin-bottom:8px}.field{margin-bottom:18px}.bubble-index{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:12px;border:2px solid var(--line-strong);font-family:var(--font-display);font-size:14px;font-weight:700;flex-shrink:0;background:var(--paper-raised)}.bubble-index.answered{background:var(--teal);border-color:var(--teal);color:#fff}.bubble-index.correct{background:var(--success);border-color:var(--success);color:#fff}.bubble-index.incorrect{background:var(--rose);border-color:var(--rose);color:#fff}.option-row{display:flex;align-items:center;gap:14px;padding:14px 16px;border:1.5px solid var(--line);border-radius:var(--radius-sm);margin-bottom:10px;cursor:pointer;background:var(--paper-raised);transition:border-color .15s ease,background .15s ease,transform .12s ease}.option-row:hover{border-color:var(--teal);background:var(--teal-soft)}.option-row.selected{border-color:var(--teal);background:var(--teal-soft);box-shadow:0 0 0 3px #4f46e51a}.option-row.correct{border-color:var(--success);background:var(--success-soft)}.option-row.incorrect{border-color:var(--rose);background:var(--rose-soft)}.option-letter{font-family:var(--font-display);font-size:13px;font-weight:700;width:28px;height:28px;border-radius:8px;border:none;background:var(--paper);color:var(--ink-soft);display:flex;align-items:center;justify-content:center;flex-shrink:0}.option-row.selected .option-letter,.option-row:hover .option-letter{background:var(--teal);color:#fff}.muted{color:var(--ink-soft)}.faint{color:var(--ink-faint);font-size:13.5px}.tag{font-size:12px;font-weight:600;padding:5px 12px;border-radius:999px;background:var(--paper);border:1px solid var(--line);color:var(--ink-soft)}.score-hero{font-family:var(--font-display);font-size:clamp(2.75rem,10vw,3.75rem);font-weight:800;line-height:1;background:linear-gradient(135deg,var(--teal),#6366f1);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.report-summary .report-download-btn{margin-top:20px}.progress-track{height:8px;background:var(--line);border-radius:999px;overflow:hidden;margin:16px 0 24px}.progress-fill{height:100%;background:linear-gradient(90deg,var(--teal),#818cf8);border-radius:999px;transition:width .35s ease}.spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.35);border-top-color:currentColor;border-radius:50%;animation:spin .7s linear infinite;display:inline-block}.btn-outline .spinner,.tag .spinner{border-color:var(--line);border-top-color:var(--teal)}@keyframes spin{to{transform:rotate(360deg)}}.error-box{background:var(--rose-soft);border:1px solid rgba(220,38,38,.25);color:var(--rose);padding:14px 18px;border-radius:var(--radius-sm);font-size:14px;font-weight:500;margin-top:16px}.mode-toggle{display:flex;gap:10px;flex-wrap:wrap}.mode-toggle .chip{cursor:pointer}.mode-toggle .chip.active{border-color:var(--teal);color:var(--teal);background:var(--teal-soft)}.info-box{background:linear-gradient(135deg,var(--teal-soft),rgba(255,255,255,.8));border:1px solid rgba(79,70,229,.15);border-radius:var(--radius-sm);padding:16px 18px;margin-bottom:18px}.info-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}.info-tag{font-size:13px;font-weight:500;padding:6px 12px;border-radius:999px;background:var(--paper-raised);border:1px solid var(--line);color:var(--ink-soft)}.selected-chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}.chip-selected{gap:6px;padding-right:10px;border-color:var(--teal);color:var(--ink);background:var(--teal-soft)}.chip-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--teal)}.chip-remove{border:none;background:transparent;color:var(--ink-faint);font-size:18px;line-height:1;cursor:pointer;padding:0 2px;border-radius:4px}.chip-remove:hover{color:var(--rose)}.autocomplete-wrap{position:relative}.autocomplete-list{position:absolute;z-index:10;top:100%;left:0;right:0;margin:6px 0 0;padding:6px;list-style:none;background:var(--paper-raised);border:1px solid var(--line);border-radius:var(--radius-sm);box-shadow:var(--shadow-lg);max-height:240px;overflow-y:auto}.autocomplete-list li button{display:block;width:100%;text-align:left;border:none;background:transparent;padding:10px 14px;font-size:14px;color:var(--ink);cursor:pointer;border-radius:8px}.autocomplete-list li button:hover{background:var(--teal-soft);color:var(--teal)}.skip-btn{margin-top:10px;padding:8px 18px;font-size:13px}.page-blocking-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;display:flex;align-items:center;justify-content:center;padding:24px;background:#0f172a66;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.page-blocking-overlay__panel{max-width:420px;width:100%;padding:36px 28px;border-radius:var(--radius);background:var(--paper-raised);box-shadow:var(--shadow-lg);text-align:center}.page-blocking-overlay__panel .spinner{width:32px;height:32px;margin:0 auto 18px;border-color:var(--line);border-top-color:var(--teal)}.page-blocking-overlay__title{font-family:var(--font-display);font-size:1.15rem;font-weight:700;margin:0 0 8px}.page-blocking-overlay__hint{margin:0;font-size:14px;color:var(--ink-soft)}.page-blocking-overlay__warning{margin:14px 0 0;font-size:13px;color:var(--amber);font-weight:600}.test-header{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:4px}.test-nav{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.test-nav .btn{flex:1;min-width:120px}@media (max-width: 480px){.test-nav{flex-direction:column-reverse}.test-nav .btn{width:100%}}.admin-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap;margin-bottom:24px}.admin-nav{margin-bottom:28px}.tool-grid{display:grid;gap:16px}@media (min-width: 640px){.tool-grid{grid-template-columns:repeat(2,1fr)}}.tool-card{cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.tool-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);border-color:#4f46e533}.notice-banner{margin-bottom:16px;padding:16px 18px;border-radius:var(--radius-sm);font-size:14px;line-height:1.55}.notice-banner--info{background:var(--teal-soft);border:1px solid rgba(79,70,229,.15)}.notice-banner--similar{border-color:#d9770659}@media (max-width: 640px){.site-header__brand-row{padding-top:16px;padding-bottom:10px}.brand-slogan{letter-spacing:.04em}.site-nav__inner{gap:4px;padding:6px 0 8px}.site-nav a{flex:1 1 0;min-width:0;padding:9px 10px;font-size:12.5px}.card{padding:18px}form>.btn:not(.skip-btn),.action-row .btn{width:100%}.mode-toggle .chip,.chip{font-size:13px;padding:7px 14px}}@media (min-width: 641px){.site-nav a{flex:0 1 auto;min-width:120px}form .btn:not(.skip-btn){width:auto}}