/* Slovra UI Revision 4 — desktop adaptation, light-theme repair, cleaner focus/audio surfaces */
:root{--rev4-shell:1120px;--rev4-ink:#17252d;--rev4-muted:#687b85;--rev4-line:#dce6ea;--rev4-soft:#f4f8fa}

/* ---------- Light mode repairs ---------- */
body.light-mode .v21-feature-panel,body.light .v21-feature-panel,
body.light-mode #screen-home.slovra-home-simple #v21-feature-panel,body.light #screen-home.slovra-home-simple #v21-feature-panel{
  background:#fff!important;border-color:var(--rev4-line)!important;color:var(--rev4-ink)!important;box-shadow:0 8px 24px rgba(40,65,78,.06)!important
}
body.light-mode .v21-feature-panel .home-feature-tile,body.light .v21-feature-panel .home-feature-tile{color:var(--rev4-ink)!important}

body.light-mode #screen-v68-social .v70-screen-head,body.light #screen-v68-social .v70-screen-head,
body.light-mode #screen-v68-challenge .v70-screen-head,body.light #screen-v68-challenge .v70-screen-head,
body.light-mode #screen-v62-live .v70-screen-head,body.light #screen-v62-live .v70-screen-head,
body.light-mode #screen-v65-dictionary .v70-screen-head,body.light #screen-v65-dictionary .v70-screen-head,
body.light-mode #screen-v66-grammar .v70-screen-head,body.light #screen-v66-grammar .v70-screen-head,
body.light-mode #screen-v67-certificate .v70-screen-head,body.light #screen-v67-certificate .v70-screen-head{
  background:linear-gradient(180deg,rgba(247,250,251,.98),rgba(247,250,251,.90),rgba(247,250,251,0))!important;
  color:var(--rev4-ink)!important
}
body.light-mode .v70-screen-head .v70-back,body.light .v70-screen-head .v70-back{background:#fff!important;color:var(--rev4-ink)!important;border-color:var(--rev4-line)!important}

body.light-mode #screen-v17-program .v17-day-actions button.secondary,body.light #screen-v17-program .v17-day-actions button.secondary,
body.light-mode #screen-v17-program #v17-regenerate,body.light #screen-v17-program #v17-regenerate{
  background:#eef4f6!important;color:#263941!important;border:1px solid #d6e2e7!important;box-shadow:none!important
}

body.light-mode .v15-stat-row>div,body.light .v15-stat-row>div{
  background:#fff!important;color:var(--rev4-ink)!important;border:1px solid var(--rev4-line)!important;box-shadow:0 4px 0 #dce6ea!important
}
body.light-mode .v15-stat-row b,body.light .v15-stat-row b{color:var(--rev4-ink)!important}

body.light-mode .tool-picker-grid button,body.light .tool-picker-grid button{
  background:#fff!important;color:var(--rev4-ink)!important;border-color:var(--rev4-line)!important;box-shadow:0 4px 0 #dce6ea!important
}
body.light-mode .tool-picker-grid button small,body.light .tool-picker-grid button small{color:#70838c!important}
body.light-mode .tool-picker-grid button.active,body.light .tool-picker-grid button.active{
  background:linear-gradient(135deg,#e9fbf8,#eaf6ff)!important;color:#12635e!important;border-color:#91d9d2!important;box-shadow:0 4px 0 #b9ddd9!important
}
body.light-mode .tools-back,body.light .tools-back{background:#fff!important;color:var(--rev4-ink)!important;border:1px solid var(--rev4-line)!important;box-shadow:0 3px 0 #dce6ea!important}
body.light-mode .tools-hero,body.light .tools-hero{background:linear-gradient(135deg,#effaf9,#eef6ff)!important;border-color:#d7e8ec!important}
body.light-mode .tools-hero h2,body.light .tools-hero h2{color:var(--rev4-ink)!important}

/* ---------- Smart Review: less copy, orderly actions ---------- */
#screen-v22-review .v22-shell{width:calc(100% - 28px)!important;max-width:760px!important;margin-left:auto!important;margin-right:auto!important}
#screen-v22-review .v22-hero{padding:14px 15px!important;border-radius:20px!important}
#screen-v22-review .v22-hero p,#screen-v22-review .v22-note,#screen-v22-review .v22-list-wrap{display:none!important}
#screen-v22-review .v22-summary{margin:9px 0 12px!important;gap:7px!important}
#screen-v22-review .v22-summary>div{min-height:64px!important;display:grid!important;align-content:center!important;gap:1px!important;padding:8px!important}
#screen-v22-review .v22-summary span{font-size:18px!important}#screen-v22-review .v22-summary b{font-size:13px!important}
#screen-v22-review .v22-focus-card{padding:18px!important;border-radius:24px!important;box-shadow:0 10px 28px rgba(0,0,0,.09)!important}
#screen-v22-review .v22-focus-top{align-items:center!important}#screen-v22-review .v22-focus-top p{display:none!important}
#screen-v22-review .v22-focus-top>button{border-radius:999px!important;padding:7px 11px!important}
#screen-v22-review .v22-practice-icon{font-size:36px!important;margin:18px 0 5px!important}
#screen-v22-review .v22-focus-card h4{max-width:520px;margin:0 auto!important;font-size:12px!important;line-height:1.35!important;color:var(--text-muted,#91a0b5)!important}
#screen-v22-review .v22-focus-actions{display:grid!important;grid-template-columns:minmax(0,1.45fr) minmax(0,.9fr)!important;gap:8px!important;width:min(100%,520px)!important;margin:16px auto 0!important}
#screen-v22-review .v22-focus-actions button{width:100%!important;min-height:46px!important;margin:0!important;border-radius:14px!important}
#screen-v22-review .v22-focus-actions .secondary{background:rgba(127,145,170,.10)!important;color:var(--text-primary,#fff)!important;border:1px solid rgba(127,145,170,.14)!important}
#screen-v22-review #v22-reveal{min-width:210px!important;margin:13px auto 0!important}
body.light-mode #screen-v22-review .v22-focus-actions .secondary,body.light #screen-v22-review .v22-focus-actions .secondary{background:#eef3f6!important;color:var(--rev4-ink)!important;border-color:#d7e2e7!important}
body.light-mode #screen-v22-review .v22-summary>div,body.light #screen-v22-review .v22-summary>div{background:#fff!important;border-color:var(--rev4-line)!important;color:var(--rev4-ink)!important}

/* ---------- Live Speech redesign ---------- */
#screen-v62-live .v70-screen-body{max-width:820px!important}
#screen-v62-live .v62-live-card{
  position:relative!important;padding:20px!important;border-radius:30px!important;
  background:radial-gradient(circle at 50% -12%,rgba(28,176,246,.22),transparent 34%),linear-gradient(160deg,color-mix(in srgb,var(--v70-card) 92%,#182f48),var(--v70-card))!important;
  border:1px solid rgba(89,200,255,.18)!important;box-shadow:0 18px 42px rgba(0,0,0,.13)!important
}
#screen-v62-live .v62-live-card:before{content:"";position:absolute;inset:0 0 auto;height:4px;background:linear-gradient(90deg,#7c4dff,#1cb0f6,#58cc02)}
#screen-v62-live .v62-live-kicker{display:flex!important;align-items:center!important;justify-content:center!important;gap:9px!important;margin:0 0 14px!important;color:#8ea0ad!important;font-size:10px!important;font-weight:900!important;text-transform:uppercase!important;letter-spacing:.06em!important}
#screen-v62-live .v62-level-pill{margin:0!important;padding:6px 10px!important;background:rgba(28,176,246,.12)!important;border:1px solid rgba(28,176,246,.18)!important}
#screen-v62-live .v62-live-target{min-height:116px!important;margin:0 auto!important;padding:18px!important;border-radius:22px!important;background:rgba(0,0,0,.10)!important;font-size:clamp(24px,3vw,34px)!important;line-height:1.55!important;letter-spacing:-.015em!important}
#screen-v62-live .v62-live-target .heard{background:#ffd43b!important;color:#2c2200!important;box-shadow:none!important}
#screen-v62-live .v62-live-transcript{min-height:54px!important;margin:11px 0 4px!important;padding:10px 12px!important;border-radius:15px!important;background:rgba(127,145,170,.08)!important;display:grid!important;place-items:center!important;white-space:normal!important;font-size:12px!important;font-weight:850!important}
#screen-v62-live .v62-mic{width:96px!important;height:96px!important;margin:14px auto 18px!important;background:linear-gradient(145deg,#7c4dff,#1cb0f6)!important;box-shadow:0 8px 0 #3c45a8,0 16px 30px rgba(77,111,255,.20)!important}
#screen-v62-live .v62-mic.live{background:linear-gradient(145deg,#2f9e44,#58cc02)!important;box-shadow:0 8px 0 #287600,0 0 0 14px rgba(88,204,2,.11)!important}
#screen-v62-live .v62-mic span{font-size:34px!important}#screen-v62-live .v62-mic small{font-size:9px!important}
#screen-v62-live .v62-quick-actions{width:min(100%,460px)!important;margin:0 auto!important;gap:9px!important}
#screen-v62-live .v62-quick-actions button{min-height:44px!important;border-radius:14px!important;background:rgba(127,145,170,.08)!important;font-size:11px!important}
body.light-mode #screen-v62-live .v62-live-card,body.light #screen-v62-live .v62-live-card{background:radial-gradient(circle at 50% -10%,#e2f6ff,transparent 38%),linear-gradient(160deg,#fff,#f5f9fb)!important;border-color:#d8e7ec!important;color:var(--rev4-ink)!important}
body.light-mode #screen-v62-live .v62-live-target,body.light #screen-v62-live .v62-live-target{background:#f4f8fa!important;color:var(--rev4-ink)!important}
body.light-mode #screen-v62-live .v62-live-transcript,body.light #screen-v62-live .v62-live-transcript{background:#eef4f7!important;color:#526670!important}
body.light-mode #screen-v62-live .v62-quick-actions button,body.light #screen-v62-live .v62-quick-actions button{background:#fff!important;color:var(--rev4-ink)!important;border-color:var(--rev4-line)!important}

/* Voice rooms: cleaner stage */
.v68-voice-room{max-width:860px!important;margin-left:auto!important;margin-right:auto!important}
.v68-room-stage{gap:12px!important}.v68-peer{min-height:124px!important;display:grid!important;place-items:center!important;align-content:center!important;border-radius:20px!important}
.v68-voice-controls{align-items:center!important}.v68-chat-wrap{margin-top:16px!important}
body.light-mode .v68-peer,body.light .v68-peer{background:#f5f8fa!important;border-color:#dce6ea!important;color:var(--rev4-ink)!important}

/* ---------- Listening series redesign ---------- */
.v12-page{max-width:960px!important}
.v12-listen-hero{padding:18px 20px!important;border-radius:24px!important;margin-bottom:12px!important}
.v12-listen-hero h2{font-size:24px!important;margin:5px 0 2px!important}.v12-listen-hero p{max-width:680px!important;margin-bottom:0!important;line-height:1.4!important}
.v12-series-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:11px!important}
.v12-series-card{min-height:126px!important;padding:14px!important;border-radius:20px!important;grid-template-columns:46px minmax(0,1fr)!important;box-shadow:0 8px 20px rgba(0,0,0,.09)!important;transition:transform .16s ease,border-color .16s ease!important}
.v12-series-card:hover{transform:translateY(-2px)!important;border-color:rgba(28,176,246,.28)!important}
.v12-series-icon{width:46px!important;height:46px!important;border-radius:15px!important}.v12-series-card div small{font-size:9px!important}.v12-series-card div strong{font-size:14px!important}
.v12-series-card div p{display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important;margin:4px 0 18px!important;line-height:1.35!important}
.v12-listen-stage{padding:20px!important;border-radius:26px!important}.v12-listen-instruction{font-size:10px!important;font-weight:900!important;letter-spacing:.02em!important}
.v12-listen-speaker{width:112px!important;height:112px!important;margin:14px auto 9px!important;background:linear-gradient(145deg,#7c4dff,#1cb0f6)!important;box-shadow:0 8px 0 #3456a7,0 16px 28px rgba(51,107,200,.18)!important}
.v12-listen-speaker>span{font-size:36px!important}.v12-listen-speaker b{font-size:13px!important}.v12-listen-options{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}.v12-listen-options button{min-height:50px!important;border-radius:15px!important}
body.light-mode .v12-series-card,body.light .v12-series-card{background:#fff!important;border-color:var(--rev4-line)!important;color:var(--rev4-ink)!important;box-shadow:0 5px 0 #dce6ea!important}
body.light-mode .v12-listen-stage,body.light .v12-listen-stage{background:#fff!important;border-color:var(--rev4-line)!important;color:var(--rev4-ink)!important}

/* ---------- Desktop app adaptation ---------- */
@media (min-width:900px){
  body{background-image:radial-gradient(circle at 12% 10%,rgba(124,77,255,.055),transparent 28%),radial-gradient(circle at 88% 18%,rgba(28,176,246,.05),transparent 30%)}
  #app-container{width:100%!important;max-width:1240px!important;margin:0 auto!important;padding:0 28px 44px 108px!important;box-sizing:border-box!important}
  #app-container>.screen{width:100%!important;max-width:none!important}.content-padding{padding-bottom:34px!important}
  .bottom-nav{top:50%!important;bottom:auto!important;left:max(18px,calc(50vw - 620px))!important;transform:translateY(-50%)!important;width:76px!important;max-width:none!important;height:auto!important;min-height:0!important;padding:10px!important;gap:7px!important;flex-direction:column!important;justify-content:center!important;border:1px solid var(--border-color,#33454e)!important;border-radius:24px!important;box-shadow:0 18px 44px rgba(0,0,0,.16)!important}
  .nav-item{position:relative!important;width:54px!important;height:54px!important;border-radius:17px!important;display:grid!important;place-items:center!important;font-size:0!important;opacity:.76!important}
  .nav-item:hover,.nav-item.active{background:rgba(28,176,246,.10)!important;opacity:1!important}.nav-item svg{width:25px!important;height:25px!important;margin:0!important}.nav-item span{display:none!important}
  .nav-item:after{position:absolute;left:64px;top:50%;transform:translate(6px,-50%);padding:7px 9px;border-radius:9px;background:var(--card-bg,#17202d);border:1px solid var(--border-color,#33454e);color:var(--text-main,#fff);font:900 10px Nunito,sans-serif;white-space:nowrap;opacity:0;pointer-events:none;transition:.14s;box-shadow:0 7px 18px rgba(0,0,0,.12)}
  .nav-item:hover:after{opacity:1;transform:translate(0,-50%)}#nav-home:after{content:"Ana Sayfa"}#nav-leaderboard:after{content:"Sosyal"}#nav-contribute:after{content:"Katkı"}#nav-live:after{content:"Oyunlar"}#nav-settings:after{content:"Ayarlar"}
  body.light-mode .bottom-nav,body.light .bottom-nav{background:rgba(255,255,255,.94)!important;border-color:#dce6ea!important}body.light-mode .nav-item:after,body.light .nav-item:after{background:#fff!important;color:var(--rev4-ink)!important;border-color:#dce6ea!important}

  #screen-home.slovra-home-simple .hero-banner-container,.slovra-simple-home,.slovra-home-preview,#screen-home.slovra-home-simple #v21-feature-panel,#screen-home.slovra-home-simple>.leader-subtitle.slovra-simple-units-title,#screen-home.slovra-home-simple>.leader-subtitle.slovra-simple-classes-title{width:100%!important;max-width:var(--rev4-shell)!important}
  #screen-home.slovra-home-simple .hero-banner{padding:21px!important;border-radius:26px!important}.slovra-simple-focus{padding:16px!important;border-radius:27px!important}.slovra-simple-actions{grid-template-columns:repeat(4,minmax(0,1fr))!important}.slovra-simple-action{min-height:105px!important;padding:16px!important}.slovra-simple-action i{width:40px!important;height:40px!important;font-size:20px!important}.slovra-unit-preview{gap:11px!important}.slovra-preview-unit{height:132px!important;min-height:132px!important}.slovra-tool-dock{padding:11px!important}.slovra-tool-dock button{justify-content:center!important}.slovra-tool-dock b{font-size:11px!important}
  #screen-home.slovra-home-simple #v21-feature-panel .home-feature-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:9px!important}

  .tools-page{width:min(100%,1080px)!important;padding-left:0!important;padding-right:0!important}.tool-picker-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}.tool-picker-grid button{min-height:82px!important;padding:12px!important}.tool-card{padding:20px!important}
  .v15-shell{max-width:1040px!important;padding-left:0!important;padding-right:0!important}.v15-story-list{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:11px!important}
  #screen-v17-program .v17-shell{max-width:1060px!important}.v17-task-list{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}.v17-task{grid-template-columns:34px 42px minmax(0,1fr) auto!important}.v17-day-actions{max-width:520px;margin-left:auto!important}
  #screen-v22-review .v22-shell{max-width:900px!important}.v22-summary{grid-template-columns:repeat(4,minmax(0,1fr))!important}.v22-rates{max-width:560px!important;margin-left:auto!important;margin-right:auto!important}
  .v12-page{max-width:1060px!important}.v12-series-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  #screen-v68-social .v70-screen-head,#screen-v68-social .v70-screen-body,#screen-v68-challenge .v70-screen-head,#screen-v68-challenge .v70-screen-body{max-width:1000px!important}#screen-v68-social #v68-content{max-width:900px!important;margin-left:auto!important;margin-right:auto!important}.v68-room-list{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  #screen-v65-dictionary .v70-screen-head,#screen-v65-dictionary .v70-screen-body,#screen-v66-grammar .v70-screen-head,#screen-v66-grammar .v70-screen-body,#screen-v67-certificate .v70-screen-head,#screen-v67-certificate .v70-screen-body{max-width:980px!important}
}

@media (max-width:899px){
  #screen-v22-review .v22-focus-actions{grid-template-columns:1fr!important}
  .v12-listen-options{grid-template-columns:1fr!important}
}
@media (max-width:600px){.v12-series-grid{grid-template-columns:1fr!important}}