.language-selector[data-v-d5b40811]{position:relative;display:inline-block}.lang-select-btn[data-v-d5b40811]{display:flex;align-items:center;gap:8px;padding:10px 14px;border:2px solid #e0e0e0;border-radius:8px;background:#fff;font-size:1rem;color:#333;font-weight:500;cursor:pointer;transition:all .3s ease;min-width:100px;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.lang-select-btn[data-v-d5b40811]:hover{border-color:#8b6f47;transform:translateY(-1px);box-shadow:0 2px 8px #8b6f4733}.lang-select-btn[data-v-d5b40811]:focus{outline:none;border-color:#8b6f47;box-shadow:0 0 0 3px #8b6f474d}.lang-select-btn.open[data-v-d5b40811]{border-color:#8b6f47;box-shadow:0 0 0 3px #8b6f4733}.flag[data-v-d5b40811]{font-size:1.2rem;line-height:1}.lang-code[data-v-d5b40811]{flex:1;text-align:left}.dropdown-icon[data-v-d5b40811]{transition:transform .3s ease;flex-shrink:0}.dropdown-icon.rotated[data-v-d5b40811]{transform:rotate(180deg)}.dropdown-menu[data-v-d5b40811]{position:absolute;top:calc(100% + 8px);right:0;background:#fff;border:2px solid #e0e0e0;border-radius:8px;box-shadow:0 8px 24px #00000026;min-width:180px;z-index:1000;overflow:hidden;animation:slideDown-d5b40811 .2s ease}@keyframes slideDown-d5b40811{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dropdown-item[data-v-d5b40811]{display:flex;align-items:center;gap:12px;width:100%;padding:12px 16px;border:none;background:#fff;text-align:left;cursor:pointer;transition:all .2s ease;font-size:1rem;color:#333}.dropdown-item[data-v-d5b40811]:not(:last-child){border-bottom:1px solid #f0f0f0}.dropdown-item[data-v-d5b40811]:hover{background:#f8f9fa}.dropdown-item.active[data-v-d5b40811]{background:#f5ede0;color:#8b6f47;font-weight:600}.dropdown-item .flag[data-v-d5b40811]{font-size:1.3rem;width:24px;text-align:center}.lang-name[data-v-d5b40811]{flex:1;font-weight:500}.lang-code-small[data-v-d5b40811]{font-size:.85rem;color:#999;font-weight:500}.dropdown-item.active .lang-code-small[data-v-d5b40811]{color:#8b6f47}.dropdown-enter-active[data-v-d5b40811],.dropdown-leave-active[data-v-d5b40811]{transition:all .2s ease}.dropdown-enter-from[data-v-d5b40811],.dropdown-leave-to[data-v-d5b40811]{opacity:0;transform:translateY(-10px)}@media(max-width:768px){.lang-select-btn[data-v-d5b40811]{font-size:.9rem;padding:10px 12px;min-width:90px;min-height:44px}.dropdown-menu[data-v-d5b40811]{right:0;min-width:160px}.dropdown-item[data-v-d5b40811]{padding:12px 14px;font-size:.9rem;min-height:44px}}@media(max-width:480px){.lang-select-btn[data-v-d5b40811]{font-size:.85rem;padding:10px;min-width:80px;gap:6px}.flag[data-v-d5b40811]{font-size:1.1rem}.dropdown-menu[data-v-d5b40811]{min-width:150px}.dropdown-item[data-v-d5b40811]{padding:12px;font-size:.85rem}.dropdown-item .flag[data-v-d5b40811]{font-size:1.2rem}}.navigation[data-v-546eeb73]{background:#fff;box-shadow:0 2px 8px #0000001a;position:sticky;top:0;z-index:1000;width:100%;border-radius:0 0 20px 20px}.nav-container[data-v-546eeb73]{max-width:1200px;margin:0 auto;padding:0 20px;display:flex;justify-content:space-between;align-items:center;height:70px}.nav-brand[data-v-546eeb73]{flex:1}.brand-link[data-v-546eeb73]{text-decoration:none;color:#333}.brand-link h1[data-v-546eeb73]{font-size:1.5rem;font-weight:700;margin:0;color:#8b6f47}.nav-right[data-v-546eeb73]{display:flex;align-items:center;gap:20px}.nav-lang-selector[data-v-546eeb73]{margin-left:0}#nav-settings-slot[data-v-546eeb73]{margin-right:12px;display:flex;align-items:center}#nav-settings-slot .settings-btn[data-v-546eeb73]{padding:8px 12px;font-size:.95rem;min-height:auto;height:auto}#nav-settings-slot .settings-container[data-v-546eeb73]{position:relative}#nav-settings-slot .settings-panel[data-v-546eeb73]{z-index:1001}.nav-lang-selector[data-v-546eeb73] .lang-select-btn{padding:8px 12px;font-size:.95rem;min-width:90px}.nav-lang-selector[data-v-546eeb73] .dropdown-menu{right:0;left:auto}.nav-menu[data-v-546eeb73]{display:flex;list-style:none;margin:0;padding:0;gap:30px;align-items:center}.nav-link[data-v-546eeb73]{text-decoration:none;color:#333;font-weight:500;font-size:1rem;padding:8px 16px;border-radius:6px;transition:all .3s ease;position:relative}.nav-link[data-v-546eeb73]:hover,.nav-link.active[data-v-546eeb73]{color:#8b6f47;background:#f5ede0}.menu-toggle[data-v-546eeb73]{display:none;background:none;border:none;cursor:pointer;padding:8px;flex-direction:column;justify-content:center;align-items:center;width:40px;height:40px;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.hamburger[data-v-546eeb73]{display:flex;flex-direction:column;gap:5px;width:24px}.hamburger span[data-v-546eeb73]{display:block;height:3px;width:100%;background:#333;border-radius:2px;transition:all .3s ease}.hamburger.open span[data-v-546eeb73]:nth-child(1){transform:rotate(45deg) translate(8px,8px)}.hamburger.open span[data-v-546eeb73]:nth-child(2){opacity:0}.hamburger.open span[data-v-546eeb73]:nth-child(3){transform:rotate(-45deg) translate(7px,-7px)}@media(max-width:768px){.navigation[data-v-546eeb73]{border-radius:0 0 16px 16px}.nav-container[data-v-546eeb73]{padding:0 15px;height:60px;position:relative}.brand-link h1[data-v-546eeb73]{font-size:1.3rem}.menu-toggle[data-v-546eeb73]{display:flex;position:absolute;right:15px;top:50%;transform:translateY(-50%);z-index:1001}.nav-right[data-v-546eeb73]{position:absolute;top:100%;left:0;right:0;width:100%;z-index:1000;background:#fff;box-shadow:0 4px 12px #0000001a;max-height:0;overflow:hidden;transition:max-height .3s ease,opacity .3s ease;opacity:0;pointer-events:none;visibility:hidden}.nav-right.open[data-v-546eeb73]{max-height:400px;opacity:1;pointer-events:auto;visibility:visible}.nav-lang-selector[data-v-546eeb73],#nav-settings-slot[data-v-546eeb73]{display:none}.nav-menu[data-v-546eeb73]{position:relative;background:transparent;flex-direction:column;gap:0;padding:10px 0;box-shadow:none;width:100%;max-height:none;overflow:visible}.mobile-lang-item[data-v-546eeb73]{padding:15px 20px;border-bottom:1px solid #f0f0f0}.mobile-lang-selector[data-v-546eeb73],.mobile-lang-selector[data-v-546eeb73] .lang-select-btn,.nav-menu li[data-v-546eeb73]{width:100%}.nav-link[data-v-546eeb73]{display:block;padding:15px 20px;width:100%;text-align:left}}#app{min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1;width:100%;position:relative;z-index:1}@media(max-width:768px){#app{min-height:100vh}.main-content{min-height:calc(100vh - 60px)}}.home[data-v-efa1e578]{max-width:1200px;margin:0 auto;padding:40px 20px;min-height:calc(100vh - 70px);width:100%;position:relative;z-index:1}.basketball-decoration[data-v-efa1e578]{position:absolute;font-size:8rem;opacity:.15;top:10%;right:5%;z-index:0;animation:float-efa1e578 3s ease-in-out infinite;pointer-events:none}@keyframes float-efa1e578{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(10deg)}}.hero[data-v-efa1e578]{text-align:center;margin-bottom:60px}.hero h1[data-v-efa1e578]{font-size:3rem;color:#1a1a1a;margin-bottom:15px;font-weight:700;text-shadow:0 2px 8px rgba(255,255,255,.8),0 1px 3px rgba(0,0,0,.3)}.subtitle[data-v-efa1e578]{font-size:1.3rem;color:#2d2d2d;margin:0;text-shadow:0 1px 4px rgba(255,255,255,.6),0 1px 2px rgba(0,0,0,.2);font-weight:500}.modules-grid[data-v-efa1e578]{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;margin-top:40px}.module-card[data-v-efa1e578]{background:#fff;border-radius:16px;padding:40px 30px;box-shadow:0 4px 20px #0000001a;transition:all .3s ease;cursor:pointer;text-align:center;position:relative;z-index:1}.module-card[data-v-efa1e578]:hover:not(.coming-soon){transform:translateY(-5px);box-shadow:0 8px 30px #8b6f4733}.module-card.coming-soon[data-v-efa1e578]{opacity:.6;cursor:not-allowed}.module-icon[data-v-efa1e578]{font-size:4rem;margin-bottom:20px}.module-card h2[data-v-efa1e578]{font-size:1.8rem;color:#333;margin-bottom:15px;font-weight:600}.module-card p[data-v-efa1e578]{color:#666;font-size:1rem;line-height:1.6;margin-bottom:25px}.module-btn[data-v-efa1e578]{background:#8b6f47;color:#fff;border:none;padding:12px 30px;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.module-btn[data-v-efa1e578]:hover:not(:disabled){background:#6b5435;transform:translateY(-2px);box-shadow:0 4px 12px #8b6f4766}.module-btn[data-v-efa1e578]:disabled{background:#ccc;cursor:not-allowed}@media(max-width:768px){.home[data-v-efa1e578]{padding:20px 15px}.hero h1[data-v-efa1e578]{font-size:2rem}.subtitle[data-v-efa1e578]{font-size:1.1rem}.basketball-decoration[data-v-efa1e578]{font-size:5rem;top:5%;right:3%}.modules-grid[data-v-efa1e578]{grid-template-columns:1fr;gap:20px;margin-top:30px}.module-card[data-v-efa1e578]{padding:30px 20px}.module-icon[data-v-efa1e578]{font-size:3rem}.module-card h2[data-v-efa1e578]{font-size:1.5rem}}.referee-gestures-module[data-v-04f0b9f7]{width:100%;min-height:calc(100vh - 70px);background:transparent;padding:20px;position:relative;z-index:1}@media(max-width:768px){.referee-gestures-module[data-v-04f0b9f7]{padding:0;min-height:calc(100vh - 60px)}}.qa-module[data-v-91f1b1a7]{width:100%;min-height:calc(100vh - 70px);background:transparent;padding:20px;position:relative;z-index:1}@media(max-width:768px){.qa-module[data-v-91f1b1a7]{padding:0;min-height:calc(100vh - 60px)}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background:linear-gradient(135deg,#f5e6d3,#e8d5b7,#f5e6d3);min-height:100vh;margin:0;padding:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent;position:relative;overflow-x:hidden}body:after{content:"";position:fixed;inset:0;background-image:linear-gradient(to bottom,rgba(255,255,255,.7) 0%,rgba(255,255,255,.7) 3px,transparent 3px,transparent 100%),radial-gradient(circle at 50% 50%,transparent 0%,transparent 11%,rgba(255,255,255,.7) 11%,rgba(255,255,255,.7) 3px,transparent calc(11% + 3px)),radial-gradient(circle at 50% 50%,transparent 0%,transparent 2%,rgba(255,255,255,.7) 2%,rgba(255,255,255,.7) 1px,transparent calc(2% + 1px)),linear-gradient(to right,transparent 0%,transparent 10%,rgba(255,255,255,.7) 10%,rgba(255,255,255,.7) calc(10% + 3px),transparent calc(10% + 3px)),linear-gradient(to right,transparent calc(90% - 3px),rgba(255,255,255,.7) calc(90% - 3px),rgba(255,255,255,.7) 90%,transparent 90%),radial-gradient(circle at 10% 50%,transparent 0%,transparent 5.5%,rgba(255,255,255,.7) 5.5%,rgba(255,255,255,.7) 3px,transparent calc(5.5% + 3px)),radial-gradient(circle at 10% 50%,transparent 0%,transparent 1.5%,rgba(255,255,255,.7) 1.5%,rgba(255,255,255,.7) 1px,transparent calc(1.5% + 1px)),radial-gradient(circle at 90% 50%,transparent 0%,transparent 5.5%,rgba(255,255,255,.7) 5.5%,rgba(255,255,255,.7) 3px,transparent calc(5.5% + 3px)),radial-gradient(circle at 90% 50%,transparent 0%,transparent 1.5%,rgba(255,255,255,.7) 1.5%,rgba(255,255,255,.7) 1px,transparent calc(1.5% + 1px)),radial-gradient(ellipse 18% 50% at 0% 50%,transparent 0%,transparent 14%,rgba(255,107,53,.6) 14%,rgba(255,107,53,.6) 3px,transparent calc(14% + 3px)),radial-gradient(ellipse 18% 50% at 100% 50%,transparent 0%,transparent 14%,rgba(255,107,53,.6) 14%,rgba(255,107,53,.6) 3px,transparent calc(14% + 3px)),linear-gradient(to right,transparent 0%,transparent 6%,rgba(255,255,255,.7) 6%,rgba(255,255,255,.7) calc(6% + 2px),transparent calc(6% + 2px)),linear-gradient(to right,transparent 0%,transparent 6%,transparent calc(6% + 2px),rgba(255,255,255,.7) calc(6% + 2px),rgba(255,255,255,.7) 10%,transparent 10%),linear-gradient(to right,transparent 90%,rgba(255,255,255,.7) 90%,rgba(255,255,255,.7) calc(90% + 2px),transparent calc(90% + 2px)),linear-gradient(to right,transparent 90%,transparent calc(90% + 2px),rgba(255,255,255,.7) calc(90% + 2px),rgba(255,255,255,.7) 94%,transparent 94%);background-size:100% 100%;background-position:center;background-repeat:no-repeat;z-index:0;pointer-events:none;opacity:.5}#app{width:100%;min-height:100vh;position:relative;z-index:1}.app-container{background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;padding:30px;min-height:600px;width:100%;max-width:1200px;margin:0 auto}.header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding-bottom:20px;border-bottom:2px solid #f0f0f0}.header h1{color:#333;font-size:2rem;font-weight:700}.settings-btn{background:#fffffff2;color:#8b6f47;border:2px solid rgba(255,255,255,.8);padding:10px 20px;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:600;transition:all .3s ease;box-shadow:0 2px 8px #00000026;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.settings-btn:hover{background:#fff;border-color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #00000040;color:#6b5435}.lang-select{padding:10px 40px 10px 14px;border:2px solid #e0e0e0;border-radius:8px;background:#fff;font-size:1rem;color:#333;font-weight:500;cursor:pointer;transition:all .3s ease;appearance:none;background-image:url("data:image/svg+xml,%3Csvg fill='%238B6F47' height='24' width='24' viewBox='0 0 24 24'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:18px;min-width:80px}.lang-select:focus{outline:none;border-color:#8b6f47;box-shadow:0 0 0 3px #8b6f474d}.lang-select:hover{border-color:#8b6f47;transform:translateY(-1px);box-shadow:0 2px 8px #8b6f4733}.settings-container{position:relative;display:inline-block}.settings-panel{position:absolute;top:calc(100% + 10px);right:0;background:#fff;border-radius:12px;padding:20px;min-width:280px;box-shadow:0 8px 24px #00000026;z-index:1000;border:1px solid #e0e0e0}.settings-panel:before{content:"";position:absolute;top:-8px;right:20px;width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:8px solid white;filter:drop-shadow(0 -2px 2px rgba(0,0,0,.1))}.popup-enter-active{animation:popupFadeIn .2s ease}.popup-leave-active{animation:popupFadeOut .15s ease}@keyframes popupFadeIn{0%{opacity:0;transform:translateY(-10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes popupFadeOut{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-10px) scale(.95)}}.settings-panel h2{color:#333;margin-bottom:20px;font-size:1.5rem}.setting-group{margin-bottom:20px}.setting-group label{display:block;margin-bottom:8px;color:#555;font-weight:500}.setting-group input[type=text],.setting-group input[type=number],.setting-group select{width:100%;padding:10px;border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;transition:border-color .3s ease}.setting-group input[type=text]:focus,.setting-group input[type=number]:focus,.setting-group select:focus{outline:none;border-color:#8b6f47}.setting-group input[type=checkbox]{margin-right:8px;width:18px;height:18px;cursor:pointer}.setting-group input[type=file]{width:100%;padding:10px;border:2px dashed #8B6F47;border-radius:8px;background:#fff;cursor:pointer}.btn-secondary{background:#6c757d;color:#fff;border:none;padding:8px 16px;border-radius:6px;cursor:pointer;font-size:.9rem;margin-top:10px;transition:all .3s ease}.btn-secondary:hover{background:#5a6268;transform:translateY(-1px)}.loading{text-align:center;padding:60px 20px;color:#666}.spinner{border:4px solid #f3f3f3;border-top:4px solid #8B6F47;border-radius:50%;width:50px;height:50px;animation:spin 1s linear infinite;margin:20px auto}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.empty-state{text-align:center;padding:60px 20px;color:#666}.empty-state p{font-size:1.1rem;margin-bottom:10px}.hint{font-size:.9rem;color:#999;font-style:italic}.flashcard-container{display:flex;flex-direction:column;align-items:center;gap:30px;width:100%}.flashcard-wrapper{perspective:1000px;width:100%;max-width:1200px;height:700px;position:relative;display:flex;align-items:center}.flashcard{position:relative;width:100%;height:100%;flex:1;transform-style:preserve-3d;transition:transform .6s;cursor:pointer;touch-action:pan-y pan-x;-webkit-tap-highlight-color:transparent}.flashcard.flipped{transform:rotateY(180deg)}.flashcard.skip-transition{transition:none}.flashcard-front,.flashcard-back{position:absolute;width:100%;height:100%;backface-visibility:hidden;border-radius:16px;box-shadow:0 10px 40px #0003;background:#fff;display:flex;align-items:center;justify-content:center;overflow:hidden}@media(max-width:768px){.flashcard-front,.flashcard-back{border-radius:12px;box-shadow:0 8px 30px #00000026}}.flashcard-back{transform:rotateY(180deg)}.card-content{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px 100px;box-sizing:border-box;position:relative}.group-label{position:absolute;top:20px;left:50%;transform:translate(-50%);font-size:.9rem;color:#8b6f47;font-weight:600;background:#ffffffe6;padding:4px 12px;border-radius:6px;z-index:10}.article-reference{position:absolute;top:20px;right:20px;z-index:10}.article-label{font-size:.85rem;color:#8b6f47;font-weight:600;background:#fffffff2;padding:6px 12px;border-radius:6px;box-shadow:0 2px 4px #0000001a}.text-content{text-align:center;width:100%;padding-top:10px;padding-left:0;padding-right:0;box-sizing:border-box}.text-content h2{font-size:2.5rem;color:#333;font-weight:600;word-wrap:break-word}.image-content{width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden;padding-top:10px}.flashcard-image{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;margin:auto;display:block}@media(max-width:768px){.image-content{width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:visible;padding:10px;flex:1;min-height:0}.flashcard-image{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;margin:0}.card-content{overflow:visible;display:flex;flex-direction:column;height:100%;min-height:0}}.mobile-nav-buttons{display:none}.controls{display:flex;justify-content:center;align-items:center;gap:20px;width:100%;max-width:1200px}.btn-nav{background:#8b6f474d;color:#fff;border:none;padding:0;border-radius:0;cursor:pointer;font-size:1rem;font-weight:500;transition:all .3s ease;position:absolute;top:0;bottom:0;width:80px;z-index:10;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.btn-nav-left{left:0;border-radius:12px 0 0 12px}.btn-nav-right{right:0;border-radius:0 12px 12px 0}.btn-nav-icon{font-size:2.5rem;font-weight:300;opacity:.7;transition:all .3s ease;text-shadow:0 2px 4px rgba(0,0,0,.3)}.btn-nav:hover .btn-nav-icon{opacity:1;transform:scale(1.2)}.btn-nav:hover{background:#8b6f4780;width:100px}.btn-nav:active{background:#8b6f4799}.btn-nav:disabled{opacity:.4;cursor:not-allowed}.btn-nav:disabled:hover{background:#8b6f474d;width:80px}.btn-nav:disabled .btn-nav-icon{opacity:.5;transform:none}.timer-display{background:#f0f0f0;padding:12px 20px;border-radius:8px;font-size:1.2rem;font-weight:600;color:#8b6f47;min-width:80px;text-align:center}.btn-pause{background:#6c757d;color:#fff;border:none;padding:12px 24px;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:500;transition:all .3s ease;min-width:120px;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.btn-pause:hover{background:#5a6268;transform:translateY(-2px);box-shadow:0 4px 12px #6c757d66}.btn-pause.paused{background:#28a745}.btn-pause.paused:hover{background:#218838}@media(max-width:768px){body{padding:0!important;align-items:flex-start;background:linear-gradient(135deg,#f5e6d3,#e8d5b7,#f5e6d3)!important;min-height:100vh!important;width:100%!important;position:relative!important}html{width:100%!important;position:relative!important}.app-container{padding:0;border-radius:0;min-height:100vh;margin:0;width:100%;max-width:100%;box-shadow:none}.referee-gestures-module .module-header{flex-wrap:wrap;gap:10px;margin-bottom:0;padding:15px;position:relative;z-index:100;background:#fff}.settings-container{position:relative}.settings-panel{right:0;left:auto;max-width:calc(100vw - 30px)}.settings-btn{font-size:.9rem;padding:10px 16px;min-height:44px;background:#fffffff2;color:#8b6f47;border:2px solid rgba(255,255,255,.8);font-weight:600}.flashcard-wrapper{height:calc(100vh - 130px);min-height:calc(100vh - 130px);max-width:100%;width:100%;position:relative}.flashcard-container{gap:0;width:100%;position:relative;min-height:calc(100vh - 60px);display:flex;flex-direction:column}.flashcard{touch-action:pan-y pan-x;flex:1}.btn-nav-left,.btn-nav-right{display:none}.text-content h2{font-size:1.8rem}.text-content{padding-top:20px}.card-content{padding:20px}.mobile-nav-buttons{display:flex;width:100%;gap:10px;padding:10px;background:transparent;position:sticky;bottom:0;z-index:100}.btn-nav-mobile{flex:1;background:#8b6f474d;color:#8b6f47;border:2px solid rgba(139,111,71,.4);border-radius:12px;padding:14px 20px;font-size:1rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .3s ease;min-height:50px;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.btn-nav-mobile:hover{background:#8b6f4780;border-color:#8b6f4799;transform:translateY(-2px);box-shadow:0 4px 8px #8b6f474d}.btn-nav-mobile:active{transform:translateY(0);box-shadow:0 2px 4px #8b6f4733}.btn-nav-mobile:disabled{opacity:.4;cursor:not-allowed;transform:none}.btn-nav-mobile .btn-nav-icon{font-size:1.5rem;font-weight:300}.btn-nav-mobile .btn-nav-text{font-size:.95rem}.group-label{font-size:.85rem;top:15px}.article-reference{top:15px;right:15px}.article-label{font-size:.75rem;padding:4px 8px}.controls{flex-wrap:wrap;gap:12px;width:100%;padding:15px;background:#fff;position:relative;z-index:100}.btn-nav{width:60px;min-width:60px;min-height:48px;padding:0;font-size:.95rem}.btn-nav:hover{width:70px}.btn-nav-icon{font-size:2rem}.btn-pause{min-height:48px;padding:14px 20px;font-size:.95rem}.timer-display{min-height:48px;padding:14px 16px;font-size:1.1rem}.settings-panel{padding:15px;min-width:250px;right:0;left:auto}.settings-panel h2{font-size:1.3rem;margin-bottom:15px}.setting-group{margin-bottom:15px}}@media(max-width:480px){body{padding:0}.app-container{padding:0;border-radius:0}.header{margin-bottom:15px;padding-bottom:12px}.header h1{font-size:1.3rem;width:100%;margin-bottom:8px}.settings-btn{font-size:.85rem;padding:10px 14px;width:auto;background:#fffffff2;color:#8b6f47;border:2px solid rgba(255,255,255,.8);font-weight:600}.flashcard-wrapper{height:calc(100vh - 180px);min-height:calc(100vh - 180px);max-height:none}.text-content h2{font-size:1.5rem;line-height:1.3}.card-content{padding:15px 60px}.group-label{font-size:.8rem;top:12px;background:#ffffffe6;padding:4px 8px;border-radius:4px}.article-reference{top:12px;right:12px}.article-label{font-size:.7rem;padding:4px 8px}.controls{gap:10px}.btn-nav{width:50px;min-width:50px;padding:0}.btn-nav-icon{font-size:1.8rem}.btn-nav:hover{width:60px}.btn-pause{padding:12px 16px;font-size:.9rem;min-width:90px}.timer-display{padding:12px 14px;font-size:1rem;min-width:60px}.settings-panel{padding:12px;min-width:220px;max-width:calc(100vw - 30px);right:0;left:auto}.settings-panel h2{font-size:1.2rem}.setting-group label{font-size:.9rem}.setting-group input[type=text],.setting-group input[type=number],.setting-group select{padding:12px;font-size:.95rem;min-height:44px}}@media(max-width:768px)and (orientation:landscape){.flashcard-wrapper{height:calc(100vh - 150px);min-height:calc(100vh - 150px);max-height:none}.text-content h2{font-size:1.6rem}.header,.controls{padding:10px 15px}}@media screen and (max-width:768px){input[type=text],input[type=number],select,textarea{font-size:16px!important}}