@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Sora:wght@500;600;700;800&display=swap";:root{--bg-color:#0f172a;--bg-deep:#050816;--glass:#1e293bb3;--glass-strong:#0f172ad6;--glass-soft:#ffffff0d;--glass-hover:#ffffff14;--border:#ffffff0d;--border-strong:#a78bfa85;--text-color:#f8fafc;--text-soft:#dbeafe;--text-muted:#94a3b8;--primary-color:#a78bfa;--primary-hover:#c4b5fd;--accent-color:#f472b6;--cyan-color:#67e8f9;--teal-color:#2dd4bf;--gold-color:#fbbf24;--danger-color:#fb7185;--success-color:#34d399;--shadow:0 28px 90px #0000007a;--shadow-soft:0 18px 46px #00000057;--glow:0 18px 48px #c4b5fd38;--radius:8px;--pill:9999px}*{box-sizing:border-box;margin:0;padding:0}html{background:var(--bg-color);min-height:100%}body{background:radial-gradient(circle at 16% 10%, #a78bfa29, transparent 34%), radial-gradient(circle at 84% 4%, #f472b61f, transparent 32%), radial-gradient(circle at 68% 86%, #67e8f91a, transparent 36%), linear-gradient(180deg, #111a2e 0%, var(--bg-color) 42%, var(--bg-deep) 100%);min-height:100vh;color:var(--text-color);text-rendering:geometricprecision;background-attachment:fixed;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow-x:hidden}body:before{z-index:-1;pointer-events:none;content:"";background-image:linear-gradient(#ffffff09 1px,#0000 1px),linear-gradient(90deg,#ffffff09 1px,#0000 1px);background-size:48px 48px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000000e0,#0000 86%);mask-image:linear-gradient(#000000e0,#0000 86%)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea,.test-tile,.glass-card,.hero-panel,.admin-tabs button,.question-list button,.footer-link-button,footer a,.option-btn{transition:all .3s}button{letter-spacing:0}button:disabled{cursor:not-allowed;opacity:.55;transform:none}input,select,textarea,button{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}img{max-width:100%}#root,.site-page{min-height:100vh}.site-main{gap:22px;width:min(1180px,100% - 40px);margin:0 auto;padding:28px 0 46px;animation:.7s both slideUp;display:grid}.site-shell,.app-shell,.quiz-shell,.admin-shell,.profile-shell{width:min(1180px,100% - 40px);margin:0 auto;padding:30px 0;animation:.7s both slideUp}.site-shell{gap:18px;display:grid}.quiz-shell{align-items:center;width:min(900px,100% - 40px);min-height:100vh;display:grid}.profile-shell{gap:16px;width:min(1100px,100% - 40px);display:grid}.admin-shell{width:min(1460px,100% - 40px)}.compact-admin{width:min(720px,100% - 40px)}.glass-card,.hero-panel,.admin-header,.admin-tabs,.admin-toolbar,.question-list,.question-editor,.question-preview{border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(16px);background:linear-gradient(#1e293bbd,#0f172ab8);position:relative;overflow:hidden}.glass-card{gap:18px;padding:28px;display:grid}.glass-card form{gap:14px;display:grid}.glass-card:before,.hero-panel:before,.admin-header:before,.question-editor:before,.question-preview:before{z-index:0;pointer-events:none;content:"";opacity:.65;background:linear-gradient(135deg,#ffffff1a,#0000 26%,#a78bfa14);position:absolute;inset:0}.glass-card>*,.hero-panel>*,.admin-header>*,.question-editor>*,.question-preview>*{z-index:1;position:relative}.site-header-wrap{z-index:20;-webkit-backdrop-filter:blur(18px);background:linear-gradient(#050816d1,#0508167a);border-bottom:1px solid #ffffff0a;width:100%;padding:12px 20px;position:sticky;top:0}.site-header{border:1px solid var(--border);border-radius:var(--radius);width:min(1180px,100%);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(16px);background:#0f172aa3;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:18px;margin:0 auto;padding:12px 14px;display:grid;position:relative}.brand-mark{color:var(--text-color);align-items:center;gap:10px;font-family:Sora,Inter,system-ui,sans-serif;font-weight:800;display:inline-flex}.brand-mark .brand-avatar,.brand-mark img,.profile-identity>span{border-radius:var(--pill);background:#ffffff17;border:1px solid #ffffff1a;justify-content:center;align-items:center;width:38px;height:38px;display:inline-flex;box-shadow:0 14px 28px #00000038}.brand-mark img{object-fit:contain}.brand-mark .brand-logo{background:#fffffff5;border-color:#fff3;padding:3px}.guest-avatar{position:relative}.guest-avatar:before,.guest-avatar:after{content:"";background:#f8fafce6;position:absolute}.guest-avatar:before{border-radius:999px;width:10px;height:10px;top:9px}.guest-avatar:after{border-radius:12px 12px 7px 7px;width:18px;height:10px;bottom:8px}.brand-copy{gap:1px;line-height:1.05;display:grid}.header-profile-link .brand-copy strong{text-overflow:ellipsis;white-space:nowrap;max-width:132px;overflow:hidden}.brand-copy em{color:var(--text-muted);font-size:.72rem;font-style:normal;font-weight:800}.site-nav{color:var(--text-muted);justify-content:center;gap:18px;font-weight:800;display:flex}.site-nav a:hover{color:#fbcfe8}.header-actions{justify-content:flex-end;align-items:center;gap:8px;display:flex}.compact-btn{min-width:76px;min-height:40px;padding:9px 14px}.icon-btn{min-width:48px;min-height:40px;padding:8px 12px}.hamburger-btn{border-radius:var(--pill);cursor:pointer;background:#ffffff0d;border:1px solid #ffffff14;place-items:center;gap:4px;width:42px;height:42px;padding:10px;display:none}.hamburger-btn span{border-radius:var(--pill);background:var(--text-color);width:18px;height:2px;display:block}.hero-panel{grid-template-columns:minmax(0,1fr);align-items:center;min-height:360px;margin-bottom:18px;padding:34px;display:grid}.landing-hero{isolation:isolate;background:linear-gradient(90deg,#080d1ef0 0%,#0b1226d6 42%,#0f172a57 74%,#0f172a14 100%),linear-gradient(#0f172a1f,#030712a8),url(/generated-assets/sterialogy-cognitive-atlas.webp) 100%/cover no-repeat;grid-template-columns:minmax(0,1.05fr) minmax(280px,.55fr);gap:30px;min-height:430px;margin-bottom:0}.landing-hero:after{z-index:0;pointer-events:none;content:"";background:linear-gradient(#0000,#030712bd);height:42%;position:absolute;inset:auto 0 0}.hero-copy{flex-direction:column;justify-content:center;min-width:0;max-width:100%;display:flex}h1,h2,h3{letter-spacing:0;overflow-wrap:anywhere;font-family:Sora,Inter,system-ui,sans-serif}h1,.result-type,.result-score{color:#0000;background:linear-gradient(135deg,#ede9fe 0%,#c4b5fd 32%,#f9a8d4 66%,#f8fafc 100%);-webkit-background-clip:text;background-clip:text}h1{max-width:760px;margin:8px 0 14px;font-size:4.2rem;line-height:.96}h2{color:var(--text-color);font-size:2rem;line-height:1.12}h3{color:var(--text-color);font-size:1rem;line-height:1.25}p{color:var(--text-muted);overflow-wrap:anywhere;line-height:1.65}.lead{max-width:700px;color:var(--text-soft);font-size:1.06rem}.eyebrow,.question-counter{color:#fbcfe8;letter-spacing:0;text-transform:uppercase;width:fit-content;font-size:.78rem;font-weight:800}.hero-actions,.quiz-actions,.admin-header-actions,.image-tools,.editor-actions,.list-heading,.pager,.admin-login-actions,.admin-login-top,.editor-titlebar{align-items:center;gap:12px;display:flex}.hero-actions{flex-wrap:wrap;margin-top:30px}.hero-stats{align-content:center;align-self:stretch;gap:12px;display:grid}.hero-stats div{border-radius:var(--radius);background:#ffffff0b;border:1px solid #ffffff12;align-content:center;gap:8px;min-height:104px;padding:18px;display:grid}.hero-stats strong{color:var(--text-color);font-family:Sora,Inter,system-ui,sans-serif;font-size:2rem;line-height:1}.hero-stats span{color:var(--text-muted);font-weight:800}.test-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;display:grid}.section-block,.story-band,.split-section{margin-top:2px}.story-band,.section-heading{justify-content:space-between;align-items:end;gap:18px;display:flex}.section-block{gap:14px;padding:8px 0;display:grid}.story-band{border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(16px);background:#0f172a9e;align-items:center;padding:24px}.story-band p{max-width:560px}.section-heading{margin-bottom:14px}.section-heading.compact{align-items:start;margin-bottom:0}.split-section{grid-template-columns:minmax(0,1fr) minmax(320px,.9fr);gap:14px;display:grid}.feature-grid,.workflow-grid,.faq-grid{gap:14px;display:grid}.feature-grid,.workflow-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.faq-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.feature-card,.workflow-step,.faq-card,.showcase-band,.cta-band{border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(16px);background:linear-gradient(#1e293b9e,#0f172aa3)}.feature-card,.workflow-step{align-content:start;gap:14px;min-height:210px;padding:22px;display:grid}.feature-card span,.workflow-step small{border-radius:var(--pill);color:#fbcfe8;background:#ffffff0d;border:1px solid #ffffff14;align-items:center;width:fit-content;min-height:34px;padding:4px 11px;font-weight:800;display:inline-flex}.feature-card:hover,.workflow-step:hover,.faq-card:hover{box-shadow:var(--glow);border-color:#c4b5fd61;transform:translateY(-4px)}.faq-card{align-content:start;gap:10px;min-height:150px;padding:22px;display:grid}.faq-card h3{max-width:680px;color:var(--text-color);font-size:1.02rem}.faq-card p{max-width:720px}.experience-panel{border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(16px);background:#0f172aa3;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:start;gap:18px;padding:26px;display:grid}.experience-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.experience-grid article{border-radius:var(--radius);background:#ffffff0b;border:1px solid #ffffff14;gap:8px;min-height:126px;padding:16px;display:grid}.experience-grid strong{color:var(--text-color);font-family:Sora,Inter,system-ui,sans-serif;font-size:1.02rem}.showcase-band,.cta-band{align-items:center;gap:20px;padding:28px;display:grid}.showcase-band{background:linear-gradient(135deg,#1e293bb8,#0f172aad),#0f172aa8;grid-template-columns:minmax(0,.7fr) minmax(0,.88fr) minmax(220px,.72fr) auto;overflow:hidden}.showcase-visual{border-radius:var(--radius);background:radial-gradient(circle at 58% 42%,#818cf833,#0000 58%),#ffffff09;border:1px solid #ffffff12;align-self:stretch;min-height:150px;overflow:hidden}.showcase-visual img{object-fit:cover;object-position:center;opacity:.82;mix-blend-mode:screen;width:100%;height:100%;min-height:150px;display:block}.cta-band{background:linear-gradient(135deg,#a78bfa29,#f472b614),#0f172aa8;grid-template-columns:minmax(0,1fr) auto}.profile-finder,.leaderboard-card{align-content:start}.search-form{grid-template-columns:minmax(0,1fr) auto;gap:10px;display:grid}.search-form input,.language-inline,.language-card{border-radius:var(--pill);background:#ffffff0d;border:1px solid #ffffff14}.search-form input{min-height:46px;color:var(--text-color);outline:none;padding:10px 14px}.leaderboard-titlebar{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.leaderboard-titlebar p{margin-top:6px}.leaderboard-titlebar>span{border-radius:var(--pill);color:#99f6e4;white-space:nowrap;background:#14b8a617;border:1px solid #14b8a63d;justify-content:center;align-items:center;min-height:32px;padding:5px 11px;font-size:.78rem;font-weight:800;display:inline-flex}.leaderboard-controls{border-radius:var(--pill);background:#ffffff0a;border:1px solid #ffffff14;gap:6px;width:fit-content;margin:14px 0 10px;padding:4px;display:inline-flex}.leaderboard-controls button{border-radius:var(--pill);min-height:34px;color:var(--text-muted);cursor:pointer;background:0 0;border:0;padding:7px 12px;font-weight:800}.leaderboard-controls button.active,.leaderboard-controls button:hover{color:#0f172a;background:#f8fafcf0}.leaderboard-list,.history-list{gap:10px;display:grid}.leaderboard-row,.result-card,.language-inline{align-items:center;gap:10px;padding:12px;display:grid}.leaderboard-row{border-bottom:1px solid #ffffff12;grid-template-columns:34px minmax(0,1fr) 64px}.leaderboard-row strong{gap:3px;min-width:0;display:grid}.leaderboard-row strong small{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:.76rem;font-weight:700;overflow:hidden}.leaderboard-row span,.leaderboard-row em{border-radius:var(--pill);color:#fff;background:#a78bfa2e;justify-content:center;align-items:center;min-height:32px;font-style:normal;font-weight:800;display:inline-flex}.site-footer-wrap{background:#050816a8;border-top:1px solid #ffffff0d;width:100%;padding:34px 20px 40px}.site-footer-inner{grid-template-columns:minmax(260px,1.35fr) repeat(2,minmax(160px,.65fr));gap:24px;width:min(1180px,100%);margin:0 auto;display:grid}.site-footer-inner>div,.footer-brand{align-content:start;gap:12px;display:grid}.site-footer-inner h3{color:var(--text-color)}.site-footer-inner a,.footer-link-button{width:fit-content;color:var(--text-muted);cursor:pointer;text-align:left;background:0 0;border:0;font-weight:700}.site-footer-inner a:hover,.footer-link-button:hover{color:#fbcfe8;transform:translateY(-1px)}.test-tile{border:1px solid var(--border);border-radius:var(--radius);min-height:174px;box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(16px);background:linear-gradient(#1e293bad,#0f172ab3);grid-template-rows:auto auto 1fr;gap:14px;padding:18px;display:grid}.test-tile:hover{box-shadow:var(--glow);background:linear-gradient(#4338ca57,#1e293bbd);border-color:#f472b661;transform:translateY(-5px)}.test-tile small,.question-list small,.question-meta,.list-heading,.pager{color:var(--text-muted)}.test-tile small{color:#fbcfe8;font-weight:800}.test-tile span{color:var(--text-color);font-family:Sora,Inter,system-ui,sans-serif;font-size:1.2rem;font-weight:800;line-height:1.18}.test-tile p{align-self:end;font-size:.94rem}.btn{border-radius:var(--pill);color:#0f172a;cursor:pointer;text-align:center;white-space:normal;background:#f8fafcf0;border:1px solid #ffffff80;justify-content:center;align-items:center;min-width:104px;min-height:46px;padding:11px 20px;font-weight:800;line-height:1.1;display:inline-flex;box-shadow:0 16px 34px #0000002e}.btn:hover{background:#fff;border-color:#ffffffb8;transform:translateY(-2px);box-shadow:0 22px 48px #0000003d}.btn.secondary{color:var(--text-color);box-shadow:none;background:#ffffff0d;border-color:#ffffff14}.btn.compact-btn{min-width:76px;min-height:40px;padding:9px 14px}.btn.secondary:hover{color:#e0e7ff;background:#ffffff17;border-color:#a78bfa94;box-shadow:0 16px 38px #a78bfa2e}.btn.login-btn{color:var(--text-color);background:#ffffff12;border-color:#c4b5fd38;box-shadow:inset 0 1px #ffffff14,0 14px 32px #0000002e}.btn.login-btn:hover{color:#fff;background:#ffffff1c;border-color:#c4b5fd6b;box-shadow:inset 0 1px #ffffff1f,0 18px 38px #a78bfa29}.btn.danger{color:#fecdd3;box-shadow:none;background:#fb718524;border-color:#fb718561}.btn.danger:hover{color:#fff;background:#fb718533;border-color:#fb71858f;box-shadow:0 16px 34px #fb718529}.ghost-link{color:#c4b5fd;align-items:center;width:fit-content;min-height:36px;font-weight:800;display:inline-flex}.ghost-link:hover{color:#fbcfe8;transform:translateY(-1px)}.quiz-panel,.start-panel,.result-panel,.status-panel,.admin-login{padding:28px}.start-panel,.status-panel,.admin-login{gap:18px;display:grid}.start-form{grid-template-columns:auto;justify-content:start;align-items:center;gap:12px;margin-top:6px;display:grid}.language-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.language-card{cursor:pointer;min-height:118px;color:var(--text-color);text-align:left;gap:8px;padding:18px;display:grid}.language-card:hover{box-shadow:var(--glow);background:#ffffff14;border-color:#f472b66b;transform:translateY(-3px)}.language-card strong{border-radius:var(--pill);background:#ffffff1a;border:1px solid #ffffff14;width:fit-content;padding:4px 10px}.language-card span,.language-inline span{color:var(--text-soft);font-weight:800}.language-inline{grid-template-columns:minmax(0,1fr) auto}.ghost-button{color:#c4b5fd;cursor:pointer;background:0 0;border:0;font-weight:800}.input-field,.admin-toolbar input,.admin-toolbar select,.question-editor input,.question-editor select,.question-editor textarea{border-radius:var(--pill);width:100%;min-height:46px;color:var(--text-color);background:#ffffff0d;border:1px solid #ffffff14;outline:none;padding:10px 14px}.question-editor textarea{border-radius:var(--radius)}.input-field::placeholder,.admin-toolbar input::placeholder,.question-editor input::placeholder,.question-editor textarea::placeholder{color:#94a3b8c7}.input-field:hover,.admin-toolbar input:hover,.admin-toolbar select:hover,.question-editor input:hover,.question-editor select:hover,.question-editor textarea:hover,.input-field:focus,.admin-toolbar input:focus,.admin-toolbar select:focus,.question-editor input:focus,.question-editor select:focus,.question-editor textarea:focus{background:#ffffff13;border-color:#818cf8bd;box-shadow:0 0 0 4px #a78bfa29}.question-editor textarea{resize:vertical;min-height:104px}.quiz-topbar,.admin-header,.list-heading,.pager{justify-content:space-between;align-items:center;gap:12px;display:flex}.quiz-topbar{color:var(--text-muted);padding-bottom:18px;font-weight:800}.language-chip,.question-map-toggle{border-radius:var(--pill);min-width:44px;min-height:34px;color:var(--text-color);cursor:pointer;background:#ffffff0f;border:1px solid #ffffff17;justify-content:center;align-items:center;gap:8px;padding:6px 12px;font-weight:800;display:inline-flex}.question-map-toggle small{border-radius:var(--pill);color:#99f6e4;background:#2dd4bf1f;min-width:34px;padding:2px 7px;font-size:.72rem}.language-chip:hover,.question-map-toggle:hover,.question-map-toggle[aria-expanded=true]{background:#ffffff1a;border-color:#c4b5fd6b;transform:translateY(-1px)}.instruction-list{gap:10px;margin:4px 0;padding:0;list-style:none;display:grid}.instruction-list li{border-radius:var(--radius);min-height:48px;color:var(--text-soft);background:#ffffff0b;border:1px solid #ffffff12;padding:12px 14px 12px 42px;line-height:1.55;position:relative}.instruction-list li:before{border-radius:var(--pill);background:var(--teal-color);content:"";width:9px;height:9px;position:absolute;top:19px;left:16px;box-shadow:0 0 0 5px #2dd4bf1f}.timer-banner{border-radius:var(--radius);color:#fde68a;background:#fbbf2414;border:1px solid #fbbf243d;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;font-weight:800;display:flex}.timer-banner strong{color:#fff7ed;font-family:Sora,Inter,system-ui,sans-serif;font-size:1.25rem}.timer-chip{border-radius:var(--pill);color:#99f6e4;background:#2dd4bf1a;border:1px solid #2dd4bf47;justify-content:center;align-items:center;min-width:76px;min-height:34px;padding:6px 12px;font-family:Sora,Inter,system-ui,sans-serif;font-weight:800;display:inline-flex}.timer-chip.urgent{color:#fecdd3;background:#fb718524;border-color:#fb71856b}.quiz-panel h2{color:var(--text-color);background:0 0;-webkit-background-clip:initial;background-clip:initial;margin:20px 0}.progress-bar{border-radius:var(--pill);background:#ffffff14;width:100%;height:9px;margin:10px 0 18px;overflow:hidden}.progress-fill{border-radius:inherit;background:linear-gradient(90deg,#a78bfa,#f472b6,#67e8f9);height:100%;transition:all .3s;box-shadow:0 0 24px #f472b657}.question-map-panel{border-radius:var(--radius);background:#0f172aad;border:1px solid #ffffff14;gap:14px;padding:16px;display:grid;box-shadow:inset 0 1px #ffffff0a}.question-map-summary{flex-wrap:wrap;gap:10px;display:flex}.question-map-summary span{border-radius:var(--pill);min-height:32px;color:var(--text-muted);background:#ffffff0b;border:1px solid #ffffff14;align-items:center;gap:7px;padding:5px 11px;font-weight:800;display:inline-flex}.question-map-summary strong{color:var(--text-color)}.question-map-grid{grid-template-columns:repeat(10,minmax(34px,1fr));gap:8px;display:grid}.question-map-button{aspect-ratio:1;min-width:0;color:var(--text-muted);cursor:pointer;background:#ffffff0b;border:1px solid #ffffff14;border-radius:12px;font-family:Sora,Inter,system-ui,sans-serif;font-weight:900}.question-map-button:hover{color:var(--text-color);background:#ffffff14;border-color:#c4b5fd6b;transform:translateY(-2px)}.question-map-button.answered{color:#ccfbf1;background:#14b8a629;border-color:#2dd4bf57}.question-map-button.unanswered{border-color:#94a3b82e}.question-map-button.current{color:#f8fafc;border-color:#f8fafcd1;box-shadow:0 0 0 3px #a78bfa38,0 12px 28px #00000038}.question-meta{flex-wrap:wrap;gap:8px;display:flex}.question-meta span{border-radius:var(--pill);background:#ffffff0d;border:1px solid #ffffff14;align-items:center;min-height:30px;padding:4px 11px;display:inline-flex}.question-image{object-fit:contain;border-radius:var(--radius);background:#0f172ab8;border:1px solid #ffffff12;width:100%;max-height:300px;margin:16px 0;display:block}.option-image{object-fit:contain;grid-column:1/-1;justify-self:start;max-width:160px;max-height:110px}.options-container{gap:10px;margin-top:18px;display:grid}.options-container.compact{margin-top:12px}.option-btn{border-radius:var(--radius);min-height:60px;color:var(--text-color);cursor:pointer;text-align:left;background:#ffffff0d;border:1px solid #ffffff14;grid-template-columns:40px minmax(0,1fr);align-items:center;gap:10px;padding:12px;display:grid}.option-btn strong{border-radius:var(--pill);color:#fbcfe8;background:#ffffff0d;border:1px solid #a78bfa47;justify-content:center;align-items:center;width:34px;height:34px;display:inline-flex}.option-btn span{min-width:0;color:var(--text-soft);overflow-wrap:anywhere}.option-image{object-fit:contain;border-radius:var(--radius);background:#ffffff0a;border:1px solid #ffffff14;grid-column:1/-1;width:100%;max-height:180px}.option-btn:hover,.option-btn.selected{background:#ffffff14;border-color:#f472b67a;transform:translateY(-2px);box-shadow:0 18px 34px #a78bfa29}.option-btn:disabled{cursor:not-allowed;opacity:.68;transform:none}.option-btn.selected strong{color:#0f172a;background:#f8fafcf0;border-color:#ffffff7a}.inline-error,.admin-message{color:var(--danger-color);font-weight:800}.inline-error{margin-top:14px}.result-type,.result-score{letter-spacing:0;overflow-wrap:anywhere;margin:14px 0;font-family:Sora,Inter,system-ui,sans-serif;font-size:6rem;font-weight:800;line-height:.92}.metric-grid,.ranking-list,.result-section{gap:10px;margin:18px 0;display:grid}.metric-row,.ranking-row{color:var(--text-soft);align-items:center;gap:10px;display:grid}.metric-row{grid-template-columns:minmax(76px,.6fr) minmax(120px,1fr) 60px}.ranking-row{border-bottom:1px solid #ffffff12;grid-template-columns:minmax(0,1fr) 70px;min-height:42px;padding:10px 0}.mini-bar{border-radius:var(--pill);background:#ffffff14;height:9px;overflow:hidden}.mini-bar i{background:linear-gradient(90deg,#a78bfa,#f472b6,#67e8f9);height:100%;display:block}.result-section{padding-top:4px}.result-section ul{color:var(--text-muted);gap:7px;padding-left:20px;line-height:1.55;display:grid}.admin-header{margin-bottom:14px;padding:24px}.admin-login-top,.editor-titlebar{justify-content:space-between;align-items:flex-start}.admin-header-actions,.editor-actions,.admin-login-actions{flex-wrap:wrap;justify-content:flex-end}.admin-section-tabs,.admin-tabs,.admin-toolbar{box-shadow:var(--shadow-soft);margin-bottom:14px;padding:10px}.admin-section-tabs{border:1px solid var(--border);border-radius:var(--pill);-webkit-backdrop-filter:blur(16px);background:#0f172aa3;gap:6px;display:inline-flex}.admin-section-tabs button{border-radius:var(--pill);min-width:128px;min-height:42px;color:var(--text-muted);cursor:pointer;background:0 0;border:0;font-weight:850}.admin-section-tabs button:hover,.admin-section-tabs button.active{color:#0f172a;background:#f8fafcf0;transform:translateY(-1px)}.admin-tabs{scrollbar-color:#f472b67a transparent;gap:8px;display:flex;overflow-x:auto}.admin-tabs button,.question-list button,.pager button,.option-editor button{border-radius:var(--pill);color:var(--text-color);cursor:pointer;background:#ffffff0d;border:1px solid #ffffff14;padding:10px 12px}.question-list button{border-radius:var(--radius)}.admin-tabs button{text-align:left;gap:4px;min-width:158px;min-height:64px;display:grid}.admin-tabs button span{font-weight:800}.admin-tabs button small{color:var(--text-muted)}.admin-tabs button:hover,.question-list button:hover,.pager button:hover,.option-editor button:hover{background:#ffffff14;border-color:#818cf885;transform:translateY(-1px)}.admin-tabs button.active,.question-list button.selected{color:#fbcfe8;background:#a78bfa29;border-color:#f472b685}.admin-toolbar{grid-template-columns:minmax(220px,1fr) 140px 150px 170px 170px auto auto;align-items:center;display:grid}.admin-toolbar.result-toolbar{grid-template-columns:minmax(220px,1fr) minmax(180px,.8fr) 140px 150px auto auto}.admin-workflow{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:14px;display:grid}.admin-workflow div{border:1px solid var(--border);border-radius:var(--radius);min-height:86px;box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(16px);background:#1e293b94;gap:6px;padding:14px;display:grid}.admin-workflow strong{color:var(--text-color)}.admin-workflow span{color:var(--text-muted);line-height:1.45}.admin-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:14px;display:grid}.metric-card{border:1px solid var(--border);border-radius:var(--radius);min-height:78px;box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(16px);background:#1e293b9e;gap:6px;padding:14px;display:grid}.metric-card span,.admin-pill,.weight-help span{color:var(--text-muted);font-size:.82rem}.metric-card strong{color:var(--text-color);font-family:Sora,Inter,system-ui,sans-serif;font-size:1.45rem}.admin-pill{border-radius:var(--pill);text-overflow:ellipsis;white-space:nowrap;background:#ffffff0d;border:1px solid #ffffff14;justify-content:center;align-items:center;max-width:260px;min-height:32px;padding:4px 12px;display:inline-flex;overflow:hidden}.admin-layout{grid-template-columns:minmax(260px,330px) minmax(480px,1fr) minmax(280px,340px);align-items:start;gap:14px;display:grid}.admin-layout.result-admin-layout{grid-template-columns:minmax(260px,340px) minmax(460px,1fr) minmax(260px,320px)}.question-list,.question-editor,.question-preview{padding:16px}.question-list{align-content:start;gap:8px;max-height:calc(100vh - 230px);display:grid;overflow:auto}.question-list button{text-align:left;gap:6px;min-height:74px;display:grid}.question-list button span{color:var(--text-soft);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.question-editor{gap:14px;display:grid}.result-editor .json-textarea{min-height:320px;font-family:JetBrains Mono,SFMono-Regular,Consolas,monospace;font-size:.88rem;line-height:1.5}.result-preview .score-json-preview{border-radius:var(--radius);max-height:360px;color:var(--text-soft);white-space:pre-wrap;background:#02061785;border:1px solid #ffffff14;margin-top:14px;padding:12px;font-size:.78rem;overflow:auto}.editor-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.editor-grid .wide-field{grid-column:span 3}.question-editor label{color:var(--text-muted);gap:6px;font-size:.9rem;font-weight:800;display:grid}.image-tools{align-items:end}.image-tools label{flex:260px}.image-url-list{border-radius:var(--radius);background:#ffffff0a;border:1px solid #ffffff14;gap:8px;padding:10px;display:grid}.image-url-list div{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;display:grid}.image-url-list span{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:.78rem;overflow:hidden}.image-url-list button{border-radius:var(--pill);color:#fecdd3;background:#fb718514;border:1px solid #fb718547;min-height:34px;padding:6px 10px}.option-editor{gap:8px;display:grid}.option-row{grid-template-columns:58px minmax(180px,1fr) 128px minmax(140px,.7fr) minmax(150px,.6fr) auto;gap:8px;display:grid}.option-row input[type=file]{min-width:0;padding:10px}.question-preview{position:sticky;top:16px}.question-preview h2{margin:6px 0 10px;font-size:1.35rem}.empty-list,.weight-help{border-radius:var(--radius);background:#ffffff0d;border:1px dashed #ffffff1f;gap:6px;padding:14px;display:grid}.weight-help{margin-top:14px}.weight-help strong{color:var(--text-color)}.admin-message{border:1px solid var(--border);border-radius:var(--radius);-webkit-backdrop-filter:blur(16px);background:#1e293bb3;margin-bottom:14px;padding:10px 12px;display:block}.admin-message.info{color:var(--success-color);border-color:#34d39957}.admin-message.error{color:var(--danger-color);border-color:#fb71855c}.profile-header{min-height:220px}.profile-identity{align-items:center;gap:18px;display:flex}.profile-identity img,.profile-identity>span{border-radius:var(--pill);object-fit:cover;flex:none;width:82px;height:82px}.profile-identity h1{max-width:760px;font-size:3.3rem}.profile-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.history-panel{align-content:start}.ai-profile-grid{grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);gap:14px;display:grid}.ai-insight-panel,.ai-chat-panel{align-content:start}.language-switcher{border-radius:var(--pill);background:#ffffff0d;border:1px solid #ffffff14;gap:6px;padding:4px;display:inline-flex}.language-switcher button{border-radius:var(--pill);min-width:42px;min-height:34px;color:var(--text-muted);cursor:pointer;background:0 0;border:0;font-weight:800}.language-switcher button.active,.language-switcher button:hover{color:#0f172a;background:#f8fafcf0}.insight-content,.insight-list,.ai-chat-log{gap:12px;display:grid}.insight-content h3{color:var(--text-color);font-size:1.3rem}.insight-list h4{color:#fbcfe8;text-transform:uppercase;font-size:.86rem}.insight-list ul{color:var(--text-muted);gap:8px;padding-left:20px;line-height:1.55;display:grid}.ai-status{border-radius:var(--pill);width:fit-content;color:var(--text-muted);background:#ffffff0d;border:1px solid #ffffff14;padding:6px 10px;font-size:.82rem;font-weight:800}.ai-chat-log{border-radius:var(--radius);background:#ffffff0a;border:1px solid #ffffff14;min-height:260px;max-height:420px;padding:10px;overflow:auto}.chat-bubble{border-radius:var(--radius);background:#ffffff0d;border:1px solid #ffffff14;gap:6px;width:min(92%,560px);padding:12px;display:grid}.chat-bubble.user{background:#a78bfa24;justify-self:end}.chat-bubble.ai{background:#0f172a9e;justify-self:start}.chat-bubble span{color:#c4b5fd;font-size:.78rem;font-weight:800}.ai-chat-form{grid-template-columns:minmax(0,1fr) auto;gap:10px;display:grid}.ai-chat-form input{border-radius:var(--pill);width:100%;min-height:46px;color:var(--text-color);background:#ffffff0d;border:1px solid #ffffff14;outline:none;padding:10px 14px}.result-card{border-radius:var(--radius);background:#ffffff0d;border:1px solid #ffffff14;grid-template-columns:minmax(160px,.45fr) minmax(0,1fr) auto}.result-card div{gap:4px;display:grid}.result-card strong,.result-card em{color:var(--text-color);font-style:normal;font-weight:800}.result-card span{color:var(--text-muted);font-size:.86rem}.language-modal{z-index:60;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.language-modal-backdrop{-webkit-backdrop-filter:blur(12px);background:radial-gradient(circle at 50% 22%,#a78bfa33,#0000 34%),#050816c7;position:absolute;inset:0}.language-modal-panel{z-index:1;border-radius:var(--radius);width:min(680px,100%);box-shadow:var(--shadow);background:linear-gradient(#1e293bd1,#0f172adb);border:1px solid #ffffff14;gap:22px;padding:30px;animation:.45s both slideUp;display:grid;position:relative;overflow:hidden}.language-modal-panel:before{border-radius:var(--pill);content:"";pointer-events:none;background:radial-gradient(circle,#f472b62e,#0000 64%);width:260px;height:260px;position:absolute;inset:-40% -20% auto auto}.language-modal-heading{z-index:1;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:16px;display:grid;position:relative}.language-modal-heading p{max-width:540px}.language-modal-icon,.language-choice-icon{border-radius:var(--pill);flex:none;justify-content:center;align-items:center;display:inline-flex;position:relative;overflow:hidden}.language-modal-icon{background:#ffffff14;border:1px solid #ffffff1a;width:58px;height:58px;box-shadow:0 18px 38px #a78bfa38}.language-modal-icon:before,.language-modal-icon:after{content:"";border:1px solid #f8fafc8f;border-radius:50%;position:absolute}.language-modal-icon:before{width:28px;height:28px}.language-modal-icon:after{width:42px;height:18px;transform:rotate(-22deg)}.language-modal-icon i{border-radius:var(--pill);background:#f8fafc;width:8px;height:8px;box-shadow:18px -10px #67e8f9eb,-16px 12px #f472b6e6}.language-choice-grid{z-index:1;gap:14px;position:relative}.language-choice-card{background:#0f172a70;border:1px solid #ffffff14;grid-template-columns:auto minmax(0,1fr) 24px;align-items:center;min-height:158px;padding:18px}.language-choice-card:hover{background:#1e293b9e;border-color:#c4b5fd80}.language-choice-icon{border:1px solid #ffffff1a;width:58px;height:58px;box-shadow:0 16px 34px #00000038}.language-choice-icon-id{background:#f472b633}.language-choice-icon-en{background:#67e8f92e}.language-choice-icon:before,.language-choice-icon:after,.language-choice-icon i:before,.language-choice-icon i:after{content:"";position:absolute}.language-choice-icon:before{border-radius:var(--pill);border:2px solid #ffffffd1;width:32px;height:32px}.language-choice-icon:after{border-radius:var(--pill);background:#ffffffc7;width:2px;height:32px}.language-choice-icon i:before,.language-choice-icon i:after{border-radius:var(--pill);background:#ffffffc7;width:30px;height:2px;left:14px}.language-choice-icon i:before{top:21px}.language-choice-icon i:after{bottom:21px}.language-choice-copy{gap:6px;min-width:0;display:grid}.language-choice-copy strong{border-radius:var(--pill);color:#fff;background:#ffffff1f;width:fit-content;padding:4px 10px;font-family:Sora,Inter,system-ui,sans-serif;font-size:.86rem;line-height:1}.language-choice-copy span{color:var(--text-color);font-family:Sora,Inter,system-ui,sans-serif;font-size:1.08rem;font-weight:800;line-height:1.2}.language-choice-copy em{color:var(--text-muted);font-size:.82rem;font-style:normal;font-weight:650;line-height:1.45}.language-choice-arrow{border-radius:var(--pill);background:#ffffff0f;border:1px solid #ffffff14;width:22px;height:22px;position:relative}.language-choice-arrow:before{content:"";border-top:2px solid #f8fafce6;border-right:2px solid #f8fafce6;width:7px;height:7px;position:absolute;top:50%;left:50%;transform:translate(-62%,-50%)rotate(45deg)}.language-choice-card:hover .language-choice-arrow{background:#ffffff1a;border-color:#c4b5fd61;transform:translate(2px)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-offset:3px;outline:3px solid #818cf86b}@keyframes slideUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@media (width<=1260px){.test-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.admin-layout{grid-template-columns:minmax(260px,340px) minmax(0,1fr)}.question-preview{grid-column:1/-1;position:static}}@media (width<=980px){.hero-panel{grid-template-columns:1fr;min-height:0}.site-header{grid-template-columns:auto auto}.site-nav{border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-soft);background:#0f172af0;flex-direction:column;align-items:stretch;padding:12px;display:none;position:absolute;top:calc(100% + 8px);left:0;right:0}.site-nav.open{display:flex}.site-nav a{padding:10px 12px}.hamburger-btn{display:grid}.split-section,.feature-grid,.workflow-grid,.experience-panel,.showcase-band,.cta-band,.site-footer-inner,.ai-profile-grid{grid-template-columns:1fr}.story-band,.section-heading{flex-direction:column;align-items:start}.admin-layout{grid-template-columns:1fr}.question-list{max-height:none}.admin-stats,.admin-workflow,.profile-metrics,.editor-grid,.admin-toolbar{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-toolbar.result-toolbar,.admin-layout.result-admin-layout{grid-template-columns:1fr}}@media (width<=720px){.site-shell,.site-main,.app-shell,.quiz-shell,.admin-shell,.profile-shell{width:calc(100% - 18px);max-width:calc(100% - 18px);padding:10px 0;overflow-x:hidden}.site-header-wrap{padding:8px 9px}.quiz-shell{align-items:start;min-height:100vh}.hero-panel,.admin-header,.quiz-panel,.start-panel,.result-panel,.status-panel,.admin-login,.question-list,.question-editor,.question-preview{padding:18px}.hero-panel{gap:18px;width:100%;max-width:100%;overflow:hidden}.landing-hero{background:linear-gradient(#080d1ef0 0%,#090f21e0 38%,#0a122670 68%,#030712d1 100%),linear-gradient(90deg,#080d1ee0 0%,#080d1e7a 56%,#080d1e1f 100%),url(/generated-assets/sterialogy-cognitive-atlas-mobile.webp) top/cover no-repeat;min-height:620px}.language-modal{padding:12px}.language-modal-panel{gap:18px;padding:20px}.language-modal-heading{grid-template-columns:1fr}.language-modal-icon{width:50px;height:50px}.language-choice-card{grid-template-columns:auto minmax(0,1fr) 22px;min-height:132px;padding:14px}.language-choice-icon{width:48px;height:48px}.language-choice-icon:before{width:26px;height:26px}.language-choice-icon:after{height:26px}.language-choice-icon i:before,.language-choice-icon i:after{width:24px;left:12px}.language-choice-icon i:before{top:18px}.language-choice-icon i:after{bottom:18px}.hero-copy,.lead{width:100%;max-width:calc(100vw - 54px)}h1{font-size:2.6rem;line-height:1}h2{font-size:1.55rem}.result-type,.result-score{font-size:4rem}.hero-actions,.header-actions,.admin-header,.quiz-topbar,.admin-toolbar,.quiz-actions,.start-form,.search-form,.ai-chat-form,.image-tools,.editor-actions,.admin-login-actions,.admin-login-top,.editor-titlebar{grid-template-columns:1fr;justify-items:stretch;display:grid}.btn,.ghost-link{width:100%;max-width:100%}.test-grid,.language-grid,.feature-grid,.workflow-grid,.faq-grid,.experience-grid,.showcase-band,.cta-band,.profile-metrics,.admin-workflow,.editor-grid,.admin-toolbar,.admin-stats,.option-row{grid-template-columns:1fr}.admin-section-tabs{grid-template-columns:1fr;width:100%;display:grid}.editor-grid .wide-field{grid-column:auto}.image-url-list div{grid-template-columns:1fr}.test-tile{min-height:140px}.hero-stats{grid-template-columns:1fr}.question-map-toggle,.language-chip{width:100%}.question-map-panel{padding:12px}.question-map-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:7px}.question-map-button{border-radius:10px}.admin-tabs button{min-width:138px}.metric-row{grid-template-columns:1fr;gap:8px}.ranking-row{grid-template-columns:1fr auto}.option-btn{grid-template-columns:36px minmax(0,1fr)}.site-header{grid-template-columns:1fr auto;gap:8px;padding:8px}.header-actions{justify-content:flex-end;gap:6px;display:flex}.header-actions .btn.compact-btn{min-width:58px;min-height:38px;padding:8px 10px}.hamburger-btn{width:38px;height:38px;padding:9px}.profile-identity,.result-card,.chat-bubble,.language-inline{grid-template-columns:1fr}.profile-identity{display:grid}.profile-identity h1{font-size:2.35rem}}@media (width<=420px){.site-header .brand-copy em{display:none}.header-profile-link .brand-copy strong{max-width:72px}h1{font-size:2.25rem}.result-type,.result-score{font-size:3.25rem}.admin-tabs button{min-width:128px}}
