:root{--cat-entertainment:#f472b6;--cat-science:#60a5fa;--cat-medicine:#fb7185;--cat-industry:#fbbf24;--cat-transport:#2dd4bf;--cat-domestic:#c084fc;--cat-gaming:#4ade80;--cat-weather:#22d3ee;--cat-sport:#fb923c;--cat-education:#a78bfa;--cat-unified:#a1a1aa}.selection-screen-wrapper{display:grid;grid-template-columns:240px 1fr 280px;gap:1.5rem;padding:2rem 3rem;min-height:calc(100vh - 64px);max-width:1800px;margin:0 auto;position:relative;z-index:1}.categories-sidebar{background:linear-gradient(135deg,rgba(20,30,40,.6),rgba(12,20,28,.7));border:1px solid hsla(0,0%,100%,.06);border-radius:16px;padding:1.5rem;height:fit-content;position:sticky;top:calc(64px + 1rem);backdrop-filter:blur(12px)}.categories-sidebar h3{font-size:.875rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin:0 0 1rem;padding-left:.5rem}.category-list{display:flex;flex-direction:column;gap:.375rem}.category-item{display:flex;align-items:center;justify-content:space-between;padding:.5rem .625rem;border-radius:8px;cursor:pointer;transition:all .2s ease;background:transparent;border:1px solid transparent}.category-item:hover{background:hsla(0,0%,100%,.04);transform:translateX(2px)}.category-item.active{background:linear-gradient(135deg,rgba(34,197,94,.12),rgba(34,197,94,.06));border-color:rgba(34,197,94,.3)}.category-item-left{display:flex;align-items:center;gap:.5rem}.category-item .material-symbols-outlined{font-size:1.1rem;opacity:.8;color:var(--cat-unified)}[data-category-colors=true] .category-item[data-category=Entertainment] .material-symbols-outlined{color:var(--cat-entertainment)}[data-category-colors=true] .category-item[data-category=Science] .material-symbols-outlined{color:var(--cat-science)}[data-category-colors=true] .category-item[data-category=Medicine] .material-symbols-outlined{color:var(--cat-medicine)}[data-category-colors=true] .category-item[data-category=Industry] .material-symbols-outlined{color:var(--cat-industry)}[data-category-colors=true] .category-item[data-category=Transport] .material-symbols-outlined{color:var(--cat-transport)}[data-category-colors=true] .category-item[data-category=Domestic] .material-symbols-outlined{color:var(--cat-domestic)}[data-category-colors=true] .category-item[data-category=Gaming] .material-symbols-outlined{color:var(--cat-gaming)}[data-category-colors=true] .category-item[data-category=Weather] .material-symbols-outlined{color:var(--cat-weather)}[data-category-colors=true] .category-item[data-category=Sport] .material-symbols-outlined{color:var(--cat-sport)}[data-category-colors=true] .category-item[data-category=Education] .material-symbols-outlined{color:var(--cat-education)}.category-item-name{font-size:.7rem;font-weight:500;color:var(--text-primary)}.category-item-count{font-size:.7rem;font-weight:600;color:var(--text-secondary);background:hsla(0,0%,100%,.06);padding:.2rem .4rem;border-radius:5px;min-width:1.25rem;text-align:center}.category-item.active .category-item-count{background:rgba(34,197,94,.2);color:#22c55e}.show-all-btn{margin-top:.75rem;padding:.625rem;background:transparent;border:1px solid hsla(0,0%,100%,.1);border-radius:8px;color:var(--text-secondary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;width:100%}.show-all-btn:hover{background:hsla(0,0%,100%,.04);border-color:hsla(0,0%,100%,.15);color:var(--text-primary)}.show-all-btn.active{background:linear-gradient(135deg,rgba(34,197,94,.12),rgba(34,197,94,.06));border-color:rgba(34,197,94,.3);color:#22c55e}.question-library{gap:1.5rem}.library-header,.question-library{display:flex;flex-direction:column}.library-header{gap:1rem}.library-title{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin:0}.filter-tabs{display:flex;gap:.5rem;background:hsla(0,0%,100%,.03);padding:.375rem;border-radius:12px;border:1px solid hsla(0,0%,100%,.06)}.filter-tab{flex:1;padding:.625rem 1rem;background:transparent;border:none;border-radius:8px;color:var(--text-secondary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.filter-tab:hover{background:hsla(0,0%,100%,.05);color:var(--text-primary)}.filter-tab.active{background:linear-gradient(135deg,rgba(34,197,94,.2),rgba(34,197,94,.12));color:#22c55e;box-shadow:0 2px 8px rgba(34,197,94,.2)}.sort-controls{justify-content:space-between;padding:.75rem 1rem;background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.06);border-radius:12px}.sort-controls,.sort-label{display:flex;align-items:center}.sort-label{gap:.5rem;font-size:.875rem;color:var(--text-secondary)}.sort-label .material-symbols-outlined{font-size:1.125rem}.sort-dropdown{padding:.5rem .75rem;background:hsla(0,0%,100%,.06);border:1px solid hsla(0,0%,100%,.1);border-radius:8px;color:var(--text-primary);font-size:.875rem;cursor:pointer;transition:all .2s ease}.sort-dropdown:hover{background:hsla(0,0%,100%,.08);border-color:hsla(0,0%,100%,.15)}.questions-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.question-card-improved{background:linear-gradient(135deg,rgba(30,41,59,.5),rgba(20,30,42,.6));border:1px solid hsla(0,0%,100%,.1);border-radius:16px;padding:1.25rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:visible;backdrop-filter:blur(8px);display:flex;flex-direction:column}.question-card-improved:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(34,197,94,0),rgba(34,197,94,.08));opacity:0;transition:opacity .3s ease;pointer-events:none;border-radius:16px}.question-card-improved:hover{border-color:rgba(34,197,94,.5);transform:translateY(-4px);box-shadow:0 12px 32px rgba(34,197,94,.2);background:linear-gradient(135deg,rgba(30,41,59,.7),rgba(20,30,42,.8))}.question-card-improved:hover:before{opacity:1}.question-card-improved.target-reached[data-target-tint=true]{background:linear-gradient(135deg,rgba(22,101,52,.15),rgba(20,83,45,.1));border-color:rgba(34,197,94,.2)}.question-card-improved.target-reached[data-target-tint=true]:hover{border-color:rgba(34,197,94,.6);box-shadow:0 12px 32px rgba(34,197,94,.25);background:linear-gradient(135deg,rgba(22,101,52,.25),rgba(20,83,45,.2))}.question-card-improved.target-not-reached[data-target-tint=true]{background:linear-gradient(135deg,rgba(127,29,29,.12),rgba(153,27,27,.08));border-color:rgba(239,68,68,.15)}.question-card-improved.target-not-reached[data-target-tint=true]:hover{border-color:rgba(239,68,68,.5);box-shadow:0 12px 32px rgba(239,68,68,.2);background:linear-gradient(135deg,rgba(127,29,29,.22),rgba(153,27,27,.16))}.question-card-improved.completed{opacity:.85}.question-card-improved.completed:hover{opacity:1}.card-category-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.3rem .5rem;border-radius:8px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em;margin-bottom:.5rem;background:hsla(240,5%,65%,.15);color:var(--cat-unified)}[data-category-colors=true] .card-category-badge[data-category=Entertainment]{background:rgba(244,114,182,.15);color:var(--cat-entertainment)}[data-category-colors=true] .card-category-badge[data-category=Science]{background:rgba(96,165,250,.15);color:var(--cat-science)}[data-category-colors=true] .card-category-badge[data-category=Medicine]{background:rgba(251,113,133,.15);color:var(--cat-medicine)}[data-category-colors=true] .card-category-badge[data-category=Industry]{background:rgba(251,191,36,.15);color:var(--cat-industry)}[data-category-colors=true] .card-category-badge[data-category=Transport]{background:rgba(45,212,191,.15);color:var(--cat-transport)}[data-category-colors=true] .card-category-badge[data-category=Domestic]{background:rgba(192,132,252,.15);color:var(--cat-domestic)}[data-category-colors=true] .card-category-badge[data-category=Gaming]{background:rgba(74,222,128,.15);color:var(--cat-gaming)}[data-category-colors=true] .card-category-badge[data-category=Weather]{background:rgba(34,211,238,.15);color:var(--cat-weather)}[data-category-colors=true] .card-category-badge[data-category=Sport]{background:rgba(251,146,60,.15);color:var(--cat-sport)}[data-category-colors=true] .card-category-badge[data-category=Education]{background:rgba(167,139,250,.15);color:var(--cat-education)}.card-category-badge .material-symbols-outlined{font-size:.875rem}.card-title{font-size:1.35rem;font-weight:600;color:var(--text-primary);margin:0 0 .75rem;line-height:1.35;padding-right:3rem}.card-completion-badge-corner{position:absolute;top:1rem;right:1rem;width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#22c55e,#16a34a);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px rgba(34,197,94,.5);z-index:10}.card-completion-badge-corner .material-symbols-outlined{font-size:1.375rem;color:#fff;font-weight:700}.card-hard-badge{padding:.375rem .625rem;background:linear-gradient(135deg,rgba(190,18,60,.2),rgba(159,18,57,.18));border:1px solid rgba(190,18,60,.3);border-radius:6px;color:#fb7185;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em}.card-topics{display:flex;flex-wrap:wrap;gap:.375rem;margin-top:.75rem;margin-bottom:1rem}.card-topic-tag{padding:.25rem .5rem;background:hsla(0,0%,100%,.06);border-radius:6px;font-size:.7rem;color:var(--text-secondary);transition:all .2s ease}.card-topic-tag:hover{background:hsla(0,0%,100%,.1);transform:translateY(-1px)}.card-topic-tag.active{background:var(--brand-primary);color:#fff;font-weight:600}.card-circular-progress-only{position:absolute;top:1rem;right:1rem;z-index:10}.card-top-badges{display:flex;align-items:flex-start;gap:.5rem;flex-wrap:wrap}.card-bottom-footer{display:flex;align-items:center;justify-content:space-between;margin-top:1rem;padding:.75rem .875rem;background:rgba(0,0,0,.3);border-radius:10px;border:1px solid hsla(0,0%,100%,.08)}.card-footer-meta{display:flex;align-items:center;gap:.75rem}.card-completion-badge-footer{width:48px;height:48px;background:rgba(34,197,94,.2);border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.card-completion-badge-footer .material-symbols-outlined{font-size:28px;color:#22c55e;font-weight:700}.circular-progress{position:relative;width:70px;height:70px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.progress-ring{transform:rotate(-90deg)}.progress-ring-bg{fill:none;stroke:hsla(0,0%,100%,.08)}.progress-ring-circle{fill:none;stroke-linecap:round;transition:stroke-dashoffset .5s ease}.progress-text{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.progress-percentage{font-size:1.1rem;font-weight:800;line-height:1;color:var(--text-primary)}.progress-score{font-size:.6rem;font-weight:600;color:var(--text-secondary);opacity:.8;margin-top:.1rem}.progress-ring-circle.grade9{stroke:#059669}.progress-ring-circle.grade8{stroke:#16a34a}.progress-ring-circle.grade7{stroke:#65a30d}.progress-ring-circle.grade6{stroke:#ca8a04}.progress-ring-circle.grade5{stroke:#ea580c}.progress-ring-circle.grade4{stroke:#dc2626}.progress-ring-circle.grade3{stroke:#9333ea}.progress-ring-circle.grade2{stroke:#7c3aed}.progress-ring-circle.grade1{stroke:#4f46e5}.progress-ring-circle.gradeU{stroke:#475569}.best-score-grade-pill{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:.4rem .75rem;border-radius:8px;font-weight:700;text-transform:uppercase;letter-spacing:.03em;white-space:nowrap;gap:.125rem}.grade-number{font-size:1.1rem;line-height:1}.grade-range{font-size:.625rem;opacity:.7;font-weight:600}.card-completion-badge-inline{width:36px;height:36px;background:rgba(34,197,94,.2);border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.target-arrow-graphic{width:40px;height:46px;flex-shrink:0}.target-arrow-graphic.above{color:#22c55e;margin-top:-.125rem}.target-arrow-graphic.below{color:#be123c;margin-top:.25rem}.arrow-svg{width:100%;height:100%}.best-score-target{font-size:.75rem;font-weight:600;padding:.25rem .5rem;border-radius:6px;white-space:nowrap}.best-score-target.above-target,.best-score-target.on-target{color:#22c55e;background:rgba(34,197,94,.15)}.best-score-target.below-target{color:#f59e0b;background:rgba(245,158,11,.15)}.card-bottom-row{display:flex;justify-content:space-between;align-items:flex-end;margin-top:auto;gap:1rem;width:100%}.card-score-pills-vertical{display:flex;flex-direction:column;gap:.375rem;align-items:flex-start;z-index:5}.card-bottom-right{display:flex;flex-direction:column;align-items:flex-end;gap:.75rem}.card-bottom-right .card-score-pill-last{margin:0;font-size:.65rem;padding:.25rem .5rem;border-style:dashed}.card-grade-container{display:flex;align-items:center;gap:.375rem;padding:.375rem .5rem;background:rgba(0,0,0,.4);border-radius:10px;border:1px solid hsla(0,0%,100%,.1)}.card-grade-container.on-target-compact{padding:.25rem .5rem;border-color:rgba(34,197,94,.3);background:rgba(34,197,94,.1)}.grade-level-large{font-size:2.25rem;font-weight:800;line-height:1;color:var(--text-primary)}.target-on-badge{width:36px;height:36px;background:rgba(34,197,94,.2);border-radius:50%;display:flex;align-items:center;justify-content:center}.target-on-badge .material-symbols-outlined{font-size:22px;color:#22c55e;font-weight:700}.card-score-pill{display:inline-flex;align-items:center;gap:.375rem;padding:.35rem .625rem;border-radius:6px;font-size:.7rem;font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);border:1px solid;background:hsla(0,0%,100%,.04);white-space:nowrap}.card-score-pill:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.25);background:hsla(0,0%,100%,.1)}.card-score-pill .pill-icon{font-size:.85rem;opacity:.8}.card-score-pill .pill-type{opacity:.85;font-size:.65rem;font-weight:500}.card-score-pill .pill-grade{font-weight:700;font-size:.75rem}.card-score-pill-last{border-style:dashed;border-width:1.5px;opacity:.85}.card-score-pill-last:hover{opacity:1}.card-score-pill.grade9{background:rgba(5,150,105,.2);color:#10b981;border-color:rgba(5,150,105,.3)}.card-score-pill.grade8{background:rgba(22,163,74,.2);color:#22c55e;border-color:rgba(22,163,74,.3)}.card-score-pill.grade7{background:rgba(101,163,13,.2);color:#84cc16;border-color:rgba(101,163,13,.3)}.card-score-pill.grade6{background:rgba(202,138,4,.2);color:#eab308;border-color:rgba(202,138,4,.3)}.card-score-pill.grade5{background:rgba(234,88,12,.2);color:#f97316;border-color:rgba(234,88,12,.3)}.card-score-pill.grade4{background:rgba(190,18,60,.2);color:#fb7185;border-color:rgba(190,18,60,.3)}.card-score-pill.grade3{background:rgba(147,51,234,.2);color:#a855f7;border-color:rgba(147,51,234,.3)}.card-score-pill.grade2{background:rgba(124,58,237,.2);color:#8b5cf6;border-color:rgba(124,58,237,.3)}.card-score-pill.grade1{background:rgba(79,70,229,.2);color:#6366f1;border-color:rgba(79,70,229,.3)}.card-score-pill.gradeU{background:rgba(71,85,105,.2);color:#94a3b8;border-color:rgba(71,85,105,.3)}.stats-panel{display:flex;flex-direction:column;gap:1.5rem;position:sticky;top:calc(64px + 1rem);height:fit-content}.stats-card{background:linear-gradient(135deg,rgba(20,30,40,.6),rgba(12,20,28,.7));border:1px solid hsla(0,0%,100%,.06);border-radius:16px;padding:1.5rem;backdrop-filter:blur(12px)}.stats-panel>.stats-card:first-child{background:transparent;border:none;backdrop-filter:none;padding:0}.stats-card h3{font-size:.875rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin:0 0 1rem}.stats-panel>.stats-card:first-child h3{display:none}.completion-circle{width:160px;height:160px;margin:0 auto 1rem;position:relative}.completion-circle svg{transform:rotate(-90deg)}.completion-circle-bg{fill:none;stroke:hsla(0,0%,100%,.06);stroke-width:8}.completion-circle-progress{fill:none;stroke:url(#completionGradient);stroke-width:8;stroke-linecap:round;transition:stroke-dashoffset 1s ease}.completion-circle-target{fill:none;stroke-width:4;stroke-linecap:round;transition:stroke-dashoffset 1s ease,stroke-dasharray 1s ease;filter:drop-shadow(0 0 3px rgba(34,197,94,.5))}.completion-percentage{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:2.5rem;font-weight:700;color:var(--text-primary)}.completion-label{text-align:center;font-size:.875rem;color:var(--text-secondary);margin-bottom:1.5rem}.stats-row{display:flex;align-items:center;justify-content:space-between;padding:.75rem 0;border-bottom:1px solid hsla(0,0%,100%,.06)}.stats-row:last-child{border-bottom:none}.stats-row-label{font-size:.875rem;color:var(--text-secondary)}.stats-row-value{font-size:1.125rem;font-weight:600;color:var(--text-primary)}.stats-row-value.grade{padding:.25rem .625rem;border-radius:6px;font-size:.875rem}.pick-random-btn{width:100%;padding:.625rem 1rem;background:linear-gradient(135deg,rgba(34,197,94,.15),rgba(34,197,94,.08));border:1.5px solid rgba(34,197,94,.3);border-radius:10px;color:#22c55e;font-size:.8rem;font-weight:700;letter-spacing:.04em;cursor:pointer;transition:all .3s cubic-bezier(.34,1.56,.64,1);display:flex;align-items:center;justify-content:center;gap:.5rem;box-shadow:0 3px 10px rgba(34,197,94,.1),inset 0 1px 0 hsla(0,0%,100%,.05);position:relative;overflow:hidden;text-transform:uppercase;backdrop-filter:blur(8px)}.pick-random-btn:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent 30%,hsla(0,0%,100%,.15) 50%,transparent 70%);transform:rotate(45deg);animation:buttonShimmer 3s infinite}.pick-random-btn:hover{transform:translateY(-2px);background:linear-gradient(135deg,rgba(34,197,94,.25),rgba(34,197,94,.15));box-shadow:0 6px 16px rgba(34,197,94,.2),0 0 0 1px rgba(34,197,94,.3);border-color:rgba(34,197,94,.5)}.pick-random-btn:hover .material-symbols-outlined{animation:spinIcon .6s cubic-bezier(.34,1.56,.64,1)}.pick-random-btn:active{transform:translateY(0) scale(.98);box-shadow:0 2px 8px rgba(34,197,94,.15),inset 0 1px 3px rgba(0,0,0,.1)}.pick-random-btn .material-symbols-outlined{font-size:1.1rem;transition:transform .6s cubic-bezier(.34,1.56,.64,1)}.combined-stats-container{gap:1rem;padding:0}.combined-stats-container,.completion-card-compact{display:flex;flex-direction:column;width:100%;position:relative}.completion-card-compact{align-items:center;text-align:center;padding-bottom:.75rem}.completion-card-compact .completion-svg{width:150px;height:150px;transform:rotate(-90deg);filter:drop-shadow(0 3px 12px rgba(0,0,0,.3))}.completion-percentage-compact{position:absolute;top:63px;left:50%;transform:translateX(-50%);font-size:2rem;font-weight:800;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.4);letter-spacing:-.02em;line-height:1;display:flex;align-items:center;justify-content:center}.completion-label-compact{font-size:.875rem;color:hsla(0,0%,100%,.7);margin-top:.625rem;font-weight:500;letter-spacing:.02em}.stat-boxes-row{display:flex;gap:.625rem;width:100%}.stat-boxes-row>.stat-box{flex:1;min-width:0}.stat-box{background:linear-gradient(135deg,rgba(24,24,27,.85),rgba(18,18,21,.95));border:1.5px solid rgba(34,197,94,.2);border-radius:8px;padding:.625rem .5rem;text-align:center;backdrop-filter:blur(16px);transition:all .4s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden;box-shadow:0 3px 10px rgba(0,0,0,.25),inset 0 1px 0 hsla(0,0%,100%,.04);height:70px;display:flex;flex-direction:column;justify-content:space-between;align-items:center}.stat-box:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(34,197,94,.08) 0,transparent 70%);opacity:0;transition:opacity .4s ease}.stat-box:hover{border-color:rgba(34,197,94,.5);transform:translateY(-3px);box-shadow:0 6px 20px rgba(34,197,94,.18),0 0 0 1px rgba(34,197,94,.25),inset 0 1px 0 hsla(0,0%,100%,.06)}.stat-box:hover:before{opacity:1}.stat-box-label{font-size:.6rem;color:rgba(34,197,94,.95);text-transform:uppercase;letter-spacing:.06em;text-shadow:0 0 8px rgba(34,197,94,.3)}.stat-box-label,.stat-box-value{font-weight:700;margin:0;padding:0;display:block;line-height:1}.stat-box-value{font-size:1.25rem;color:#fff;font-variant-numeric:tabular-nums;letter-spacing:-.02em;text-shadow:0 2px 6px rgba(0,0,0,.3)}.stat-box-value.grade{padding:.2rem .4rem;border-radius:5px;display:inline-block;font-size:1.25rem;box-shadow:0 2px 8px rgba(0,0,0,.2),inset 0 -1px 2px rgba(0,0,0,.15);line-height:1}.empty-state{grid-column:1/-1;text-align:center;padding:4rem 2rem;color:var(--text-secondary)}.empty-state .material-symbols-outlined{font-size:4rem;opacity:.3;margin-bottom:1rem}.empty-state h3{font-size:1.25rem;color:var(--text-primary);margin-bottom:.5rem}.empty-state p{font-size:.95rem;margin:0}@media (max-width:1400px){.selection-screen-wrapper{grid-template-columns:220px 1fr 260px;gap:1.25rem;padding:1.5rem 2rem}.questions-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:1200px){.selection-screen-wrapper{grid-template-columns:1fr;gap:1.5rem}.categories-sidebar,.stats-panel{position:static}.categories-sidebar{max-width:100%}.category-list{flex-direction:row;flex-wrap:wrap}.category-item{flex:0 0 calc(33.333% - 0.5rem)}}@media (max-width:768px){.selection-screen-wrapper{padding:1rem}.questions-grid{grid-template-columns:1fr}.category-item{flex:0 0 calc(50% - 0.25rem)}.filter-tabs{flex-wrap:wrap}.filter-tab{flex:0 0 calc(50% - 0.25rem)}}.paper2-badges-section{margin-top:.5rem;padding:0;background:transparent;border:none;border-radius:0}.paper2-badges-section [class*=header]{display:none!important}.paper2-badges-section [class*=badgeGridContainer]{gap:.5rem!important}.paper2-badges-section [class*=badgeGrid]{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;justify-content:center!important;align-items:center!important;gap:.5rem!important;padding:0!important;width:100%!important}.paper2-badges-section [class*=badgeItem]{flex:0 0 auto!important;min-width:unset!important;max-width:unset!important;width:auto!important}.paper2-badges-section [class*=badgeWrapper]{max-width:unset!important;min-width:unset!important;width:auto!important;gap:0!important}.paper2-badges-section [class*=badge]:not([class*=badgeGrid]):not([class*=badgeItem]):not([class*=badgeWrapper]):not([class*=badgeHint]):not([class*=badgeImage]){width:52px!important;height:52px!important}.paper2-badges-section [class*=badgeImage]:not([class*=popupBadgeImage]),.paper2-badges-section [class*=badgeWrapper]>[class*=badge] img{width:52px!important;height:52px!important;object-fit:contain!important}.paper2-badges-section [class*=hoverPopup] img,.paper2-badges-section [class*=popupBadgeImage]{width:300px!important;height:300px!important;object-fit:contain!important}.paper2-badges-section [class*=badgeDescription],.paper2-badges-section [class*=badgeHint],.paper2-badges-section [class*=badgeInfo],.paper2-badges-section [class*=badgeName],.paper2-badges-section [class*=completionMessage],.paper2-badges-section [class*=label],.paper2-badges-section [class*=levelRewardText],.paper2-badges-section [class*=progressBar],.paper2-badges-section [class*=progressContainer],.paper2-badges-section [class*=progressCount],.paper2-badges-section [class*=progressFill]{display:none!important}.submit-answer-btn{position:relative;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1.25rem;background:linear-gradient(135deg,#16a34a,#15803d)!important;border:1.5px solid #15803d!important;border-radius:8px;color:#fff!important;font-size:.875rem;font-weight:700;letter-spacing:.02em;cursor:pointer;transition:all .3s cubic-bezier(.34,1.56,.64,1);box-shadow:none!important;overflow:hidden}.submit-answer-btn:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent 30%,hsla(0,0%,100%,.15) 50%,transparent 70%);transform:rotate(45deg);animation:buttonShimmer 3s infinite}@keyframes buttonShimmer{0%{transform:translateX(-100%) translateY(-100%) rotate(45deg)}to{transform:translateX(100%) translateY(100%) rotate(45deg)}}.submit-answer-btn:hover:not(:disabled){transform:translateY(-2px);background:linear-gradient(135deg,#15803d,#14532d)!important;box-shadow:none!important;border-color:#14532d!important}.submit-answer-btn:hover:not(:disabled) .material-symbols-outlined{animation:spinIcon .6s cubic-bezier(.34,1.56,.64,1)}@keyframes spinIcon{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.submit-answer-btn:active:not(:disabled){transform:translateY(0) scale(.98);box-shadow:none}.submit-answer-btn:disabled{opacity:.5;cursor:not-allowed}.submit-answer-btn .material-symbols-outlined{font-size:1.125rem;position:relative;z-index:1;transition:transform .6s cubic-bezier(.34,1.56,.64,1)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.submit-confirmation-modal{background:rgba(24,24,27,.95);border:1px solid hsla(0,0%,100%,.1);border-radius:12px;width:90%;max-width:600px;max-height:80vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 20px 60px rgba(0,0,0,.5);animation:slideUp .3s ease;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}@keyframes slideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;border-bottom:1px solid hsla(0,0%,100%,.1)}.modal-header h2{margin:0;font-size:1.25rem;font-weight:600;color:#fff}.modal-close-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:transparent;border:none;border-radius:6px;color:var(--text-secondary);cursor:pointer;transition:all .2s}.modal-close-btn:hover{background:hsla(0,0%,100%,.1);color:#fff}.modal-body{padding:1.5rem;overflow-y:auto;flex:1}.confirmation-message{display:flex;align-items:center;gap:1rem;padding:1rem;background:rgba(34,197,94,.1);border:1px solid rgba(34,197,94,.3);border-radius:8px;margin-bottom:1.5rem}.confirmation-message .credit-icon{font-size:2rem;color:#22c55e}.confirmation-message p{margin:0;font-size:.9375rem;color:var(--text-primary)}.confirmation-message strong{color:#22c55e;font-weight:600}.answer-preview h3{margin:0 0 1rem;font-size:1rem;font-weight:600;color:var(--text-primary)}.preview-content{background:rgba(0,0,0,.3);border:1px solid hsla(0,0%,100%,.1);border-radius:8px;padding:1rem;max-height:200px;overflow-y:auto;margin-bottom:.75rem}.preview-content pre{margin:0;font-family:Monaco,Menlo,Consolas,monospace;font-size:.8125rem;line-height:1.5;color:var(--text-secondary);white-space:pre-wrap;word-break:break-word}.preview-note{margin:0;font-size:.8125rem;color:var(--text-muted)}.modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:1rem;padding:1.5rem;border-top:1px solid hsla(0,0%,100%,.1)}.cancel-btn{padding:.625rem 1.25rem;font-size:.875rem;font-weight:600;color:var(--text-secondary);background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:6px;cursor:pointer;transition:all .2s}.cancel-btn:hover{background:hsla(0,0%,100%,.08);border-color:hsla(0,0%,100%,.15);color:var(--text-primary)}.confirm-submit-btn{position:relative;display:flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;font-size:.875rem;font-weight:700;color:#22c55e;background:linear-gradient(135deg,rgba(34,197,94,.15),rgba(34,197,94,.08));border:1.5px solid rgba(34,197,94,.3);border-radius:6px;cursor:pointer;transition:all .3s cubic-bezier(.34,1.56,.64,1);box-shadow:0 3px 10px rgba(34,197,94,.1),inset 0 1px 0 hsla(0,0%,100%,.05);overflow:hidden;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.confirm-submit-btn:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent 30%,hsla(0,0%,100%,.15) 50%,transparent 70%);transform:rotate(45deg);animation:buttonShimmer 3s infinite}.confirm-submit-btn:hover{transform:translateY(-2px);background:linear-gradient(135deg,rgba(34,197,94,.25),rgba(34,197,94,.15));box-shadow:0 6px 16px rgba(34,197,94,.2),0 0 0 1px rgba(34,197,94,.3);border-color:rgba(34,197,94,.5)}.confirm-submit-btn:active{transform:translateY(0) scale(.98);box-shadow:0 2px 8px rgba(34,197,94,.15),inset 0 1px 3px rgba(0,0,0,.1)}.confirm-submit-btn .material-symbols-outlined{font-size:1.125rem;position:relative;z-index:1}