/* GODDO V57 — Premium mobile design and reliable scrolling */
:root{--gold:#efc97b;--gold-light:#ffe4a7;--mint:#8fe9d2;--text:#f7f9ff;--muted:#b8c8dc;--border:rgba(239,201,123,.19);--radius:22px}
html{height:auto!important;min-height:100%;overflow-x:hidden;overflow-y:auto!important;-webkit-text-size-adjust:100%;scroll-padding-bottom:130px}
body{height:auto!important;min-height:100dvh!important;overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior-y:auto;background:radial-gradient(ellipse 85% 30% at 88% 0%,rgba(36,119,138,.24),transparent),radial-gradient(ellipse 65% 30% at 5% 45%,rgba(206,145,71,.10),transparent),#071321;color:#f7f9ff}
.app-shell,.main-content{height:auto!important;max-height:none!important;overflow:visible!important}
.page.active{height:auto!important;max-height:none!important;overflow:visible!important;min-height:0!important}
.page:not(.active){display:none!important}
.main-content{padding-bottom:150px!important}
.page-heading h1{font-size:clamp(29px,6.8vw,43px)!important;line-height:1.15!important;letter-spacing:-.035em}
.page-heading p,.welcome-section p,.content-card p{line-height:1.65}
.hero-card,.content-card,.stat-card,.scenario-card,.destination-card,.visual-practice-card,.gva-tile,.level-panel{border:1px solid rgba(239,201,123,.20)!important;box-shadow:0 14px 38px rgba(0,0,0,.22),inset 0 1px rgba(255,255,255,.045)!important}
.content-card,.stat-card,.scenario-card,.destination-card,.visual-practice-card,.level-panel{background:linear-gradient(145deg,rgba(28,54,72,.97),rgba(12,29,45,.98))!important;border-radius:21px!important}
button{transition:background-color .2s,border-color .2s,transform .2s;touch-action:manipulation}
button:active{transform:scale(.985)}
input,select,textarea{color:#fff;max-width:100%}
.goddo-premium-hero{box-shadow:0 18px 50px #0007!important;border:1px solid #eac47855!important}
.goddo-feature{background:linear-gradient(150deg,#244252,#142a3d)!important;border:1px solid #e6c47744!important;border-radius:20px!important;box-shadow:0 12px 24px #0004}
.goddo-feature strong{color:#fff!important}
.goddo-feature small{color:#d4e2ee!important}
.goddo-level-gate,.goddo-intro,.goddo-placement{max-height:100dvh;overflow-y:auto!important;overscroll-behavior:contain;align-items:safe center!important}
.goddo-gate-inner,.intro-content,.goddo-placement-panel{margin-block:auto;flex-shrink:0}
.modal,.ece-lesson-modal{max-height:calc(100dvh - 24px)!important;overflow-y:auto!important;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding-bottom:max(24px,env(safe-area-inset-bottom))!important}
@media(max-width:760px){
 html,body{position:static!important;width:100%!important}
 body{font-size:17px!important;line-height:1.55!important;padding-bottom:0!important}
 .app-shell{padding-bottom:0!important}
 .main-content{margin-left:0!important;padding:0 16px calc(145px + env(safe-area-inset-bottom))!important;min-height:100dvh!important}
 .page{padding-top:18px!important;padding-bottom:35px!important}
 .topbar{min-height:70px!important;margin:0 -16px!important;padding:0 16px!important;border-bottom-color:#e8c47b33!important}
 .breadcrumb,.breadcrumb strong{font-size:14px!important}
 .topbar-right .level-badge{font-size:12px!important;padding:8px 10px!important}
 .page-heading{margin-bottom:22px!important}
 .page-heading h1{font-size:clamp(29px,7vw,38px)!important}
 .page-heading p,.welcome-section p{font-size:16px!important;color:#cbd8e8!important}
 .hero-card{padding:24px 19px!important;min-height:260px!important}
 .hero-card h1,.hero-card h2{font-size:clamp(28px,7vw,40px)!important}
 .hero-card p{font-size:16px!important}
 .content-card,.level-panel,.visual-practice-card{padding:20px 16px!important}
 .stat-card{padding:18px 13px!important}
 .stat-label,.stat-card small,.level-caption,.level-panel-head span,.visual-progress,.visual-question-label,.ai-muted,.ai-privacy,.ai-hint,.empty-state,.goddo-placement-note{font-size:14px!important;letter-spacing:normal!important}
 .stat-value{font-size:clamp(29px,7vw,39px)!important}
 .content-card h2,.content-card h3,.level-panel-head strong{font-size:21px!important}
 .content-card p,.content-card li,.level-panel p,.visual-practice-card p,.gva-turkish{font-size:16px!important}
 .goddo-premium-copy{padding:34px 22px 70px!important}
 .goddo-premium-copy h1{font-size:clamp(37px,10vw,50px)!important}
 .goddo-premium-copy p{font-size:16px!important;line-height:1.6!important}
 .goddo-hero-bottom{font-size:12px!important;letter-spacing:normal!important}
 .goddo-feature-grid{gap:12px!important}
 .goddo-feature{min-height:160px!important;padding:18px 14px!important}
 .goddo-feature strong{font-size:17px!important;line-height:1.3!important}
 .goddo-feature small{font-size:14px!important;line-height:1.45!important}
 .mobile-bottom-nav{z-index:600!important;padding:9px 8px calc(10px + env(safe-area-inset-bottom))!important;background:linear-gradient(180deg,rgba(15,34,49,.98),rgba(5,17,29,.99))!important;border-top:1px solid #eac47b55!important;box-shadow:0 -12px 35px #0008!important}
 .mobile-nav-button{min-height:61px!important;border-radius:15px!important;gap:5px!important;color:#c3d1e1!important}
 .mobile-nav-button span{font-size:25px!important}
 .mobile-nav-button small{font-size:11px!important;line-height:1.2!important;white-space:normal!important;text-align:center!important;letter-spacing:-.02em}
 .mobile-nav-button.active{background:linear-gradient(145deg,#4a3f2b,#263b40)!important;color:#ffe5a7!important;border:1px solid #eac47b44!important}
 .nav-button{min-height:52px!important;font-size:16px!important}
 .sidebar{height:100dvh!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch}
 .gva-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
 .gva-tile{min-height:180px!important;padding:17px 12px!important;font-size:16px!important}
 .gva-tile small,.gva-level,.gva-film-top,.gva-speaker{font-size:13px!important;letter-spacing:normal!important}
 .gva-english{font-size:clamp(20px,5.4vw,28px)!important}
 .gva-controls button,.gva-test button,.visual-answer,.goddo-exam-option{min-height:52px!important;font-size:16px!important;padding:12px!important}
 .ai-chat{min-height:0!important;height:auto!important;max-height:none!important;overflow:visible!important}
 .ai-messages{min-height:280px!important;max-height:55dvh!important;overflow-y:auto!important}
 .ai-compose textarea{font-size:17px!important}
 .ai-chat-head strong{font-size:18px!important}
 .ai-message{font-size:16px!important}
 .ai-message .ai-role,.ai-message .ai-correction{font-size:13px!important}
 .visual-answers{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .visual-art{height:min(52vw,260px)!important}
 .goddo-connection-status{bottom:calc(93px + env(safe-area-inset-bottom))!important;font-size:14px!important}
 button,input,select,textarea{font-size:16px;max-width:100%}
 img,video,iframe{max-width:100%!important}
}
@media(max-width:390px){.main-content{padding-inline:12px!important}.mobile-nav-button small{font-size:10.5px!important}.goddo-feature{padding:14px 10px!important}.goddo-feature strong{font-size:16px!important}.goddo-feature small{font-size:13px!important}}