:root{--ink:#182d29;--muted:#697671;--green:#245b46;--mint:#e9f2e9;--line:#e1e6de;--paper:#f7f8f2;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}
*{box-sizing:border-box}body{margin:0}.shell{max-width:1180px;padding:0 48px;margin:auto}header{height:110px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{text-decoration:none;color:var(--ink);font-size:22px;font-weight:700;letter-spacing:-.7px;display:flex;align-items:center;gap:10px}.brand-icon{background:var(--green);color:#fff;width:32px;height:32px;border-radius:9px;display:grid;place-items:center;font-size:27px;font-weight:400}.local-label{font-size:12px;color:var(--muted);display:flex;align-items:center;gap:8px}.local-label i{width:6px;height:6px;border-radius:50%;background:#588e63}main{padding-top:57px}.eyebrow{color:var(--green);font-size:11px;font-weight:700;letter-spacing:2px}h1{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-size:64px;line-height:1.08;letter-spacing:-2.5px;margin:20px 0}p{line-height:1.6}.intro{font-size:16px;color:var(--muted);margin:0 0 37px}.workspace{display:grid;grid-template-columns:1.18fr 1fr;gap:22px}.input-card,.output-card{border:1px solid var(--line);border-radius:18px;padding:28px;background:#fff}.output-card{background:#eef3eb;display:flex;flex-direction:column}.card-heading{display:flex;align-items:center;gap:11px;margin-bottom:29px}.step{font-size:10px;letter-spacing:1px;border:1px solid #d7e0d4;border-radius:5px;padding:5px 6px;color:var(--muted)}h2{font-size:15px;margin:0;font-weight:600}label,legend{font-size:12px;font-weight:600}.url-wrap{display:flex;align-items:center;border:1px solid #d6ddd3;border-radius:9px;margin-top:10px;gap:10px;padding:0 14px}.url-wrap:focus-within{outline:2px solid #8dad91;outline-offset:2px}.url-wrap>span{font-size:20px;color:var(--muted)}input[type=url]{font:inherit;font-size:13px;width:100%;min-width:0;border:none;background:transparent;height:51px;outline:none;color:var(--ink)}input::placeholder{color:#89948d}.hint{font-size:11px;color:var(--muted);margin:9px 0}.example{border:0;padding:0;background:none;color:var(--green);font-size:11px;cursor:pointer;text-align:left;margin-top:4px}.example:hover{text-decoration:underline}.example span{margin-left:5px}fieldset{border:0;padding:0;margin:28px 0 24px}legend{margin-bottom:12px}.track-options{display:grid;grid-template-columns:1fr 1fr;gap:10px}.track{border:1px solid #dce2d8;border-radius:9px;padding:13px 9px;display:flex;gap:7px;align-items:flex-start;cursor:pointer}.track:has(input:checked){background:#f0f5ee;border-color:#8aa58c}.track input{accent-color:var(--green);margin:0;flex-shrink:0}.track strong{display:block;font-size:11px}.track small{display:block;font-weight:400;font-size:10px;color:var(--muted);line-height:1.5;margin-top:5px}.primary{width:100%;padding:16px 19px;display:flex;justify-content:space-between;align-items:center;border:0;border-radius:9px;background:var(--green);color:white;font-size:13px;font-weight:600;text-decoration:none;cursor:pointer}.primary:hover{background:#194534}.primary:disabled{opacity:.65;cursor:wait}.primary span:last-child{font-size:20px;font-weight:400}.form-note{text-align:center;font-size:10px;color:var(--muted);margin:12px 0 0}.empty-state{flex:1;text-align:center;padding:5px 0 23px}.file-illustration{width:91px;height:113px;border:1px solid #ccd8c7;border-radius:8px;background:#f9fbf6;margin:0 auto 25px;position:relative;box-shadow:9px 9px 0 #e1eadd;display:flex;align-items:center;flex-direction:column;justify-content:center;gap:7px;transform:rotate(-5deg)}.file-corner{position:absolute;right:-1px;top:-1px;width:22px;height:22px;background:#e1eadd;border-left:1px solid #ccd8c7;border-bottom:1px solid #ccd8c7;border-radius:0 8px 0 5px}.play{font-size:17px;color:#6e916f;margin-top:7px;margin-bottom:4px}.file-line{width:35px;height:3px;background:#d7e1d0;border-radius:2px}.file-line.short{width:25px}.file-tag{position:absolute;font-size:8px;letter-spacing:1px;background:#245b46;color:white;padding:5px 8px;border-radius:4px;bottom:-10px;right:-10px}h3{font-family:Georgia,'Times New Roman',serif;font-size:23px;font-weight:400;letter-spacing:-.4px;margin:0 0 9px}.empty-state p{font-size:12px;color:var(--muted);margin:0}.track-note{border-top:1px solid #d9e3d3;display:flex;gap:9px;padding-top:14px;color:#677762;font-size:12px;margin-top:auto}.track-note p{font-size:10px;margin:0}.footnotes{display:flex;gap:37px;margin:28px 0 49px;color:var(--muted);font-size:11px}.footnotes b{font-size:10px;font-weight:400;color:#8d9b8c;margin-right:8px}footer{border-top:1px solid var(--line);display:flex;justify-content:space-between;padding:23px 0 26px;font-size:10px;color:#7a887d}footer span:first-child{font-weight:600}.job-state{flex:1;padding-top:16px;padding-bottom:25px}.status-badge{display:inline-block;font-size:9px;font-weight:700;letter-spacing:1.3px;color:var(--green);background:#dfeada;padding:8px 10px;border-radius:5px;margin-bottom:23px}.job-state h3{font-size:26px}.job-state>p{font-size:12px;color:var(--muted);overflow-wrap:anywhere}.job-state.error .status-badge{background:#f1e2d9;color:#9b4935}.job-state.error h3{color:#9b4935}progress{display:block;width:100%;height:7px;border:0;border-radius:6px;overflow:hidden;margin-top:27px;accent-color:var(--green);background:#d8e3d2}progress::-webkit-progress-bar{background:#d8e3d2;border-radius:6px}progress::-webkit-progress-value{background:var(--green);border-radius:6px}progress::-moz-progress-bar{background:var(--green)}.progress-meta{display:flex;justify-content:space-between;margin-top:10px;font-size:10px;color:var(--muted);font-variant-numeric:tabular-nums}.save{margin-top:24px}[hidden]{display:none!important}:focus-visible{outline:2px solid #7c9e82;outline-offset:4px}
@media(max-width:760px){.shell{padding:0 22px}header{height:80px}.brand{font-size:19px}.local-label{font-size:10px}main{padding-top:35px}h1{font-size:48px;letter-spacing:-1.8px}.intro{font-size:14px}.desktop{display:none}.workspace{grid-template-columns:1fr;gap:16px}.input-card,.output-card{padding:23px}.output-card{min-height:350px}.footnotes{gap:12px;justify-content:space-between;font-size:9px;margin:25px 0 35px}.footnotes b{display:block;margin-bottom:6px}footer{font-size:9px}.track strong{font-size:10px}.track small{font-size:9px}}
/* ---- kütüphane ve yönetici paneli ---- */
.brand-icon{font-size:13px;padding-left:2px}a{color:var(--green)}footer a{color:inherit}
.ghost{border:1px solid var(--line);background:#fff;color:var(--ink);border-radius:9px;padding:10px 14px;font:inherit;font-size:12px;cursor:pointer;text-decoration:none;white-space:nowrap}.ghost:hover{border-color:#b9c7b6;background:#f3f6f0}.ghost.small{padding:8px 12px;font-size:11px}.header-actions{display:flex;gap:8px;align-items:center}
.player{margin:0 0 34px;scroll-margin-top:16px}body.watching .hero{display:none}body.watching main{padding-top:32px}.player-frame{background:#0f1d1a;border-radius:18px;overflow:hidden;aspect-ratio:16/9;position:relative}.player-frame video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;display:block;background:#0f1d1a}.player-meta{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding:20px 2px 0}.player-meta .status-badge{margin-bottom:12px}.player-title{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-size:30px;letter-spacing:-.6px;margin:0 0 4px}.player-detail{font-size:12px;color:var(--muted);margin:0}
.library,.admin-library{margin-bottom:49px}.library-bar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px}.library-bar .card-heading{margin:0}
.search{display:flex;align-items:center;gap:8px;border:1px solid #d6ddd3;border-radius:9px;background:#fff;padding:0 12px;width:280px;max-width:100%}.search:focus-within{outline:2px solid #8dad91;outline-offset:2px}.search span{color:var(--muted);font-size:16px}.search input{font:inherit;font-size:13px;border:0;outline:0;height:40px;width:100%;min-width:0;background:transparent;color:var(--ink)}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:18px}
.video-card{font:inherit;text-align:left;color:inherit;border:1px solid var(--line);background:#fff;border-radius:16px;padding:10px;cursor:pointer;display:flex;flex-direction:column;gap:12px;transition:border-color .15s,transform .15s}.video-card:hover{border-color:#a9bba7;transform:translateY(-2px)}.video-card.playing{border-color:var(--green);box-shadow:0 0 0 1px var(--green)}
.thumb{position:relative;aspect-ratio:16/9;border-radius:10px;background:linear-gradient(135deg,#dfeada,#c9dbc5 55%,#b4cdb0);display:grid;place-items:center;overflow:hidden}.thumb::before{content:"";position:absolute;inset:auto -20% -60% 30%;height:120%;background:radial-gradient(circle,#ffffff55,transparent 60%)}.thumb-play{width:44px;height:44px;border-radius:50%;background:var(--green);color:#fff;display:grid;place-items:center;font-size:14px;padding-left:3px;position:relative;box-shadow:0 6px 16px #245b4633}.video-card:hover .thumb-play,.video-card.playing .thumb-play{background:#194534}.thumb-tag{position:absolute;left:10px;top:10px;font-size:8px;font-weight:700;letter-spacing:1.2px;background:#ffffffd9;color:var(--green);padding:5px 7px;border-radius:4px}
.video-info{padding:0 4px 6px}.video-info strong{display:block;font-size:14px;font-weight:600;line-height:1.35;margin-bottom:5px}.video-info small{font-size:11px;color:var(--muted)}
.library-empty{text-align:center;border:1px dashed #d3dccf;border-radius:18px;padding:44px 20px 40px;background:#fbfcf8}.library-empty p{font-size:12px;color:var(--muted);margin:0}
.login-card{max-width:440px;margin:26px 0 70px;border:1px solid var(--line);border-radius:18px;padding:30px;background:#fff}.login-title{font-size:40px;letter-spacing:-1.4px;margin:0 0 10px}.login-card .intro{margin-bottom:26px;font-size:14px}.login-card .primary{margin-top:18px}input[type=password],input[type=text]{font:inherit;font-size:13px;width:100%;min-width:0;border:none;background:transparent;height:51px;outline:none;color:var(--ink)}
label.spaced{display:block;margin-top:22px}.optional{font-weight:400;color:var(--muted)}.error-text{color:#9b4935;min-height:0}.error-text:empty{display:none}
.jobs{list-style:none;margin:0 0 20px;padding:0;display:flex;flex-direction:column;gap:12px;max-height:430px;overflow:auto}.jobs:empty{display:none}.job{background:#fff;border:1px solid #dbe5d6;border-radius:12px;padding:14px 16px}.job-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.job .status-badge{margin:0;padding:6px 8px;font-size:8px}.job-title{display:block;font-size:13px;margin-bottom:3px;overflow-wrap:anywhere}.job-detail{font-size:11px;color:var(--muted);margin:0;overflow-wrap:anywhere}.job progress{margin-top:12px;height:5px}.job.error .status-badge{background:#f1e2d9;color:#9b4935}.job.error .job-detail{color:#9b4935}.job.done progress,.job.error .progress-meta{display:none}
.link-button{border:0;background:none;padding:0;font:inherit;font-size:11px;color:var(--green);cursor:pointer;text-decoration:none;white-space:nowrap}.link-button:hover{text-decoration:underline}.link-button.muted{color:var(--muted)}.link-button.danger{color:#9b4935}.link-button:disabled{opacity:.5;cursor:wait}
.admin-library{margin-top:34px}.storage{display:flex;align-items:center;gap:12px;font-size:11px;color:var(--muted);font-variant-numeric:tabular-nums}.storage progress{width:140px;margin:0;height:6px}
.table-card{border:1px solid var(--line);border-radius:18px;background:#fff;overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:12px}th{text-align:left;font-size:10px;letter-spacing:1px;text-transform:uppercase;color:var(--muted);font-weight:600;padding:14px 18px;border-bottom:1px solid var(--line)}td{padding:14px 18px;border-bottom:1px solid #eef1eb;vertical-align:middle}tbody tr:last-child td{border-bottom:0}.title-cell{font-weight:600;min-width:220px}.title-cell .hint{font-weight:400}.nowrap{white-space:nowrap;font-variant-numeric:tabular-nums}.actions{display:flex;gap:16px;justify-content:flex-end}.rename{display:flex;gap:10px;align-items:center}.rename input{height:34px;border:1px solid #d6ddd3;border-radius:7px;padding:0 10px;font-size:12px}.table-empty{text-align:center;color:var(--muted);font-size:12px;padding:30px;margin:0}
.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
@media(max-width:760px){.player-title{font-size:23px}.player-meta{flex-direction:column}.library-bar{flex-direction:column;align-items:stretch}.search{width:100%}.grid{grid-template-columns:1fr}.login-card{padding:23px}.login-title{font-size:34px}.header-actions .ghost.small{padding:7px 9px;font-size:10px}.storage{justify-content:space-between}.table-card{overflow:visible}table,tbody,tr,td{display:block;width:100%}thead{display:none}tr{padding:14px 16px;border-bottom:1px solid #eef1eb}tbody tr:last-child{border-bottom:0}td{padding:0;border:0!important}.title-cell{min-width:0;font-size:13px;margin-bottom:4px}td.nowrap,tr>td:nth-child(3){display:inline;width:auto;color:var(--muted);font-size:11px}tr>td:nth-child(2)::after,tr>td:nth-child(3)::after{content:' · '}.actions{justify-content:flex-start;margin-top:10px;flex-wrap:wrap}.rename{flex-wrap:wrap}}

.top-nav{display:flex;gap:22px;font-size:12px}.top-nav a{color:var(--muted);text-decoration:none}.top-nav a:hover{color:var(--green);text-decoration:underline}
.ways{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:0 0 40px}.way{display:flex;align-items:center;gap:16px;border:1px solid var(--line);border-radius:18px;background:#fff;padding:22px 24px;text-decoration:none;color:var(--ink)}.way:hover{border-color:#8aa58c;background:#f6f9f4}.way-icon{flex:none;width:46px;height:46px;border-radius:12px;background:var(--green);color:#fff;display:grid;place-items:center;font-size:20px}.way-body{flex:1}.way-body strong{display:block;font-size:15px;margin-bottom:5px}.way-body small{display:block;font-size:12px;line-height:1.5;color:var(--muted)}.way-go{color:var(--green);font-size:20px}
.podcast{margin:56px 0 20px;scroll-margin-top:20px;border:1px solid var(--line);border-radius:18px;background:#eef3eb;padding:32px}.podcast .library-bar{margin-bottom:6px}.podcast-intro{font-size:14px;color:var(--muted);max-width:760px;margin:0 0 24px}
.feed-box{background:#fff;border:1px solid var(--line);border-radius:14px;padding:20px 22px}.feed-row{display:flex;gap:10px;align-items:center;margin-top:10px;flex-wrap:wrap}.feed-row input{flex:1;min-width:220px;height:46px;border:1px solid #d6ddd3;border-radius:9px;padding:0 14px;font:inherit;font-size:13px;color:var(--ink);background:#fafcf8}.feed-copy{width:auto;white-space:nowrap}.feed-row .ghost.small{text-decoration:none;white-space:nowrap}
.howto-title{font-family:inherit;font-size:15px;font-weight:600;letter-spacing:0;margin:28px 0 12px}.steps{margin:0;padding-left:20px;font-size:13px;line-height:1.7}.steps li{margin-bottom:4px}
.apps{margin-top:18px;display:grid;gap:8px}.apps details{background:#fff;border:1px solid var(--line);border-radius:12px;padding:0 18px}.apps summary{cursor:pointer;font-size:13px;font-weight:600;padding:14px 0;list-style-position:inside}.apps details[open] summary{border-bottom:1px solid #eef1eb;margin-bottom:12px}.apps details p{font-size:13px;margin:0 0 14px;color:#3c4a40}
.podcast-notes ul{margin:0;padding-left:20px;font-size:13px;line-height:1.7;color:#3c4a40}.podcast-notes li{margin-bottom:5px}
@media(max-width:760px){.ways{grid-template-columns:1fr}.podcast{padding:22px 18px}.top-nav{display:none}.feed-row input{min-width:0;width:100%;flex-basis:100%}.feed-copy{flex:1}}

.player-controls{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:12px}.ctl{font:inherit;font-size:12px;font-weight:600;color:var(--ink);background:#fff;border:1px solid #d6ddd3;border-radius:9px;padding:10px 14px;cursor:pointer;display:inline-flex;align-items:center;gap:6px;min-height:40px}.ctl:hover{border-color:#8aa58c;background:#f6f9f4}.ctl-main{background:var(--green);color:#fff;border-color:var(--green);min-width:112px;justify-content:center}.ctl-main:hover{background:#194534;border-color:#194534}.ctl-speed select{font:inherit;font-size:12px;border:0;background:transparent;color:inherit;cursor:pointer}.ctl-time{margin-left:auto;font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums}.shortcuts{font-size:11px;color:var(--muted);margin:10px 0 0}kbd{font:inherit;font-size:10px;border:1px solid #d6ddd3;border-bottom-width:2px;border-radius:4px;padding:1px 5px;background:#fff}
@media(max-width:760px){.ctl{flex:1 1 auto;justify-content:center;padding:10px 8px}.ctl-time{flex-basis:100%;margin:0;text-align:center}.shortcuts{display:none}}

.transcript{margin-top:18px;border:1px solid var(--line);border-radius:14px;background:#eef3eb;padding:0 22px}.transcript summary{cursor:pointer;font-size:14px;font-weight:600;padding:16px 0}.transcript[open] summary{border-bottom:1px solid #dbe5d6;margin-bottom:12px}.transcript-tools{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:10px 0 14px}.transcript-tools .ghost{text-decoration:none}.transcript-text{max-height:480px;overflow-y:auto;padding:4px 14px 4px 0;font-size:14px;line-height:1.8}.transcript-text p{margin:0 0 14px}.transcript .hint{margin:8px 0 0}

.lesson-no{display:inline-block;min-width:24px;margin-right:8px;padding:2px 7px;border-radius:6px;background:#dfeada;color:var(--green);font-size:11px;font-weight:700;text-align:center;font-variant-numeric:tabular-nums}