:root{font-family:Segoe UI,Arial,sans-serif;color:#343434;background:#f7f5f2;font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 50% 20%,#fffdfa 0,transparent 65%)}a{color:inherit;text-decoration:none}header{min-height:82px;padding:16px 30px;display:flex;align-items:center;gap:24px;background:linear-gradient(110deg,#f0fbff,#effaf7 55%,#eef9ff);box-shadow:0 2px 7px #0e8ca31a;border-bottom:1px solid #d5edf0}.brand{display:flex;align-items:center;gap:12px;color:#11acbe;font-size:29px;font-weight:750;letter-spacing:-1px;white-space:nowrap}.domain{color:#299ed3}.brand-mark{font-size:18px;letter-spacing:-2px;background:linear-gradient(135deg,#14c6bd,#259edd);color:white;border-radius:5px;padding:10px 8px}nav{display:flex;gap:18px;margin-left:auto;flex-wrap:wrap}button{cursor:pointer;font:inherit;border:0;border-radius:8px;background:linear-gradient(110deg,#0eb9bd,#279ed7);color:#fff;padding:11px 18px}nav button{background:transparent;color:#718499;font-size:13px;font-weight:700;text-transform:uppercase;position:relative;padding:15px 14px;border-radius:8px}nav button.active{color:#00b6cc;background:#d9f3f2;box-shadow:0 4px 12px #00b8cd20}nav button.active:after{content:'';position:absolute;bottom:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#08bddb,#25cf7a);border-radius:8px}.admin-link{font-size:12px;color:#6b8593;border:1px solid #d8e8eb;border-radius:24px;padding:8px 12px;white-space:nowrap}main{max-width:1130px;margin:auto;padding:64px 24px 70px;min-height:83vh}.profile{position:relative;max-width:680px;margin:0 auto 100px;border:1px solid #fff;background:#fffcfacf;border-radius:24px;padding:48px 48px 50px;text-align:center;box-shadow:0 7px 28px #52504b0a}.profile-ring{width:132px;height:132px;padding:3px;margin:auto;background:linear-gradient(135deg,#10d4ae,#13ace0,#3bd38a);border-radius:50%;box-shadow:0 10px 26px #31b8c31c}.avatar{height:100%;border-radius:50%;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 25% 20%,#e1f9f6,#c6e9f1 65%,#8cd0e0);font-size:44px;letter-spacing:-3px;color:#1999ae;font-weight:650;border:3px solid #f0fafa}h1{font-size:49px;letter-spacing:-1.8px;line-height:1.15;margin:24px 0 12px;background:linear-gradient(100deg,#0fb9ac,#20a4d4);background-clip:text;color:transparent}.profile-subtitle{color:#25afd4;font-size:19px;margin:0 0 28px;text-shadow:0 2px 7px #16bace25}.bio{font-size:16px;line-height:1.85;color:#63615f;text-align:left;margin:0}.corner{position:absolute;width:39px;height:39px;border:2px solid #fff;border-radius:50%;display:grid;place-items:center;background:linear-gradient(130deg,#13cfbb,#269cd0);color:white;font-size:23px;box-shadow:0 7px 16px #00bcd54a}.top-left{left:13px;top:13px}.top-right{right:13px;top:13px}.bottom-left{left:13px;bottom:13px}.bottom-right{right:13px;bottom:13px}.listing-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px}.listing-head h2{font-size:25px;font-weight:600;margin:0}.text-button{background:none;color:#18a9c6;padding:8px 0;font-size:14px}#cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.card{background:#fffdfb;border:1px solid white;border-radius:24px;overflow:hidden;box-shadow:0 5px 18px #5368750a}.cover{height:184px;background:radial-gradient(ellipse at 25% 85%,#16b4c4a0,transparent 55%),linear-gradient(130deg,#123745,#195369 65%,#26aabc);position:relative;overflow:hidden;display:flex;align-items:end;padding:20px}.cover:before,.cover:after{content:'';position:absolute;width:260px;height:260px;transform:rotate(-35deg);border:1px solid #8bf6fb33;top:-130px;right:-90px;border-radius:35px}.cover:after{top:-80px;right:-125px}.cover-orb{position:absolute;left:35%;top:22px;width:135px;height:135px;border:1px solid #85f8fa99;border-radius:50%;box-shadow:inset 0 0 35px #55e6e666,0 0 35px #4fcde333;background:radial-gradient(circle at 30% 30%,#a2ffff99,transparent 70%)}.cover-label{color:#d1fafb;position:relative;font-size:10px;letter-spacing:2px}.cover-dersler{background:linear-gradient(130deg,#124f57,#54b9ad)}.cover-hakkimda,.cover-iletisim{background:linear-gradient(130deg,#304f66,#89bcc4)}.card-body{padding:22px}.card small{font-size:11px;color:#8d8d87;text-transform:uppercase;letter-spacing:.8px}.card h2{font-size:21px;line-height:1.35;margin:10px 0}.card p{font-size:14px;color:#777570;line-height:1.8;margin:0 0 16px}.card button{background:none;color:#18a9bf;padding:0;font-size:13px}#status:empty{display:none}#status{color:#935315;margin:16px 0}#reader,.panel{background:#fffdfa;padding:30px;border:1px solid #e4e8e8;border-radius:18px}#reader h2{font-size:30px}pre{white-space:pre-wrap;overflow-wrap:anywhere;font:16px/1.9 Segoe UI,Arial,sans-serif}footer{border-top:1px solid #e1e8e5;padding:28px 5%;display:flex;justify-content:space-between;gap:22px;color:#8a9699;font-size:12px}.footer-name{color:#15a9bd;font-weight:700}.toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.editor-grid{display:grid;grid-template-columns:280px 1fr;gap:22px}label{display:block;margin-bottom:20px;font-weight:600}input,select,textarea{display:block;width:100%;margin-top:9px;padding:12px;border:1px solid #c8dcdf;border-radius:7px;font:inherit;background:white}textarea{font-family:Consolas,monospace;resize:vertical}.hint{font-size:13px;color:#74878b}#files button{display:block;width:100%;margin-top:10px;text-align:left;background:#eaf6f6;color:#29859c;overflow-wrap:anywhere}#login-box{max-width:550px;margin:0 auto}button:focus-visible,a:focus-visible{outline:3px solid #18abca;outline-offset:4px}[hidden]{display:none!important}@media(min-width:1500px){header{padding:18px 38px}nav{gap:28px}}@media(max-width:1000px){header{flex-wrap:wrap;gap:12px}nav{order:3;width:100%;margin:0;justify-content:center;gap:8px}.admin-link{margin-left:auto}main{padding-top:40px}#cards{gap:18px}.profile{margin-bottom:65px}}@media(max-width:650px){header{padding:16px}.brand{font-size:23px}nav{gap:3px;justify-content:space-between}nav button{padding:11px 6px;font-size:10px}main{padding:28px 16px 45px}.profile{padding:42px 28px;margin-bottom:48px;border-radius:20px}.profile-ring{width:110px;height:110px}h1{font-size:38px}.profile-subtitle{font-size:16px}.bio{font-size:14px}.corner{width:30px;height:30px;font-size:18px}#cards,.editor-grid{grid-template-columns:1fr}.cover{height:190px}footer{flex-direction:column;gap:12px}.listing-head h2{font-size:23px}}@media(prefers-reduced-motion:no-preference){.card{transition:transform .2s,box-shadow .2s}.card:hover{transform:translateY(-4px);box-shadow:0 12px 30px #17798b12}}

/* Orijinal fotoğraf üzerinde yalnızca görünür kadraj ayarı. */
.avatar{position:relative;overflow:hidden}.profile-photo{position:absolute;width:300%;max-width:none;height:auto;left:-50%;top:-155%;display:block}
.course-layout{display:grid;grid-template-columns:230px 1fr;gap:26px}.course-filter{align-self:start;background:#fffdfa;border-radius:22px;padding:14px;box-shadow:0 5px 20px #24455108;display:grid;gap:10px}.course-filter button{background:transparent;color:#607383;text-align:left;font-size:14px}.course-filter button:first-child,.course-filter .chosen{background:#e9fbfc;color:#159fb8;border:1px solid #a9ecf4}.course-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}.course-cover{height:150px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;color:white;position:relative;background:linear-gradient(130deg,#6360f2,#2850de)}.course-cover .cap{font-size:37px;line-height:1}.course-cover strong{font-size:21px}.course-cover small{align-self:start;margin-left:13px;background:#10245b66;padding:4px 10px;border-radius:30px;color:white;letter-spacing:0}.tone-1{background:linear-gradient(130deg,#9458ef,#8830ee)}.tone-2{background:linear-gradient(130deg,#13b6a6,#0596ae)}.tone-3{background:linear-gradient(130deg,#ff8213,#f24849)}.course-foot{border-top:1px solid #f1efec;display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:18px;padding-top:18px;color:#8c8c87;font-size:12px}.course-foot button{border:1px solid #b6edf3;border-radius:14px;padding:9px}.course-detail{background:#fffdfb;border-radius:23px;padding:28px;box-shadow:0 6px 22px #27434708}.course-detail>button{background:white;color:#565e62;border:1px solid #e4eaed}.course-detail h1{color:#292b2c;background:none;font-size:31px;letter-spacing:-.8px;margin-bottom:12px}.course-badges{display:flex;gap:10px;margin-bottom:24px}.course-badges span{border:1px solid #b8eaf1;border-radius:22px;padding:4px 12px;color:#159cb5;font-size:13px}.course-badges span:first-child{color:white;background:linear-gradient(90deg,#03bacc,#2965ef)}.course-columns{display:grid;grid-template-columns:1fr 250px;gap:24px}.course-columns h3{font-size:14px;font-weight:500;border-top:1px solid #efefed;padding-top:20px}.week-row{display:flex;width:100%;align-items:center;gap:13px;background:linear-gradient(90deg,#e5f7fa,#e9eff9);color:#278fa7;text-align:left;border:1px solid #20c6e6;margin:12px 0;padding:13px}.week-number{background:linear-gradient(140deg,#06c8dc,#2869ef);padding:8px;color:white;border-radius:6px}.week-row strong,.week-row small{display:block}.week-row strong{font-size:14px}.week-row small{color:#879390;margin-top:5px;line-height:1.4}.course-info{border:1px solid #f0eeeb;border-radius:14px;padding:19px;align-self:start;color:#798c9f;font-size:14px;line-height:1.7}.course-info small{color:#9b9a94}.course-info hr{border:0;border-top:1px solid #f0eeeb}.lesson-open{overflow:hidden}.lesson-overlay{position:fixed;inset:0;background:#0b1220;color:#dce8ff;z-index:100;overflow:auto}.lesson-top{min-height:60px;background:#f1faff;color:#24313b;display:flex;align-items:center;justify-content:space-between;padding:12px 24px;gap:12px}.lesson-controls{display:flex;gap:9px}.lesson-top button{background:transparent;color:#3c535e;font-size:13px;padding:8px}.lesson-bar{display:flex;align-items:center;gap:15px;background:#101b2e;border-bottom:1px solid #243248;padding:15px 24px;font-size:14px}.lesson-bar strong{margin-right:auto}.lesson-bar button{background:#192844;border:1px solid #2c3a54;padding:7px 11px}.lesson-layout{display:grid;grid-template-columns:250px 1fr;min-height:calc(100vh - 120px)}.lesson-side{margin:0;background:#101b2e;border-right:1px solid #263044;padding:22px 12px;display:flex;flex-direction:column;gap:9px;align-self:stretch}.lesson-side small{color:#8ca3c1;font-size:11px;letter-spacing:1px;margin:7px 8px 18px}.lesson-side button{font-size:13px;text-transform:none;text-align:left;color:#adc2df;background:transparent;border-radius:8px;padding:13px 11px;font-weight:500}.lesson-side button.chosen{color:#37dbec;background:#153647}.lesson-body{padding:30px clamp(24px,5vw,90px) 70px;background-image:linear-gradient(#20345126 1px,transparent 1px),linear-gradient(90deg,#20345126 1px,transparent 1px);background-size:48px 48px;line-height:1.8;min-width:0}.lesson-hero{border:1px solid #27364b;background:linear-gradient(145deg,#112b3a,#101b2f 45%);border-radius:21px;padding:30px;margin-bottom:30px}.lesson-hero small{font-size:11px;letter-spacing:2px;color:#9db9d0}.lesson-hero h1{color:#e1eaff;background:none;font-size:2em;letter-spacing:-1px;margin:12px 0}.lesson-hero p{color:#b9d8ed;margin:0}.lesson-part{max-width:1000px;margin-bottom:34px;scroll-margin-top:24px}.lesson-part h2{font-size:1.45em;color:#dcecff}.lesson-part h3{font-size:1.15em}.lesson-part p,.lesson-part li{color:#b5d0e8}.lesson-part pre{background:#111e33;border:1px solid #293b57;border-radius:12px;padding:20px;font: .85em/1.7 Consolas,monospace;color:#8ce3de;white-space:pre-wrap}.lesson-pager{display:flex;align-items:center;justify-content:space-between;gap:15px}.lesson-pager button:disabled{opacity:.35;cursor:default}.font-14{font-size:14px}.font-16{font-size:16px}.font-18{font-size:18px}.font-20{font-size:20px}.font-22{font-size:22px}.font-24{font-size:24px}.font-26{font-size:26px}.font-28{font-size:28px}@media(min-width:1450px){main:has(.course-root:not([hidden])){max-width:1450px}.course-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:850px){.course-layout{grid-template-columns:1fr}.course-filter{display:flex;flex-wrap:wrap}.course-columns{grid-template-columns:1fr}.lesson-layout{grid-template-columns:180px 1fr}.lesson-top{align-items:start;flex-direction:column}.lesson-side{width:auto;order:0}.lesson-body{padding:24px}.lesson-hero{padding:22px}}@media(max-width:560px){.course-grid{grid-template-columns:1fr}.lesson-layout{grid-template-columns:1fr}.lesson-side{flex-direction:row;flex-wrap:wrap;border:0;padding:10px;gap:5px}.lesson-side small{display:none}.lesson-side button{font-size:11px;padding:7px}.lesson-bar{padding:10px;gap:8px}.lesson-bar strong{font-size:11px}.lesson-body{padding:18px}.lesson-hero h1{font-size:1.6em}.course-detail{padding:20px}}
.features{margin:88px auto 0;max-width:920px}.features>h2,.quick-access h2{text-align:center;font-size:30px;font-weight:650;margin:0 0 44px}.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px}.feature-grid article{background:#fffdfb;border:1px solid #fff;border-radius:20px;padding:28px;box-shadow:0 5px 25px #46576105}.feature-grid article>span{font-size:29px}.feature-grid h3{font-size:21px;font-weight:600;margin:18px 0 10px}.feature-grid p{line-height:1.7;color:#777570;margin:0;font-size:16px}.quick-access{margin:84px 0 0;text-align:center}.quick-access h2{margin-bottom:30px}.quick-access>div{display:flex;justify-content:center;gap:18px}.quick-access button{padding:18px 30px;font-size:16px;border-radius:7px}.outline-button{background:transparent;color:#08b2ce;border:1px solid #07b9d2}.site-footer{display:block;background:#fff;border-top:1px solid #e4ecee;padding:52px max(24px,calc((100% - 1200px)/2)) 30px;color:#8293a6}.footer-grid{display:grid;grid-template-columns:1.7fr .7fr 1fr;gap:70px}.footer-grid h3{color:#373f46;font-size:16px;font-weight:600;margin:0 0 20px}.footer-grid p{font-size:15px;line-height:1.8;margin:20px 0 0}.footer-grid .footer-local{font-size:12px}.footer-grid button{display:block;background:transparent;color:#8293a6;padding:6px 0;font-size:14px;text-align:left}.footer-admin{display:block;margin-top:20px;font-size:13px}.footer-bottom{border-top:1px solid #e7eef1;margin-top:35px;padding-top:28px;display:flex;justify-content:space-between;font-size:12px}@media(max-width:750px){.features{margin-top:55px}.features>h2,.quick-access h2{font-size:25px}.feature-grid{grid-template-columns:1fr}.quick-access{margin-top:55px}.quick-access>div{flex-direction:column}.footer-grid{grid-template-columns:1fr;gap:30px}.footer-bottom{gap:14px;flex-direction:column}.site-footer{padding:35px 24px}}
.blog-tools{margin:0 0 32px}.blog-tools input{max-width:420px;margin:0 auto 30px;background:#f2f5f5;border:1px solid transparent;border-radius:30px;padding:14px 20px;font-size:14px}.blog-tools input:focus{outline:2px solid #24c3dc}.blog-filters{display:flex;flex-wrap:wrap;gap:10px}.blog-filters button{border-radius:30px;background:#f0f3f3;color:#67727c;font-size:13px}.blog-filters .chosen{background:#009cb7;color:white}.category-badge{position:absolute;top:14px;left:14px;padding:5px 12px;border-radius:20px;color:white;background:#00b9d4;font-size:11px;font-weight:600}.blog-card .card-body{display:flex;flex-direction:column;flex:1}.blog-card{display:flex;flex-direction:column}.blog-card .cover{height:200px;flex-shrink:0}.blog-card .card-body>p{flex:1}.blog-foot{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #f1f0ed;padding-top:14px;font-size:11px;color:#8c969b;gap:10px}.blog-foot button{padding:8px 13px;border:1px solid #b2edf5;border-radius:22px}.article-content{line-height:1.9;font-size:16px}.article-content pre{padding:20px;background:#edf5f6;border-radius:12px}.article-content h3{margin-top:28px}
/* Olcay Palta: gece mavisi, sıcak kâğıt ve kehribar */
:root{color:#22344b;background:#f5f3ed}body{background:radial-gradient(ellipse at 80% 0%,#efe5cd80,transparent 60%)}header{background:#fcfaf4;border-bottom:1px solid #e2ded2;box-shadow:none;padding-top:20px;padding-bottom:20px}.brand{color:#203c58;letter-spacing:-1.3px}.domain{color:#b88333}.brand-mark{background:#203c58;border-radius:50%;padding:12px 10px;font-family:Georgia,serif;letter-spacing:-1px}nav button{color:#6b7480}nav button.active{background:#e9e4d7;color:#203c58;box-shadow:none}nav button.active:after{background:#b88b48}.profile{max-width:820px;text-align:left;background:#fffdf7;border-color:#e9e3d7;border-radius:18px 58px 18px 18px;padding:48px 48px 48px 220px;min-height:265px;margin-bottom:80px;box-shadow:12px 12px 0 #e8e1d166}.profile-ring{position:absolute;left:45px;top:55px;background:linear-gradient(135deg,#c49b56,#eee0be);width:140px;height:140px;cursor:zoom-in;box-shadow:0 8px 25px #19334d18}.avatar{border-color:#faf3e7}.profile h1{font-family:Georgia,serif;font-weight:500;font-size:48px;letter-spacing:-2px;background:none;color:#233d58;margin:0 0 12px}.profile-subtitle{color:#a47839;font-size:17px;text-shadow:none}.bio{color:#65717c}.corner{display:none}.profile:before{content:'OLCAY PALTA / KİŞİSEL ALAN';display:block;color:#a0804a;font-size:9px;letter-spacing:2px;margin-bottom:14px}.card{border-radius:13px 13px 26px 13px;border-color:#e9e5dc;box-shadow:0 5px 15px #233d5805}.cover-blog{background:radial-gradient(circle at 70% 35%,#c2a06d88,transparent 45%),linear-gradient(125deg,#193247,#456170)}.cover-orb{border-color:#e6c68688;box-shadow:inset 0 0 35px #bfa27044,0 0 35px #bfa27022;background:radial-gradient(circle at 30% 30%,#e4c18b66,transparent 70%)}.category-badge,.blog-filters .chosen{background:#27455f}.text-button,.card button,.footer-name{color:#a67730}button{background:#27455f}.outline-button{border-color:#b28c52;color:#8c672f;background:transparent}.feature-grid article{border-radius:14px;border-color:#e9e5dc}.feature-grid article>span{filter:grayscale(.7)}.site-footer{background:#193248;color:#b1c2ce;border:0}.site-footer .brand,.site-footer .brand .domain{color:#eee3ce}.footer-grid h3{color:#f5e9d1}.footer-grid button,.footer-grid a{color:#b8cbd7}.footer-bottom{border-color:#365064}.footer-grid .brand-mark{background:#b68a45;color:#fff}.blog-tools input{background:#ebe9e2}.course-cover{background:linear-gradient(130deg,#203e57,#4e7687)}.tone-1{background:linear-gradient(130deg,#6b5374,#a287a6)}.tone-2{background:linear-gradient(130deg,#356858,#74a088)}.tone-3{background:linear-gradient(130deg,#986638,#cbac72)}.course-filter button:first-child,.course-filter .chosen{background:#eae4d6;border-color:#dbcca7;color:#795d33}.week-row{background:#f3eee1;border-color:#d2bb8b;color:#655539}.week-number,.course-badges span:first-child{background:#28475f}.course-badges span{color:#866739;border-color:#d8caa9}.student-box{max-width:570px;margin:28px auto;background:#fffdf7;border-color:#e5ddce;padding:34px}.student-box h2{font-family:Georgia,serif;font-size:30px;font-weight:500;color:#233e57}.member-intro{line-height:1.7;color:#73818a}#student-account button{margin:8px 10px 0 0}#student-message{line-height:1.7;color:#956929;font-size:14px}button:disabled{opacity:.5;cursor:not-allowed}.stats-panel{border:1px solid #e1dccf;background:#fffdf7;border-radius:18px;padding:24px;margin-bottom:28px}.stats-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.stats-grid>div{background:#f0ece0;padding:20px 14px;border-radius:12px}.stats-grid strong{display:block;font-size:30px;color:#27455f}.stats-grid span{display:block;font-size:11px;color:#7c7c72;margin-top:10px}.stats-panel details{margin-top:20px}.stats-panel table{width:100%;border-collapse:collapse;margin-top:16px}.stats-panel th,.stats-panel td{text-align:left;padding:10px;border-bottom:1px solid #eae5d9;font-size:13px}.photo-dialog{width:min(870px,94vw);max-height:94vh;border:1px solid #e8d8b7;border-radius:30px;padding:25px;background:#faf7ef;box-shadow:0 25px 100px #071c3866;color:#253e54}.photo-dialog::backdrop{background:#10273cbb;backdrop-filter:blur(8px)}.gallery-head{display:flex;justify-content:space-between;align-items:center;gap:20px}.gallery-head h2{font:28px Georgia,serif;margin:0 0 15px}.gallery-head button{padding:9px 13px;font-size:13px}.gallery-main{display:block;max-height:56vh;max-width:100%;margin:15px auto 25px;object-fit:contain;border-radius:16px}.photo-bubbles{display:flex;justify-content:center;gap:25px;padding:12px}.photo-bubble{border-radius:50%;width:85px;height:85px;padding:0;border:3px solid #ddcba7;background:#e6dbc3;position:relative;overflow:hidden;transition:transform .2s,box-shadow .2s}.photo-bubble img{width:100%;height:100%;object-fit:cover}.photo-bubble:first-child img{position:absolute;width:300%;height:auto;max-width:none;left:-50%;top:-155%}.photo-bubble:hover,.photo-bubble:focus-visible{transform:scale(1.28);box-shadow:0 12px 30px #31404c33;z-index:1}.photo-bubble.chosen{border-color:#b5863e}.profile-ring:focus-visible{outline:3px solid #b68a45;outline-offset:5px}@media(max-width:650px){.profile{padding:190px 28px 32px;border-radius:18px 40px 18px 18px;text-align:center}.profile-ring{top:28px;left:calc(50% - 65px);width:130px;height:130px}.profile h1{font-size:40px}.stats-grid{grid-template-columns:1fr 1fr}.photo-bubbles{gap:14px}.photo-bubble{width:58px;height:58px}.photo-dialog{padding:18px}.gallery-head h2{font-size:24px}}@media(prefers-reduced-motion:reduce){.photo-bubble{transition:none}}
:root{color:#27484c;background:#f5faf7}body{background:radial-gradient(ellipse at 85% 0%,#f4fbbd77,transparent 52%),radial-gradient(ellipse at 0% 35%,#d7f7f433,transparent 55%)}header{background:linear-gradient(110deg,#effdff,#f7fce6);border-color:#d9ece5}.brand{color:#09aaba}.domain{color:#599d82}.brand-mark{background:linear-gradient(135deg,#04b8c2,#52c9a1);color:white}nav button{color:#6a8590}nav button.active{background:#e0f7f0;color:#049ead}nav button.active:after{background:linear-gradient(90deg,#06bad0,#d6e93e)}button{background:linear-gradient(110deg,#05aabd,#08a291)}.profile{background:#fffefa;border-color:#e4efdb;box-shadow:12px 12px 0 #e9f2c166}.profile-ring{background:linear-gradient(145deg,#00b9cd,#d8ec45);box-shadow:0 8px 25px #08b5c125}.avatar{border-color:#f5fbdc}.profile h1{font-family:Segoe UI,Arial,sans-serif;font-weight:700;color:#06aab1;letter-spacing:-1.6px}.profile:before{color:#839937}.profile-subtitle{color:#55a491}.bio{color:#6d7771}.card{border-color:#e9efdf}.cover-blog{background:radial-gradient(circle at 75% 30%,#e7ef5999,transparent 45%),linear-gradient(125deg,#006f82,#12b8b0)}.cover-orb{border-color:#f3f9ad99;box-shadow:inset 0 0 35px #dfea6155,0 0 35px #9be9ba22;background:radial-gradient(circle at 30% 30%,#eef8af88,transparent 70%)}.category-badge,.blog-filters .chosen{background:#05a9b8}.text-button,.card button,.footer-name{color:#049db3}.outline-button{border-color:#05b8c5;color:#049db3;background:transparent}.feature-grid article{border-color:#ebf1db}.feature-grid article>span{filter:none}.feature-grid article:nth-child(2){background:#fcfde9}.site-footer{background:#eff9f5;color:#738d91;border-top:1px solid #d9ebe2}.site-footer .brand{color:#08a9b8}.site-footer .brand .domain{color:#719a51}.footer-grid h3{color:#28474b}.footer-grid button,.footer-grid a{color:#71919a}.footer-grid .brand-mark{background:linear-gradient(140deg,#03b3c4,#9dce62);color:white}.footer-bottom{border-color:#dcebe1}.course-filter button:first-child,.course-filter .chosen{background:#eff9d9;border-color:#d9eaa5;color:#66823d}.course-cover{background:linear-gradient(130deg,#00a7c0,#45cab3)}.tone-1{background:linear-gradient(130deg,#718f32,#bed650)}.tone-2{background:linear-gradient(130deg,#14a58f,#7dd1bb)}.tone-3{background:linear-gradient(130deg,#c3a528,#e5d668)}.week-row{background:#eff9f0;border-color:#91d8c8;color:#378c87}.week-number,.course-badges span:first-child{background:linear-gradient(135deg,#00bfd2,#48b592)}.course-badges span{color:#51988d;border-color:#c4e5d1}.student-box{background:#fffefa;border-color:#deebd2}.student-box h2{color:#099cae}.stats-grid>div{background:#eef7df}.stats-grid strong{color:#029fae}.stats-panel{border-color:#dfecd6;background:#fffefa}.photo-dialog{background:#f8fff4;border-color:#d8eaa8}.photo-dialog::backdrop{background:#0a444dbb}.photo-bubble{border-color:#c6df83;background:#eff5d7}.photo-bubble.chosen{border-color:#00b7bc}.admin-menu{margin:0 0 25px;justify-content:flex-start;gap:8px}.admin-menu button{background:#edf7ef;color:#4e8584}.admin-menu button.chosen{background:#08aeb7;color:white}.journal-panel{overflow:auto}.journal-panel table{width:100%;border-collapse:collapse;margin:25px 0}.journal-panel td,.journal-panel th{padding:12px;text-align:left;border-bottom:1px solid #e6efdf;font-size:13px}.journal-panel button{margin:6px}.stats-panel select{max-width:480px}
.about-layout{display:grid;grid-template-columns:290px 1fr;gap:30px;align-items:start}.about-profile{text-align:center;padding:30px 20px;border-radius:26px;border-color:#e0efda}.about-photo{position:relative;width:156px;height:156px;border-radius:50%;padding:0;overflow:hidden;border:4px solid #ddef80;background:#e5fbf3;margin:auto;cursor:zoom-in}.about-photo img{position:absolute;width:300%;max-width:none;height:auto;left:-50%;top:-155%}.about-profile h2{font-size:27px;margin:22px 0 10px;color:#1d5557}.about-profile p{color:#6c9290;font-size:14px}.about-badge{display:inline-block;background:#f0f7cc;color:#728641;font-size:12px;border-radius:20px;padding:9px 14px;margin-top:14px}.about-stack{display:grid;gap:26px}.about-stack .panel{border-color:#e4eddc;border-radius:25px;padding:30px}.about-stack h2{font-size:23px;margin:0 0 22px}.about-stack p{line-height:1.8;color:#6c7974}.about-links{display:grid;grid-template-columns:1fr 1fr;gap:16px}.about-links a{padding:20px;border:1px solid #d8eadc;border-radius:12px;color:#209a9b}.about-links a:hover{background:#f6fbdc}@media(max-width:720px){.about-layout{grid-template-columns:1fr}.about-links{grid-template-columns:1fr}.about-profile{max-width:100%}}
.site-login-button{margin-left:4px;white-space:nowrap;font-size:13px;padding:10px 17px;border-radius:25px}.member-invite{max-width:820px;margin:-40px auto 55px;border:1px solid #e0eaaa;border-left:4px solid #12b7b3;border-radius:16px;padding:25px 28px;background:linear-gradient(110deg,#edfbf7,#f8fcdb);display:grid;grid-template-columns:1fr auto;gap:9px 22px;align-items:center}.member-invite strong{font-size:20px;color:#228780}.member-invite p{margin:0;color:#6c8178;line-height:1.7;font-size:14px}.member-invite button{grid-column:2;grid-row:1 / 3;white-space:nowrap;border-radius:24px;font-size:13px}.student-box{width:min(570px,92vw);max-height:90vh;border:1px solid #deebd2;padding:32px;overflow:auto;margin:auto;color:#27484c}.student-box::backdrop{background:#123f4aaa;backdrop-filter:blur(5px)}.close-login{display:block;margin-left:auto;background:transparent;color:#6f8985;padding:5px 0;font-size:13px}.locked-notice{max-width:700px;margin:50px auto;padding:25px;border:1px solid #dcebc9;border-radius:18px;background:#f8fbe9;text-align:center;line-height:1.8;color:#698176}@media(max-width:750px){.member-invite{grid-template-columns:1fr;margin-top:-25px}.member-invite button{grid-column:1;grid-row:auto;justify-self:start}.site-login-button{font-size:12px;padding:8px 13px}}
.daily-strip{max-width:1320px;margin:22px auto 0;padding:0 24px;display:grid;grid-template-columns:1fr 1.1fr 1.5fr;gap:15px}.daily-strip>div{background:#fffefa;border:1px solid #deebcd;border-radius:18px;padding:18px;min-width:0;display:flex;flex-wrap:wrap;gap:10px;align-content:start}.daily-strip small{display:block;width:100%;font-size:10px;letter-spacing:1.8px;color:#7c9759}.daily-strip select,.daily-strip input{margin:0;padding:8px;min-width:0;font-size:12px}.daily-radio select{width:120px}.daily-radio input[type=range]{width:85px;padding:0}.daily-strip button{font-size:12px;padding:8px 12px;border-radius:20px}.widget-note{display:block;flex-basis:100%;font-size:10px;line-height:1.7;color:#809189}.daily-weather>strong{width:100%;font-size:16px;color:#299c9b}.daily-weather form{display:flex;gap:6px;flex:1}.daily-weather form input{width:100px;flex:1}.market-quotes{display:grid;grid-template-columns:repeat(3,1fr);width:100%;gap:12px}.market-quotes span{display:block;font-size:11px;color:#7d8980;margin-bottom:7px}.market-quotes strong{font-size:16px;color:#199fa4;white-space:nowrap}.market-quotes>div:last-child strong{color:#969825}.widget-sources{font-size:10px;color:#809189}.widget-sources a{display:inline-block;margin:8px 12px 0 0;color:#16949b}@media(max-width:1050px){.daily-strip{grid-template-columns:1fr 1fr}.daily-market{grid-column:1 / -1}}@media(max-width:650px){.daily-strip{grid-template-columns:1fr;padding:0 16px}.daily-market{grid-column:auto}.market-quotes strong{font-size:14px}}
body.with-sidebar{padding-left:304px}body.with-sidebar>header{margin-left:-304px;position:relative;z-index:2}.daily-strip{position:absolute;left:18px;top:112px;width:270px;margin:0;padding:0;display:flex;flex-direction:column;gap:14px;max-width:none}.daily-strip>div{width:100%;padding:17px;border-radius:18px}.daily-strip .daily-market{grid-column:auto}.daily-strip select,.daily-strip input[type=text],.daily-strip input:not([type]){width:100%}.daily-radio>select:first-of-type{width:130px}.daily-strip select[size]{border-radius:10px;background:#f7fbf2;padding:7px}.daily-strip select[size] option{padding:7px 4px}.daily-weather form{width:100%;flex-basis:100%}.market-quotes{grid-template-columns:1fr;gap:10px}.market-quotes>div{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #edf1df;padding-bottom:8px}.market-quotes span{margin:0}.news-list{display:grid;gap:0;width:100%;max-height:430px;overflow:auto}.news-list a{display:block;font-size:12px;line-height:1.6;padding:12px 0;border-bottom:1px solid #e7eeda;color:#487576}.news-list a:hover{color:#00a6b4}.daily-news select{width:100%}body.with-sidebar>main{min-height:1850px;padding-left:25px;padding-right:25px}.daily-radio .widget-note{overflow-wrap:anywhere}@media(max-width:1150px){body.with-sidebar{padding-left:264px}body.with-sidebar>header{margin-left:-264px}.daily-strip{width:235px;left:14px;top:150px}.profile{padding-left:28px;padding-top:195px;text-align:center}.profile-ring{left:calc(50% - 70px);top:30px}}@media(max-width:800px){body.with-sidebar{padding-left:0}body.with-sidebar>header{margin-left:0}.daily-strip{position:static;width:auto;margin:20px 16px;display:grid;grid-template-columns:1fr 1fr;padding:0}.daily-strip>div{min-width:0}body.with-sidebar>main{min-height:0}.daily-strip .daily-market{grid-column:auto}}@media(max-width:520px){.daily-strip{display:flex;flex-direction:column}}
body.with-sidebar{padding-left:0}body.with-sidebar>header{margin-left:0}.site-shell{display:grid;grid-template-columns:270px minmax(0,1fr);gap:26px;max-width:1640px;margin:24px auto;padding:0 20px;align-items:start}.site-shell>.daily-strip{position:static;top:auto;left:auto;width:100%;margin:0;display:flex;padding:0}.site-shell>main{width:100%;min-width:0;min-height:0;padding-top:30px;padding-left:0;padding-right:0}.site-shell .profile{margin-bottom:70px}.site-shell .daily-strip .market-quotes{grid-template-columns:1fr}@media(max-width:1150px){.site-shell{grid-template-columns:235px minmax(0,1fr);gap:18px}}@media(max-width:800px){.site-shell{display:flex;flex-direction:column;padding:0 16px}.site-shell>.daily-strip{display:grid;grid-template-columns:1fr 1fr;gap:12px}.site-shell>main{padding-top:20px}.site-shell .daily-strip>div{width:100%}}@media(max-width:520px){.site-shell>.daily-strip{display:flex;flex-direction:column}}
.nav-group{display:flex;align-items:center;position:relative}.nav-group>button{padding-right:4px}.nav-dropdown{position:relative}.nav-dropdown>summary{list-style:none;cursor:pointer;padding:12px 8px;color:#319b9a}.nav-submenu{position:absolute;right:0;top:100%;min-width:210px;background:#fffef7;border:1px solid #dbeccc;border-radius:14px;padding:8px;z-index:30;box-shadow:0 12px 30px #23585b22;display:flex;flex-direction:column}.nav-submenu button{text-align:left;text-transform:none;width:100%}.nav-submenu .nav-group{width:100%}.nav-submenu .nav-submenu{position:static;box-shadow:none;margin:5px}.design-panel{max-width:1100px}.menu-editor{display:grid;gap:10px;margin:24px 0}.menu-editor-row{display:grid;grid-template-columns:38px minmax(100px,1fr) minmax(100px,1fr) 100px 35px 35px 65px;gap:9px;align-items:center;background:#f4f9ec;border:1px solid #dcecc9;border-radius:12px;padding:12px}.menu-editor-row input,.menu-editor-row select{margin:0;font-size:13px}.menu-editor-row button{padding:8px;font-size:12px}.menu-editor-row button[draggable]{cursor:grab;font-size:21px;background:#dfeec5;color:#578b66}.toggle-label{display:flex;align-items:center;gap:9px;margin:0;font-size:13px;font-weight:500}.toggle-label input[type=checkbox]{width:18px;height:18px;margin:0;accent-color:#08a9ad}.menu-add{display:flex;gap:12px;align-items:center;margin:20px 0}.menu-add input,.menu-add select{margin:0;flex:1;width:auto}.menu-add button{white-space:nowrap}.widget-switches{display:flex;flex-wrap:wrap;gap:18px;padding:18px;background:#f8faeb;border-radius:14px;margin-bottom:22px}.designer-result{color:#218c7e;line-height:1.7}.news-ticker{display:flex;align-items:center;gap:16px;padding:10px 22px;background:linear-gradient(90deg,#edfbcf,#ecfaf8);border-bottom:1px solid #dbeabb;overflow:hidden;min-height:48px}.news-ticker>strong{flex:none;background:#04a7ae;color:white;font-size:10px;letter-spacing:1px;padding:9px 12px;border-radius:5px}.ticker-window{overflow:hidden;flex:1}.ticker-track{display:flex;width:max-content;gap:55px;animation:news-scroll 100s linear infinite;align-items:center}.ticker-track a{display:flex;gap:10px;white-space:nowrap;font-size:13px;color:#3d6a67;padding:5px}.ticker-track a>span:first-child{color:#81a12c;font-weight:700}.news-ticker>button{flex:none;font-size:12px;padding:7px 11px}.news-ticker:hover .ticker-track,.news-ticker:focus-within .ticker-track,.news-ticker.paused .ticker-track{animation-play-state:paused}.news-ticker.paused .ticker-window{overflow-x:auto}.site-shell.no-sidebar{grid-template-columns:minmax(0,1fr);max-width:1200px}@keyframes news-scroll{from{transform:translateX(0)}to{transform:translateX(-85%)}}@media(prefers-reduced-motion:reduce){.ticker-track{animation:none}.ticker-window{overflow-x:auto}}@media(max-width:800px){.menu-editor-row{grid-template-columns:35px 1fr 1fr}.menu-editor-row .toggle-label{grid-column:2}.menu-add{flex-wrap:wrap}.menu-add input,.menu-add select{width:100%;flex-basis:100%}.news-ticker{padding:9px 12px;gap:9px}.news-ticker>strong{font-size:8px;padding:8px}}
/* Şeffaf prizma yüzeyleri */
.site-shell>.daily-strip{isolation:isolate;gap:22px}.daily-strip>div{position:relative;isolation:isolate;overflow:visible;background:linear-gradient(145deg,#ffffffd9,#f5fffdba 55%,#fcffe1bd);border:1px solid #ffffffed;border-radius:22px;box-shadow:0 14px 30px #128e9810,inset 0 1px 0 #fff;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.daily-strip>div::before{content:'';position:absolute;inset:8px -6px -9px 7px;z-index:-2;border-radius:23px;background:conic-gradient(from 35deg at 70% 55%,#00bdcc12,#deef6580,#ffffff05,#37d4cb57,#91e7f326,#f3ff945c,#00bdcc12);border:1px solid #8edee652;clip-path:polygon(0 2%,88% 0,100% 15%,99% 88%,87% 100%,7% 96%);pointer-events:none;filter:drop-shadow(0 9px 8px #26adad0d)}.daily-strip>div::after{content:'';position:absolute;inset:0;z-index:-1;border-radius:22px;background:linear-gradient(126deg,transparent 0 35%,#ffffff70 35.2%,transparent 36% 70%,#cfed5733 70.2%,transparent 71%),linear-gradient(32deg,transparent 45%,#20c9d512 45.2%,transparent 67%);pointer-events:none}.daily-strip>div>small{font-weight:700;color:#278f90;letter-spacing:2px;display:flex;align-items:center;gap:8px}.daily-strip>div>small:before{content:'';width:7px;height:7px;border-radius:2px;transform:rotate(45deg);background:linear-gradient(135deg,#0fc6c9,#dfee67);box-shadow:0 0 12px #28c9c74d}.daily-strip input,.daily-strip select{background:#ffffffb8;border-color:#cce9dd}.news-ticker{background:linear-gradient(110deg,#e1fbf3d9,#fbffcfb3 52%,#e4f8ffd9);backdrop-filter:blur(14px);box-shadow:0 5px 18px #18a8ad0a}.daily-strip .news-list a{border-color:#d0e8dc77}.daily-strip button{box-shadow:0 4px 10px #00aaa918}.daily-strip .widget-note{color:#617b76}@media(prefers-reduced-motion:no-preference){.daily-strip>div{transition:transform .2s,box-shadow .2s}.daily-strip>div:hover{transform:translateY(-2px);box-shadow:0 18px 38px #128e981c,inset 0 1px 0 white}}

.footer-bottom{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px}.footer-bottom>span:last-child{text-align:right}#site-design{padding:10px 22px;border:1px solid #21b8bc;border-radius:24px;background:linear-gradient(120deg,#defafb,#f5f8ba);color:#126368;cursor:pointer}.design-dialog{width:min(640px,90vw);max-height:85vh;border:1px solid #9bdcda;border-radius:22px;padding:26px;color:#173c40}.design-dialog::backdrop{background:#12343d88}.design-dialog textarea{display:block;width:100%;height:220px;margin:16px 0;box-sizing:border-box}.design-dialog button,.design-dialog a{margin:8px;padding:10px;display:inline-block}@media(max-width:650px){.footer-bottom{grid-template-columns:1fr;text-align:center}.footer-bottom>span:last-child{text-align:center}}

[hidden]{display:none!important}
.site-shell>main{margin:0;align-self:start;padding-top:0}
.page-heading{font-size:30px;margin:0 0 24px;letter-spacing:-.5px;color:#17666a;background:none}
.news-list{display:block;height:430px;overflow:hidden;max-height:430px}
.vertical-news-track{animation:vertical-news-flow 120s linear infinite}
.vertical-news-track a strong,.vertical-news-track a span{display:block}
.vertical-news-track a strong{color:#079ba6;font-size:11px;margin-bottom:5px}
.daily-news.paused .vertical-news-track,.daily-news:hover .vertical-news-track,.daily-news:focus-within .vertical-news-track{animation-play-state:paused}
.daily-news.paused .news-list{overflow:auto}
.ticker-track{gap:0;animation-name:continuous-news-flow}
.ticker-group{display:flex;align-items:center;gap:55px;padding-right:55px}
@keyframes vertical-news-flow{to{transform:translateY(-50%)}}
@keyframes continuous-news-flow{to{transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce){.vertical-news-track{animation:none}.news-list{overflow:auto}}
@media(max-width:800px){.site-shell>main{order:-1}}
.widget-order{display:grid;gap:10px;margin:18px 0 28px}.widget-order-row{display:flex;align-items:center;gap:10px;padding:14px 18px;border:1px solid #b7e2c6;border-radius:14px;background:linear-gradient(110deg,#e7faf7,#f7fad8);cursor:grab}.widget-order-row>span{flex:1;color:#206766;font-weight:600}.widget-order-row button:disabled{opacity:.3;cursor:default}

.daily-radio{position:relative;overflow:visible!important}
.radio-picker{display:inline-block;position:relative;flex:1;min-width:0;width:145px;vertical-align:middle}
.radio-picker>summary{cursor:pointer;list-style:none;padding:12px;background:#fffff5;border:1px solid #cce7ca;border-radius:9px;color:#254843;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}
.radio-picker>summary::-webkit-details-marker{display:none}
.radio-picker-menu{position:absolute;top:calc(100% + 7px);left:0;width:280px;max-width:calc(100vw - 60px);max-height:65vh;overflow:auto;background:#fcfff4;border:1px solid #a2d8c9;border-radius:15px;padding:14px;box-shadow:0 15px 40px #17483f35;z-index:50;display:grid;gap:10px}
.radio-picker:not([open])>.radio-picker-menu{display:none}
.daily-radio:has(.radio-picker[open]){z-index:60}
.radio-favorites{display:flex;flex-wrap:wrap;gap:5px}.radio-favorites button{font-size:12px;padding:7px 10px}
.radio-picker-menu select,.radio-picker-menu input{width:100%;margin:0}
/* Ekrana göre akışkan yerleşim */
body{min-width:0}
header{flex-wrap:wrap;gap:clamp(10px,1.5vw,24px);padding:14px clamp(12px,2vw,32px)}
header nav{min-width:0;gap:clamp(4px,1vw,18px)}
header .brand{font-size:clamp(21px,2vw,29px)}
.site-shell{width:100%;max-width:1920px;grid-template-columns:clamp(230px,18vw,310px) minmax(0,1fr);gap:clamp(18px,2vw,36px);padding-inline:clamp(12px,2vw,36px)}
.site-shell>main{max-width:none;container-type:inline-size}
main>*,.course-layout>*,.course-columns>*,.about-layout>*,.editor-grid>*{min-width:0}
#cards,.course-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:clamp(16px,2vw,28px)}
.about-layout{grid-template-columns:minmax(200px,27%) minmax(0,1fr)}
.course-layout{grid-template-columns:minmax(170px,21%) minmax(0,1fr)}
.course-columns{grid-template-columns:minmax(0,1fr) minmax(180px,25%)}
.card,.panel,.about-stack,.course-info{overflow-wrap:anywhere}
main img{max-width:100%}.about-photo img{max-width:none}
pre{max-width:100%;overflow:auto}
input,textarea,select{max-width:100%}
.footer-grid{gap:clamp(20px,4vw,70px)}
.profile h1{font-size:clamp(30px,4vw,49px)}
@container (max-width:750px){.about-layout,.course-layout,.course-columns{grid-template-columns:minmax(0,1fr)}.about-profile{width:100%}.feature-grid,.about-links{grid-template-columns:minmax(0,1fr)}}
@media(min-width:801px) and (max-width:1200px){header nav{order:3;width:100%;justify-content:center;margin:0}.admin-link{margin-left:auto}}
@media(max-width:800px){
 .site-shell{display:flex;flex-direction:column;gap:24px;margin-top:18px}
 .site-shell>main{order:-1;width:100%;padding-top:0}
 .site-shell>.daily-strip{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;gap:16px}
 header nav{order:3;width:100%;margin:0;justify-content:center;gap:3px}
 header nav button{padding:12px 9px;font-size:12px}
 .about-layout,.course-layout,.course-columns,.editor-grid{grid-template-columns:minmax(0,1fr)}
 .footer-grid{grid-template-columns:1fr;gap:25px}
 .member-invite{grid-template-columns:1fr;margin:0 auto 28px}
 .lesson-layout{grid-template-columns:1fr}
}
@media(max-width:520px){
 .site-shell>.daily-strip{display:flex;flex-direction:column}
 .site-shell{padding-inline:12px}
 main{padding-inline:12px}
 .profile{padding-inline:20px;max-width:100%}
 .feature-grid,.about-links{grid-template-columns:1fr}
 .about-stack .panel{padding:20px}
 .footer-bottom{grid-template-columns:1fr;text-align:center}
 .footer-bottom>span:last-child{text-align:center}
 .news-ticker{min-width:0}.ticker-window{min-width:0}
 .menu-editor-row{grid-template-columns:30px minmax(0,1fr) minmax(0,1fr)}
 .stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
.field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 20px}.field-help{display:block;color:#68878a;font-weight:400;font-size:12px;line-height:1.5;margin-top:5px}.structured-editor{margin:20px 0}.cover-preview{display:block;width:100%;max-height:230px;object-fit:contain;border-radius:14px;margin:15px 0}.danger-button{background:#a63843;margin:15px 0}.card-cover-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.course-cover{position:relative;overflow:hidden;min-height:180px}.course-cover.has-cover>strong,.course-cover.has-cover>small{position:relative;z-index:1;background:#083b51b8;padding:5px 12px;border-radius:10px}.has-cover .cover-orb{display:none}.has-cover .category-badge{z-index:1}.brand-mark{display:inline-flex!important;align-items:center;justify-content:center;width:48px;height:48px;padding:0!important;border-radius:12px;background:transparent!important;flex:none}.brand-mark img{width:100%;height:100%;object-fit:contain}.manager-welcome{display:block;padding:10px 24px;text-align:center;background:#edf7ce;color:#226d64;font-weight:600}.designer-extras{padding:20px;background:#f6faea;border-radius:16px;margin-bottom:25px}.designer-extras>a{display:inline-block;padding:15px}.breaking-dot{color:#e32f46!important;animation:news-alert 1.4s ease-in-out infinite;font-size:12px;margin-right:5px}@keyframes news-alert{50%{opacity:.25}}@media(prefers-reduced-motion:reduce){.breaking-dot{animation:none}}@media(max-width:650px){.field-grid{grid-template-columns:1fr}}

#site-design>span,#site-design>small{display:block}#site-design>small{margin-top:4px;font-size:12px;font-weight:600;letter-spacing:.4px}
.content-block{padding:18px;border:1px solid #c9e5d6;background:#f6fcf6;border-radius:14px;margin:14px 0}.content-block>input{font-weight:600}.content-block textarea{font-family:inherit}.content-block button{font-size:12px;padding:8px 12px;background:#6f8183}fieldset{border:1px solid #bee2cf;border-radius:14px;margin:22px 0;padding:20px}fieldset input[type=checkbox]{width:22px;height:22px;display:block}.course-tabs{margin:0 0 24px;justify-content:flex-start}.course-tabs button{background:#e1f0ce;color:#266c69}.course-tabs .chosen{background:#09a9ae;color:white}.homework-card,.submission-row{margin:16px 0;padding:20px}.homework-submit{background:#f5fbef;color:#234b4e;margin:25px 0}.homework-submit input{color:#233;background:white}

/* Phone and touch layouts */
@media(max-width:600px){
 header{padding:12px;gap:10px;flex-wrap:wrap}
 header nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}
 header nav button{width:100%;min-height:44px;padding:10px 5px}
 header .brand{font-size:22px;gap:8px}.brand-mark{width:40px;height:40px}
 .nav-group{min-width:0}.nav-submenu{min-width:0;width:min(240px,80vw);max-width:80vw}
 button,.admin-link,input:not([type=checkbox]):not([type=range]),select{min-height:44px}
 input,select,textarea{font-size:16px!important;min-width:0}
 input[type=file]{width:100%;white-space:normal}
 .panel,#editor,.course-detail{padding:18px}
 .content-block,fieldset,.designer-extras{padding:12px;min-width:0}
 .field-grid{grid-template-columns:minmax(0,1fr)}
 .toolbar,.gallery-head,.lesson-bar,.lesson-controls,.lesson-pager{flex-wrap:wrap}
 .course-tabs{gap:8px;width:100%;margin-left:0}.course-tabs button{flex:1;padding:10px}
 .lesson-top{padding:12px}.lesson-top>*,.lesson-bar>*{min-width:0;max-width:100%;overflow-wrap:anywhere}
 .lesson-body{padding:14px;font-size:16px}.lesson-hero{padding:18px}
 .lesson-side button{min-height:44px;font-size:13px}
 .homework-submit{padding:15px}.homework-submit form{min-width:0}
 .week-row{gap:10px}.week-row strong,.week-row small{white-space:normal;overflow-wrap:anywhere}
 dialog{max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);padding:18px;overflow:auto}
 .quick-access>div{display:flex;flex-direction:column;gap:12px}
 .site-footer{padding:28px 18px}.footer-grid .brand{font-size:23px}
 .menu-editor-row{grid-template-columns:32px minmax(0,1fr)}
 .menu-editor-row input,.menu-editor-row select{grid-column:2}
 .menu-editor-row button{min-height:44px}
 .article-content,.lesson-part{overflow-wrap:anywhere}
 .article-content table,.lesson-part table{display:block;max-width:100%;overflow-x:auto}
}
@media(pointer:coarse){button,input,select{touch-action:manipulation}}
.view-switch{display:flex;justify-content:center;gap:6px;padding:8px;background:#eaf8ed;border-bottom:1px solid #cce5d7}.view-switch button{min-height:36px;padding:7px 15px;font-size:13px;background:transparent;color:#276668;border:1px solid #b8dcd5}.view-switch button[aria-pressed=true]{background:#078c94;color:#fff;border-color:#078c94}body[data-view=mobile]{max-width:390px;margin-inline:auto}body[data-view=mobile] .lesson-overlay{max-width:390px;margin-inline:auto}body[data-view=mobile] dialog{max-width:min(366px,calc(100vw - 24px))}body[data-view=desktop]{min-width:1200px}.view-switch button:focus-visible{outline:3px solid #a1ba28;outline-offset:2px}

.view-switch{flex-wrap:wrap;align-items:center}.zoom-controls{display:flex;gap:4px;padding-left:8px;border-left:1px solid #b8dcd5}.zoom-controls button{min-width:40px;min-height:44px}.view-switch button:disabled{opacity:.4;cursor:default}

.view-switch>button{display:inline-flex;align-items:center;gap:6px}.view-switch svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
/* Compact display tools in the lower right corner. */
.view-switch{position:fixed;right:12px;bottom:max(12px,env(safe-area-inset-bottom));z-index:150;max-width:calc(100vw - 24px);padding:5px;gap:3px;border:1px solid #b7ddd4;border-radius:14px;background:#f6fff7ed;box-shadow:0 4px 20px #164a4925;backdrop-filter:blur(12px)}
.view-switch>button{font-size:11px;min-height:32px;padding:5px 7px;gap:4px;border-radius:9px}.view-switch svg{width:14px;height:14px}.zoom-controls{padding-left:4px;gap:2px}.zoom-controls button{min-width:28px;min-height:32px;padding:4px 5px;font-size:11px;border-radius:8px}.site-footer{padding-bottom:85px}
@media(max-width:380px){.view-switch{right:6px;bottom:max(8px,env(safe-area-inset-bottom));max-width:calc(100vw - 12px);gap:2px}.view-switch>button{font-size:10px;padding:4px 5px}.view-switch svg{width:12px;height:12px}.zoom-controls button{font-size:10px;min-width:25px}}
.submission-filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px}.submission-table-wrap{width:100%;overflow:auto;margin-bottom:30px}.submission-table{width:100%;border-collapse:collapse;min-width:850px}.submission-table th,.submission-table td{text-align:left;padding:12px;border-bottom:1px solid #d5e7dd;vertical-align:top}.submission-table th{background:#e9f6dc;color:#245f62}.submission-table td input{width:85px;margin:0 0 8px}.submission-table td button{display:block;padding:7px 10px;font-size:12px}.submission-table a{color:#078b96;text-decoration:underline;white-space:nowrap}.homework-grade{padding:12px;background:#dcefb9;color:#224e38;font-weight:bold;border-radius:10px}
.homework-reader{max-width:1050px;margin:0 auto;min-height:calc(100dvh - 60px)}.homework-reader .lesson-hero h2{font-size:18px;color:#b9d8ed;margin-bottom:8px}
/* Faceted glass controls for lesson and homework readers. */
.lesson-top button.prism-mode,.lesson-top button.prism-fullscreen,.lesson-top button.prism-close{--glass:30,101,220;position:relative;isolation:isolate;overflow:hidden;min-height:44px;padding:11px 20px;border:1px solid rgba(var(--glass),.48);border-radius:12px;background:linear-gradient(125deg,rgba(var(--glass),.24),rgba(var(--glass),.10) 46%,rgba(var(--glass),.30));color:#16488c;font-weight:700;font-size:14px;box-shadow:inset 0 1px 0 #fff,0 5px 13px rgba(var(--glass),.17);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:box-shadow .18s,transform .18s}
.lesson-top button.prism-fullscreen{--glass:235,126,18;color:#864000}.lesson-top button.prism-close{--glass:219,48,67;color:#9e2033}
.lesson-top button[class*='prism-']::before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(130deg,transparent 0 34%,#ffffff80 34.5%,#ffffff18 52%,transparent 52.5%),linear-gradient(30deg,transparent 48%,#ffffff60 48.5%,transparent 50%);clip-path:polygon(0 0,100% 0,100% 65%,65% 100%,0 100%)}
.lesson-top button[class*='prism-']:hover{box-shadow:inset 0 1px 0 #fff,0 7px 18px rgba(var(--glass),.30);transform:translateY(-1px)}.lesson-top button[class*='prism-']:focus-visible{outline:3px solid currentColor;outline-offset:3px}.lesson-controls{flex-wrap:wrap;gap:10px}
@media(max-width:600px){.lesson-top button[class*='prism-']{padding:10px 13px;font-size:13px}.lesson-controls{gap:7px}}
@media(prefers-reduced-motion:reduce){.lesson-top button[class*='prism-']{transition:none}.lesson-top button[class*='prism-']:hover{transform:none}}
.grades-dialog{width:min(850px,94vw);max-height:85dvh;overflow:auto;border:1px solid #99cfc9;border-radius:20px;color:#245258;padding:24px}.grades-dialog::backdrop{background:#102d3b99}.grades-table{width:100%;border-collapse:collapse}.grades-table th,.grades-table td{padding:16px;border:1px solid #c9dfd6;text-align:center;white-space:nowrap}.grades-table th{background:#e9f8f2}.grades-table th:last-child,.grades-table td:last-child{background:#eef4c1;font-weight:700}.grades-dialog>button{float:right}
.grade-mail-choice{display:flex;align-items:center;gap:7px;font-size:12px;white-space:nowrap;margin:8px 0}.submission-table td .grade-mail-choice input{width:18px;height:18px;min-height:18px;margin:0;accent-color:#079da5}
/* Saved control-panel theme. */
body{background:var(--site-background,#f3faf5);color:var(--site-text,#245258)}header{background:linear-gradient(110deg,var(--site-bannerStart,#d5f7f0),var(--site-bannerEnd,#f5f9c8))}.panel,.card,.profile,.feature-grid article,.about-profile,.course-detail{background:var(--site-surface,#fff);color:var(--site-text,#245258);border-radius:var(--site-radius,20px)}button:not([class*='prism-']):not(.danger-button){background:linear-gradient(120deg,var(--site-primary,#08aeb7),color-mix(in srgb,var(--site-primary,#08aeb7) 80%,black));color:white}header nav button,.admin-menu button,.control-tabs button{background:color-mix(in srgb,var(--site-secondary,#e5ef82) 35%,transparent)!important;color:var(--site-text,#245258)!important}.daily-strip>div{background:linear-gradient(135deg,color-mix(in srgb,var(--site-bannerStart,#d5f7f0) 85%,transparent),color-mix(in srgb,var(--site-bannerEnd,#f5f9c8) 85%,transparent));border-radius:var(--site-radius,20px)}.daily-strip>div::before{background:linear-gradient(145deg,var(--site-bannerStart,#d5f7f0),var(--site-bannerEnd,#f5f9c8));opacity:.45}.news-ticker{background:linear-gradient(110deg,var(--site-bannerStart,#d5f7f0),var(--site-bannerEnd,#f5f9c8))}.profile h1,.brand{color:var(--site-primary,#08aeb7)}.profile h1{background:none;-webkit-text-fill-color:currentColor}.site-shell{grid-template-columns:var(--sidebar-width,280px) minmax(0,1fr)}.site-shell[data-position=right]{grid-template-columns:minmax(0,1fr) var(--sidebar-width,280px)}.site-shell[data-position=right]>main{grid-column:1;grid-row:1}.site-shell[data-position=right]>.daily-strip{grid-column:2;grid-row:1}.site-shell[data-position=top],.site-shell[data-position=bottom]{display:flex;flex-direction:column}.site-shell[data-position=bottom]>.daily-strip{order:2}.site-shell[data-position=top]>.daily-strip,.site-shell[data-position=bottom]>.daily-strip{width:100%;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.home-custom-order{display:flex;flex-direction:column}.home-custom-order>*{width:100%}.home-custom-order #status{order:-2}.home-custom-order .profile{align-self:center}.control-tabs{margin:15px 0;gap:8px}.control-panel fieldset{min-width:0}.control-panel input[type=color]{height:48px;width:100%;padding:4px}.control-sort-row{display:flex;align-items:center;gap:8px;padding:10px;margin:8px 0;border:1px solid #bdd9d0;border-radius:12px;cursor:grab}.control-sort-row span{flex:1}.control-sort-row button{padding:7px 12px}.layout-sketch{display:grid;gap:14px;padding:16px;background:#eef4f0;border:1px dashed #789;overflow:auto}.layout-sketch>div>div{padding:15px;margin:8px 0;border:1px solid #b9cfc3;border-radius:12px;background:linear-gradient(120deg,var(--site-bannerStart),var(--site-bannerEnd))}.layout-main{min-width:180px}.resize-banner{cursor:ew-resize;touch-action:none;width:100%;font-size:12px}
@media(max-width:800px){.site-shell[data-position]{display:flex;flex-direction:column}.site-shell[data-position]>main{order:0}.site-shell[data-position]>.daily-strip{order:1}.site-shell[data-position=top]>.daily-strip{order:-1}.site-shell[data-position]>.daily-strip{width:100%;grid-template-columns:1fr}.layout-sketch{max-width:100%}}
/* Readable text regardless of saved palette. */
body{color:var(--page-ink,#245258)}.panel,.card,.profile,.feature-grid article,.about-profile,.course-detail{color:var(--surface-ink,#245258)}.panel p,.card p,.card small,.course-foot,.profile .bio,.profile-subtitle{color:inherit;opacity:1}.profile h1{color:var(--surface-ink,#245258)}
button:not([class*='prism-']):not(.danger-button){background:var(--site-primary,#08aeb7);color:var(--button-ink,#fff)}
header .brand{background:#ffffffee;color:#173f48!important;border:1px solid #cbdedf;padding:6px 10px;border-radius:13px;box-shadow:0 2px 10px #16343b12}header .brand .domain{color:#173f48}.site-footer .brand{color:var(--page-ink,#245258)}.site-footer .domain{color:inherit}
header nav button,.admin-menu button,.control-tabs button{background:var(--site-secondary,#e5ef82)!important;color:var(--secondary-ink,#245258)!important}.daily-strip>div>small,.daily-strip>div>strong,.daily-strip .widget-note,.market-quotes>div,.daily-strip .news-list a,.ticker-track a{background:var(--banner-label-bg,#d5f7f0);color:var(--banner-ink,#245258);border-radius:6px;padding:5px}.daily-strip small,.daily-strip strong,.daily-strip .news-list a strong,.ticker-track a>span:first-child{color:var(--banner-ink,#245258)}.news-ticker>strong{background:var(--site-primary,#08aeb7);color:var(--button-ink,#fff)}
.presence-online,.presence-offline{display:inline-block;white-space:nowrap;padding:6px 10px;border-radius:16px;font-weight:600;font-size:13px}.presence-online{color:#166534;background:#dcfce7}.presence-offline{color:#991b1b;background:#fee2e2}.journal-panel{overflow-x:auto}
/* Keep the faceted glass visible behind banner text. */
.daily-strip>div>small,.daily-strip>div>strong,.daily-strip .widget-note,.market-quotes>div,.daily-strip .news-list a,.ticker-track a{background:transparent;border-radius:0;text-shadow:0 1px 2px var(--banner-halo,#ffffffbb);color:var(--banner-ink,#245258)}
.daily-strip>div::before{background:conic-gradient(from 35deg at 70% 55%,color-mix(in srgb,var(--site-bannerStart) 25%,transparent),var(--site-bannerEnd),#ffffff18,color-mix(in srgb,var(--site-bannerStart) 80%,transparent),#ffffff30,var(--site-bannerEnd));opacity:.7}
.daily-strip>div::after{background:linear-gradient(126deg,transparent 0 35%,#ffffff80 35.2%,transparent 36% 70%,color-mix(in srgb,var(--site-bannerEnd) 30%,transparent) 70.2%,transparent 71%),linear-gradient(32deg,transparent 45%,color-mix(in srgb,var(--site-bannerStart) 20%,transparent) 45.2%,transparent 67%)}
/* Faceted navigation crystals with a moving light reflection. */
header #menus>button,header #menus>.nav-group>button{position:relative;isolation:isolate;overflow:hidden;min-height:48px;padding:14px 22px;border:0;border-radius:0;clip-path:polygon(13px 0,calc(100% - 9px) 0,100% 10px,calc(100% - 5px) calc(100% - 12px),calc(100% - 18px) 100%,8px 100%,0 calc(100% - 11px),4px 12px);background:linear-gradient(140deg,color-mix(in srgb,var(--site-secondary,#e5ef82) 75%,white),var(--site-secondary,#e5ef82) 48%,color-mix(in srgb,var(--site-secondary,#e5ef82) 85%,black))!important;color:var(--secondary-ink,#173f48)!important;box-shadow:inset 0 1px 0 #ffffffc0,inset 0 -3px 0 #132a3326;transition:transform .22s,filter .22s;}
header #menus>button::before,header #menus>.nav-group>button::before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(145deg,transparent 0 31%,#ffffff66 31.5%,transparent 33% 72%,#16334518 72.5%),linear-gradient(25deg,#ffffff38 0 26%,transparent 26.5%);pointer-events:none}
header #menus>button::after,header #menus>.nav-group>button::after{content:'';position:absolute;top:-60%;bottom:-60%;left:-70%;right:auto;width:45%;height:auto;border-radius:0;background:linear-gradient(90deg,transparent,#ffffff30 20%,#ffffffe6 50%,#ffffff30 80%,transparent);transform:skewX(-24deg);opacity:0;pointer-events:none;}
header #menus>button:hover,header #menus>.nav-group>button:hover{transform:translateY(-2px);filter:brightness(1.07)}
header #menus>button:hover::after,header #menus>.nav-group>button:hover::after,header #menus>button:focus-visible::after,header #menus>.nav-group>button:focus-visible::after{animation:nav-prism-wave .85s ease-out}
header #menus>button.active,header #menus>.nav-group>button.active{box-shadow:inset 0 -4px 0 var(--secondary-ink,#173f48),inset 0 1px 0 #fff;font-weight:800}
header #menus>button:focus-visible,header #menus>.nav-group>button:focus-visible{outline:none;box-shadow:inset 0 0 0 3px var(--secondary-ink,#173f48)}
@keyframes nav-prism-wave{0%{left:-70%;opacity:0}15%{opacity:1}85%{opacity:1}100%{left:140%;opacity:0}}
@media(max-width:600px){header #menus>button,header #menus>.nav-group>button{padding:12px 10px;min-height:46px}}
@media(prefers-reduced-motion:reduce){header #menus>button,header #menus>.nav-group>button{transition:none}header #menus>button:hover,header #menus>.nav-group>button:hover{transform:none}header #menus>button:hover::after,header #menus>.nav-group>button:hover::after,header #menus>button:focus-visible::after,header #menus>.nav-group>button:focus-visible::after{animation:none}}
/* Editorial wordmark on a light faceted glass badge. */
header .brand{position:relative;isolation:isolate;overflow:hidden;gap:13px;padding:10px 20px 10px 13px;border:0;border-radius:0;clip-path:polygon(15px 0,calc(100% - 12px) 0,100% 13px,calc(100% - 5px) calc(100% - 13px),calc(100% - 20px) 100%,0 100%,0 15px);background:linear-gradient(125deg,#fffffff5,#ffffffe8 52%,#eefbffed);box-shadow:inset 0 -2px 0 #1a66722b;letter-spacing:-.7px}
header .brand>span:last-child{font-family:Georgia,'Times New Roman',serif;font-size:30px;font-weight:700;font-style:italic;line-height:1.1;color:#173f48;text-shadow:0 1px 0 #fff}
header .brand .domain{display:inline-block;vertical-align:baseline;margin-left:4px;font-family:'Segoe UI',Arial,sans-serif;font-size:14px;font-style:normal;font-weight:600;letter-spacing:1px;color:#38616a}
header .brand .brand-mark{width:43px;height:43px;transform:rotate(-5deg);filter:drop-shadow(0 3px 3px #164a4925)}
header .brand::after{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(130deg,transparent 0 46%,#ffffffd9 46.4%,transparent 47.5%),linear-gradient(25deg,transparent 60%,#b9eae52b 60.5%)}
header .brand:focus-visible{outline:none;box-shadow:inset 0 0 0 3px #173f48}
@media(max-width:600px){header .brand{padding:8px 14px 8px 10px;gap:9px}header .brand>span:last-child{font-size:25px}header .brand .domain{font-size:11px;margin-left:3px;letter-spacing:.5px}header .brand .brand-mark{width:36px;height:36px}}
/* Profile and invitation: layered glass rather than flat rectangles. */
.profile{position:relative;isolation:isolate;overflow:hidden;border-radius:32px 8px 38px 8px!important;border:1px solid color-mix(in srgb,var(--site-primary,#08aeb7) 25%,white);background:linear-gradient(125deg,color-mix(in srgb,var(--site-surface,#fff) 94%,white),color-mix(in srgb,var(--site-surface,#fff) 82%,var(--site-secondary,#e5ef82)))!important;box-shadow:0 18px 45px #163f4812,inset 0 1px 0 #ffffffb8;padding-block:42px}
.profile::before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(128deg,transparent 0 48%,#ffffff9c 48.2%,transparent 48.8%),linear-gradient(32deg,transparent 0 62%,color-mix(in srgb,var(--site-primary,#08aeb7) 9%,transparent) 62.2%,transparent 85%);pointer-events:none}
.profile::after{content:'';position:absolute;width:220px;height:220px;right:-100px;top:-110px;border:1px solid color-mix(in srgb,var(--site-primary,#08aeb7) 32%,transparent);border-radius:34px;transform:rotate(35deg);z-index:-1;pointer-events:none}
.profile h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(34px,4vw,52px);font-weight:700;letter-spacing:-1.2px;line-height:1.12;margin-bottom:12px}.profile-subtitle{display:inline-block;font-weight:600;letter-spacing:1.2px;font-size:14px;border-bottom:2px solid var(--site-primary,#08aeb7);padding-bottom:10px;justify-self:start}.profile .bio{line-height:1.9;max-width:65ch}
.profile-ring{padding:7px!important;background:linear-gradient(145deg,#fff,var(--site-primary,#08aeb7),var(--site-secondary,#e5ef82),#fff)!important;box-shadow:0 10px 25px #163f481f;transform:rotate(-3deg)}.profile-ring img{transform:rotate(3deg)}
.member-invite{position:relative;isolation:isolate;overflow:hidden;border:1px solid color-mix(in srgb,var(--site-primary,#08aeb7) 25%,white);border-left:4px solid var(--site-primary,#08aeb7);border-radius:8px 28px 8px 28px;padding:26px 30px;background:linear-gradient(115deg,color-mix(in srgb,var(--site-surface,#fff) 92%,white),color-mix(in srgb,var(--site-secondary,#e5ef82) 24%,white));box-shadow:0 10px 30px #164a490c;color:#244c54}
.member-invite::before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(135deg,transparent 40%,#ffffffa6 40.3%,transparent 41% 70%,#ffffff8c 70.3%,transparent 71%)}.member-invite strong{font-family:Georgia,'Times New Roman',serif;font-size:24px;color:#244c54}.member-invite p{color:#365860;line-height:1.8}
.member-invite button{position:relative;overflow:hidden;min-height:48px;border-radius:0;padding:14px 24px;clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px)}.member-invite button::after{content:'';position:absolute;top:-60%;bottom:-60%;left:-70%;width:45%;background:linear-gradient(90deg,transparent,#ffffffaa,transparent);transform:skewX(-24deg);opacity:0;pointer-events:none}.member-invite button:hover::after,.member-invite button:focus-visible::after{animation:nav-prism-wave .85s ease-out}
@media(max-width:600px){.profile{padding-block:28px;border-radius:24px 7px 28px 7px!important}.profile-subtitle{justify-self:center}.member-invite{padding:22px}.member-invite strong{font-size:22px}.member-invite button{width:100%}}
@media(prefers-reduced-motion:reduce){.member-invite button:hover::after,.member-invite button:focus-visible::after{animation:none}}
/* Shared glass language across public menus. */
body:not(.lesson-open) :is(.course-card,.blog-card,#cards>.card,.course-detail,.about-profile,.about-stack>.panel,#reader,.homework-card,.feature-grid article){position:relative;isolation:isolate;overflow:hidden;border:1px solid color-mix(in srgb,var(--site-primary,#08aeb7) 23%,var(--site-surface,#fff));border-radius:28px 7px 32px 7px;background:linear-gradient(125deg,var(--site-surface,#fff),color-mix(in srgb,var(--site-surface,#fff) 90%,var(--site-secondary,#e5ef82)));color:var(--surface-ink,#245258);box-shadow:0 12px 32px #163f4810,inset 0 1px 0 #ffffff90}
:is(.course-card,.blog-card,#cards>.card,.course-detail,.about-profile,.about-stack>.panel,#reader,.homework-card,.feature-grid article)::after{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(128deg,transparent 0 58%,#ffffff55 58.2%,transparent 58.8%),linear-gradient(32deg,transparent 0 77%,color-mix(in srgb,var(--site-primary,#08aeb7) 8%,transparent) 77.2%,transparent 95%)}
:is(.course-card,.blog-card,#cards>.card) .card-body{background:transparent}.course-cover{border-radius:0}.course-detail>h1,.about-stack h2,.about-profile h2,#read-title,.homework-card h3{font-family:Georgia,'Times New Roman',serif;letter-spacing:-.5px}.card-body h2{font-family:Georgia,'Times New Roman',serif;line-height:1.3;font-size:24px}.course-info,.course-filter{border:1px solid color-mix(in srgb,var(--site-primary) 20%,transparent);border-radius:7px 22px 7px 22px;background:color-mix(in srgb,var(--site-surface) 90%,var(--site-secondary));color:var(--surface-ink)}
.week-row{border-radius:6px 20px 6px 20px;border:1px solid color-mix(in srgb,var(--site-primary) 30%,transparent);background:linear-gradient(120deg,var(--site-surface),color-mix(in srgb,var(--site-secondary) 18%,var(--site-surface)))!important;color:var(--surface-ink)!important;box-shadow:inset 0 1px 0 #ffffff80}.week-row strong,.week-row small{color:inherit}.about-links>a{border-radius:6px 18px 6px 18px;background:color-mix(in srgb,var(--site-surface) 90%,var(--site-secondary));color:var(--surface-ink)}
:is(.card-body,.course-detail,.about-stack,#reader,.homework-card,.quick-access) button:not(.week-row){position:relative;overflow:hidden;border-radius:0;min-height:44px;clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px)}
:is(.card-body,.course-detail,.about-stack,#reader,.homework-card,.quick-access) button:not(.week-row)::after{content:'';position:absolute;top:-60%;bottom:-60%;left:-70%;width:45%;background:linear-gradient(90deg,transparent,#ffffffb0,transparent);transform:skewX(-24deg);opacity:0;pointer-events:none}
:is(.card-body,.course-detail,.about-stack,#reader,.homework-card,.quick-access) button:not(.week-row):hover::after{animation:nav-prism-wave .85s ease-out}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.course-card,.blog-card,#cards>.card{transition:transform .2s,box-shadow .2s}.course-card:hover,.blog-card:hover,#cards>.card:hover{transform:translateY(-3px);box-shadow:0 18px 36px #163f481b}}
@media(max-width:600px){.card-body h2{font-size:22px}.course-detail>h1{font-size:28px}body:not(.lesson-open) :is(.course-card,.blog-card,#cards>.card,.course-detail,.about-profile,.about-stack>.panel,#reader,.homework-card){border-radius:22px 6px 26px 6px}}
@media(prefers-reduced-motion:reduce){:is(.card-body,.course-detail,.about-stack,#reader,.homework-card,.quick-access) button:not(.week-row):hover::after{animation:none}}
/* İmza ve dönen holografik logo */
header .brand{clip-path:none;border-radius:26px 7px 26px 7px;padding:9px 22px 11px 12px;gap:14px;overflow:hidden;background:linear-gradient(115deg,#ffffffed,#effff7e8);border:1px solid #ffffffd9;box-shadow:0 5px 20px #12656b16,inset 0 0 0 1px #155b6512;transition:transform .45s,box-shadow .45s;perspective:650px}
header .brand>span{position:relative;z-index:2}
header .brand>span:last-child{font-family:'Segoe UI',Arial,sans-serif;font-style:normal;font-size:26px;font-weight:800;letter-spacing:-1.2px;padding-bottom:20px;line-height:1.1}
header .brand>span:last-child::after{content:'Olcay Palta';position:absolute;bottom:0;left:12px;font-family:'Segoe Script','Brush Script MT',cursive;font-size:15px;font-style:italic;font-weight:400;letter-spacing:1px;color:#39777b;transform:rotate(-5deg);border-bottom:1px solid #1e9f9b66;width:120px;transition:transform .5s,color .5s}
header .brand .domain{font-size:12px;letter-spacing:.5px;margin-left:2px}
header .brand .brand-mark{width:46px;height:46px;flex-shrink:0;overflow:visible;transform:rotate(-7deg);border-radius:14px;isolation:isolate;transition:filter .4s}
header .brand .brand-mark img{position:relative;z-index:1;width:100%;height:100%;object-fit:contain;border-radius:12px}
header .brand .brand-mark::before{content:'';position:absolute;inset:-5px;border:2px solid transparent;border-top-color:var(--site-primary,#08aeb7);border-bottom-color:var(--site-secondary,#e5ef82);border-radius:50%;opacity:.65;transition:opacity .3s}
header .brand::before{content:'';position:absolute;inset:-100%;z-index:0;pointer-events:none;background:conic-gradient(from 30deg,transparent 0 20%,#08c7cc20 25%,transparent 30% 65%,#e2ee7735 70%,transparent 75%);opacity:.65}
header .brand::after{content:'';position:absolute;inset:-50%;z-index:3;pointer-events:none;background:linear-gradient(115deg,transparent 40%,#ffffff00 43%,#ffffffb3 49%,#ffffff00 55%,transparent 60%);transform:translateX(-85%)}
header .brand:is(:hover,:focus-visible){transform:perspective(650px) rotateY(-5deg) rotateX(3deg) translateY(-2px);box-shadow:0 10px 28px #078b9633,inset 0 0 0 1px #ffffff;outline:2px solid #18a6af55;outline-offset:3px}
header .brand:is(:hover,:focus-visible) .brand-mark{animation:op-logo-turn 1.6s cubic-bezier(.25,.7,.2,1) infinite;filter:drop-shadow(0 0 9px #05bac575)}
header .brand:is(:hover,:focus-visible) .brand-mark::before{animation:op-orbit 2.5s linear infinite;opacity:1}
header .brand:is(:hover,:focus-visible)::before{animation:op-orbit 7s linear infinite}
header .brand:is(:hover,:focus-visible)::after{animation:op-logo-light 1.8s ease-in-out infinite}
header .brand:is(:hover,:focus-visible)>span:last-child::after{transform:rotate(-5deg) translateX(9px);color:#007d87}
@keyframes op-logo-turn{0%{transform:rotateY(0) rotate(-7deg)}100%{transform:rotateY(360deg) rotate(-7deg)}}
@keyframes op-orbit{to{transform:rotate(360deg)}}
@keyframes op-logo-light{0%,15%{transform:translateX(-85%)}75%,100%{transform:translateX(85%)}}
@media(max-width:600px){header .brand{padding:8px 13px 9px 10px;gap:10px}header .brand>span:last-child{font-size:22px;padding-bottom:18px}header .brand>span:last-child::after{font-size:13px;width:105px}header .brand .brand-mark{width:37px;height:37px}header .brand .domain{font-size:11px}}
@media(prefers-reduced-motion:reduce){header .brand,header .brand *{transition:none!important}header .brand:is(:hover,:focus-visible){transform:none}header .brand:is(:hover,:focus-visible) .brand-mark,header .brand:is(:hover,:focus-visible) .brand-mark::before,header .brand:is(:hover,:focus-visible)::before,header .brand:is(:hover,:focus-visible)::after{animation:none!important}}
/* Tüm ekranda 5 saniyelik hafif ışık taraması; etkileşimi engellemez. */
body::after{content:'';position:fixed;inset:0;z-index:9999;pointer-events:none;background:linear-gradient(110deg,transparent 37%,rgba(255,255,255,.025) 42%,rgba(255,255,255,.20) 49%,rgba(255,255,255,.08) 53%,transparent 61%);transform:translateX(-110%);animation:site-light-sweep 5s ease-in-out infinite;}
@keyframes site-light-sweep{0%,10%{transform:translateX(-110%)}70%,100%{transform:translateX(110%)}}
@media(prefers-reduced-motion:reduce){body::after{display:none;animation:none}}
@media print{body::after{display:none}}
/* Fotoğraf sabit; dış geometrik ışık halkaları döner. */
.profile-ring{isolation:isolate;overflow:visible;transition:box-shadow .4s}
.profile-ring::before,.profile-ring::after{content:'';position:absolute;pointer-events:none;opacity:0;transition:opacity .35s;}
.profile-ring::before{inset:-7px;padding:3px;border-radius:39% 61% 43% 57% / 55% 40% 60% 45%;background:conic-gradient(from 0deg,transparent 0deg,var(--site-primary,#08aeb7) 65deg,#fff 90deg,transparent 125deg,var(--site-secondary,#e5ef82) 210deg,#fff 240deg,transparent 290deg);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;}
.profile-ring::after{inset:-13px;border:1px solid transparent;border-top:2px solid var(--site-primary,#08aeb7);border-bottom:2px solid var(--site-secondary,#e5ef82);border-radius:50%;filter:drop-shadow(0 0 4px #11d6d6)}
.profile-ring:is(:hover,:focus-visible){box-shadow:0 0 17px #0ebfc566,0 0 32px #cde86a44}
.profile-ring:is(:hover,:focus-visible)::before{opacity:1;animation:photo-prism-spin 3s linear infinite}
.profile-ring:is(:hover,:focus-visible)::after{opacity:.85;animation:photo-prism-spin 4.5s linear infinite reverse}
@keyframes photo-prism-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.profile-ring{transition:none}.profile-ring:is(:hover,:focus-visible)::before,.profile-ring:is(:hover,:focus-visible)::after{animation:none;transition:none}}
.english-practice{max-width:820px;margin:0 auto;padding:clamp(24px,5vw,54px);border-radius:32px 8px;background:linear-gradient(125deg,var(--site-surface,#fff),#f6ffe9);box-shadow:0 15px 40px #14505b12;color:#214c55}.english-eyebrow{font-size:12px;font-weight:700;letter-spacing:3px;color:#16767c}.english-practice h2{font-size:clamp(28px,4vw,46px);margin:18px 0}.english-practice p{line-height:1.7}.english-practice label{display:block;margin:25px 0}.english-practice select{display:block;max-width:320px;margin-top:12px}.english-options{display:grid;gap:12px;margin:28px 0}.english-options button{text-align:left;background:#ffffffc9!important;color:#214c55!important;border:1px solid #90bfc0;min-height:52px;border-radius:16px 4px}.english-options button:hover:not(:disabled){background:#e1fff1!important;transform:translateX(4px)}.english-options .answer-right{background:#d2f8d8!important;border-color:#268440}.english-options .answer-wrong{background:#ffe2dd!important;border-color:#bb4337}.english-options button:disabled{opacity:1;cursor:default}.english-feedback{font-weight:600}.english-login{margin-left:12px}
.english-practice{max-width:1200px}.english-apps{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:20px;margin:24px 0}.english-app-card{padding:24px;border:1px solid #a6d4d1;border-radius:24px 6px;background:linear-gradient(125deg,#ffffffde,#ecfff4d9)}.english-app-card h3{font-size:25px;color:#156b72}.english-settings{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px}.english-settings label{font-size:14px;display:flex;flex-direction:column;gap:8px;margin:8px 0}.english-settings input,.english-settings select{max-width:100%;width:100%;min-width:0;margin:0}.english-status,.english-controls{display:flex;flex-wrap:wrap;gap:16px;align-items:center;justify-content:space-between}.english-status{padding:16px;border-radius:12px;background:#e5f6f0}.english-status strong{font-size:20px}.english-table-wrap{overflow:auto;margin:15px 0 30px}.english-table-wrap table{width:100%;border-collapse:collapse;min-width:480px}.english-table-wrap td,.english-table-wrap th{padding:12px;text-align:left;border-bottom:1px solid #abcfc8}.english-pdf-link{display:inline-block;background:#176e77;color:white;padding:12px 22px;border-radius:14px 4px;margin:12px 0}.english-practice details{padding:18px;margin:12px 0;border:1px solid #b4d7ce;border-radius:15px}.english-practice summary{cursor:pointer;font-weight:650}.english-admin-row{display:flex;gap:10px;align-items:center;padding:10px;border-bottom:1px solid #bddbd4}.english-admin-row span{flex:1}.english-admin input[type=checkbox]{width:auto}.english-admin>div>label{display:flex;gap:10px;align-items:center;margin:12px 0}.english-admin-row button{font-size:13px;padding:8px 12px}.english-admin>button{margin:12px 12px 12px 0}@media(max-width:600px){.english-practice{padding:20px 14px}.english-settings{grid-template-columns:1fr}.english-admin-row{flex-wrap:wrap}.english-admin-row span{flex-basis:100%}}
/* Oyun salonu: özgün çizimler, kademeli seçim ve yumuşak sahne geçişleri. */
.english-practice:not([hidden]){animation:english-enter .45s ease-out}.english-adventure{padding:0;overflow:hidden;transition:transform .35s,box-shadow .35s;animation:english-enter .6s both;animation-delay:calc(var(--card-index,0)*70ms)}.english-art{position:relative;overflow:hidden;aspect-ratio:600/340}.english-art img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .65s}.english-art::after{content:'';position:absolute;inset:-50%;pointer-events:none;background:linear-gradient(110deg,transparent 45%,#ffffff55 50%,transparent 55%);transform:translateX(-90%);transition:transform .8s}.english-adventure:hover .english-art::after{transform:translateX(90%)}.english-adventure:hover{transform:translateY(-6px);box-shadow:0 18px 35px #0f636b22}.english-adventure:hover img{transform:scale(1.045)}.english-game-number{position:absolute;bottom:14px;left:18px;font-size:12px;color:white;padding:7px 10px;border:1px solid #ffffff66;border-radius:50%;background:#0b274555}.english-card-copy{padding:24px}.english-card-copy h3{margin:0 0 12px}.english-card-copy button{width:100%;border-radius:15px 4px;margin-top:15px;min-height:48px}.english-stage-art{height:180px;margin:-20px -10px 24px;border-radius:24px 7px;overflow:hidden}.english-stage-art img{width:100%;height:100%;object-fit:cover;object-position:center 45%}.english-practice>.english-eyebrow{display:block;margin-top:20px}.english-choice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:32px 0}.english-choice{min-height:170px;padding:25px 16px!important;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:14px;position:relative;overflow:hidden;background:linear-gradient(140deg,#124858,#167f86)!important;color:white!important;border:1px solid #ffffff80;border-radius:26px 6px!important;box-shadow:0 12px 25px #164b5d22;transition:transform .25s,box-shadow .25s}.english-choice strong{font-size:30px}.english-choice small{font-size:13px;line-height:1.5;color:#e7ffff}.english-choice::after{content:'';pointer-events:none;position:absolute;inset:-80%;background:linear-gradient(110deg,transparent 44%,#ffffff55 50%,transparent 56%);transform:translateX(-80%);transition:transform .7s}.english-choice:hover::after{transform:translateX(80%)}.english-choice:hover{transform:translateY(-5px) rotate(-1deg);box-shadow:0 20px 28px #14505b33}.english-choice:focus-visible{outline:3px solid #d3a621;outline-offset:4px}.level-medium{background:linear-gradient(140deg,#4a357a,#8b58b3)!important}.level-hard{background:linear-gradient(140deg,#742d46,#bf5d52)!important}.count-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.count-choice strong{font-size:48px}.count-choice:nth-child(even){background:linear-gradient(140deg,#34396c,#6861ac)!important}.english-motivation{font-size:clamp(18px,2.3vw,25px);font-weight:650;padding:26px;border:1px solid #afd6bd;background:linear-gradient(110deg,#e2f9ef,#fff9d5);border-radius:24px 6px;animation:english-enter .8s both;color:#28594b}.english-options button.answer-right{box-shadow:0 0 0 2px #26964c,0 0 18px #4ad76740;animation:english-answer .35s}.english-options button.answer-wrong{box-shadow:0 0 0 2px #bd443b;animation:english-answer .35s}@keyframes english-enter{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes english-answer{50%{transform:scale(1.015)}}@media(max-width:650px){.english-choice-grid{grid-template-columns:1fr}.count-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.english-choice{min-height:130px}.english-stage-art{height:145px}}@media(prefers-reduced-motion:reduce){.english-practice,.english-adventure,.english-motivation,.english-options button{animation:none!important}.english-choice,.english-choice::after,.english-adventure,.english-art img,.english-art::after{transition:none!important}.english-choice:hover,.english-adventure:hover{transform:none}}
.english-directions{display:flex;gap:12px;margin:25px 0}.english-directions button{background:#e6f5f1!important;color:#245258!important;border:2px solid #bad2ce;min-width:120px}.english-directions button.chosen{background:#155d68!important;color:white!important;border-color:#38bbc0;box-shadow:0 0 0 3px #38bbc022}
.english-apps{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch}.english-adventure{display:flex;flex-direction:column;min-width:0}.english-card-copy{display:flex;flex:1;flex-direction:column}.english-card-copy h3{min-height:60px;display:flex;align-items:center;line-height:1.2}.english-card-copy p{margin:0 0 22px;min-height:54px}.english-card-copy button{margin-top:auto}.english-art{flex-shrink:0}@media(max-width:1150px){.english-apps{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.english-apps{grid-template-columns:1fr}.english-card-copy h3{min-height:0}}
.english-practice{scroll-margin-top:18px}
.english-times{flex-wrap:wrap}.english-times button{flex:1;min-width:110px;font-size:14px}

/* MEB öğretmen atölyesi */
.meb-workshop{padding:clamp(20px,4vw,48px);scroll-margin-top:20px;min-width:0}.meb-workshop[hidden]{display:none!important}.meb-classes,.meb-controls{display:flex;flex-wrap:wrap;gap:12px;margin:24px 0}.meb-classes button{font-size:1.15rem;padding:18px 28px;border-radius:24px 8px;min-width:120px}.meb-classes .chosen{outline:3px solid #c6dc50;outline-offset:3px}.meb-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin:28px 0}.meb-card{display:flex;flex-direction:column;padding:26px;border:1px solid #bde4df;border-radius:38px 12px 38px 12px;background:linear-gradient(140deg,#efffff,#fffef1);color:#194c55;box-shadow:0 10px 32px #2259630b;overflow:hidden}.meb-card:nth-child(3n+2){background:linear-gradient(140deg,#f0edff,#f8ffff)}.meb-card:nth-child(3n){background:linear-gradient(140deg,#fff4df,#f4fff9)}.meb-symbol{display:grid;place-items:center;font-size:2.7rem;width:88px;height:88px;border-radius:30% 70% 62% 38%;background:linear-gradient(135deg,#00b8bf33,#dbec7855);margin-bottom:12px}.meb-card h3{font-size:1.35rem;min-height:3.2em}.meb-card p{flex:1;line-height:1.7}.meb-card button{margin-top:14px}.meb-workshop progress{width:100%;height:8px;accent-color:#009ca9;margin-top:24px}.meb-form{max-width:840px;margin:24px auto}.meb-form label{display:block;font-weight:600;margin:14px 0}.meb-form input,.meb-form textarea,.meb-form select{display:block;width:100%;box-sizing:border-box;padding:15px;border:1px solid #96c9ce;border-radius:12px;background:#fff;color:#173d48;font:inherit;margin-top:10px}.meb-person{padding:18px;background:#ffffffaa;border-radius:18px;margin:14px 0;border:1px solid #c3dede}.meb-person button{background:#a33c4c;color:white}.meb-error{color:#a02135}.meb-paper{background:white;color:#222;border:1px solid #ccd6d8;box-shadow:0 12px 36px #1232;padding:clamp(20px,4vw,52px);margin:26px 0;max-width:900px}.meb-paper p{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.65}.meb-paper h2,.meb-paper h3{color:#222;background:none}.meb-paper td,.meb-paper th{border-bottom:1px solid #ddd;padding:12px;min-width:100px;white-space:pre-wrap;overflow-wrap:anywhere}.meb-workshop details{margin-top:28px;padding:18px;border:1px solid #c4d9d4;border-radius:16px}.meb-letter{display:block;text-align:center;font-size:7rem;padding:24px;color:#007c8c}.meb-intro{font-size:1.2rem;line-height:1.8;padding:24px 0}@media(max-width:1100px){.meb-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.meb-grid{grid-template-columns:1fr}.meb-classes button{flex:1;min-width:100px}.meb-card h3{min-height:0}.meb-workshop{padding:18px}}

/* MEB: üst menüyle akraba, ışık geçişli prizma düğmeler */
.meb-workshop button{position:relative!important;isolation:isolate;overflow:hidden!important;clip-path:polygon(13px 0,calc(100% - 21px) 0,100% 16px,100% calc(100% - 12px),calc(100% - 13px) 100%,18px 100%,0 calc(100% - 17px),0 13px);border-radius:0!important;border:0!important;background:linear-gradient(125deg,#027c91 0%,#00a6ad 47%,#4bbda7 74%,#b1ce51 100%)!important;color:#fff!important;text-shadow:0 1px 3px #003e5c!important;font-weight:700!important;min-height:48px;padding:14px 22px;transition:filter .25s,transform .25s,box-shadow .25s;box-shadow:inset 0 2px 0 #ffffff9a,inset 0 -3px 0 #00475d44!important}
.meb-workshop button::before{content:'';position:absolute;z-index:-1;inset:-90% -60%;background:linear-gradient(115deg,transparent 37%,#ffffff10 42%,#ffffffaa 49%,#ffffff22 55%,transparent 62%);transform:translateX(-85%);pointer-events:none}.meb-workshop button::after{content:'';position:absolute;z-index:-1;inset:0;background:linear-gradient(150deg,#ffffff24 0 28%,transparent 28% 70%,#eaff7c33 70%);pointer-events:none}.meb-workshop button:hover:not(:disabled),.meb-workshop button:focus-visible{filter:brightness(1.13) drop-shadow(0 4px 8px #00aebf55);transform:translateY(-3px);outline:2px solid #074c68;outline-offset:4px}.meb-workshop button:hover:not(:disabled)::before,.meb-workshop button:focus-visible::before{animation:mebPrismSweep .85s ease-out forwards}.meb-classes button{flex:1;font-size:1rem;min-width:150px;padding:20px 25px}.meb-classes button.chosen{background:linear-gradient(120deg,#06374d,#00777f 65%,#779d29)!important;box-shadow:inset 0 -4px 0 #e8fa82,inset 0 2px 0 #fff9!important}.meb-card button{width:100%}.meb-person button{background:linear-gradient(120deg,#9b2947,#d95668)!important}.meb-workshop button:disabled{opacity:.65;cursor:default}.meb-workshop .answer-right{background:#167445!important}.meb-workshop .answer-wrong{background:#ae2945!important}@keyframes mebPrismSweep{to{transform:translateX(85%)}}@media(prefers-reduced-motion:reduce){.meb-workshop button{transition:none}.meb-workshop button:hover{transform:none}.meb-workshop button::before{animation:none!important}}@media(max-width:650px){.meb-classes button{min-width:130px;font-size:.9rem}}

/* Oksuz, fare/klavye/dokunma ile açılan alt menü */
.nav-group>.nav-submenu{display:none;top:100%;right:0;padding-top:10px;min-width:245px}.nav-group:hover>.nav-submenu,.nav-group:focus-within>.nav-submenu,.nav-group.submenu-open>.nav-submenu{display:flex}.nav-group>button{padding-right:18px}.nav-group:hover>button{filter:brightness(1.14) drop-shadow(0 0 9px #00c7c76b)}.nav-submenu .nav-submenu{position:static}.nav-submenu button{min-height:42px}.meb-classes{align-items:stretch}.meb-classes button{flex:1 1 145px}
/* Referans zümre belgesine göre A4 önizleme */
.meb-document{background:#e7eeee;padding:22px 10px;margin:24px 0;border-radius:10px}.meb-paper.meb-formal{position:relative;box-sizing:border-box;width:100%;max-width:794px;min-height:1040px;margin:0 auto 24px;padding:35px 28px 30px 38px;font-family:'Times New Roman',serif!important;font-size:15px;line-height:1.2;border:1px solid #bac4c4;border-radius:0!important;background:#fff!important;color:#000!important;text-shadow:none!important;clip-path:none!important;box-shadow:0 5px 15px #20343716}.meb-formal::before,.meb-formal::after{display:none!important}.meb-formal .meb-institution{font-size:15px;font-weight:bold;text-align:center;line-height:1.2;color:#000;margin:0}.meb-paper.meb-formal h2{font-family:'Times New Roman',serif!important;font-size:17px!important;text-align:center!important;line-height:1.25;margin:12px 0 28px!important;text-transform:uppercase;color:#000!important}.meb-paper.meb-formal h3{font-family:'Times New Roman',serif!important;font-size:15px!important;font-weight:bold;text-align:center!important;margin:28px 0 20px!important;color:#000!important}.meb-paper.meb-formal p{font-family:'Times New Roman',serif!important;font-size:15px!important;color:#000!important;line-height:1.3!important;text-align:justify;white-space:pre-wrap;margin:15px 0;text-shadow:none!important}.meb-formal .meb-institution:last-of-type{margin-bottom:30px}.meb-paper.meb-formal table{width:100%;border-collapse:collapse;margin:24px 0;font-family:'Times New Roman',serif!important;font-size:14px;color:#000!important;table-layout:fixed}.meb-paper.meb-formal td,.meb-paper.meb-formal th{border:1px solid #777!important;padding:7px 9px!important;min-width:0;background:white!important;color:black!important;font-size:14px!important;font-weight:normal;text-align:left;white-space:pre-wrap}.meb-formal .meb-info-table th{width:32%;font-weight:bold}.meb-formal .meb-page-number{display:block;text-align:right;color:#657578;font-family:Arial,sans-serif;font-size:10px;margin-bottom:10px}.meb-formal .meb-signatures{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:40px 0}.meb-paper.meb-formal .meb-signatures p{text-align:center!important;font-weight:bold;font-size:13px!important}.meb-paper.meb-formal .meb-signature-right{text-align:right!important;margin:36px 40px}.meb-paper.meb-formal .meb-approval{text-align:center!important;font-weight:bold;margin:45px 0 25px}.meb-formal hr{border:0;border-top:1px dashed #999;margin:35px 0}@media(max-width:650px){.meb-document{padding:8px 0}.meb-paper.meb-formal{padding:25px 18px;min-height:0;font-size:14px}.meb-paper.meb-formal p{font-size:14px!important}.meb-formal .meb-signatures{grid-template-columns:1fr}.meb-paper.meb-formal td,.meb-paper.meb-formal th{font-size:12px!important;padding:5px!important}}

.meb-ai-tools{padding:24px;margin:20px 0;border:1px solid #2d9ca9;border-radius:18px;background:linear-gradient(125deg,#e0ffff,#fafbd9)}.meb-ai-tools textarea{display:block;width:100%;box-sizing:border-box;font:inherit;line-height:1.6;padding:16px;margin:12px 0}.meb-ai-tools label{display:block;margin-top:20px}
/* MEB alt menüsü: okunaklı cam yüzey ve prizma ışığı */
header #menus .nav-submenu:is([aria-label="MEB alt menüleri"],[aria-label="Dersler alt menüleri"],[aria-label="İngilizcem alt menüleri"]){gap:8px;padding:14px;background:linear-gradient(145deg,#efffffef,#faffdfef);backdrop-filter:blur(18px);border:1px solid #ffffff;border-radius:20px 8px 20px 8px;box-shadow:0 18px 42px #064c4d30,inset 0 0 18px #ffffff9c}
header #menus .nav-submenu:is([aria-label="MEB alt menüleri"],[aria-label="Dersler alt menüleri"],[aria-label="İngilizcem alt menüleri"]) button{position:relative;isolation:isolate;overflow:hidden;min-height:48px;padding:14px 20px;text-align:left;font-weight:750;letter-spacing:.2px;border:0;border-radius:0;clip-path:polygon(10px 0,calc(100% - 15px) 0,100% 14px,calc(100% - 5px) calc(100% - 10px),calc(100% - 16px) 100%,8px 100%,0 calc(100% - 9px),0 11px);background:linear-gradient(120deg,#006e80,#119da1 62%,#b9d365)!important;color:#fff!important;text-shadow:0 1px 2px #003c50;box-shadow:inset 0 1px 0 #ffffffa6,inset 0 -3px 0 #003e4b36;transition:transform .22s,filter .22s}
header #menus .nav-submenu:is([aria-label="MEB alt menüleri"],[aria-label="Dersler alt menüleri"],[aria-label="İngilizcem alt menüleri"]) button::before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(155deg,transparent 35%,#ffffff45 35.5%,transparent 37% 75%,#ffffff36 75.5%),linear-gradient(30deg,#ffffff20 25%,transparent 26%)}
header #menus .nav-submenu:is([aria-label="MEB alt menüleri"],[aria-label="Dersler alt menüleri"],[aria-label="İngilizcem alt menüleri"]) button::after{content:'';position:absolute;top:-60%;bottom:-60%;left:-70%;width:45%;height:auto;background:linear-gradient(90deg,transparent,#ffffffd9,transparent);transform:skewX(-24deg);opacity:0;pointer-events:none}
header #menus .nav-submenu:is([aria-label="MEB alt menüleri"],[aria-label="Dersler alt menüleri"],[aria-label="İngilizcem alt menüleri"]) button:is(:hover,:focus-visible){transform:translateX(3px) translateY(-1px);filter:brightness(1.13) drop-shadow(0 0 6px #25cfbc);outline:none;box-shadow:inset 0 0 0 2px #f7ffb8}
header #menus .nav-submenu:is([aria-label="MEB alt menüleri"],[aria-label="Dersler alt menüleri"],[aria-label="İngilizcem alt menüleri"]) button:is(:hover,:focus-visible)::after{animation:nav-prism-wave .85s ease-out}
@media(prefers-reduced-motion:reduce){header #menus .nav-submenu:is([aria-label="MEB alt menüleri"],[aria-label="Dersler alt menüleri"],[aria-label="İngilizcem alt menüleri"]) button{transition:none}header #menus .nav-submenu:is([aria-label="MEB alt menüleri"],[aria-label="Dersler alt menüleri"],[aria-label="İngilizcem alt menüleri"]) button:is(:hover,:focus-visible){transform:none}header #menus .nav-submenu:is([aria-label="MEB alt menüleri"],[aria-label="Dersler alt menüleri"],[aria-label="İngilizcem alt menüleri"]) button::after{animation:none!important}}

header #menus .nav-submenu{max-height:min(72vh,620px);overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;min-width:280px}header #menus .nav-submenu button{white-space:normal;line-height:1.4}@media(max-width:600px){header #menus .nav-submenu{min-width:0;width:min(280px,82vw)}}

/* MEB conversation and live document */
.meb-chat-layout{display:grid;grid-template-columns:minmax(280px,.8fr) minmax(0,1.5fr);gap:22px;align-items:start}.meb-chat-panel{position:sticky;top:16px;padding:20px;border:1px solid #a1dada;border-radius:26px 8px;background:linear-gradient(140deg,#e2ffffe8,#fcffdae8)}.meb-chat-log{max-height:48vh;overflow:auto;overscroll-behavior:contain}.meb-chat-bubble{white-space:pre-wrap;overflow-wrap:anywhere;padding:14px;background:#fff;color:#184858;border-radius:16px 16px 16px 3px}.meb-chat-bubble.from-user{background:#c4f2ef;margin-left:24px;border-radius:16px 16px 3px 16px}.meb-chat-panel textarea{width:100%;box-sizing:border-box;resize:vertical}.meb-chat-preview{min-width:0;max-height:85vh;overflow:auto;padding:12px;background:#f0f7f6;border-radius:20px}.meb-chat-preview .meb-paper{width:100%;min-width:0;box-sizing:border-box;padding:25px}.meb-chat-preview dd{white-space:pre-wrap;overflow-wrap:anywhere}.meb-chat-preview dt{font-weight:bold;margin-top:12px}@media(max-width:900px){.meb-chat-layout{grid-template-columns:1fr}.meb-chat-panel{position:static}.meb-chat-preview{max-height:65vh}}

.meb-all-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.meb-field-group{padding:18px;border:1px solid #bde4df;border-radius:20px 6px;background:#f8fffd}.meb-field-group h3{font-size:1rem}.meb-all-fields .wide{grid-column:1/-1}.meb-all-fields input,.meb-all-fields textarea,.meb-all-fields select{box-sizing:border-box;width:100%}@media(max-width:700px){.meb-all-fields{grid-template-columns:1fr}}

.messages-dialog{width:min(650px,90vw);max-height:85vh;overflow:auto}.messages-dialog input,.messages-dialog textarea{box-sizing:border-box;width:100%}.messages-dialog details p,.control-tabs~div details p{white-space:pre-wrap;overflow-wrap:anywhere}

.contact-message-form{max-width:850px;margin:20px auto}.contact-message-form input,.contact-message-form textarea{width:100%;box-sizing:border-box}.contact-message-form details p{white-space:pre-wrap;overflow-wrap:anywhere}

#journal {overflow-x:auto;}