@font-face{font-family:Deuterium Variable;src:url(/assets/fonts/DeuteriumVariable.woff2) format("woff2-variations"),url(/assets/fonts/DeuteriumVariable.ttf) format("truetype-variations");font-weight:100 900;font-style:normal;font-display:swap}:root{--theme-book: #882B41;--theme-unit: #E4A139;--color-base-1: #882B41;--color-base-2: #2E7784;--color-base-3: #00A9B5;--color-base-4: #C95B23;--color-base-5: #A7BE38;--color-base-6: #E4A139;--color-sec-1: #944B88;--color-sec-2: #2C537D;--color-sec-3: #66BB99;--color-sec-4: #99643E;--color-sec-5: #405A54;--color-sec-6: #517673;--color-sec-7: #89A59B;--color-sec-8: #DAE2DE;--color-sec-9: #4D9B40;--color-sec-10: #F5821F;--color-sec-comodin: #F2706C;--background: #f8fafc;--surface: #ffffff;--text-main: #1e293b;--text-muted: #64748b;--text-light: #f1f5f9;--bento-radius: 50px;--radius-lg: 30px;--radius-md: 16px;--radius-sm: 8px;--bento-shadow: 0 10px 30px rgba(0, 0, 0, .08);--shadow-sm: 0 4px 6px -1px rgb(0 0 0 / .1);font-family:Deuterium Variable,Inter,system-ui,Avenir,Helvetica,Arial,sans-serif}body{margin:0;background-color:var(--background);color:var(--text-main);-webkit-font-smoothing:antialiased}#root{max-width:100vw;margin:0 auto}.layout{display:flex;flex-direction:column;min-height:100vh}.app-header{padding:1rem 1.5rem;background:var(--surface);box-shadow:var(--shadow-sm);display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:10}.app-header h1{margin:0;font-size:1.25rem;color:var(--primary-color);font-weight:800;flex:1;text-align:center}.back-btn{background:transparent;color:var(--text-main);font-size:1.25rem;padding:.25rem .75rem;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center}.back-btn:hover{background:#f1f5f9}.lesson-badge{background:#f1f5f9;padding:.25rem .75rem;border-radius:999px;font-size:.875rem;font-weight:600;color:var(--text-muted)}.app-content{flex:1;padding:1.5rem;display:flex;flex-direction:column;gap:1.5rem;max-width:800px;margin:0 auto;width:100%;box-sizing:border-box}.app-footer{background:var(--surface);border-top:1px solid #e2e8f0;padding:1rem}.app-footer nav{display:flex;justify-content:space-around;max-width:500px;margin:0 auto}button{border:none;background:var(--surface);font-family:inherit;font-weight:600;color:var(--text-main);cursor:pointer;padding:.5rem 1rem;border-radius:var(--radius-md);transition:all .2s ease}button:hover:not(:disabled){background:#89a59b;color:#fff}button:disabled{opacity:.5;cursor:not-allowed}.activity-navigation{display:flex;flex-direction:column;gap:.5rem}.activity-navigation label{font-size:.875rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.activity-tabs{display:flex;gap:.5rem;overflow-x:auto;padding-bottom:.5rem}.activity-tabs button{display:flex;align-items:center;justify-content:center;background:transparent;border:none;padding:.25rem;opacity:.5;transition:all .2s ease;cursor:pointer}.activity-tabs button:hover{background:transparent;opacity:.8;transform:scale(1.05)}.activity-tabs button.active{background:transparent;color:inherit;border:none;opacity:1;transform:scale(1.15);filter:drop-shadow(0 4px 6px rgba(0,0,0,.15))}.engine-wrapper{flex:1;background:var(--surface);border-radius:var(--bento-radius);padding:2.5rem;box-shadow:var(--bento-shadow);display:flex;flex-direction:column}.bento-box{background:var(--surface);border-radius:var(--bento-radius);padding:2rem;box-shadow:var(--bento-shadow);overflow:hidden}.bento-grid{display:grid;gap:1.5rem}.text-light{font-weight:300}.text-medium{font-weight:480}.text-bold{font-weight:560}.text-black{font-weight:700}.engine-container{display:flex;flex-direction:column;height:100%}.engine-container h2{margin-top:0;color:var(--text-main)}.placeholder-box{flex:1;border:2px dashed #cbd5e1;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-weight:500;margin-top:1rem;min-height:200px}.lesson-navigation{display:flex;justify-content:space-between;border-top:1px solid #e2e8f0;padding-top:1.5rem}.lesson-navigation button{background:#f1f5f9}.unit-index-container{padding:1rem;max-width:1000px;margin:0 auto}.unit-index-header{text-align:center;margin-bottom:2rem}.unit-index-header h1{font-size:2rem;color:var(--theme-book, var(--text-main));margin-bottom:.5rem}.unit-badge{background-color:var(--theme-book);display:inline-flex;align-items:center;padding:.5rem 1.5rem;border-radius:var(--radius-sm);font-weight:700;margin-bottom:1rem;box-shadow:var(--shadow-sm)}.unit-text{color:#fff;font-size:2.2rem;margin-right:.5rem}.unit-number{color:var(--theme-unit);font-size:2.2rem}.lesson-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.lesson-card{display:flex;flex-direction:column}.lesson-title{font-size:1.25rem;color:var(--theme-book, var(--text-main));margin-bottom:1.5rem;border-bottom:2px solid #e2e8f0;padding-bottom:.5rem}.activity-groups-container{display:flex;flex-wrap:wrap;gap:1rem}.activity-group-box{border:2px solid #e2e8f0;border-radius:var(--radius-md);padding:1.25rem;background:var(--background);flex:1;min-width:140px}.is-opener-group{border:none;padding:0;background:transparent}.activity-group-title{margin:0 0 1rem;font-size:1.1rem;color:var(--theme-unit, var(--theme-book))}.activity-icons-grid{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:flex-start}.activity-icon-wrapper{position:relative;cursor:pointer;transition:filter .3s ease}.activity-icon-wrapper:hover{filter:hue-rotate(120deg) saturate(.3) brightness(.95)}.activity-icon-btn{width:60px;height:60px;background:transparent;border:none;display:flex;align-items:center;justify-content:center;padding:0}.icon-badge{position:absolute;top:-8px;left:-8px;background-color:var(--theme-unit, #f59e0b);color:#fff;font-size:.95rem;font-weight:560;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:3px solid var(--surface);box-shadow:0 2px 4px #0003;z-index:10}.lesson-card.is-opener{grid-column:1 / -1;background:linear-gradient(135deg,var(--surface),#f8fafc)}.visual-activity{display:flex;flex-direction:column;gap:1.5rem;width:100%;overflow:hidden}.activity-title{color:var(--theme-unit, var(--color-base-6));margin-bottom:.5rem;text-align:center}.instruction{font-size:1.1rem;color:var(--text-muted);text-align:center}.carousel-container{position:relative;display:flex;align-items:center;justify-content:center;min-height:450px;padding:2rem 0;perspective:1000px}.nav-btn{position:absolute;top:50%;transform:translateY(-50%);z-index:10;background:#fff;border:none;width:50px;height:50px;border-radius:50%;box-shadow:0 4px 12px #00000026;font-size:1.5rem;color:var(--theme-unit, #f15a22);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.nav-btn:hover{background:var(--surface);transform:translateY(-50%) scale(1.1);box-shadow:0 6px 16px #0003}.prev-btn{left:10px}.next-btn{right:10px}.carousel-track{position:relative;width:100%;max-width:320px;height:380px;transform-style:preserve-3d}.gallery-card{position:absolute;top:0;left:0;width:100%;height:100%;background:#fff;border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 10px 20px #0000001a;transition:transform .6s cubic-bezier(.4,0,.2,1),opacity .6s ease;will-change:transform,opacity;display:flex;flex-direction:column}.card-image-wrapper{height:60%;background:#cbd5e1;overflow:hidden}.card-image-wrapper img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.gallery-card:hover .card-image-wrapper img{transform:scale(1.05)}.card-content{padding:1.5rem;height:40%;display:flex;flex-direction:column;justify-content:center}.card-content h3{margin:0 0 .5rem;color:var(--text-main);font-size:1.25rem}.card-content p{margin:0;color:var(--text-muted);font-size:.95rem;line-height:1.4}.gallery-card.active{transform:translate(0) scale(1) translateZ(0);opacity:1;z-index:3;box-shadow:0 20px 40px #0003}.gallery-card.prev{transform:translate(-40%) scale(.8) translateZ(-100px) rotateY(15deg);opacity:.6;z-index:2;cursor:pointer}.gallery-card.next{transform:translate(40%) scale(.8) translateZ(-100px) rotateY(-15deg);opacity:.6;z-index:2;cursor:pointer}.gallery-card.hidden{transform:translate(0) scale(.6) translateZ(-200px);opacity:0;z-index:1;pointer-events:none}.questions-banner{background:var(--theme-unit, var(--color-base-6));color:#fff;padding:1.5rem;border-radius:var(--radius-lg);box-shadow:0 4px 12px #0000001a;margin-top:1rem}.questions-banner h4{margin:0 0 1rem;font-size:1.2rem;border-bottom:2px solid rgba(255,255,255,.2);padding-bottom:.5rem}.questions-banner ul{margin:0;padding-left:1.5rem;display:flex;flex-direction:column;gap:.5rem}.questions-banner li{font-size:1.05rem;font-weight:500;line-height:1.4}.ar-launch-container{display:flex;justify-content:center;margin-top:-.5rem;margin-bottom:1rem}.open-ar-btn{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;padding:.8rem 1.5rem;font-size:1.1rem;font-weight:700;border-radius:30px;cursor:pointer;box-shadow:0 4px 15px #10b98166;transition:transform .2s,box-shadow .2s;display:flex;align-items:center;gap:.5rem}.open-ar-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #10b98199}.ar-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000d9;z-index:9999;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.ar-modal-content{width:100%;height:100%;max-width:800px;max-height:90vh;background:#000;display:flex;flex-direction:column;border-radius:12px;overflow:hidden;position:relative;box-shadow:0 10px 40px #00000080}.ar-modal-header{background:#1f2937;padding:10px 20px;display:flex;justify-content:space-between;align-items:center;color:#fff}.ar-modal-header h3{margin:0;font-size:1.2rem}.close-ar-btn{background:#ef4444;color:#fff;border:none;padding:8px 16px;border-radius:6px;cursor:pointer;font-weight:700;transition:background .2s}.close-ar-btn:hover{background:#dc2626}.ar-iframe{flex:1;width:100%;border:none;background:#000}.karaoke-engine-container{padding:1.5rem;display:flex;flex-direction:column;gap:1rem;height:100%}.karaoke-controls{display:flex;align-items:center;gap:1.5rem;margin-bottom:1rem;flex-wrap:wrap}.master-play-btn{width:60px;height:60px;border-radius:50%;background-color:var(--secondary-yellow-light);border:none;color:var(--theme-unit);display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 6px #0000001a;transition:all .2s ease;flex-shrink:0}.master-play-btn .offset-play{margin-left:4px}.master-play-btn.playing{background-color:var(--theme-unit);color:#fff;animation:pulse-border 1.5s infinite}.character-toggles{display:flex;gap:1rem;flex-wrap:wrap}.char-toggle-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:20px;border:2px solid var(--char-color);background-color:#fff;color:var(--char-color);font-weight:600;cursor:pointer;transition:all .2s ease}.char-toggle-btn.muted{background-color:var(--char-color);color:#fff;opacity:.8}.dialogue-box{flex:1;background-color:#fff;padding:1.5rem;border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:1.5rem;overflow-y:auto;border:2px solid #e2e8f0}.chat-bubble-container{display:flex;align-items:flex-end;gap:.75rem;max-width:85%;transition:opacity .3s ease}.chat-bubble-container.right{align-self:flex-end;flex-direction:row-reverse}.chat-bubble-container.left{align-self:flex-start}.chat-avatar{width:40px;height:40px;border-radius:50%;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.2rem;flex-shrink:0}.chat-bubble{background-color:#f1f5f9;padding:1rem 1.25rem;border-radius:20px 20px 20px 4px;position:relative;box-shadow:0 2px 4px #0000000d;transition:all .3s ease}.chat-bubble-container.right .chat-bubble{border-bottom-left-radius:20px;border-bottom-right-radius:4px;background-color:#e0f2fe}.chat-bubble-container.active .chat-bubble{box-shadow:0 0 0 3px var(--theme-unit);transform:scale(1.02)}.speaker-name{font-size:.85rem;color:#64748b;margin-bottom:.25rem;font-weight:700}.speaker-text{font-size:1.15rem;color:#1e293b;line-height:1.4}.chat-bubble.visually-muted{background-color:#e2e8f0;opacity:.7}.chat-bubble-container.right .chat-bubble.visually-muted{background-color:#cbd5e1}.visually-muted .blurred-text{filter:blur(5px);-webkit-user-select:none;user-select:none;transition:filter .8s ease}.drag-drop-activity{display:flex;flex-direction:column;gap:1.5rem;width:100%}.word-bank{display:flex;flex-wrap:wrap;gap:.75rem;padding:1.5rem;background:#f8fafc;border:2px dashed #cbd5e1;border-radius:var(--radius-lg);min-height:60px;align-items:center}.empty-bank{color:#94a3b8;font-style:italic;font-size:.9rem;width:100%;text-align:center}.word-pill{background:var(--surface);border:2px solid #e2e8f0;color:var(--text-main);padding:.5rem 1rem;border-radius:999px;font-weight:600;font-size:1rem;box-shadow:0 1px 2px #0000000d;transition:all .2s ease;-webkit-user-select:none;user-select:none}.word-pill:hover{border-color:var(--primary-color);transform:translateY(-2px);box-shadow:0 4px 6px #0000000d}.word-pill.selected{background:var(--primary-color);color:#fff;border-color:var(--primary-color);transform:scale(1.05);box-shadow:0 0 0 4px #f15a2233}.interactive-area{display:flex;flex-direction:column;gap:2rem}.image-container{width:100%;max-width:600px;margin:0 auto;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm);background:#f1f5f9;display:flex;justify-content:center;align-items:center;min-height:200px;position:relative}.background-img{width:100%;height:auto;display:block;-webkit-user-select:none;user-select:none}.overlay-slot{position:absolute;z-index:5;min-width:80px;min-height:30px;height:35px;font-size:.9rem;padding:0 .5rem;background:#ffffffd9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:2px dashed var(--primary-color);border-radius:var(--radius-md);box-shadow:0 4px 6px #0000001a}.overlay-slot.filled{background:#fff;border-style:solid}.targets-container{display:flex;flex-direction:column;gap:1rem;width:100%}.target-row{display:flex;align-items:center;gap:1rem;font-size:1.2rem}.target-number{font-weight:700;color:var(--text-muted);min-width:20px}.target-context{color:var(--text-main);flex:1}.drop-slot{min-width:150px;height:40px;border:2px dashed #94a3b8;border-radius:var(--radius-md);background:#f8fafc;display:flex;align-items:center;justify-content:center;font-weight:600;color:var(--primary-color);cursor:pointer;transition:all .2s ease}.drop-slot.highlight{border-color:var(--primary-color);background:#f15a220d}.drop-slot.filled{border-style:solid;border-color:var(--primary-color);background:#fff;box-shadow:0 2px 4px #0000000d}.drop-slot:hover{background:#f1f5f9}.primary-button{background:var(--primary-color);color:#fff;font-size:1.1rem;padding:.75rem 2rem;border-radius:999px;box-shadow:0 4px 6px #f15a2233}.primary-button:hover{background:#89a59b;transform:translateY(-2px)}.gem-quiz-activity{display:flex;flex-direction:column;gap:1.5rem;width:100%}.gem-quiz-activity h2{color:var(--primary-color);margin-bottom:.5rem}.quiz-header{display:flex;justify-content:space-between;align-items:center;background:var(--surface);padding:1rem 1.5rem;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);font-weight:600;border:1px solid #e2e8f0}.progress{color:var(--text-muted)}.timer{color:var(--text-main);background:#f1f5f9;padding:.5rem 1rem;border-radius:999px;min-width:60px;text-align:center;transition:all .3s ease}.timer.danger{background:#fee2e2;color:#ef4444;animation:pulse 1s infinite alternate}@keyframes pulse{0%{transform:scale(1)}to{transform:scale(1.1)}}.question-card{background:#fff;min-height:150px;display:flex;align-items:center;justify-content:center;padding:2rem;border-radius:var(--radius-lg);box-shadow:0 4px 12px #0000000d;border:2px solid #e2e8f0}.question-card h3{font-size:1.5rem;text-align:center;line-height:1.4;color:var(--text-main);margin:0}.options-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1rem;margin-top:1rem}.option-button{background:#fff;border:2px solid #cbd5e1;border-radius:var(--radius-md);padding:1rem;font-size:1.25rem;font-weight:600;color:var(--text-main);transition:all .2s;box-shadow:0 2px 4px #0000000d}.option-button:hover{border-color:var(--secondary-color);background:#f0fdf4;transform:translateY(-2px);box-shadow:0 4px 6px #0000001a}.option-button:active{transform:translateY(0)}.gem-quiz-activity.finished{align-items:center;text-align:center;gap:2rem;padding:3rem 1rem}.score-board{font-size:1.5rem;color:var(--text-muted)}.score-board .score{font-size:3rem;font-weight:800;color:var(--primary-color);display:block;margin:1rem 0}.relationships-activity{display:flex;flex-direction:column;gap:1rem;width:100%}.map-container{position:relative;width:100%;height:500px;background:#f8fafc;border-radius:var(--radius-lg);border:1px solid #e2e8f0;overflow:hidden;box-shadow:inset 0 2px 10px #00000005}.edges-layer{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none}.map-edge{stroke:#cbd5e1;stroke-width:3;transition:all .3s ease;stroke-dasharray:6,6;animation:dash 20s linear infinite}.map-edge.edge-active{stroke:var(--secondary-color);stroke-width:4;opacity:1;stroke-dasharray:none;animation:none}@keyframes dash{to{stroke-dashoffset:-100}}.nodes-layer{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2}.map-node{position:absolute;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;background:#fff;border-radius:50px;padding:.5rem 1rem;box-shadow:0 4px 6px #0000001a;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;-webkit-user-select:none;user-select:none;border:2px solid transparent}.map-node:hover{transform:translate(-50%,-50%) scale(1.1);box-shadow:0 6px 12px #00000026;z-index:10}.map-node.type-root{background:var(--primary-color);color:#fff;padding:1rem 1.5rem;font-size:1.2rem}.map-node.type-category{background:var(--surface);color:var(--text-main);border:2px solid var(--primary-color)}.map-node.type-item{background:#fef08a;color:#854d0e}.map-node.node-active{transform:translate(-50%,-50%) scale(1.15);border-color:var(--secondary-color);z-index:10}.node-ripple{position:absolute;top:50%;left:50%;width:100%;height:100%;transform:translate(-50%,-50%);border-radius:inherit;background:transparent;border:3px solid var(--secondary-color);animation:ripple 1.5s infinite ease-out;pointer-events:none}@keyframes ripple{0%{width:100%;height:100%;opacity:1}to{width:180%;height:180%;opacity:0}}.node-details{background:#fff;padding:1.5rem;border-radius:var(--radius-md);border-left:4px solid var(--secondary-color);box-shadow:var(--shadow-sm);animation:slideIn .3s ease}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.datacapture-activity{display:flex;flex-direction:column;gap:1.5rem;width:100%}.datacapture-activity h2{color:var(--primary-color);margin-bottom:.5rem}.instruction{font-size:1.1rem;color:var(--text-muted);margin:0}.audio-player-container{display:flex;justify-content:center;margin:1rem 0;padding:1rem;background:#f1f5f9;border-radius:var(--radius-lg);box-shadow:inset 0 2px 4px #00000005}.audio-player-container audio{width:100%;max-width:400px;outline:none}.form-container{display:flex;flex-direction:column;gap:1.5rem;background:var(--surface);padding:2rem;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid #e2e8f0}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-weight:600;color:var(--text-main);font-size:.95rem}.input-wrapper{position:relative;display:flex;align-items:center}.input-wrapper input{width:100%;padding:.8rem 1rem;font-size:1rem;font-family:inherit;border:2px solid #cbd5e1;border-radius:var(--radius-md);color:var(--text-main);transition:all .2s ease;background:#fff}.input-wrapper input:focus{outline:none;border-color:var(--secondary-color);box-shadow:0 0 0 3px #3b82f61a}.input-wrapper input:disabled{background:#f8fafc;color:var(--text-muted);cursor:not-allowed}.input-success{border-color:#10b981!important;background:#ecfdf5!important}.input-error{border-color:#ef4444!important;background:#fef2f2!important}.feedback-icon{position:absolute;right:1rem;font-size:1.2rem;pointer-events:none}.model-text-container{background:#fffbeb;border-left:4px solid #f59e0b;padding:1.25rem;border-radius:0 var(--radius-md) var(--radius-md) 0;position:relative}.model-badge{position:absolute;top:-12px;left:1rem;background:#f59e0b;color:#fff;font-size:.75rem;font-weight:700;padding:2px 8px;border-radius:999px;text-transform:uppercase;letter-spacing:.05em}.model-text{font-style:italic;color:#78350f;margin:0;line-height:1.5}.writing-area{position:relative;display:flex;flex-direction:column;gap:.5rem}.composition-textarea{width:100%;min-height:200px;padding:1rem;font-size:1.05rem;font-family:inherit;border:2px solid #cbd5e1;border-radius:var(--radius-lg);color:var(--text-main);resize:vertical;background:var(--surface);transition:all .2s;box-sizing:border-box}.composition-textarea:focus{outline:none;border-color:var(--secondary-color);box-shadow:0 4px 12px #3b82f61a}.composition-textarea:disabled{background:#f8fafc;opacity:.8}.word-count{align-self:flex-end;font-size:.85rem;color:var(--text-muted);font-weight:500}.checklist-container{background:#f1f5f9;padding:1.5rem;border-radius:var(--radius-lg);border:1px dashed #cbd5e1}.checklist-container h3{margin:0 0 .5rem;color:var(--text-main)}.checklist-subtitle{font-size:.9rem;color:var(--text-muted);margin-top:0;margin-bottom:1.5rem}.checklist-items{display:flex;flex-direction:column;gap:1rem}.checklist-item{display:flex;align-items:flex-start;gap:.75rem;cursor:pointer;padding:.75rem;border-radius:var(--radius-md);background:#fff;border:1px solid #e2e8f0;transition:all .2s}.checklist-item:hover{border-color:var(--primary-color)}.checklist-item.checked{background:#f0fdf4;border-color:#10b981}.checklist-item input[type=checkbox]{width:20px;height:20px;cursor:pointer;margin-top:3px;accent-color:#10b981}.checklist-text{flex:1;color:var(--text-main);font-size:.95rem;line-height:1.4}.submit-portfolio-btn{background:var(--secondary-color);box-shadow:0 4px 6px #3b82f633;width:100%;margin-top:1rem}.submit-portfolio-btn:hover:not(:disabled){background:#2563eb}.action-row{display:flex;justify-content:flex-end;margin-top:1rem}.ar-engine-container{width:100%;max-width:450px;margin:0 auto;aspect-ratio:3 / 4;position:relative;display:flex;flex-direction:column;overflow:hidden;background:var(--surface);border-radius:var(--radius-md);box-shadow:0 10px 25px #0000001a}.ar-instruction-banner{position:absolute;top:20px;left:50%;transform:translate(-50%);background:#fffffff2;padding:.75rem 1.5rem;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);z-index:10;text-align:center;width:90%;max-width:400px}.ar-instruction-banner p{margin:0;font-weight:600;color:var(--text-main)}.ar-startup-screen{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:2rem}.ar-icon-large{font-size:5rem;margin-bottom:1rem;color:var(--theme-unit)}.ar-active-view{flex:1;width:100%;height:100%}.ar-fullscreen-iframe{width:100%;height:100%;border:none;border-radius:var(--radius-md)}.pulse-glow{animation:arPulse 2s infinite;background-color:var(--theme-unit);color:#fff;padding:1rem 2rem;font-size:1.25rem;border-radius:var(--radius-full);border:none;cursor:pointer;font-weight:700;margin-top:1rem}@keyframes arPulse{0%{box-shadow:0 0 0 0 var(--theme-unit)}70%{box-shadow:0 0 0 15px #e4a13a00}to{box-shadow:0 0 #e4a13a00}}.drag-drop-engine{display:flex;flex-direction:column;padding:1.5rem;background-color:var(--surface);min-height:calc(100vh - 120px)}.dnd-workspace{display:flex;flex-direction:column;gap:1.5rem;flex:1;margin-top:1rem}@media(min-width:768px){.dnd-workspace{flex-direction:row}}.image-area-container{flex:2;border-radius:var(--radius-md);overflow:hidden;background:#f0f0f0;display:flex;align-items:center;justify-content:center;padding:1rem}.image-wrapper{position:relative;display:inline-block;max-width:100%}.image-wrapper.missing-img{width:100%;min-height:400px;background:#e2e8f0}.family-tree-bg{width:100%;height:auto;object-fit:contain;display:block;max-height:60vh}.word-bank-container{flex:1;background:var(--background);border-radius:var(--radius-md);padding:1rem 1.5rem;display:flex;flex-direction:column;box-shadow:inset 0 2px 4px #0000000d}.bank-title{margin-top:0;margin-bottom:1rem;font-size:1.1rem;color:var(--text-muted)}.word-bank{display:flex;flex-wrap:wrap;gap:.75rem;min-height:100px;align-content:flex-start}.draggable-label{background-color:var(--theme-unit);color:#fff;padding:.35rem 1rem;border-radius:var(--radius-full);font-weight:500;font-size:.85rem;letter-spacing:.5px;box-shadow:0 4px 6px #00000026;cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;border:1px solid rgba(255,255,255,.2);transition:transform .2s,box-shadow .2s;display:flex;align-items:center;justify-content:center}.draggable-label:active{cursor:grabbing}.draggable-label.dragging{box-shadow:0 10px 15px #0003}.draggable-label.correct{background-color:#d4edda;color:#155724;border-color:#c3e6cb}.draggable-label.incorrect{background-color:#f8d7da;color:#721c24;border-color:#f5c6cb}.droppable-target{position:absolute;min-width:80px;min-height:32px;padding:2px;background:#fff6;border:1.5px dashed var(--theme-unit);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #0000000d;transition:all .2s ease}.droppable-target.is-over{background:#fff;border:3px solid var(--theme-unit);box-shadow:0 8px 15px #0003}.droppable-target.has-item{border:none;background:transparent;box-shadow:none;padding:0}.droppable-target.has-item .draggable-label{margin:0;width:100%;height:100%}.target-placeholder{color:var(--theme-unit);font-size:.65rem;font-weight:480;pointer-events:none;text-transform:uppercase}.action-footer{margin-top:1.5rem;display:flex;justify-content:center}.primary-btn.submit-btn{background:var(--theme-unit);color:#fff;padding:.75rem 2rem;font-size:1.1rem;border-radius:var(--radius-md);border:none;font-weight:700;cursor:pointer}.secondary-btn.retry-btn{background:#e2e8f0;color:var(--text-main);padding:.75rem 2rem;font-size:1.1rem;border-radius:var(--radius-md);border:none;font-weight:700;cursor:pointer}.audio-practice-engine{padding:1.5rem}.practice-container{display:flex;flex-direction:column;gap:1.5rem;align-items:stretch;margin-top:2rem}@media(min-width:600px){.practice-container{flex-direction:row;align-items:center;justify-content:center}}.player-column{display:flex;justify-content:center}@media(min-width:600px){.player-column{flex:0 0 auto}}.audio-btn{width:80px;height:80px;border-radius:var(--radius-lg);background-color:var(--secondary-yellow-light);border:none;color:var(--theme-unit);display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 6px #0000001a;transition:all .2s ease;position:relative;overflow:hidden}.offset-play{margin-left:4px}.audio-btn:hover{transform:translateY(-2px);box-shadow:0 6px 12px #00000026}.audio-btn.playing{background-color:var(--theme-unit);color:#fff;animation:pulse-border 1.5s infinite}@keyframes pulse-border{0%{box-shadow:0 0 #e4a13a66}70%{box-shadow:0 0 0 15px #e4a13a00}to{box-shadow:0 0 #e4a13a00}}.words-column{flex:1;background-color:var(--theme-unit);padding:2rem;border-radius:var(--radius-lg)}.words-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1.5rem}.word-item{color:#fff;font-size:1.1rem;font-weight:560;line-height:1.3}@media(min-width:480px){.word-item{font-size:1.25rem}}.gem-quiz-container{display:flex;flex-direction:column;padding:1.5rem;height:100%;gap:1.5rem}.gem-quiz-container.end-state{justify-content:center;align-items:center;text-align:center}.quiz-hud{display:flex;justify-content:space-between;align-items:center;padding:1rem;background-color:#fff;border-radius:var(--radius-full);box-shadow:0 4px 6px #0000000d}.timer-container{display:flex;align-items:center;gap:1rem;flex:1;margin-right:2rem}.timer-bar-bg{flex:1;height:12px;background-color:var(--neutral-300);border-radius:var(--radius-full);overflow:hidden}.timer-bar-fill{height:100%;transition:width 1s linear,background-color .3s ease}.timer-text{font-weight:700;font-size:1.2rem;color:var(--neutral-700);min-width:40px}.gem-container{display:flex;gap:.5rem}.gem-icon{transition:all .3s ease}.gem-icon.lost{opacity:.3;stroke:var(--neutral-400)}.question-card{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:2rem;gap:2rem;background-color:#fff;box-shadow:0 8px 16px #00000014}.question-text{font-size:1.5rem;font-weight:600;text-align:center;color:var(--neutral-800);line-height:1.4;margin-bottom:2rem}.options-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1rem;width:100%}.option-btn{padding:1rem;font-size:1.25rem;font-weight:600;border:3px solid var(--theme-unit);color:var(--theme-unit);background-color:transparent;border-radius:var(--radius-full);cursor:pointer;transition:all .2s ease}.option-btn:hover:not(:disabled){background-color:var(--theme-unit);color:#fff}.option-btn:active:not(:disabled){transform:scale(.95)}.option-btn.correct,.option-btn.correct-reveal{background-color:var(--secondary-green);border-color:var(--secondary-green);color:#fff;animation:pop .3s ease}.option-btn.incorrect{background-color:var(--secondary-red);border-color:var(--secondary-red);color:#fff;animation:shake .4s ease}.result-card{display:flex;flex-direction:column;align-items:center;gap:1.5rem;padding:3rem;max-width:400px}.result-card h2{font-size:2rem;margin:0}.final-gems{display:flex;gap:1rem;margin-top:1rem}.retry{margin-top:1rem;font-size:1.2rem;padding:1rem 2rem}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}50%{transform:translate(5px)}75%{transform:translate(-5px)}}@keyframes pop{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.avatar-builder{display:flex;flex-direction:column;gap:1.5rem;width:100%;margin-bottom:2rem}.question-banner{background:var(--theme-unit, var(--color-sec-2));color:#fff;padding:.75rem 2rem;border-radius:50px;text-align:center;box-shadow:0 4px 12px #0000001a;width:fit-content;margin:0 auto}.question-banner h3{margin:0 0 .5rem;font-size:1.25rem}.progress-dots{display:flex;justify-content:center;gap:6px}.progress-dots .dot{width:8px;height:8px;background:#ffffff4d;border-radius:50%;transition:all .3s ease}.progress-dots .dot.completed{background:#fffc}.progress-dots .dot.active{background:#fff;transform:scale(1.3);box-shadow:0 0 5px #ffffff80}.builder-layout{display:flex;flex-direction:column;gap:1.5rem}.avatar-canvas-container{width:100%;max-width:400px;height:400px;margin:0 auto;background:var(--surface);border-radius:var(--radius-lg);border:2px dashed var(--border);position:relative;display:flex;justify-content:center;align-items:center;overflow:hidden}.avatar-canvas{width:100%;height:100%;position:relative}.avatar-layer{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain;pointer-events:none;transition:opacity .3s ease}.base-layer{z-index:10}.feature-layer[alt=Eyes]{z-index:20}.feature-layer[alt="Facial Hair"]{z-index:30}.feature-layer[alt=Hair]{z-index:40}.feature-layer[alt=Accessories]{z-index:50}.success-reveal{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;background:#fff}.reveal-image{width:100%;height:100%;object-fit:cover;position:absolute;top:0;left:0}.fade-in{animation:fadeIn .8s forwards}.success-message{z-index:100;background:#ffffffbf;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);padding:1.5rem;border-radius:var(--radius-md);text-align:center;box-shadow:0 10px 25px #0003}.success-message h4{color:var(--theme-book, #10b981);margin:0 0 1rem;font-size:1.5rem}.bounce-in{animation:bounceIn .8s cubic-bezier(.175,.885,.32,1.275) forwards}@keyframes bounceIn{0%{transform:scale(.5);opacity:0}50%{transform:scale(1.05)}to{transform:scale(1);opacity:1}}.builder-controls{background:var(--surface);border-radius:var(--radius-lg);box-shadow:0 4px 12px #0000000d;display:flex;flex-direction:column}.builder-controls.disabled{opacity:.5;pointer-events:none}.category-tabs{display:flex;overflow-x:auto;background:var(--bg-alt);border-radius:var(--radius-lg) var(--radius-lg) 0 0;padding:.5rem .5rem 0}.tab-btn{flex:1;white-space:nowrap;min-width:80px;padding:.8rem 1rem;border:none;background:transparent;color:var(--text-muted);font-weight:600;font-size:.85rem;cursor:pointer;border-radius:var(--radius-md) var(--radius-md) 0 0;transition:all .2s ease}.tab-btn.active{background:#fff;color:var(--theme-unit, var(--color-sec-2));box-shadow:0 -2px 10px #0000000d}.options-grid{padding:1.5rem;display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:1rem;background:#fff;border-radius:0 0 var(--radius-lg) var(--radius-lg);min-height:150px}.option-btn{aspect-ratio:1;border:2px solid var(--border);border-radius:var(--radius-md);background:var(--bg-alt);cursor:pointer;padding:.5rem;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:all .2s ease;overflow:hidden}.option-btn:hover{border-color:#cbd5e1;transform:translateY(-2px)}.option-btn.selected{border-color:var(--theme-unit, var(--color-sec-2));background:var(--surface);box-shadow:0 0 0 3px #3b82f61a}.option-thumb{width:100%;height:100%;background-size:contain;background-position:center;background-repeat:no-repeat;display:flex;align-items:center;justify-content:center;font-size:.75rem;color:var(--text-muted);font-weight:600}.smart-match{display:flex;flex-direction:column;gap:1.5rem;width:100%}.match-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;width:100%}.match-item{display:flex;flex-direction:column;gap:.75rem;background:var(--surface);border-radius:var(--radius-lg);padding:.75rem;box-shadow:0 4px 12px #00000008;border:1px solid var(--border)}.match-image-container{width:100%;aspect-ratio:4/3;border-radius:var(--radius-md);overflow:hidden;position:relative;background:var(--bg-alt)}.match-image{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.match-item:hover .match-image{transform:scale(1.05)}.success-check{position:absolute;top:10px;right:10px;width:32px;height:32px;background:var(--theme-book, #10b981);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.2rem;box-shadow:0 4px 8px #0003;z-index:10}.match-slot{min-height:48px;border:2px dashed var(--border);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;background:var(--bg-alt);cursor:pointer;transition:all .2s ease;padding:.5rem}.match-slot.ready-to-receive{border-color:var(--theme-unit, var(--color-sec-2));background:#3b82f60d}.match-slot.filled{border:2px solid var(--theme-book, #10b981);background:#10b9811a;cursor:default}.match-slot.error{border-color:#ef4444;background:#ef44441a}.slot-hint{color:var(--text-muted);font-size:.8rem;opacity:.6}.matched-word{font-weight:700;color:var(--theme-book, #10b981);font-size:1.1rem}.word-bank-container{background:var(--surface);border-radius:var(--radius-lg);padding:1.5rem;border:1px solid var(--border);box-shadow:0 4px 12px #0000000d;margin-top:1rem}.bank-title{margin:0 0 1rem;color:var(--text-muted);font-size:.9rem;text-transform:uppercase;letter-spacing:1px}.word-bank{display:flex;flex-wrap:wrap;gap:.75rem;min-height:60px;align-items:center;justify-content:center;position:relative}.word-bank.completed{min-height:80px}.word-pill{background:var(--theme-unit, var(--color-sec-2));color:#fff;border:none;border-radius:50px;padding:.75rem 1.5rem;font-size:1.1rem;font-weight:600;cursor:pointer;box-shadow:0 4px 8px #00000026;transition:all .2s cubic-bezier(.175,.885,.32,1.275)}.word-pill:hover{transform:translateY(-3px);box-shadow:0 6px 12px #0003}.word-pill.selected{background:var(--color-sec-1);transform:scale(1.1);box-shadow:0 0 0 4px #ffffff80,0 8px 16px #0003}.empty-bank-msg{color:var(--text-muted);font-style:italic}.success-banner{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#ffffffe6;border-radius:var(--radius-md)}.success-banner h3{color:var(--theme-book, #10b981);font-size:1.5rem;margin:0}@keyframes pulse{0%{transform:scale(1.1)}50%{transform:scale(1.15)}to{transform:scale(1.1)}}.pulse{animation:pulse 1.5s infinite}.bounce-in{animation:bounceIn .5s cubic-bezier(.175,.885,.32,1.275) forwards}@media(max-width:600px){.match-grid{grid-template-columns:1fr}}.audio-pop{display:flex;flex-direction:column;gap:1.5rem;width:100%;position:relative}.ap-header{display:flex;justify-content:space-between;align-items:center;background:var(--surface);padding:1rem;border-radius:var(--radius-lg);box-shadow:0 4px 12px #0000000d}.ap-play-btn{background:var(--text-muted, #64748b);color:#fff;border:none;border-radius:50px;padding:.75rem 1.5rem;font-size:1.1rem;font-weight:700;cursor:pointer;box-shadow:0 4px 10px #00000026;transition:all .2s;display:flex;align-items:center;gap:.5rem}.ap-play-btn:hover{transform:translateY(-2px);box-shadow:0 6px 14px #0003;background:var(--theme-unit, var(--color-sec-2))}.ap-play-btn.playing{background:var(--theme-unit, var(--color-sec-2))}.ap-score{font-size:1.25rem;font-weight:800;color:var(--text-heading);background:var(--bg-alt);padding:.5rem 1rem;border-radius:var(--radius-md)}.ap-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;padding:1.5rem;background:var(--theme-unit, var(--color-sec-2));border-radius:var(--radius-lg);border:none}.ap-number-btn{border:2px solid white;background:#fff;border-radius:var(--radius-md);padding:1rem;font-size:1.1rem;font-weight:600;color:var(--text-main);cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:flex-start;text-align:left;box-shadow:0 4px 6px #0000001a}.ap-number-btn:hover{transform:translateY(-2px);border-color:var(--theme-unit, var(--color-sec-2));background:#fff}.ap-number-btn:active{transform:translateY(2px);box-shadow:none}.ap-number-btn.error{background:#fef2f2;border-color:#ef4444;color:#ef4444}.ap-form-card{background:var(--surface);border-radius:var(--radius-lg);box-shadow:0 10px 25px #0000001a;border:1px solid var(--border);overflow:hidden;max-width:500px;margin:0 auto;width:100%}.ap-card-header{background:var(--theme-unit, var(--color-sec-2));color:#fff;padding:1.5rem;text-align:center}.ap-card-header h3{margin:0;font-size:1.5rem;letter-spacing:1px}.ap-card-body{padding:2rem;display:flex;flex-direction:column;gap:1.5rem}.ap-form-group{display:flex;flex-direction:column;gap:.5rem}.ap-form-group label{font-weight:600;color:var(--text-muted);font-size:.9rem;text-transform:uppercase;letter-spacing:.5px}.ap-input{padding:.8rem 1rem;border:2px solid var(--border);border-radius:var(--radius-md);background:var(--bg-body);font-size:1.1rem;font-family:inherit;transition:border-color .2s}.ap-input:focus{outline:none;border-color:var(--theme-unit, var(--color-sec-2));background:#fff}.ap-input.input-error{border-color:#ef4444;background:#fef2f2}.ap-submit-btn{width:100%;padding:1rem;background:var(--theme-book, #10b981);color:#fff;font-size:1.25rem;font-weight:700;border:none;cursor:pointer;transition:background .2s}.ap-submit-btn:hover{background:#059669}.ap-phase-overlay{position:absolute;inset:0;background:#ffffffe6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);text-align:center;color:var(--theme-unit, var(--color-sec-2))}@keyframes shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-5px)}40%,80%{transform:translate(5px)}}.shake{animation:shake .4s ease-in-out}@keyframes pulse-subtle{0%{opacity:1}50%{opacity:.8;transform:scale(.98)}to{opacity:1}}.pulse-subtle{animation:pulse-subtle 2s infinite ease-in-out}.fade-in{animation:fadeIn .5s forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}