@import"https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,400..800&family=Nunito:wght@400;600;800&display=swap";:root{--bg-color: #05122A;--primary: #FF8A24;--primary-hover: #FF7A00;--secondary: #79BDD0;--secondary-hover: #67AFC3;--accent-yellow: #FF9F2F;--accent-pink: #8BC9D8;--text-dark: #FFFFFF;--text-medium: #C7DEFF;--danger: #FF8B8B;--danger-bg: #3B1D2A;--card-bg: #0C2144;--outline: #6FB7CC;--bg-dots: rgba(255, 255, 255, .08);--font-display: "Bricolage Grotesque", sans-serif;--font-body: "Nunito", sans-serif}[data-theme=light]{--bg-color: #D4F1F4;--primary: #F09A67;--primary-hover: #E38A55;--secondary: #90C4D4;--secondary-hover: #7DB6C7;--accent-yellow: #F6C879;--accent-pink: #A9D5E0;--text-dark: #2D3A54;--text-medium: #5C6B89;--danger: #E88E8E;--danger-bg: #FFE5E5;--card-bg: #FFFFFF;--outline: #9AB2C5;--bg-dots: rgba(45, 58, 84, .05)}*{box-sizing:border-box}body,html,#root{margin:0;padding:0;width:100%;min-height:100vh;background-color:var(--bg-color);color:var(--text-dark);font-family:var(--font-body);overflow-x:hidden;transition:background-color .4s ease,color .4s ease}.card,.btn,.input-group input,.fun-nav,.dash-header,.stats-box,.video-card,.video-thumb,.sticker,.fun-error{transition:background-color .5s ease,color .5s ease,border-color .5s ease,box-shadow .5s ease,transform .3s cubic-bezier(.34,1.56,.64,1)}h1,h2,h3,h4,.font-display{font-family:var(--font-display);font-weight:800;margin:0;line-height:1.1}.text-highlight{color:var(--primary);position:relative;display:inline-block}.text-highlight:after{content:"";position:absolute;bottom:-4px;left:0;width:100%;height:12px;background-color:var(--accent-yellow);z-index:-1;transform:rotate(-2deg);border-radius:4px}.app-container{position:relative;min-height:100vh;display:flex;flex-direction:column}.bg-dots{display:none}.card{background-color:var(--card-bg);border:4px solid var(--outline);border-radius:16px;box-shadow:6px 6px 0 var(--outline);padding:2rem;position:relative}.btn{display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:1.1rem;font-weight:700;padding:.8rem 1.5rem;border:3px solid var(--outline);border-radius:12px;cursor:pointer;transition:all .15s ease-in-out;text-decoration:none;box-shadow:4px 4px 0 var(--outline)}.btn:hover:not(:disabled){transform:translate(2px,2px);box-shadow:2px 2px 0 var(--outline)}.btn:active:not(:disabled){transform:translate(4px,4px);box-shadow:0 0 0 var(--outline)}.btn:disabled{opacity:.6;cursor:not-allowed;filter:grayscale(1)}.btn-primary{background-color:var(--primary);color:#fff}.btn-secondary{background-color:var(--accent-yellow);color:var(--text-dark)}.btn-small{padding:.5rem 1rem;font-size:.9rem;background-color:var(--card-bg);color:var(--text-dark);border-width:2px;box-shadow:2px 2px 0 var(--outline);border-radius:8px}.btn-small:hover{transform:translate(1px,1px);box-shadow:1px 1px 0 var(--outline)}.btn-icon{background-color:var(--card-bg);color:var(--text-dark);border:3px solid var(--outline);box-shadow:3px 3px 0 var(--outline);border-radius:50%;width:48px;height:48px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;cursor:pointer;transition:all .15s ease-in-out}.btn-icon:hover{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--outline)}.btn-icon:active{transform:translate(3px,3px);box-shadow:0 0 0 var(--outline)}.theme-toggle{flex:0 0 auto;z-index:100}.theme-toggle-floating{position:absolute;top:1.25rem;right:1.5rem}@keyframes popIn{0%{opacity:0;transform:scale(.95) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.pop-in{animation:popIn .5s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.bounce{animation:bounce 2s infinite ease-in-out}@keyframes flipIn{0%{opacity:0;transform:perspective(1000px) rotateY(-90deg)}to{opacity:1;transform:perspective(1000px) rotateY(0)}}.flip-in{animation:flipIn .6s cubic-bezier(.34,1.56,.64,1) forwards}.chunky-form{display:flex;flex-direction:column;gap:1.25rem}.input-group{display:flex;flex-direction:column;gap:.4rem}.input-group label{font-weight:800;font-size:.95rem}.input-group input{font-family:var(--font-body);font-size:1.05rem;padding:.9rem 1rem;border:3px solid var(--outline);border-radius:10px;outline:none;background:var(--card-bg);color:var(--text-dark);transition:box-shadow .2s,border-color .2s;box-shadow:3px 3px 0 var(--outline)}.input-group input::placeholder{color:var(--text-medium)}.input-group input:focus{border-color:var(--primary);box-shadow:4px 4px 0 var(--primary)}.input-group textarea,.input-group select{font-family:var(--font-body);font-size:1.05rem;padding:.9rem 1rem;border:3px solid var(--outline);border-radius:10px;outline:none;background:var(--card-bg);color:var(--text-dark);transition:box-shadow .2s,border-color .2s;box-shadow:3px 3px 0 var(--outline)}.input-group textarea{min-height:110px;resize:vertical}.input-group textarea:focus,.input-group select:focus{border-color:var(--primary);box-shadow:4px 4px 0 var(--primary)}.fun-error{background-color:var(--danger-bg);color:var(--danger);border:2px dashed var(--danger);border-radius:10px;padding:.8rem;font-weight:700;text-align:center}.fun-error.large{font-size:1.2rem;padding:1rem}.login-layout{position:relative;z-index:10;max-width:1100px;margin:0 auto;min-height:100vh;display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:4rem;padding:2rem}.brand-section{display:flex;flex-direction:column;gap:1rem}.main-title{font-size:clamp(3.5rem,6vw,5.5rem);letter-spacing:-.02em}.subtitle{font-size:1.25rem;line-height:1.6;color:var(--text-medium);font-weight:600;max-width:90%}.subtitle-link{background:none;border:none;color:var(--primary);font-family:inherit;font-size:inherit;font-weight:800;padding:0;cursor:pointer;text-decoration:underline;text-underline-offset:4px}.subtitle-link:hover{color:var(--primary-hover)}.sticker-wrapper{position:relative;height:130px;margin-bottom:.5rem;display:flex;align-items:center}.sticker{position:relative;font-size:6.5rem;border:4px solid var(--outline);background:var(--card-bg);border-radius:50%;width:130px;height:130px;display:flex;align-items:center;justify-content:center;box-shadow:none}.sticker-atom{transform:rotate(-5deg);background-color:var(--accent-yellow)}.card-title{font-size:2rem;margin-bottom:1.5rem}.admin-easter-egg{margin-top:2rem;border-top:2px dashed var(--bg-dots);padding-top:1rem}.admin-easter-egg summary{color:var(--text-medium);font-weight:800;cursor:pointer;list-style:none}.admin-easter-egg summary::-webkit-details-marker{display:none}.admin-easter-egg summary:hover{color:var(--primary);text-decoration:underline}.fun-nav{position:relative;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:1.2rem 3rem;background:var(--card-bg);border-bottom:4px solid var(--outline);box-shadow:0 4px #00000059}.nav-logo{font-family:var(--font-display);font-size:1.8rem;font-weight:800}.nav-profile{display:flex;align-items:center;gap:1rem}.nav-links{display:flex;align-items:center;gap:.75rem}.nav-link{background:transparent;color:var(--text-dark);border:2px solid transparent;border-radius:999px;padding:.55rem 1rem;font-family:var(--font-display);font-size:1rem;font-weight:700;cursor:pointer}.nav-link.active{background:var(--accent-yellow);border-color:var(--outline);box-shadow:3px 3px 0 var(--outline)}.badge{font-weight:800;padding:.3rem .8rem;border-radius:20px;border:2px solid var(--outline);font-size:.85rem}.role-badge{background-color:var(--accent-yellow)}.avatar{background-color:var(--primary);color:#fff;font-family:var(--font-display);font-weight:800;height:42px;width:42px;display:flex;align-items:center;justify-content:center;border-radius:50%;border:3px solid var(--outline)}.dashboard-area{position:relative;z-index:10;max-width:1280px;margin:0 auto;padding:3rem;width:100%}.dash-header{display:flex;align-items:center;justify-content:space-between;background-color:var(--accent-yellow);border:4px solid var(--outline);border-radius:16px;box-shadow:6px 6px 0 var(--outline);padding:2rem 3rem;margin-bottom:3rem}.header-text h2{font-size:2.5rem;margin-bottom:.5rem}.header-text p{font-size:1.15rem;font-weight:600;margin:0}.stats-box{background:var(--card-bg);border:3px solid var(--outline);border-radius:12px;padding:1rem 1.5rem;text-align:center;transform:rotate(3deg)}.header-actions{display:flex;align-items:center;justify-content:flex-end;gap:.75rem}.stat-num{display:block;font-family:var(--font-display);font-size:2.5rem;line-height:1;color:var(--primary)}.stat-label{font-weight:800;font-size:.8rem;text-transform:uppercase}.empty-box{text-align:center;padding:4rem 2rem;background-color:var(--card-bg)}.empty-emoji{font-size:5rem;margin-bottom:1rem}.video-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:2rem}.video-card{padding:0;overflow:hidden;display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s;animation:popIn .5s cubic-bezier(.34,1.56,.64,1) both;opacity:0}.video-card:hover{transform:translate(-3px,-3px);box-shadow:9px 9px 0 var(--outline)}.video-thumb{position:relative;aspect-ratio:16/9;border-bottom:4px solid var(--outline);background-color:var(--bg-dots);display:flex;align-items:center;justify-content:center}.video-thumb img{width:100%;height:100%;object-fit:cover}.placeholder-thumb{font-weight:800;color:var(--text-medium)}.play-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0000004d;display:flex;align-items:center;justify-content:center;font-size:3rem;opacity:0;transition:opacity .2s}.video-card:hover .play-overlay{opacity:1}.video-details{padding:1.5rem;display:flex;flex-direction:column;flex:1}.video-details h3{font-size:1.4rem;margin-bottom:.5rem}.video-details p{color:var(--text-medium);font-weight:600;font-size:.95rem;margin-bottom:1.5rem;flex:1}.btn-play{background-color:var(--secondary);color:#fff;text-align:center}.btn-play:hover{background-color:var(--secondary-hover)}@media (max-width: 992px){.login-layout{grid-template-columns:1fr;gap:2rem;padding-top:4rem}.dash-header{flex-direction:column;text-align:center;gap:1.5rem;padding:2rem 1.5rem}.stats-box{transform:none}}@media (max-width: 600px){.main-title{font-size:3rem}.fun-nav{flex-direction:column;gap:1rem;padding:1rem}}.toggle-auth-modes{margin-top:1.5rem;text-align:center;font-weight:600;color:var(--text-medium)}.btn-link{background:none;border:none;font-family:var(--font-display);font-size:1.1rem;font-weight:800;color:var(--primary);cursor:pointer;text-decoration:underline;text-decoration-thickness:3px;text-underline-offset:4px;padding:0;margin-top:.5rem;transition:color .2s}.btn-link:hover{color:var(--accent-pink)}.premium-badge{background-color:var(--accent-pink);color:var(--text-dark);border-width:2px;padding:.4rem .8rem;font-size:.9rem;box-shadow:2px 2px 0 var(--outline)}.premium-badge:hover{background-color:var(--secondary-hover)}.w-full{width:100%}.mt-margin{margin-top:1.5rem}.accent-pink{background-color:var(--accent-pink);color:var(--text-dark)}.fun-layout{position:relative;min-height:100vh;width:100vw;display:flex;flex-direction:column}.fun-back-btn{position:absolute;top:2rem;left:2rem;z-index:60;box-shadow:4px 4px 0 var(--outline)!important}.fun-main-area{position:relative;z-index:10;flex:1;display:grid;grid-template-columns:35% 65%;width:100%}.fun-sidebar{background-color:var(--card-bg);border-right:4px solid var(--outline);padding:8rem 3rem 4rem;display:flex;flex-direction:column;justify-content:center;gap:2rem;z-index:20}.fun-sidebar-title{font-family:var(--font-display);font-size:clamp(3rem,5vw,5rem);line-height:.95;color:var(--accent-pink);text-transform:uppercase;margin:0}.fun-sidebar-desc{font-size:1.15rem;font-weight:600;color:var(--text-medium);margin:0;max-width:90%}.fun-controls{display:flex;align-items:center;gap:1.2rem;flex-wrap:wrap}.fun-nav-btn{box-shadow:4px 4px 0 var(--outline)!important}.fun-counter{font-family:var(--font-display);font-size:1.4rem;font-weight:800;background:var(--bg-color);color:var(--accent-yellow);padding:.5rem 1.2rem;border:3px solid var(--outline);border-radius:12px;box-shadow:3px 3px 0 var(--outline);text-align:center;min-width:100px}.fun-dots{display:flex;gap:.8rem;flex-wrap:wrap}.fun-dot{width:20px;height:20px;background:var(--card-bg);border:3px solid var(--outline);border-radius:50%;cursor:pointer;transition:all .2s ease-in-out;padding:0;box-shadow:2px 2px 0 var(--outline)}.fun-dot:hover{background:var(--secondary);transform:translateY(-2px);box-shadow:2px 4px 0 var(--outline)}.fun-dot.active{background:var(--accent-yellow);transform:translateY(-2px);box-shadow:2px 4px 0 var(--outline)}.fun-carousel-area{position:relative;display:flex;align-items:center;justify-content:flex-start;padding:4rem 0;background:transparent;overflow:hidden;--slide-step: calc(400px + 4rem) }.fun-track-window{width:100%;overflow:visible;touch-action:pan-y;cursor:grab;user-select:none;-webkit-user-select:none}.fun-track-window.dragging{cursor:grabbing}.fun-track{display:flex;align-items:center;will-change:transform;padding-left:calc(32.5vw - 200px)}.fun-slide{flex:0 0 auto;width:400px;margin-right:4rem;display:flex;justify-content:flex-start;transition:opacity .4s}.fun-card{width:100%;transition:all .5s cubic-bezier(.34,1.56,.64,1);transform-origin:center center;opacity:.5;transform:scale(.85)}.fun-card.active{opacity:1;transform:scale(1.05);box-shadow:12px 12px 0 var(--primary);border-color:var(--accent-pink);z-index:10}.fun-card.active:hover{transform:scale(1.08) translateY(-5px);box-shadow:16px 16px 0 var(--accent-yellow)}.fun-card.featured{border-color:var(--accent-yellow)}.fun-badge{position:absolute;top:-15px;right:-15px;background:var(--accent-yellow);color:var(--text-dark);font-family:var(--font-display);font-weight:800;padding:.5rem 1rem;border:3px solid var(--outline);box-shadow:3px 3px 0 var(--outline);border-radius:20px;font-size:.95rem;z-index:5;transform:rotate(5deg)}.fun-card-header{margin-bottom:1.5rem;border-bottom:3px dashed var(--outline);padding-bottom:1.5rem}.fun-card-title{font-size:2rem;color:var(--primary);margin-bottom:.5rem}.fun-card-note{font-size:1.05rem;color:var(--text-medium);font-weight:600;line-height:1.5;margin:0}.fun-card-price{font-family:var(--font-display);font-size:3.5rem;font-weight:800;color:var(--text-dark);margin:1.5rem 0;text-shadow:3px 3px 0 var(--outline)}.fun-period{font-family:var(--font-body);font-size:1.2rem;font-weight:800;color:var(--secondary);margin-left:.5rem;text-shadow:none}.fun-perks{list-style:none;padding:0;margin:0 0 2rem}.fun-perks li{font-size:1.1rem;font-weight:600;color:var(--text-dark);margin-bottom:1rem}.fun-action{margin-top:auto}@media (max-width: 992px){.fun-main-area{display:flex;flex-direction:column}.fun-sidebar{padding:6rem 2rem 3rem;border-right:none;border-bottom:4px solid var(--outline)}.fun-sidebar-title{font-size:4rem}.fun-track{padding-left:calc(50vw - 200px)}.fun-carousel-area{padding:3rem 0 5rem}}@media (max-width: 600px){.fun-carousel-area{--slide-step: calc(320px + 2rem) }.fun-slide{width:320px;margin-right:2rem}.fun-track{padding-left:calc(50vw - 160px)}.fun-card-price{font-size:2.8rem}.fun-controls{flex-wrap:wrap;justify-content:center}}.watch-view{display:grid;grid-template-columns:1fr 340px;gap:2rem;align-items:start}@media (max-width: 900px){.watch-view{grid-template-columns:1fr}}.watch-main{display:flex;flex-direction:column;gap:1.5rem}.video-player-box{width:100%;aspect-ratio:16 / 9;background-color:#000;border-radius:12px;border:4px solid var(--outline);overflow:hidden;box-shadow:4px 4px 0 var(--outline)}.youtube-player{width:100%;height:100%;border:0;display:block}.placeholder-player{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;background:var(--bg-color);background-image:repeating-linear-gradient(45deg,rgba(255,255,255,.05) 0,rgba(255,255,255,.05) 2px,transparent 2px,transparent 8px);gap:1rem}.play-icon-large{font-size:4rem;filter:drop-shadow(4px 4px 0 var(--primary));animation:pulse-shadow 2s infinite alternate}@keyframes pulse-shadow{0%{filter:drop-shadow(4px 4px 0 var(--primary))}to{filter:drop-shadow(4px 4px 0 var(--accent-yellow));transform:scale(1.05)}}.player-text{font-family:var(--font-display);font-weight:800;font-size:1.2rem;letter-spacing:1px}.watch-info{display:flex;flex-direction:column;gap:1rem}.watch-title{font-size:2rem;margin:0;color:var(--text-dark)}.watch-actions{display:flex;flex-wrap:wrap;gap:.8rem;align-items:center}.btn-action{background-color:var(--card-bg);color:var(--text-dark);font-family:var(--font-display);font-weight:700;font-size:1rem;border-radius:12px;border:3px solid var(--outline);box-shadow:3px 3px 0 var(--outline);padding:.6rem 1.2rem;cursor:pointer;transition:all .15s ease-in-out}.btn-action:hover{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--outline)}.btn-ask{margin-left:auto}@media (max-width: 600px){.btn-ask{margin-left:0}}.watch-description{background-color:var(--bg-dots);border-radius:12px;padding:1.5rem;border:2px dashed var(--outline)}.watch-description h3{font-family:var(--font-display);margin-bottom:.5rem;color:var(--accent-pink)}.watch-sidebar{background-color:var(--card-bg);border:4px solid var(--outline);border-radius:16px;padding:1.5rem;box-shadow:6px 6px 0 var(--outline);display:flex;flex-direction:column;gap:1rem}.sidebar-title{font-family:var(--font-display);font-size:1.3rem;color:var(--text-dark);border-bottom:2px solid var(--outline);padding-bottom:.5rem;margin:0}.sidebar-list{display:flex;flex-direction:column;gap:.5rem}.sidebar-item{display:flex;align-items:center;gap:1rem;background:transparent;border:2px solid transparent;border-radius:8px;padding:.5rem;cursor:pointer;text-align:left;transition:all .2s ease;color:var(--text-dark)}.sidebar-item:hover{background:var(--bg-dots);border-color:var(--outline);transform:translate(4px)}.sidebar-thumb{width:60px;height:40px;background-color:var(--bg-color);border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:1.2rem;flex-shrink:0;border:2px solid var(--outline);overflow:hidden}.sidebar-thumb img{width:100%;height:100%;object-fit:cover}.sidebar-text h4{font-family:var(--font-body);font-weight:800;font-size:1rem;margin:0}.sidebar-text p{font-family:var(--font-body);font-size:.8rem;opacity:.7;margin:0}.flex-gap{gap:1rem}.mb-margin{margin-bottom:1.5rem}.w-fit{width:fit-content}.loading-state{padding:1rem 1.25rem;border:3px dashed var(--outline);border-radius:14px;font-weight:800;margin-bottom:1.5rem;background:color-mix(in srgb,var(--card-bg) 85%,white 15%)}.fun-success{background:#79bdd026;color:var(--text-dark);border:2px dashed var(--secondary);border-radius:10px;padding:.8rem;font-weight:700;text-align:center}.tests-view,.test-workspace{display:flex;flex-direction:column;gap:1.5rem}.test-toolbar{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap}.topic-filter-group{display:flex;flex-wrap:wrap;gap:.75rem}.topic-filter,.topic-pill,.question-count{border-radius:999px;border:2px solid var(--outline);font-weight:800}.topic-filter{background:var(--card-bg);color:var(--text-dark);padding:.6rem 1rem;cursor:pointer;box-shadow:3px 3px 0 var(--outline)}.topic-filter.active{background:var(--primary);color:#fff}.test-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}.test-card{display:flex;flex-direction:column;gap:1rem;animation:popIn .5s cubic-bezier(.34,1.56,.64,1) both;opacity:0}.test-card-top{display:flex;justify-content:space-between;gap:.75rem;align-items:center;flex-wrap:wrap}.topic-pill{display:inline-flex;align-items:center;padding:.35rem .8rem;background:var(--accent-pink);color:var(--text-dark)}.question-count{padding:.35rem .8rem;background:transparent}.test-card p,.admin-panel-copy,.test-meta{color:var(--text-medium);font-weight:600}.latest-score{margin-top:auto;font-weight:700}.latest-score.pending{color:var(--text-medium)}.empty-state{text-align:center}.admin-test-panel{display:flex;flex-direction:column;gap:1.5rem}.admin-panel-head{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start}.admin-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.question-builder-list{display:flex;flex-direction:column;gap:1rem}.question-builder-card,.question-card{border:3px solid var(--outline);border-radius:16px;padding:1.25rem;background:color-mix(in srgb,var(--card-bg) 90%,white 10%);box-shadow:4px 4px 0 var(--outline)}.question-image-frame{margin-top:1rem;border:3px solid var(--outline);border-radius:16px;overflow:hidden;background:#fff;box-shadow:4px 4px 0 var(--outline)}.question-image{display:block;width:100%;height:auto}.admin-preview{max-width:560px}.question-builder-top,.question-topline,.test-runner-header{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start}.option-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.admin-test-actions{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap}.wizard-actions{display:flex;gap:.75rem;flex-wrap:wrap}.wizard-counter{min-width:84px;text-align:center;font-family:var(--font-display);font-weight:800;padding:.65rem .85rem;border:3px solid var(--outline);border-radius:14px;box-shadow:3px 3px 0 var(--outline)}.test-runner{display:flex;flex-direction:column;gap:1rem}.test-score-box{min-width:120px;background:var(--accent-yellow);color:var(--text-dark);border:3px solid var(--outline);border-radius:16px;box-shadow:4px 4px 0 var(--outline);padding:1rem;display:flex;flex-direction:column;align-items:center;gap:.25rem}.test-score-box strong{font-size:1.8rem;font-family:var(--font-display)}.test-question-list{display:flex;flex-direction:column;gap:.75rem}.test-navigation{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap}.question-number,.answer-chip{display:inline-flex;align-items:center;justify-content:center;padding:.35rem .75rem;border-radius:999px;border:2px solid var(--outline);font-weight:800}.question-number{background:var(--bg-color);color:var(--accent-yellow)}.answer-chip.correct{background:#8ce0a0;color:#10251a}.answer-chip.wrong{background:#ffb3b3;color:#4a1111}.option-list{display:grid;gap:.55rem;margin-top:.75rem}.option-card{display:grid;grid-template-columns:auto auto 1fr;gap:.65rem;align-items:center;padding:.65rem .85rem;border:2px solid var(--outline);border-radius:12px;cursor:pointer;background:var(--card-bg)}.test-runner .question-card{padding:.95rem}.test-runner .question-image-frame{max-width:min(760px,100%);max-height:46vh;margin:.75rem auto 0;display:flex;justify-content:center}.test-runner .question-image{width:auto;max-width:100%;max-height:46vh;object-fit:contain}.option-card input{margin:0}.option-card.selected{border-color:var(--primary);box-shadow:4px 4px 0 var(--primary)}.option-card.correct{background:#8ce0a040}.option-card.wrong{background:#ff8b8b33}.question-explanation,.test-result-banner{margin-top:1rem;padding:1rem;border-radius:12px;border:2px dashed var(--outline);background:var(--bg-dots);font-weight:600}@media (max-width: 992px){.admin-form-grid,.option-grid{grid-template-columns:1fr}}@media (max-width: 600px){.nav-links,.nav-profile{flex-wrap:wrap;justify-content:center}.question-builder-top,.question-topline,.test-runner-header{flex-direction:column}}