:root{--theme-primary: #0078D4;--theme-primary-dark: #005A9E;--theme-primary-light: #E6F2FA;--theme-primary-rgba: rgba(0, 120, 212, .1);--theme-primary-rgba-medium: rgba(0, 120, 212, .25);--theme-primary-rgba-strong: rgba(0, 120, 212, .3);--theme-primary-border: rgba(0, 120, 212, .6);--theme-hotspot-marker: var(--theme-primary);--theme-success: #107C10;--theme-success-bg: rgba(16, 124, 16, .1);--theme-success-bg-medium: rgba(16, 124, 16, .15);--theme-success-bg-strong: rgba(16, 124, 16, .2);--theme-success-bg-stronger: rgba(16, 124, 16, .3);--theme-error: #A80000;--theme-error-bg: rgba(168, 0, 0, .1);--theme-error-bg-strong: rgba(168, 0, 0, .3);--theme-warning: #FFB900;--theme-warning-bg: rgba(255, 185, 0, .2);--theme-text-muted: #666;--theme-border-light: #eee;--theme-white: white;--pico-primary: var(--theme-primary);--pico-primary-background: var(--theme-primary);--pico-primary-hover: var(--theme-primary-dark);--pico-primary-focus: var(--theme-primary-rgba-medium);--pico-primary-inverse: var(--theme-white);--pico-muted-color: var(--theme-text-muted);--pico-card-background-color: var(--theme-white);--pico-form-element-border-color: var(--theme-border-light);--pico-form-element-background-color: var(--theme-white);--pico-mark-background-color: var(--theme-primary-light)}[data-theme=dark]{--theme-primary-light: #1a3d5c;--theme-text-muted: #999;--theme-border-light: #444;--theme-white: #1a1a2e}:root[data-theme-style=forest]{--theme-primary: #00897B;--theme-primary-dark: #004D40;--theme-primary-light: #E0F2F1;--theme-primary-rgba: rgba(0, 137, 123, .1);--theme-primary-rgba-medium: rgba(0, 137, 123, .25);--theme-primary-rgba-strong: rgba(0, 137, 123, .3);--theme-primary-border: rgba(0, 137, 123, .6);--pico-primary: var(--theme-primary);--pico-primary-background: var(--theme-primary);--pico-primary-hover: var(--theme-primary-dark);--pico-primary-focus: var(--theme-primary-rgba-medium);--pico-primary-inverse: var(--theme-white)}:root[data-theme-style=sunset]{--theme-primary: #F4511E;--theme-primary-dark: #BF360C;--theme-primary-light: #FBE9E7;--theme-primary-rgba: rgba(244, 81, 30, .1);--theme-primary-rgba-medium: rgba(244, 81, 30, .25);--theme-primary-rgba-strong: rgba(244, 81, 30, .3);--theme-primary-border: rgba(244, 81, 30, .6);--pico-font-family: Georgia, Cambria, "Times New Roman", Times, serif;--pico-primary: var(--theme-primary);--pico-primary-background: var(--theme-primary);--pico-primary-hover: var(--theme-primary-dark);--pico-primary-focus: var(--theme-primary-rgba-medium);--pico-primary-inverse: var(--theme-white)}:root[data-theme-style=berry]{--theme-primary: #8E24AA;--theme-primary-dark: #4A148C;--theme-primary-light: #F3E5F5;--theme-primary-rgba: rgba(142, 36, 170, .1);--theme-primary-rgba-medium: rgba(142, 36, 170, .25);--theme-primary-rgba-strong: rgba(142, 36, 170, .3);--theme-primary-border: rgba(142, 36, 170, .6);--pico-font-family: Georgia, Cambria, "Times New Roman", Times, serif;--pico-primary: var(--theme-primary);--pico-primary-background: var(--theme-primary);--pico-primary-hover: var(--theme-primary-dark);--pico-primary-focus: var(--theme-primary-rgba-medium);--pico-primary-inverse: var(--theme-white)}:root[data-theme-style=slate]{--theme-primary: #546E7A;--theme-primary-dark: #263238;--theme-primary-light: #ECEFF1;--theme-primary-rgba: rgba(84, 110, 122, .1);--theme-primary-rgba-medium: rgba(84, 110, 122, .25);--theme-primary-rgba-strong: rgba(84, 110, 122, .3);--theme-primary-border: rgba(84, 110, 122, .6);--pico-font-family: "Menlo", "Consolas", "Roboto Mono", "Ubuntu Monospace", "Noto Mono", "Oxygen Mono", "Liberation Mono", monospace, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--pico-primary: var(--theme-primary);--pico-primary-background: var(--theme-primary);--pico-primary-hover: var(--theme-primary-dark);--pico-primary-focus: var(--theme-primary-rgba-medium);--pico-primary-inverse: var(--theme-white)}:root[data-theme-style=aws]{--theme-primary: #232F3E;--theme-primary-dark: #131921;--theme-primary-light: #EAEDED;--theme-primary-rgba: rgba(35, 47, 62, .1);--theme-primary-rgba-medium: rgba(35, 47, 62, .25);--theme-primary-rgba-strong: rgba(35, 47, 62, .3);--theme-primary-border: rgba(35, 47, 62, .6);--pico-primary: var(--theme-primary);--pico-primary-background: var(--theme-primary);--pico-primary-hover: var(--theme-primary-dark);--pico-primary-focus: var(--theme-primary-rgba-medium);--pico-primary-inverse: var(--theme-white)}:root[data-theme-style=azure]{--theme-primary: #005A70;--theme-primary-dark: #00303C;--theme-primary-light: #E1F3F6;--theme-primary-rgba: rgba(0, 90, 112, .1);--theme-primary-rgba-medium: rgba(0, 90, 112, .25);--theme-primary-rgba-strong: rgba(0, 90, 112, .3);--theme-primary-border: rgba(0, 90, 112, .6);--pico-primary: var(--theme-primary);--pico-primary-background: var(--theme-primary);--pico-primary-hover: var(--theme-primary-dark);--pico-primary-focus: var(--theme-primary-rgba-medium);--pico-primary-inverse: var(--theme-white)}[data-theme-style=ocean][data-theme=dark]{--theme-primary-light: #002D42;--theme-primary-rgba: rgba(0, 120, 212, .2);--theme-primary-rgba-medium: rgba(0, 120, 212, .4)}[data-theme-style=forest][data-theme=dark]{--theme-primary-light: #004D40;--theme-primary-rgba: rgba(46, 125, 50, .2);--theme-primary-rgba-medium: rgba(46, 125, 50, .4)}[data-theme-style=sunset][data-theme=dark]{--theme-primary-light: #3E160A;--theme-primary-rgba: rgba(244, 81, 30, .2);--theme-primary-rgba-medium: rgba(244, 81, 30, .4)}[data-theme-style=berry][data-theme=dark]{--theme-primary-light: #3A0E47;--theme-primary-rgba: rgba(142, 36, 170, .2);--theme-primary-rgba-medium: rgba(142, 36, 170, .4)}[data-theme-style=slate][data-theme=dark]{--theme-primary-light: #263238;--theme-primary-rgba: rgba(84, 110, 122, .2);--theme-primary-rgba-medium: rgba(84, 110, 122, .4)}.settings-label{display:flex;justify-content:space-between;align-items:center;cursor:pointer}.theme-toggle{width:auto;margin:0}#app-player{display:flex;flex-direction:column;height:100vh;overflow:hidden}.main-container{flex:1;overflow:auto;position:relative;width:100%;min-height:0}@media(max-width:768px){#app-player{height:100vh;overflow:hidden}.main-container{overflow-y:auto;-webkit-overflow-scrolling:touch}}.split-pane{display:grid;grid-template-columns:45% 55%;height:100%;gap:0}.pane-left{border-right:4px solid var(--pico-muted-border-color);overflow-y:auto;padding:2rem;background-color:var(--pico-background-color)}.pane-right{overflow-y:auto;padding:2rem}.full-width{padding:2rem;max-width:1200px;margin:0 auto}@keyframes spin{to{transform:rotate(360deg)}}.spinner{width:2.5rem;height:2.5rem;border:4px solid var(--pico-muted-border-color);border-top-color:var(--pico-primary);border-radius:50%;animation:spin 1s linear infinite}.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;gap:1rem}button:focus-visible,.option-card:focus-visible{outline:3px solid var(--pico-primary);outline-offset:2px}.option-card:focus{outline:none}.hidden{display:none!important}.visible{display:block!important}.visible-flex{display:flex!important}#app-storefront,#app-player,#login-btn,#user-profile{display:none}#app-storefront.visible{display:block}#app-player.visible{display:flex!important;flex-direction:column;height:100vh;height:100dvh;overflow:hidden}#login-btn.visible,#user-profile.visible{display:flex}.button-row{margin-top:1rem;display:flex;gap:.5rem;flex-wrap:wrap}html.modal-is-open,html.modal-is-open body{overflow:hidden!important;overscroll-behavior:none!important;height:100vh}.cookie-consent-banner{position:fixed;bottom:0;left:0;right:0;z-index:9999;background:var(--pico-card-background-color, #fff);border-top:1px solid var(--pico-muted-border-color, #e0e0e0);box-shadow:0 -2px 12px #0000001a;padding:1rem 1.5rem;transform:translateY(100%);transition:transform .3s ease}.cookie-consent-banner.visible{transform:translateY(0)}.consent-inner{max-width:1200px;margin:0 auto;display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap}.consent-text{flex:1;min-width:280px}.consent-text p{margin:0;font-size:.9rem;line-height:1.5;color:var(--pico-color, #333)}.consent-text a{color:var(--pico-primary, #0078d4);text-decoration:underline}.consent-actions{display:flex;gap:.5rem;flex-shrink:0;flex-wrap:wrap}.consent-actions button{padding:.45rem 1rem;font-size:.85rem;border-radius:6px;cursor:pointer;border:none;font-weight:500;white-space:nowrap;transition:opacity .15s ease}.consent-actions button:hover{opacity:.85}.consent-btn-accept{background:var(--pico-primary, #0078d4);color:#fff}.consent-btn-reject{background:var(--pico-secondary-background, #e0e0e0);color:var(--pico-color, #333)}.consent-btn-manage{background:transparent;color:var(--pico-primary, #0078d4);text-decoration:underline;padding-left:.25rem!important;padding-right:.25rem!important}.cookie-prefs-modal{max-width:480px;width:90vw}.cookie-prefs-modal article{margin:0}.consent-category{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:1rem 0;border-bottom:1px solid var(--pico-muted-border-color, #e0e0e0)}.consent-category:last-child{border-bottom:none}.consent-category-info{flex:1}.consent-category-info h5{margin:0 0 .25rem;font-size:.95rem}.consent-category-info p{margin:0;font-size:.8rem;color:var(--pico-muted-color, #666);line-height:1.4}.consent-category-toggle{flex-shrink:0;margin-top:.25rem}.consent-always-active{font-size:.8rem;color:var(--pico-primary, #0078d4);font-weight:500}body.cookie-banner-visible #app-player{height:calc(100dvh - var(--cookie-banner-offset, 70px))}@media(max-width:640px){body.cookie-banner-visible{--cookie-banner-offset: 120px}.consent-inner{flex-direction:column;align-items:stretch;gap:.75rem}.consent-actions{justify-content:stretch}.consent-actions button{flex:1}.consent-btn-manage{flex:0!important}}.exam-header{background-color:var(--theme-primary);color:var(--pico-primary-inverse);padding:.75rem 1rem;display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.header-left{font-weight:600;font-size:1.125rem;display:flex;align-items:center;gap:.25rem}.quiz-logo{border-radius:5px;flex-shrink:0;margin-right:.15rem}.header-right{display:flex;gap:1.25rem;align-items:center;font-size:.875rem}.exam-footer{background-color:var(--pico-card-background-color);border-top:1px solid var(--pico-muted-border-color);padding:1rem;display:flex;justify-content:space-between;flex-shrink:0}.footer-left,.footer-right{display:flex;gap:.625rem}.header-btn{background:transparent;border:none;color:var(--pico-primary-inverse);cursor:pointer;padding:.5rem;display:flex;align-items:center}.header-btn:hover{opacity:.8}.header-btn--hidden{display:none}#quiz-theme-modal .grid{gap:2rem}#quiz-theme-modal fieldset{display:flex;flex-direction:column;gap:.5rem;margin-bottom:0}#quiz-theme-modal legend strong{font-size:1rem;display:block;margin-bottom:.25rem}#quiz-theme-modal .description{font-size:.85rem;color:var(--pico-muted-color);margin-bottom:1rem;font-weight:400}#quiz-theme-modal label{cursor:pointer;display:flex;align-items:center;gap:.5rem}dialog[open]{animation:modal-in .3s ease-out}dialog[closing]{animation:modal-out .2s ease-in}@keyframes modal-in{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes modal-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}.question-header{margin-bottom:1.25rem;padding-bottom:.625rem;border-bottom:1px solid var(--pico-muted-border-color);display:flex;justify-content:space-between;align-items:center}.question-number{font-size:1.25rem;font-weight:600;color:var(--theme-primary)}.question-category{background:var(--theme-primary-light);padding:.125rem .5rem;border-radius:.625rem;font-size:.75rem;color:var(--theme-primary);font-weight:600}.question-context{background-color:var(--pico-secondary-background);padding:1rem;border-left:4px solid var(--theme-primary);border-radius:4px;margin-bottom:1.5rem;font-size:1rem}.question-text{font-size:1.125rem;margin-bottom:1.5rem}.tab-nav{display:flex;overflow-x:auto;border-bottom:2px solid var(--pico-muted-border-color);margin-bottom:1rem;gap:.5rem}.tab-btn{background:none;border:none;border-bottom:3px solid transparent;padding:.5rem 1rem;cursor:pointer;font-weight:500;color:var(--pico-muted-color);transition:all .2s;font-size:.9rem}.tab-btn:hover{color:var(--pico-color);background-color:var(--pico-secondary-background)}.tab-btn.active{color:var(--theme-primary);border-bottom-color:var(--theme-primary);font-weight:700}.tab-content{animation:fadeIn .3s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.options-grid{display:flex;flex-direction:column;gap:.75rem}.option-card{display:flex;align-items:flex-start;padding:.75rem;border:1px solid var(--pico-muted-border-color);border-radius:var(--pico-border-radius);cursor:pointer;transition:all .15s;background:var(--pico-card-background-color);position:relative}.option-card:hover{background-color:var(--pico-secondary-background);border-color:var(--theme-primary)}.option-card.selected{background-color:var(--theme-primary-light);border:2px solid var(--theme-primary)}.option-indicator{margin-right:.75rem;margin-top:.125rem;width:1.25rem;height:1.25rem;border:1px solid var(--pico-muted-color);background:var(--theme-white);display:flex;align-items:center;justify-content:center;flex-shrink:0}.option-card.multi .option-indicator{border-radius:.125rem}.option-card:not(.multi) .option-indicator{border-radius:50%}.option-card.selected .option-indicator{background-color:var(--theme-primary);border-color:var(--theme-primary)}.option-card.selected .option-indicator:after{content:"";display:block;width:.5rem;height:.5rem;background:var(--theme-white)}.option-card.multi.selected .option-indicator:after{width:.625rem;height:.625rem;background:transparent;border-bottom:2px solid white;border-right:2px solid white;transform:rotate(45deg) translate(-1px,-2px);margin-top:-2px}.option-card:not(.multi).selected .option-indicator:after{border-radius:50%}.option-card.correct{border:2px solid var(--theme-success);background-color:var(--theme-success-bg)}.option-card.status-incorrect{border:2px solid var(--theme-error);background-color:var(--theme-error-bg)}.option-card.correct:before,.option-card.status-incorrect:before{content:"";position:absolute;right:.5rem;top:.5rem;font-size:1.25rem;font-weight:700}.option-card.correct:before{content:"✓";color:var(--theme-success)}.option-card.status-incorrect:before{content:"✗";color:var(--theme-error)}.drag-hint{margin-top:0;margin-bottom:.5rem}.ordering-list{display:flex;flex-direction:column;gap:.5rem}.ordering-item{display:flex;align-items:center;background:var(--pico-card-background-color);border:1px solid var(--pico-muted-border-color);padding:.75rem;border-radius:var(--pico-border-radius);cursor:grab;-webkit-user-select:none;user-select:none;transition:transform .2s,box-shadow .2s}.ordering-item.dragging{opacity:.5;cursor:grabbing}.ordering-handle{margin-right:1rem;color:var(--pico-muted-color);cursor:grab}.ordering-content{flex:1}.ordering-controls{display:flex;flex-direction:column;gap:.25rem;margin-left:.5rem}.ordering-btn{background:none;border:none;padding:.1rem;cursor:pointer;color:var(--pico-muted-color);font-size:.8rem;line-height:1}.ordering-btn:hover{color:var(--theme-primary)}.hotspot-container{position:relative;display:block;cursor:crosshair;width:100%;min-height:200px;background-color:var(--pico-secondary-background);border-radius:var(--pico-border-radius)}.hotspot-image{display:block;max-width:100%;width:100%}.hotspot-marker{position:absolute;width:20px;height:20px;background:var(--theme-hotspot-marker);border:2px solid var(--theme-white);border-radius:50%;transform:translate(-50%,-50%);pointer-events:none;box-shadow:0 2px 4px #0000004d}.hotspot-marker.correct{background:var(--theme-success)}.hotspot-marker.incorrect{background:var(--theme-error)}.hotspot-target-zone{position:absolute;border:2px dashed var(--theme-success);background:var(--theme-success-bg-strong);border-radius:50%;transform:translate(-50%,-50%);pointer-events:none;display:none}.hotspot-zone{position:absolute;border:2px dashed var(--theme-primary-border);background:var(--theme-primary-rgba);cursor:pointer;transition:all .2s ease}.hotspot-zone:hover{border-color:var(--theme-primary);background:var(--theme-primary-rgba-medium);box-shadow:0 0 10px #0078d466}.hotspot-zone.selected{border:3px solid var(--theme-primary);background:var(--theme-primary-rgba-strong)}.hotspot-zone.correct{border:3px solid var(--theme-success);background:var(--theme-success-bg-stronger)}.hotspot-zone.incorrect{border:3px solid var(--theme-error);background:var(--theme-error-bg-strong)}.hotspot-zone.correct-answer{border:3px dashed var(--theme-success);background:var(--theme-success-bg-medium);pointer-events:none}.hotspot-zone-circle{border-radius:50%;transform:translate(-50%,-50%)}.hotspot-hint{margin-top:1rem;font-style:italic;color:var(--pico-muted-color);font-size:.9rem}.hotspot-dropdown-container{position:relative;display:block;width:100%}.hotspot-image-wrapper{position:relative;min-height:100px}[data-theme=dark] .hotspot-image-wrapper>.hotspot-image{filter:invert(1) hue-rotate(180deg)}.hotspot-dropdown-container.no-image .hotspot-image-wrapper,.hotspot-dropdown-container.image-failed .hotspot-image-wrapper{display:none}.hotspot-dropdown-list-fallback{display:none;margin-top:1rem}.hotspot-dropdown-container.no-image .hotspot-dropdown-list-fallback,.hotspot-dropdown-container.image-failed .hotspot-dropdown-list-fallback{display:block}.hotspot-dropdown-overlay{background:transparent;padding:0;border-radius:0;box-shadow:none;border:none;z-index:10;display:flex;flex-direction:column;justify-content:center;gap:.25rem}.hotspot-dropdown-select{margin-bottom:0;font-size:.8rem;padding:.25rem 1.5rem .25rem .4rem;height:1.8rem;line-height:1;width:100%}.hotspot-dropdown-overlay.correct .hotspot-dropdown-select{border-color:var(--theme-success);box-shadow:0 0 0 2px var(--theme-success)}.hotspot-dropdown-overlay.incorrect .hotspot-dropdown-select{border-color:var(--theme-error);box-shadow:0 0 0 2px var(--theme-error)}.correct-answer-hint-overlay{display:none}.matching-columns{display:flex;gap:1.5rem;margin-top:1rem;align-items:stretch}.matching-sources-column,.matching-targets-column{flex:1;display:flex;flex-direction:column;gap:.5rem}.matching-sources-column h4,.matching-targets-column h4{font-size:.9rem;color:var(--pico-muted-color);margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.05rem}.matching-sources-list{display:flex;flex-direction:column;gap:.5rem;padding:.75rem;background:var(--pico-secondary-background);border:1px dashed var(--pico-muted-border-color);border-radius:var(--pico-border-radius);min-height:200px}.matching-source-item{padding:.4rem .75rem;background:var(--pico-card-background-color);border:1px solid var(--pico-muted-border-color);border-radius:var(--pico-border-radius);cursor:grab;-webkit-user-select:none;user-select:none;transition:all .2s;font-size:.9rem;box-shadow:0 1px 2px #0000000d}.matching-source-item:hover{border-color:var(--theme-primary);box-shadow:0 4px 8px #0000001a}.matching-source-item.dragging{opacity:.4;cursor:grabbing}.matching-source-item.used{opacity:.3;cursor:default;background:var(--pico-muted-background);pointer-events:none}.matching-targets-list{display:flex;flex-direction:column;gap:1rem}.matching-target-row{display:flex;flex-direction:column;gap:.25rem;margin-bottom:.75rem}.matching-target-label{font-size:.9rem;font-weight:600}.matching-target-slot{min-height:2.5rem;padding:.25rem;border:2px dashed var(--pico-muted-border-color);border-radius:var(--pico-border-radius);background:var(--theme-white);display:flex;align-items:center;justify-content:center;transition:all .2s}.matching-target-slot.has-match{border-style:solid;border-color:var(--theme-primary);background:var(--theme-primary-light)}.matching-target-slot:not(.has-match).drag-over{border-color:var(--theme-primary);background:var(--theme-primary-rgba)}.slot-placeholder{color:var(--pico-muted-color);font-size:.8rem;font-style:italic}.matched-item{width:100%;padding:.25rem .5rem;background:var(--theme-white);border:1px solid var(--theme-primary);border-radius:var(--pico-border-radius);display:flex;justify-content:space-between;align-items:center;font-weight:500;font-size:.9rem}.remove-match{cursor:pointer;color:var(--theme-error);font-weight:700;font-size:1.25rem;padding:0 .25rem;line-height:1}.remove-match:hover{color:var(--theme-error-dark)}.matching-target-slot.correct{border-color:var(--theme-success);background-color:var(--theme-success-bg)}.matching-target-slot.incorrect{border-color:var(--theme-error);background-color:var(--theme-error-bg)}.matching-target-slot.correct .matched-item{border-color:var(--theme-success)}.matching-target-slot.incorrect .matched-item{border-color:var(--theme-error)}.correct-answer-hint{font-size:.8rem;color:var(--theme-success);font-weight:600;margin-top:4px}.matching-sources-reference{margin-top:2rem;padding:1rem;border:1px solid var(--pico-muted-border-color);border-radius:var(--pico-border-radius);background:var(--pico-secondary-background)}.matching-sources-reference h4{font-size:1rem;margin-bottom:.5rem}.matching-sources-reference ul{margin-bottom:0;padding-left:1.5rem;display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.feedback-card{margin-top:1.25rem;padding:1rem;border-radius:var(--pico-border-radius);background:var(--pico-card-background-color)}.feedback-card.correct{border-left:6px solid var(--theme-success)}.feedback-card.incorrect{border-left:6px solid var(--theme-error)}.feedback-header{font-size:1.125rem;font-weight:600;margin-bottom:.625rem}.review-flag{color:var(--theme-primary);font-size:1rem;margin-left:.5rem;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}#mark-review-btn{background:var(--pico-secondary-background);border:1px solid var(--pico-muted-border-color);color:var(--pico-color);transition:all .2s ease}#mark-review-btn:hover{background:var(--theme-primary);border-color:var(--theme-primary);color:var(--pico-primary-inverse)}#mark-review-btn.marked{background:var(--theme-primary);border-color:var(--theme-primary);color:var(--pico-primary-inverse);font-weight:600}.marked-review-section{background:var(--theme-primary-light);border:1px solid var(--theme-primary);border-radius:var(--pico-border-radius);padding:1rem;margin-bottom:2rem}.marked-review-section h3{color:var(--theme-primary);margin-bottom:.75rem;display:flex;align-items:center;gap:.5rem}.marked-review-grid{display:flex;flex-wrap:wrap;gap:.5rem}.marked-review-btn{width:40px;height:40px;padding:0;display:flex;align-items:center;justify-content:center;background:var(--theme-white);border:2px solid var(--theme-primary);color:var(--theme-primary);font-weight:700;cursor:pointer;border-radius:4px;transition:all .2s ease}.marked-review-btn:hover{background:var(--theme-primary);color:#fff}.fill-blank-container{margin-top:1rem}.fill-blank-list{display:flex;flex-direction:column;gap:1rem}.fill-blank-row{display:flex;flex-direction:column;gap:.25rem;padding:.75rem;background:var(--pico-card-background-color);border:1px solid var(--pico-muted-border-color);border-radius:var(--pico-border-radius)}.fill-blank-label{font-weight:600;font-size:.9rem;margin-bottom:.25rem}.fill-blank-select-wrapper{position:relative;max-width:400px}.fill-blank-select{width:100%;margin-bottom:0;background-color:var(--pico-form-element-background-color, var(--theme-white))}.fill-blank-row.correct{border-color:var(--theme-success);background-color:var(--theme-success-bg)}.fill-blank-row.incorrect{border-color:var(--theme-error);background-color:var(--theme-error-bg)}.fill-blank-row.correct .fill-blank-select{border-color:var(--theme-success)}.fill-blank-row.incorrect .fill-blank-select{border-color:var(--theme-error)}.results-container{padding:2rem 1rem 4rem;max-width:1000px;margin:0 auto}.results-header{display:flex;flex-direction:column;align-items:center;margin-bottom:2rem;text-align:center}.results-header h1{margin-bottom:.5rem;font-size:2rem}.score-container{font-size:4rem;font-weight:700;color:var(--theme-primary);line-height:1.2}.score-details{font-size:1.2rem;color:var(--pico-muted-color)}.time-spent{font-size:1rem;color:var(--pico-muted-color);margin-top:.25rem}.review-section{margin-bottom:3rem;background:var(--pico-card-background-color);padding:1.5rem;border-radius:var(--pico-border-radius);border:1px solid var(--pico-muted-border-color)}.review-section h3{border-bottom:2px solid var(--pico-muted-border-color);padding-bottom:.75rem;margin-bottom:1.5rem;display:flex;align-items:center;gap:.5rem;font-size:1.25rem}.question-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(3.5rem,1fr));gap:.75rem}.grid-btn{aspect-ratio:1;padding:0;display:flex;align-items:center;justify-content:center;background:var(--pico-secondary-background);border:2px solid transparent;color:var(--pico-color);font-weight:700;cursor:pointer;border-radius:.5rem;position:relative;font-size:1.1rem;transition:all .2s ease}.grid-btn:hover{transform:translateY(-2px);box-shadow:0 2px 4px #0000001a}.grid-btn.correct{background-color:var(--theme-success-bg);border-color:var(--theme-success);color:var(--theme-success)}.grid-btn.incorrect{background-color:var(--theme-error-bg);border-color:var(--theme-error);color:var(--theme-error)}.grid-btn.unanswered{background-color:var(--pico-secondary-background);color:var(--pico-muted-color)}.grid-flag{position:absolute;top:-6px;right:-6px;font-size:1rem;background:var(--pico-card-background-color);border-radius:50%;width:1.2rem;height:1.2rem;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 2px #0003}.stat-card{margin-bottom:1.5rem}.stat-header{display:flex;justify-content:space-between;margin-bottom:.5rem;font-weight:600}.progress-bar{height:.75rem;background:var(--pico-secondary-background);border-radius:1rem;overflow:hidden}.progress-fill{height:100%;transition:width .5s ease-out}.progress-fill.high{background-color:var(--theme-success)}.progress-fill.medium{background-color:var(--theme-warning)}.progress-fill.low{background-color:var(--theme-error)}.marked-details{margin-top:1.5rem;border-top:1px solid var(--pico-muted-border-color);padding-top:1rem}.marked-details summary{cursor:pointer;font-weight:600;color:var(--theme-primary);list-style:none;display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}.marked-details summary::-webkit-details-marker{display:none}.marked-details summary:before{content:"▶";font-size:.8rem;transition:transform .2s}.marked-details[open] summary:before{transform:rotate(90deg)}.marked-table-container{max-height:300px;overflow-y:auto;border:1px solid var(--pico-muted-border-color);border-radius:var(--pico-border-radius)}.marked-table{width:100%;border-collapse:collapse;font-size:.9rem}.marked-table th,.marked-table td{padding:.75rem;text-align:left;border-bottom:1px solid var(--pico-muted-border-color)}.marked-table th{background:var(--pico-card-background-color);position:sticky;top:0;z-index:1;font-weight:600;color:var(--pico-contrast);border-bottom:2px solid var(--pico-muted-border-color)}.marked-table tr:hover{background:var(--pico-primary-focus);cursor:pointer}.marked-table tr:last-child td{border-bottom:none}.status-badge{display:inline-block;padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.status-badge.answered{background:var(--theme-success);color:#fff;border:1px solid var(--theme-success)}.status-badge.unanswered{background:var(--pico-muted-border-color);color:var(--pico-contrast);border:1px solid var(--pico-muted-border-color)}#share-modal article{max-width:320px;margin:auto;padding-bottom:1.25rem}#share-modal .close-share-modal{position:absolute;top:1rem;right:1rem;cursor:pointer;color:var(--pico-muted-color);opacity:.6;transition:opacity .15s ease;line-height:0}#share-modal .close-share-modal:hover{opacity:1}#share-modal .share-preview{text-align:center;padding:0 0 1.25rem;margin:0 0 1.25rem;border-bottom:1px solid var(--pico-muted-border-color)}#share-modal .share-preview p{margin:0;line-height:1.5}#share-modal .share-preview .share-percent{font-weight:700;color:var(--theme-primary)}#share-modal .share-preview-score{font-size:1.05rem;font-weight:500}#share-modal .share-preview-tagline{font-size:.8rem;color:var(--pico-muted-color);margin-top:.35rem!important}#share-modal .share-grid{display:flex;justify-content:center;gap:1rem;padding:0}#share-modal .share-grid .share-item{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;text-decoration:none;cursor:pointer;transition:transform .15s ease}#share-modal .share-grid .share-item:hover{transform:scale(1.15);text-decoration:none}#share-modal .share-item-copy{background:var(--theme-primary);color:#fff}#share-modal .share-item-copied{background:var(--theme-success);color:#fff}#share-modal .share-item-whatsapp{background:#25d366}#share-modal .share-item-twitter{background:#000}#share-modal .share-item-linkedin{background:#0a66c2}#share-modal [data-action=native]{background:#6c757d}@media(max-width:768px){.exam-header{flex-direction:column;align-items:flex-start;padding:.5rem 1rem;gap:.5rem}.header-right{width:100%;justify-content:space-between;font-size:.75rem}.split-pane{display:block;height:auto}.pane-left{border-right:none;border-bottom:2px solid var(--pico-muted-border-color);padding:1rem;overflow:visible;height:auto}.pane-right{padding:1rem;overflow:visible;height:auto}.exam-footer{flex-direction:column;gap:.5rem}.footer-left,.footer-right{width:100%;justify-content:center}.full-width{padding:1rem}.question-text{font-size:1rem}.sf-grid{grid-template-columns:1fr}.option-card{padding:.5rem}button{min-height:44px;font-size:.875rem}.matching-columns{flex-direction:column;gap:1rem}.matching-sources-list{min-height:auto}.ordering-item{min-height:44px;padding:.75rem .5rem}.ordering-btn{min-height:36px;min-width:36px;font-size:1rem}}@media(max-width:480px){.exam-header{padding:.5rem}.header-left{font-size:1rem}.header-right{font-size:.7rem}.pane-left,.pane-right{padding:.75rem}.question-number{font-size:1rem}.question-text{font-size:.95rem}.question-category{font-size:.65rem;padding:.1rem .4rem}.full-width{padding:.5rem}.storefront-container{margin:1rem auto;padding:.75rem}}