:root{--ink:#071d65;--muted:#667895;--blue:#157cff;--green:#22b86a;--orange:#ff9f1a;--red:#ff5b6b;--line:#dce9f8;--shadow:0 20px 50px rgba(34,78,130,.12)}*{box-sizing:border-box}body,html{margin:0;min-height:100%;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:radial-gradient(circle at 7% 0,rgba(221,241,255,.95),transparent 32%),radial-gradient(circle at 92% 4%,rgba(255,238,199,.9),transparent 30%),linear-gradient(180deg,#f8fbff,#edf6ff)}body{overflow-x:hidden}button{font-family:inherit}.study-page{min-height:100vh;padding:22px}.study-shell{max-width:1380px;margin:0 auto}.topbar{min-height:104px;border-radius:30px;background:hsla(0,0%,100%,.9);border:1px solid var(--line);box-shadow:var(--shadow);padding:18px 22px;justify-content:space-between;gap:24px}.brand,.topbar{display:flex;align-items:center}.brand{gap:15px}.brand-mark{width:64px;height:64px;border-radius:22px;background:linear-gradient(135deg,var(--blue),#39d98b);color:#fff;display:grid;place-items:center;font-size:38px;font-weight:900;box-shadow:0 14px 28px rgba(21,124,255,.22)}.brand-name{font-size:25px;font-weight:900;letter-spacing:-.6px}.brand-sub{margin-top:5px;color:var(--muted);font-size:15px;font-weight:800}.time-dashboard{display:grid;grid-template-columns:repeat(3,minmax(170px,1fr));gap:14px;width:min(670px,60%)}.time-card{min-height:72px;border-radius:22px;padding:12px 16px;background:#fff;border:1px solid var(--line);box-shadow:0 10px 25px rgba(34,78,130,.08)}.time-card small{display:block;color:var(--muted);font-size:13px;font-weight:900}.time-card strong{display:block;margin-top:4px;font-size:27px;line-height:1;font-weight:900}.mini-track{height:8px;border-radius:999px;overflow:hidden;background:#e8eff8;margin-top:10px}.mini-track span{display:block;height:100%;background:linear-gradient(90deg,var(--blue),var(--green))}.repeat-mini{margin-top:8px;color:var(--orange);font-size:13px;font-weight:900}.main-lesson{margin-top:22px;border-radius:34px;background:hsla(0,0%,100%,.93);border:1px solid var(--line);box-shadow:var(--shadow);padding:30px;min-height:630px}.lesson-header{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}.lesson-type{color:var(--blue);font-size:17px;font-weight:900;text-transform:uppercase;letter-spacing:.5px}.lesson-header h1{margin:8px 0 0;color:var(--ink);font-size:clamp(34px,5vw,58px);line-height:1.08;letter-spacing:-1.6px}.lesson-count{min-width:120px;border-radius:22px;padding:14px;background:#f3f9ff;text-align:center}.lesson-count b{color:var(--blue);font-size:40px}.lesson-count span{color:var(--muted);font-size:20px;font-weight:900}.progress-line{height:13px;border-radius:999px;overflow:hidden;background:#e8eff8;margin:22px 0}.progress-line span{display:block;height:100%;background:linear-gradient(90deg,var(--blue),var(--green))}.status-banner{min-height:72px;border-radius:24px;background:linear-gradient(120deg,#f1f8ff,#fff);border:1px solid var(--line);display:flex;align-items:center;gap:14px;padding:14px 18px;margin-bottom:22px}.status-banner span{width:14px;height:14px;border-radius:999px;background:#91a3bd}.status-banner span.pulse{background:var(--green);box-shadow:0 0 0 8px rgba(34,184,106,.12)}.status-banner strong{font-size:23px;font-weight:900}.status-banner em{color:var(--muted);font-style:normal;font-size:17px;font-weight:800}.sentence-card{display:grid;grid-template-columns:1fr;gap:20px}.answer-card,.language-box{border-radius:28px;border:1px solid #d6eaff;background:linear-gradient(180deg,#f8fcff,#fff);padding:30px}.language-label{width:-moz-fit-content;width:fit-content;border-radius:999px;padding:8px 16px;margin:0 auto 16px;font-size:16px;font-weight:900}.language-label.english{background:#eaf4ff;color:var(--blue)}.language-label.turkish{background:#eafbf1;color:#158a49}.english-text{color:var(--ink);font-size:clamp(40px,6.5vw,78px);line-height:1.08}.english-text,.turkish-text{text-align:center;font-weight:900}.turkish-text{font-size:clamp(30px,4.5vw,54px);line-height:1.15}.answer-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.answer-card{min-height:250px}.answer-0{background:linear-gradient(180deg,#f1fff4,#fff);border-color:#ccefd4}.answer-1{background:linear-gradient(180deg,#fff3f3,#fff);border-color:#ffd8d8}.answer-label{color:var(--muted);font-size:18px;font-weight:900;margin-bottom:12px}.answer-en{color:var(--ink);font-size:clamp(32px,4.2vw,52px);line-height:1.1;font-weight:900}.answer-tr{margin-top:14px;color:#145c35;font-size:clamp(24px,3.4vw,40px);line-height:1.16;font-weight:900}.inline-controls{margin-top:24px;display:grid;grid-template-columns:1.25fr 1.25fr 1fr;gap:14px}.btn{min-height:70px;border:0;border-radius:22px;padding:0 24px;font-size:clamp(20px,2.5vw,31px);font-weight:900;cursor:pointer}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.start{color:#fff;background:linear-gradient(135deg,#10a851,#55d985)}.btn.stop{color:#fff;background:linear-gradient(135deg,#ff5669,#ff8d8d)}.btn.repeat{color:#fff;background:linear-gradient(135deg,#157cff,#66b6ff)}.lesson-list{margin-top:22px;border-radius:34px;background:hsla(0,0%,100%,.92);border:1px solid var(--line);box-shadow:var(--shadow);padding:28px}.list-title{display:flex;justify-content:space-between;gap:18px;align-items:baseline;margin-bottom:20px}.list-title h2{margin:0;font-size:36px}.list-title p{margin:0;color:var(--muted);font-size:17px;font-weight:800}.lesson-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.lesson-card{min-height:172px;border-radius:26px;padding:20px;border:1px solid var(--line);box-shadow:0 12px 28px rgba(34,78,130,.08);display:flex;gap:16px}.lesson-card.done{background:linear-gradient(180deg,#f1fff4,#fff);border-color:#cef0d5}.lesson-card.current{background:linear-gradient(180deg,#eaf6ff,#fff);border-color:#aad4ff;transform:translateY(-3px)}.lesson-card.next{background:linear-gradient(180deg,#f9f7ff,#fff);border-color:#ddd7ff}.icon{flex:0 0 auto;width:58px;height:58px;border-radius:20px;display:grid;place-items:center;background:#f1f7ff;font-size:31px}.state{color:var(--blue);font-size:14px;font-weight:900;text-transform:uppercase}.lesson-card h3{margin:6px 0 8px;color:var(--ink);font-size:19px;line-height:1.15}.lesson-card p{margin:0;color:var(--muted);font-size:15px;line-height:1.35;font-weight:800}.order{position:absolute;right:16px;top:16px;min-width:34px;height:34px;border-radius:999px;display:grid;place-items:center;background:#edf5ff;color:var(--blue)}.empty{padding:100px 20px;text-align:center;color:var(--ink);font-size:clamp(34px,6vw,58px)}.empty.error{color:#c83333}.modal-screen{max-width:760px;min-height:520px;margin:7vh auto 0;border-radius:38px;background:hsla(0,0%,100%,.94);border:1px solid var(--line);box-shadow:var(--shadow);display:grid;place-items:center;align-content:center;text-align:center;padding:42px}.modal-icon{font-size:88px;margin-bottom:10px}.modal-screen h1{margin:0;color:var(--ink);font-size:clamp(44px,7vw,72px);line-height:1}.modal-screen p{max-width:560px;color:var(--muted);font-size:24px;line-height:1.35;font-weight:800}.modal-stats{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;margin:8px 0 26px}.modal-stats span{border-radius:999px;background:#f1f7ff;color:var(--blue);padding:10px 16px;font-weight:900}.primary-action{min-width:280px;min-height:70px;border:0;border-radius:22px;background:linear-gradient(135deg,var(--blue),#66b6ff);color:#fff;font-size:27px;font-weight:900;cursor:pointer}.finished .primary-action{background:linear-gradient(135deg,var(--green),#69dd8e)}@media (max-width:1050px){.study-page{padding:12px}.topbar{flex-direction:column;align-items:stretch}.time-dashboard{width:100%;grid-template-columns:1fr}.main-lesson{padding:18px}.lesson-header{flex-direction:column}.answer-grid,.inline-controls,.lesson-cards{grid-template-columns:1fr}.list-title{display:block}}.lesson-card .hover-detail{z-index:40}.lesson-card{overflow:visible}.lesson-card .hover-detail{position:absolute;left:18px;right:18px;top:calc(100% - 8px);z-index:50;display:none;border-radius:20px;padding:16px;background:hsla(0,0%,100%,.98);border:1px solid #dce9f8;box-shadow:0 20px 50px rgba(34,78,130,.2);color:#071d65}.lesson-card:focus-within .hover-detail,.lesson-card:hover .hover-detail{display:block}.hover-title{color:#157cff;font-size:14px;font-weight:900;text-transform:uppercase;letter-spacing:.4px}.hover-meta{margin-top:5px;color:#667895;font-size:13px;font-weight:900}.hover-en{margin-top:10px;color:#071d65;font-size:18px}.hover-en,.hover-tr{line-height:1.25;font-weight:900}.hover-tr{margin-top:8px;color:#145c35;font-size:16px}.lesson-cards{align-items:start}.load-more-done,.load-more-wrap{margin-top:22px;display:grid;place-items:center;gap:10px}.load-more-btn{min-height:62px;border:0;border-radius:22px;padding:0 28px;background:linear-gradient(135deg,#157cff,#66b6ff);color:#fff;font-size:22px;font-weight:900;cursor:pointer;box-shadow:0 14px 32px rgba(21,124,255,.2)}.load-more-done,.load-more-info{color:#667895;font-size:15px;font-weight:900}@media (max-width:1050px){.lesson-card .hover-detail{position:static;display:block;margin-top:12px;box-shadow:none}}.three-page{min-height:100vh;padding:32px;background:radial-gradient(circle at 10% 0,rgba(219,239,255,.95),transparent 34%),radial-gradient(circle at 95% 4%,rgba(255,237,200,.8),transparent 30%),linear-gradient(180deg,#f7fbff,#eef7ff);color:#071d65}.three-panel,.three-shell{width:min(1380px,100%);margin:0 auto}.three-panel{min-height:75vh;background:hsla(0,0%,100%,.94);border:1px solid #dce9f8;border-radius:34px;box-shadow:0 24px 70px rgba(34,78,130,.12);padding:36px}.center{display:grid;place-items:center;text-align:center}.center h1{font-size:clamp(38px,6vw,72px);margin:12px 0}.center p{color:#667895;font-size:22px;font-weight:900}.big-icon{width:118px;height:118px;border-radius:36px;display:grid;place-items:center;font-size:66px;background:linear-gradient(135deg,#eff8ff,#fff7e8);border:1px solid #dce9f8}.next-box{width:min(620px,100%);margin:18px auto 26px;padding:22px;border-radius:26px;background:#f4f9ff;border:1px solid #dce9f8;display:grid;gap:8px}.next-box small,.next-box span{color:#667895;font-weight:900}.next-box strong{font-size:32px}.three-head{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:24px;align-items:stretch;margin-bottom:20px}.kicker{display:inline-flex;border-radius:999px;padding:8px 14px;background:#eaf5ff;color:#157cff;font-weight:900;margin-bottom:12px}.three-head h1{font-size:clamp(36px,5vw,62px);margin:0;letter-spacing:-2px}.three-head p{color:#667895;font-size:20px;font-weight:900;margin:10px 0 0}.timer{background:#fff;border:1px solid #dce9f8;border-radius:30px;box-shadow:0 18px 45px rgba(34,78,130,.1);padding:22px;display:grid;align-content:center}.timer small,.timer span{color:#667895;font-weight:900}.timer strong{font-size:48px;line-height:1;margin:8px 0}.plan{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:18px}.plan-card{min-height:96px;border-radius:24px;padding:16px;background:hsla(0,0%,100%,.78);border:1px solid #dce9f8;box-shadow:0 10px 24px rgba(34,78,130,.06);display:grid;gap:4px}.plan-card small,.plan-card span{color:#667895;font-weight:900}.plan-card strong{font-size:28px}.plan-card.active{background:linear-gradient(135deg,#157cff,#69b5ff);color:#fff}.plan-card.active small,.plan-card.active span{color:hsla(0,0%,100%,.86)}.plan-card.done{background:#ecfff4;border-color:#c5efd5}.bars{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:18px}.bars>div{background:hsla(0,0%,100%,.86);border:1px solid #dce9f8;border-radius:20px;padding:14px}.bars span{display:block;color:#667895;font-weight:900;margin-bottom:8px}.bars i{height:14px;background:#eaf2fb;overflow:hidden}.bars b,.bars i{display:block;border-radius:999px}.bars b{height:100%;background:linear-gradient(90deg,#157cff,#66b6ff);transition:width .25s}.err{border-radius:18px;background:#fff3f4;border:1px solid #ffd0d6;color:#c83348;font-weight:900;padding:14px 16px;margin-bottom:18px}.lesson-main{background:hsla(0,0%,100%,.94);border:1px solid #dce9f8;border-radius:34px;box-shadow:0 24px 70px rgba(34,78,130,.12);padding:clamp(24px,4vw,44px)}.meta{display:flex;justify-content:space-between;gap:12px;color:#667895;margin-bottom:14px}.meta,.phase{font-weight:900}.phase{display:inline-grid;gap:3px;min-height:46px;align-items:center;border-radius:999px;padding:8px 16px;background:#eaf5ff;color:#157cff;margin-bottom:24px}.phase small{color:#667895}.en{font-size:clamp(42px,7vw,88px);line-height:1.03;letter-spacing:-2.8px;margin-bottom:24px}.en,.tr{font-weight:950}.tr{font-size:clamp(30px,4.5vw,56px);line-height:1.1;color:#145c35;background:#ecfff4;border:1px solid #c5efd5;border-radius:26px;padding:20px}.empty{font-size:28px;color:#c83348;font-weight:900;background:#fff3f4;border:1px solid #ffd0d6;border-radius:24px;padding:24px}.primary,.secondary{min-height:62px;border:0;border-radius:22px;padding:0 24px;font-size:20px;font-weight:950;cursor:pointer}.primary{background:linear-gradient(135deg,#157cff,#66b6ff);color:#fff;box-shadow:0 14px 32px rgba(21,124,255,.2)}.secondary{background:#fff;color:#157cff;box-shadow:inset 0 0 0 2px #dce9f8}.primary:disabled,.secondary:disabled{opacity:.45;cursor:not-allowed}@media(max-width:1050px){.three-page{padding:18px}.bars,.plan,.three-head{grid-template-columns:1fr}.controls{display:grid}.primary,.secondary{width:100%}}.set-page{min-height:100vh;padding:32px;background:radial-gradient(circle at 10% 0,rgba(219,239,255,.95),transparent 34%),radial-gradient(circle at 95% 4%,rgba(255,237,200,.8),transparent 30%),linear-gradient(180deg,#f7fbff,#eef7ff);color:#071d65}.set-shell{width:min(1380px,100%);margin:0 auto}.break-card,.finish-card{background:hsla(0,0%,100%,.94);border:1px solid #dce9f8;border-radius:34px;padding:36px;box-shadow:0 24px 70px rgba(34,78,130,.12)}.break-card h1,.finish-card h1{letter-spacing:-2px}.break-card p,.finish-card p{color:#667895;font-size:22px;font-weight:900;max-width:720px}.break-icon,.finish-icon{width:118px;height:118px;border-radius:36px;display:grid;place-items:center;background:linear-gradient(135deg,#eff8ff,#fff7e8);border:1px solid #dce9f8}.next-set-box small,.next-set-box span{color:#667895;font-weight:900}.set-header h1{letter-spacing:-2px}.set-header p{margin:10px 0 0}.timer-card{box-shadow:0 18px 45px rgba(34,78,130,.1);align-content:center}.timer-card strong{line-height:1;margin:8px 0}.set-plan{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:18px}.plan-item{min-height:96px;box-shadow:0 10px 24px rgba(34,78,130,.06)}.plan-item small,.plan-item span{color:#667895;font-weight:900}.plan-item.active small,.plan-item.active span{color:hsla(0,0%,100%,.86)}.progress-area{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:18px}.progress-fill{transition:width .25s ease}.lesson-card-main{background:hsla(0,0%,100%,.94);border:1px solid #dce9f8;border-radius:34px;box-shadow:0 24px 70px rgba(34,78,130,.12);padding:clamp(24px,4vw,44px)}.english-text{letter-spacing:-2.8px}.primary-btn{box-shadow:0 14px 32px rgba(21,124,255,.2)}.category-section{background:hsla(0,0%,100%,.78);border:1px solid #dce9f8;border-radius:30px}.section-title span{color:#667895;font-weight:900}.lesson-card{position:relative;min-height:150px;box-shadow:0 10px 24px rgba(34,78,130,.07)}.hover-detail{display:none;position:absolute;left:12px;right:12px;top:calc(100% - 8px);z-index:30;border-radius:18px;padding:14px;background:hsla(0,0%,100%,.98);border:1px solid #dce9f8;box-shadow:0 20px 50px rgba(34,78,130,.18)}.lesson-card:hover .hover-detail{display:grid;gap:6px}.hover-detail span{color:#667895;font-weight:900}.hover-detail p{margin:0;font-weight:900}.hover-detail small{color:#145c35;font-weight:900}@media(max-width:1050px){.set-page{padding:18px}.lesson-cards,.progress-area,.set-header,.set-plan{grid-template-columns:1fr}.hover-detail{position:static;display:grid;margin-top:12px;box-shadow:none}.controls{display:grid}.primary-btn,.secondary-btn{width:100%}}.server-set-page{min-height:100vh;padding:32px;background:linear-gradient(180deg,#f7fbff,#eef7ff);color:#071d65}.server-set-shell{width:min(1380px,100%);margin:0 auto}.break-card,.finish-card,.set-loading{min-height:70vh;display:grid;place-items:center;text-align:center}.break-card,.category-section,.finish-card,.lesson-card-main{background:hsla(0,0%,100%,.94);border:1px solid #dce9f8;border-radius:34px;padding:32px;box-shadow:0 24px 70px rgba(34,78,130,.12)}.break-card h1,.finish-card h1{font-size:clamp(38px,6vw,72px);margin:12px 0}.break-icon,.finish-icon{font-size:66px}.next-set-box{width:min(620px,100%);margin:18px auto 26px;padding:22px;border-radius:26px;background:#f4f9ff;border:1px solid #dce9f8;display:grid;gap:8px}.next-set-box strong{font-size:32px}.set-header{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:24px;align-items:stretch;margin-bottom:20px}.set-label{display:inline-flex;border-radius:999px;padding:8px 14px;background:#eaf5ff;color:#157cff;font-weight:900;margin-bottom:12px}.set-header h1{font-size:clamp(36px,5vw,62px);margin:0}.set-header p{color:#667895;font-size:20px;font-weight:900}.timer-card{background:#fff;border:1px solid #dce9f8;border-radius:30px;padding:22px;display:grid}.timer-card small,.timer-card span{color:#667895;font-weight:900}.timer-card strong{font-size:48px}.progress-area,.save-status-row,.set-plan{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:18px}.progress-area,.save-status-row{grid-template-columns:1fr 1fr}.plan-item{border-radius:24px;padding:16px;background:hsla(0,0%,100%,.78);border:1px solid #dce9f8;display:grid;gap:4px}.plan-item strong{font-size:28px}.plan-item.active{background:linear-gradient(135deg,#157cff,#69b5ff);color:#fff}.plan-item.done{background:#ecfff4;border-color:#c5efd5}.save-status{border-radius:18px;padding:12px 14px;font-weight:950;display:grid;gap:4px}.save-status small{font-size:12px;opacity:.75}.save-status.saved{color:#145c35;background:#ecfff4;border:1px solid #c5efd5}.save-status.not-saved{color:#c83348;background:#fff3f4;border:1px solid #ffd0d6}.progress-area>div{background:hsla(0,0%,100%,.86);border:1px solid #dce9f8;border-radius:20px;padding:14px}.progress-area span{display:block;color:#667895;font-weight:900;margin-bottom:8px}.progress-track{height:14px;border-radius:999px;background:#eaf2fb;overflow:hidden}.progress-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,#157cff,#66b6ff)}.progress-fill.total{background:linear-gradient(90deg,#22b86a,#92e8b8)}.error-box{border-radius:18px;background:#fff3f4;border:1px solid #ffd0d6;color:#c83348;font-weight:900;padding:14px 16px;margin-bottom:18px}.lesson-card-main{margin-bottom:22px}.lesson-meta{display:flex;justify-content:space-between;gap:12px;color:#667895;font-weight:900;margin-bottom:14px}.phase-pill{display:inline-grid;gap:3px;min-height:46px;align-items:center;border-radius:999px;padding:8px 16px;background:#eaf5ff;color:#157cff;font-weight:900;margin-bottom:24px}.phase-pill small{color:#667895}.english-text{font-size:clamp(42px,7vw,88px);line-height:1.03;font-weight:950;margin-bottom:24px}.turkish-text{font-size:clamp(30px,4.5vw,56px);line-height:1.1;font-weight:950;color:#145c35;background:#ecfff4;border:1px solid #c5efd5;border-radius:26px;padding:20px}.empty-lesson{font-size:28px;color:#c83348;font-weight:900;background:#fff3f4;border:1px solid #ffd0d6;border-radius:24px;padding:24px}.controls{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.primary-btn,.secondary-btn{min-height:62px;border:0;border-radius:22px;padding:0 24px;font-size:20px;font-weight:950;cursor:pointer}.primary-btn{background:linear-gradient(135deg,#157cff,#66b6ff);color:#fff}.secondary-btn{background:#fff;color:#157cff;box-shadow:inset 0 0 0 2px #dce9f8}.primary-btn:disabled,.secondary-btn:disabled{opacity:.45;cursor:not-allowed}.category-section{padding:20px}.section-title{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px}.section-title h2{margin:0;font-size:28px}.lesson-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.lesson-card{min-height:120px;border-radius:24px;padding:16px;background:#fff;border:1px solid #dce9f8}.lesson-card.current{border-color:#157cff;box-shadow:0 0 0 4px rgba(21,124,255,.12)}.lesson-card.done{background:#ecfff4;border-color:#c5efd5}.card-status{color:#157cff;font-weight:950;font-size:13px;text-transform:uppercase}.lesson-card h3{font-size:18px;margin:10px 0;line-height:1.18}.order{color:#667895;font-weight:900}.load-more-wrap{display:grid;place-items:center;margin-top:18px}@media(max-width:1050px){.server-set-page{padding:18px}.lesson-cards,.progress-area,.save-status-row,.set-header,.set-plan{grid-template-columns:1fr}.controls{display:grid}.primary-btn,.secondary-btn{width:100%}}