:root{font-family:Segoe UI,system-ui,sans-serif;color:#20272f;background:#f3f5f8;line-height:1.5;font-size:16px;--accent:#087f8c;--line:#dfe5eb;--muted:#606d7c}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}button,input{font:inherit}button{cursor:pointer;border:1px solid #cfd7df;background:#fff;color:#253440;border-radius:6px;padding:9px 16px;box-shadow:0 1px 2px #13283909;min-height:42px}button:hover{background:#eaf2f5}button:disabled{opacity:.55;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #42b8c5;outline-offset:3px}.primary{background:var(--accent);border-color:var(--accent);color:white}.primary:hover{background:#056772}.danger{color:#aa273c}.shell{display:grid;grid-template-columns:236px minmax(0,1fr);min-height:100vh}aside{background:#eaf0f4;border-right:1px solid var(--line);padding:30px 22px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.brand{display:flex;gap:12px;align-items:center;font-weight:650;margin-bottom:44px}.brand small{display:block;font-weight:400;color:var(--muted);font-size:.875rem}.mark{width:40px;height:40px;display:grid;place-items:center;border-radius:10px;background:var(--accent);color:#fff;font-size:1.35rem;font-weight:700}nav{display:grid;gap:8px}nav a{color:#31424d;text-decoration:none;padding:10px 12px;border-radius:6px}nav a:hover,nav a:first-child{background:#d9e9eb;color:#075b65}main{padding:42px clamp(20px,4vw,64px);max-width:1450px;width:100%;margin:0 auto}header{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px}.eyebrow{font-size:.8rem;letter-spacing:.12em;font-weight:700;color:var(--accent)}h1{font-weight:650;letter-spacing:-.025em;font-size:clamp(1.7rem,3vw,2.3rem);margin:8px 0}h2{font-size:1.2rem;font-weight:650;margin:0 0 16px}h3{font-size:1.12rem;margin:0}p{color:var(--muted);margin:8px 0 16px}small{font-size:.875rem;color:var(--muted)}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:36px}.metrics article,.surface,.request,.device{background:white;border:1px solid var(--line);border-radius:10px;padding:22px;box-shadow:0 2px 5px #17252f04}.metrics span{color:var(--muted);display:block;font-size:.9rem}.metrics strong{font-weight:600;font-size:2.25rem}.metrics article:first-child{background:#e5f3f1;border-color:#c7e4df}.metrics article:first-child strong{color:#075b65}section{margin-bottom:36px;scroll-margin-top:25px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.section-head h2{margin:0}.section-head span{color:var(--muted);font-size:.875rem}.stack{display:grid;gap:12px}.request{display:flex;justify-content:space-between;gap:20px;align-items:center;border-left:4px solid var(--accent)}.request p{margin-bottom:0}.actions{display:flex;flex-wrap:wrap;gap:10px;margin:12px 0}.devices{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:14px}.device header{margin:0 0 16px;align-items:flex-start}.badge{padding:4px 10px;border-radius:20px;background:#edf1f4;color:#53616e;font-size:.875rem;white-space:nowrap}.badge.online{background:#ddf3e7;color:#186543}.badge.offline{background:#fff0d7;color:#855100}dl{margin:14px 0}dt{font-size:.875rem;color:var(--muted)}dd{margin:2px 0 10px;overflow-wrap:anywhere}.device button{font-size:.875rem}.empty{padding:28px;background:#eaf0f4;border:1px dashed #d0d9e1;border-radius:10px;text-align:center}.aside-bottom{margin-top:auto;display:grid;gap:18px;color:var(--muted);font-size:.875rem}footer{font-size:.875rem;color:var(--muted);padding:20px 0}.table-wrap{overflow:auto;padding:0}table{border-collapse:collapse;width:100%;text-align:left}td,th{padding:13px 18px;border-bottom:1px solid #edf0f3;font-size:.875rem;vertical-align:top}th{color:var(--muted);font-weight:600}td:first-child{min-width:160px}.notice{border-bottom:1px solid var(--line);padding:14px 2px}.notice p{margin:3px 0}label{display:grid;gap:7px;margin:16px 0;font-size:.9rem;font-weight:600}input{width:100%;padding:10px 12px;border:1px solid #bfc9d3;border-bottom:2px solid #87949f;border-radius:5px;background:#fff;color:#26333e}dialog{border:1px solid var(--line);border-radius:14px;padding:30px;max-width:540px;width:calc(100% - 32px);box-shadow:0 20px 80px #112a3940}dialog::backdrop{background:#13283966;backdrop-filter:blur(3px)}[hidden]{display:none!important}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);z-index:10;background:#193743;color:white;padding:14px 22px;border-radius:8px;max-width:min(600px,90vw);box-shadow:0 6px 25px #19374330}.login{max-width:450px;margin:7vh auto;background:#fff;border:1px solid var(--line);border-radius:14px;padding:36px}.login .mark{margin-bottom:25px}.login button{width:100%;margin:14px 0}.error{color:#b1233d}@media(max-width:900px){.shell{grid-template-columns:1fr}aside{position:static;height:auto;padding:18px 22px}.brand{margin:0}nav{display:flex;gap:6px;overflow:auto;margin:15px -8px 0}nav a{white-space:nowrap;font-size:.875rem}.aside-bottom{position:absolute;right:20px;top:18px}.aside-bottom>span{display:none}main{padding:26px 20px}.request{align-items:flex-start;flex-direction:column}}@media(max-width:500px){.metrics{gap:8px}.metrics article{padding:14px 10px}.metrics span{font-size:.8rem}.metrics strong{font-size:1.8rem}header{align-items:flex-start}header>button{font-size:.875rem;padding:8px 12px}.section-head{align-items:flex-start}.section-head button{font-size:.875rem}.login{margin:24px 16px;width:auto;padding:24px}}
select{width:100%;padding:10px 12px;border:1px solid #bfc9d3;border-radius:5px;background:white;color:#26333e;font:inherit;min-height:42px}select:focus-visible{outline:3px solid #42b8c5;outline-offset:3px}.remote-actions{border-top:1px solid var(--line);padding:12px 0 16px;margin-top:10px}.remote-actions h4{margin:0;font-size:1rem}.remote-actions label{margin:10px 0}.remote-actions>button{width:100%}
.setting-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:12px}.setting-grid label{margin:7px 0}.setting-grid input[type=checkbox],#schedule label>input[type=checkbox]{width:auto;accent-color:var(--accent)}fieldset{border:1px solid var(--line);border-radius:8px;margin:14px 0;padding:10px 16px}fieldset label{display:inline-flex;align-items:center;gap:7px;margin:7px 16px 7px 0}.bell-rows{display:grid;gap:10px;margin:12px 0}.bell-row{border:1px solid var(--line);border-radius:8px;background:#fafcfd;padding:12px}.bell-row .setting-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,145px),1fr))}.bell-row label{margin:4px 0}.bell-row input,.bell-row select{min-width:0}.bell-row .bell-end{display:flex;gap:16px;align-items:center;justify-content:space-between}.bell-row .bell-end label{display:flex;align-items:center;gap:7px}.compact{margin:14px 0;padding:14px}.compact summary{cursor:pointer;font-weight:650}.inline-upload{display:inline-flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:6px;padding:8px}.inline-upload input{max-width:190px;font-size:.8rem}
.sound-preview{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));gap:12px}.sound-preview label{background:#f5f9fa;border:1px solid var(--line);border-radius:8px;padding:10px}.sound-preview audio{width:100%;max-width:100%}.countdown{color:#075b65;font-variant-numeric:tabular-nums;font-weight:650}.command-last{font-size:.875rem;background:#edf7f7;border-radius:7px;padding:8px 10px;overflow-wrap:anywhere}
#tv-preview-dialog{max-width:min(900px,96vw)}#tv-preview-image{display:block;width:100%;height:auto;max-height:70vh;object-fit:contain;background:#13202a;aspect-ratio:16/9;border-radius:8px}#tv-control .surface{max-width:980px}
/* Responsive panel and persistent colour themes. */
:root{--canvas:#f3f5f8;--surface:#fff;--soft:#eaf0f4;--text:#20272f;--field:#fff;--hover:#e4f0f2;--line:#d7e1e7;--muted:#526373;color-scheme:light}
:root[data-theme=dark]{--canvas:#0d1620;--surface:#162331;--soft:#111c27;--text:#e4edf5;--field:#0f1d2a;--hover:#223849;--line:#304456;--muted:#adbdcc;--accent:#087f8c;color-scheme:dark}
body{background:var(--canvas);color:var(--text)}.shell,main,section,.surface,.device,.setting-grid>*,label{min-width:0}main{overflow-wrap:anywhere}
aside{background:var(--soft);overflow-y:auto}.sidebar-top{display:grid;gap:14px}.sidebar-top .brand{margin-bottom:0}.panel-tools{display:flex;gap:8px;margin-bottom:24px}.panel-tools button{font-size:.875rem;padding:8px 11px;min-height:44px}#menu-toggle{display:none}
.metrics article,.surface,.request,.device,.login{background:var(--surface);color:var(--text);border-color:var(--line)}.metrics article:first-child{background:var(--hover);border-color:var(--line)}.metrics article:first-child strong,.countdown{color:#087f8c}:root[data-theme=dark] .metrics article:first-child strong,:root[data-theme=dark] .countdown{color:#6dd9d6}
button,input,select{max-width:100%;color:var(--text);background:var(--field);border-color:var(--line)}button{min-height:44px}button:hover{background:var(--hover)}button:disabled{cursor:not-allowed}.primary{background:var(--accent);color:#fff}.primary:hover{background:#056772}.danger{color:#b32f43}:root[data-theme=dark] .danger,:root[data-theme=dark] .error{color:#ff9aa5}
nav a,nav a:first-child{color:var(--text);background:transparent}nav a:hover,nav a.active{background:var(--hover);color:var(--text)}input,select{min-height:46px}input[type=checkbox]{min-height:20px;width:20px;height:20px}select,option{font-size:1rem}.empty,.bell-row,.command-last,.sound-preview label{background:var(--soft);border-color:var(--line);color:var(--text)}dialog{background:var(--surface);color:var(--text);border-color:var(--line)}.badge.urgent{background:#ffdfda;color:#9a2516}.badge{white-space:normal}dt,small,p,.section-head span,.metrics span{color:var(--muted)}th,td{border-color:var(--line)}.section-head{flex-wrap:wrap}.section-head select{width:auto;max-width:100%}.control-title{grid-column:1/-1;padding-top:16px;margin:12px 0;border-top:1px solid var(--line)}.release-actions{margin-top:20px}#release-status{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:12px 0;margin-bottom:0}
@media(max-width:900px){
  .shell{display:block}aside{position:sticky;top:0;z-index:5;height:auto;max-height:85vh;padding:12px 16px;border-bottom:1px solid var(--line);border-right:0;overflow:auto}.sidebar-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.brand{gap:8px;font-size:1rem}.brand .mark{width:34px;height:34px}.brand small{font-size:.75rem}.panel-tools{margin:0;flex-shrink:0}#menu-toggle{display:block}nav{display:none;margin:14px 0 0;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;overflow:visible}nav a{white-space:normal;font-size:.95rem;padding:12px;background:var(--field);border:1px solid var(--line)}.nav-open nav{display:grid}.aside-bottom{position:static;display:none;margin-top:12px}.nav-open .aside-bottom{display:block}.aside-bottom form button{width:100%}main{padding:24px 16px}section{scroll-margin-top:96px}.devices{grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr))}.surface,.device,.request{padding:18px}
}
@media(max-width:600px){
  :root{font-size:16px}.metrics{gap:8px;margin-bottom:24px}.metrics article{padding:14px 9px}.metrics span{font-size:.875rem;line-height:1.35;min-height:2.6em}.metrics strong{font-size:1.8rem}.setting-grid,.devices,.sound-preview{grid-template-columns:minmax(0,1fr)}.bell-row .setting-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.bell-row label:nth-child(2){grid-column:1/-1}.actions{display:grid;grid-template-columns:minmax(0,1fr);width:100%}.actions button,.actions select{width:100%}button,input,select{font-size:16px}.device button{font-size:1rem}.device header{flex-wrap:wrap;gap:8px}.device header h3{flex-basis:100%}h1{font-size:1.7rem}h2{font-size:1.25rem}header{flex-wrap:wrap;margin-bottom:20px}.section-head{gap:12px}.section-head select,.section-head button{width:100%}.inline-upload{display:grid;min-width:0}.inline-upload input{max-width:100%;min-width:0}.table-wrap{overflow-x:auto}.table-wrap table{min-width:460px}dialog{padding:20px;max-height:90vh;overflow:auto}fieldset{padding:8px 12px}fieldset label{min-height:36px}.compact{padding:12px}.request{gap:12px}.panel-tools button{font-size:.85rem;padding:8px 10px}.login{padding:24px;margin:24px 16px}.sidebar-top .brand small{display:none}
}
/* School screen puzzle editor */
.board-workspace{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:18px;margin:22px 0}.board-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-template-rows:repeat(12,minmax(0,1fr));aspect-ratio:16/9;background:#0b1524;gap:4px;padding:8px;border-radius:16px;overflow:hidden;user-select:none}.board-toolbar{display:flex;gap:10px;margin-bottom:12px}.board-tile{border-radius:8px;background:#16273d;color:#f0f6fc;min-width:0;min-height:0;overflow:hidden;border:2px solid transparent}.board-tile.selected{border-color:#59dec5}.board-tile.collision{border-color:#ff6d77}.board-handle{display:block;max-width:100%;width:100%;font-size:clamp(9px,1vw,14px);padding:5px 8px!important;min-height:0!important;cursor:grab;touch-action:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:transparent!important;color:#59dec5!important;border:0!important;text-align:left}.board-copy{font-size:clamp(10px,1vw,15px);padding:4px 9px;white-space:pre-wrap;overflow:hidden;max-height:90%}.board-grid[data-theme=charcoal]{background:#131416}.board-grid[data-theme=charcoal] .board-tile{background:#242629}.board-grid[data-theme=charcoal] .board-handle{color:#ffb45f!important}.board-grid[data-theme=ivory]{background:#e6edf3}.board-grid[data-theme=ivory] .board-tile{background:white;color:#15283a}.board-grid[data-theme=ivory] .board-handle{color:#007f78!important}#board-properties textarea{box-sizing:border-box;width:100%;resize:vertical;font:inherit;border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:8px;padding:10px}#board-tile-list{margin-top:12px}#tv-preview-dialog{width:min(1200px,92vw);max-width:94vw}#tv-preview-image{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;background:#14212b;border-radius:12px;margin-top:12px}.preview-settings{grid-template-columns:repeat(4,minmax(0,1fr))}.panel-update-state{display:block;margin-top:10px}
@media(max-width:1100px){.board-workspace{grid-template-columns:minmax(0,1fr)}#board-properties .setting-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:600px){.board-grid{gap:2px;padding:4px}.board-copy{padding:1px 3px;font-size:9px}.board-handle{padding:3px!important;font-size:9px}.board-toolbar{flex-wrap:wrap}.preview-settings{grid-template-columns:repeat(2,minmax(0,1fr))}#board-properties .setting-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#tv-preview-dialog{padding:16px;width:94vw}}

.release-banner{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 22px;margin-bottom:24px;border:1px solid var(--line);border-radius:16px;background:var(--surface)}.release-banner[hidden]{display:none}.release-banner strong,.release-banner span{display:block}.release-banner span,.notice-date{font-size:.9rem;opacity:.72;margin-top:6px}.notice-card{padding:16px 0;border-bottom:1px solid var(--line);margin-bottom:18px}.notice-notes{white-space:pre-wrap;overflow-wrap:anywhere}.owner-preview{padding:16px;margin-bottom:16px;border:1px solid #20b99f;border-radius:12px}.owner-preview .badge{margin-bottom:12px}#release-notice{width:min(620px,92vw)}
@media(max-width:600px){.release-banner{align-items:stretch;flex-direction:column}.release-banner button{width:100%}}

.public-brand{font-weight:900;letter-spacing:2px;font-size:24px}.public-brand span{font-size:12px;letter-spacing:1px;margin-left:10px;opacity:.65}
@media(max-width:700px){.public-brand span{display:block;margin:4px 0}}
/* V4 public applications and a shared, mobile-first school inbox. */
.application-dialog textarea{width:100%;resize:vertical;font:inherit;padding:12px;box-sizing:border-box;border:1px solid var(--line,#ccd5db);border-radius:10px;background:var(--surface,#fff);color:inherit}.application-consent{display:flex;align-items:flex-start;gap:10px;font-size:14px;line-height:1.6}.application-consent input{width:auto;flex-shrink:0}.form-trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.track-form{display:flex;align-items:end;gap:12px}.track-form label{flex:1}.track-steps{display:flex;list-style:none;padding:0;gap:10px;flex-wrap:wrap}.track-steps li{padding:10px 14px;border:1px solid var(--line,#ccd5db);border-radius:30px;opacity:.55}.track-steps li.current{background:#087f8c;color:#fff;opacity:1}.application-thread{display:grid;gap:12px;margin:20px 0;max-height:400px;overflow:auto}.application-message{padding:15px;border-radius:12px;background:var(--soft,#f3f6f8);border:1px solid var(--line,#ccd5db)}.application-message.staff{border-left:4px solid #087f8c}.application-message p{white-space:pre-wrap;overflow-wrap:anywhere;margin:8px 0}.application-message small{opacity:.75}.application-dialog{width:min(780px,95vw);max-height:90vh;overflow:auto}.application-dialog dl{display:grid;grid-template-columns:160px 1fr;gap:10px;margin:20px 0}.application-dialog dd{margin:0;overflow-wrap:anywhere}.application-dialog dt{opacity:.7}.application-receipt input{font-family:ui-monospace,monospace;font-size:14px}.application-card{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:18px;border:1px solid var(--line,#ccd5db);border-radius:12px}.application-card h3{margin:0 0 8px}.application-card p{margin:6px 0}.deadline-late{color:#b13b24;font-weight:650}html[data-theme=dark] .deadline-late{color:#ffa68b}html[data-theme=dark] .application-message{background:#172632}
@media(max-width:650px){.track-form{flex-direction:column;align-items:stretch}.application-card{align-items:stretch;flex-direction:column}.application-dialog dl{grid-template-columns:1fr;gap:5px}.application-dialog dd{margin-bottom:10px}.track-steps li{font-size:13px;padding:8px 10px}}
.application-dialog{max-width:min(780px,95vw)}.application-dialog input[type=checkbox]{width:auto;accent-color:var(--accent);margin-right:8px}

.school-filters{margin:20px 0}.school-filters label{min-width:0}#school-profile-dialog textarea{width:100%;box-sizing:border-box;resize:vertical;font:inherit;padding:12px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:inherit}#school-profile-dialog,#school-delete-dialog{width:min(680px,90vw)}#school-user-panel{overflow-wrap:anywhere}

/* 4.4 · Studio: all assets are local; old panel control IDs stay intact. */
:root{--canvas:#f1eef8;--surface:#faf9fe;--soft:#e9e5f2;--field:#fff;--text:#241d35;--muted:#665b78;--line:#d9d0e8;--hover:#e6ddf6;--accent:#7553c1;--accent-text:#cfb8ff;--glow:#9871e8;--on-accent:#fff;background:var(--canvas);color:var(--text);scrollbar-color:var(--line) var(--canvas)}
:root[data-theme=dark]{--canvas:#100e18;--surface:#1a1726;--soft:#14111f;--field:#161221;--text:#f2edff;--muted:#b5a8c9;--line:#332a46;--hover:#2e2344;--accent:#a98ade;--accent-text:#cfb8ff;--glow:#7c4cb6;--on-accent:#140c22;color-scheme:dark}
:root[data-style=aurora]{--accent:#117a60;--accent-text:#a5f0c7;--glow:#65bd96;--hover:#d5ece2;--line:#c9dfd5;--canvas:#edf6f2;--surface:#f7fcfa;--soft:#e1eee8;--text:#173b2e;--muted:#526e61}
:root[data-style=aurora][data-theme=dark]{--canvas:#091713;--surface:#11261e;--soft:#0d1d17;--field:#0b2018;--text:#edfff5;--muted:#9cbcaf;--line:#234737;--hover:#1c3b2e;--accent:#9debba;--glow:#297550;--on-accent:#0b2115}
:root[data-style=ember]{--accent:#aa542c;--accent-text:#ffbf86;--glow:#ce844b;--hover:#f2e3d8;--line:#e8d3c4;--canvas:#f8f0e9;--surface:#fff9f4;--soft:#f0e5da;--text:#3d2418;--muted:#786354}
:root[data-style=ember][data-theme=dark]{--canvas:#1b1210;--surface:#2a1c17;--soft:#201612;--field:#221712;--text:#fff0e4;--muted:#c9ac99;--line:#53392b;--hover:#442a20;--accent:#ffb780;--glow:#98552f;--on-accent:#30170a}
:root[data-style=fluent]{--canvas:#f3f5f8;--surface:#fff;--soft:#eaf0f4;--field:#fff;--text:#20272f;--muted:#526373;--line:#d7e1e7;--hover:#e4f0f2;--accent:#087f8c;--glow:#6fbdc8;--on-accent:#fff}
:root[data-style=fluent][data-theme=dark]{--canvas:#0d1620;--surface:#162331;--soft:#111c27;--field:#0f1d2a;--text:#e4edf5;--muted:#adbdcc;--line:#304456;--hover:#223849;--accent:#77d7df;--glow:#36748b;--on-accent:#06242c}
html,body{min-height:100%;background:var(--canvas);color:var(--text)}body{min-height:100vh;min-height:100svh}body:has(.login-stage){margin:0}a{color:var(--accent)}
button,input,select,textarea{font:inherit;color:var(--text);background:var(--field);border-color:var(--line);border-radius:11px}button{transition:background .18s,transform .18s,border-color .18s;box-shadow:none}button:hover{transform:translateY(-1px);background:var(--hover);border-color:var(--accent)}button:active{transform:translateY(0)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.primary{background:var(--accent);color:var(--on-accent);font-weight:700;border-color:var(--accent)}.primary:hover{background:var(--accent);filter:brightness(1.08)}input,select,textarea{border:1px solid var(--line);padding:12px}label{color:var(--muted)}.eyebrow{color:var(--accent)}.mark{background:var(--accent);color:var(--on-accent);border-radius:13px}
.shell{grid-template-columns:252px minmax(0,1fr)}.shell aside{background:var(--soft);border-color:var(--line);padding:28px 19px}.brand{letter-spacing:-.02em}.panel-tools{margin-bottom:6px}.appearance-picker{margin:6px 0 22px;border:1px solid var(--line);border-radius:12px;padding:11px;font-size:.85rem}.appearance-picker summary{cursor:pointer;font-weight:650}.appearance-picker label{margin:12px 0}.appearance-picker select{padding:8px}#panel-nav{gap:5px}#panel-nav a{border-radius:10px;padding:10px 13px;transition:background .18s,transform .18s}#panel-nav a:hover{transform:translateX(3px)}#panel-nav a:first-child{background:transparent}#panel-nav a.active,#panel-nav a:hover{background:var(--hover);color:var(--text)}.shell main{padding-top:32px}.shell header{margin-bottom:24px}.metrics article,.surface,.request,.device,.release-banner{border-radius:18px;background:var(--surface);border-color:var(--line)}.metrics{gap:16px;margin:24px 0 34px}.metrics article{position:relative;overflow:hidden}.metrics article:first-child{background:var(--hover)}.metrics article:first-child strong,:root[data-theme=dark] .metrics article:first-child strong{color:var(--accent)}.metrics strong{font-variant-numeric:tabular-nums;font-weight:750;font-size:2.6rem}.section-head h2{font-size:1.3rem}.empty{background:var(--soft);border-color:var(--line)}dialog{background:var(--surface);color:var(--text);border-radius:20px}dialog::backdrop{background:#05040aad;backdrop-filter:blur(8px)}table td,table th{border-color:var(--line)}.danger{border-color:var(--line)}.inline-check{display:flex;align-items:center;gap:9px;margin:0}.inline-check input{width:auto}
.control-hero{display:grid;grid-template-columns:minmax(0,1fr) 230px;gap:24px;padding:32px 36px;border:1px solid var(--line);border-radius:24px;background:var(--surface);overflow:hidden;position:relative;isolation:isolate;margin-bottom:24px}.control-hero:before{content:'';position:absolute;width:550px;height:550px;right:-200px;top:-220px;border-radius:50%;background:radial-gradient(circle,var(--glow),transparent 70%);opacity:.24;z-index:-1;animation:glow-drift 18s ease-in-out infinite alternate}.control-hero h2{font-size:clamp(27px,3.3vw,45px);font-weight:750;letter-spacing:-.04em;line-height:1.13;margin:15px 0}.control-hero em,.login-story em{color:var(--accent);font-style:normal}.hero-shortcuts{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}.hero-shortcuts a{padding:10px 14px;background:var(--hover);border:1px solid var(--line);border-radius:11px;text-decoration:none;font-size:14px;font-weight:650;color:var(--text)}.control-art{position:relative;display:grid;place-items:center;min-height:220px}.art-ring{position:absolute;width:210px;height:210px;border:1px solid var(--line);border-radius:50%;animation:orbit-turn 32s linear infinite}.art-ring:before{content:'';position:absolute;top:6px;left:63px;width:13px;height:13px;border-radius:50%;background:var(--accent);box-shadow:0 0 25px var(--glow)}.art-ring.inner{width:150px;height:150px;animation-direction:reverse;animation-duration:24s}.art-label{font-size:26px;font-weight:900;letter-spacing:.18em;color:var(--accent)}.art-point{position:absolute;display:block;border:1px solid var(--line);border-radius:12px;background:var(--soft);width:35px;height:35px;transform:rotate(20deg)}.point-a{top:16px;right:3px}.point-b{bottom:10px;left:4px}
/* Full-height login background fixes both dark and light corner strips. */
.login-stage{position:relative;isolation:isolate;min-height:100vh;min-height:100svh;display:grid;align-items:center;padding:48px 28px;background:var(--canvas);overflow:hidden}.login-atmosphere{position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 18% 38%,var(--hover),transparent 60%)}.login-layout{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:80px;max-width:1120px;width:100%;margin:auto}.login-story{margin:0;min-width:0}.login-story .public-brand{display:block;margin-bottom:70px;text-decoration:none;color:var(--text)}.login-story>.eyebrow{display:block}.login-story h1{font-size:clamp(42px,5vw,72px);line-height:1.06;font-weight:780;letter-spacing:-.055em;margin:24px 0}.login-story p{font-size:17px;line-height:1.8}.login-story>small{display:block;margin-top:28px}.login{padding:34px;margin:0;max-width:none;width:100%;background:var(--surface);border:1px solid var(--line);border-radius:24px;box-shadow:0 24px 80px #0000001a;position:relative;animation:stage-enter .6s both}.login h2{font-size:32px;letter-spacing:-.04em;margin:15px 0 8px}.login label{margin:24px 0}.login input{padding:14px 16px;min-height:50px}.login button{margin:0;width:auto}.login button.primary{width:100%;margin-top:9px;padding:15px;display:flex;justify-content:space-between}.login-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:44px}.login-top .mark{margin:0}.login-top button{font-size:13px;padding:8px 12px}.login footer{padding:24px 0 0;font-size:13px}.login-preview{margin-top:30px;width:320px;max-width:100%;padding:22px;border:1px solid var(--line);border-radius:20px;background:var(--surface);transform:rotate(-3deg);animation:screen-float 9s ease-in-out infinite}.login-preview>span{font-size:10px;color:var(--accent);letter-spacing:.15em;font-weight:800}.demo-clock{font-variant-numeric:tabular-nums;font-weight:800;font-size:50px;letter-spacing:-.04em;color:var(--text)}.demo-clock b{color:var(--accent);font-weight:400;animation:colon-breathe 3s ease-in-out infinite}.demo-tag{font-size:12px;color:var(--muted)}.demo-bars{display:flex;gap:7px;height:24px;align-items:end;margin:6px 0 13px}.demo-bars i{width:22px;height:8px;border-radius:4px;background:var(--accent);opacity:.6;animation:bar-breathe 3s ease-in-out infinite alternate}.demo-bars i:nth-child(2){height:17px;animation-delay:.3s}.demo-bars i:nth-child(3){height:24px;animation-delay:.7s}.demo-bars i:nth-child(4){height:14px;animation-delay:1s}.demo-bars i:nth-child(5){height:20px;animation-delay:1.3s}.orbit{position:absolute;right:-340px;top:-350px;width:1050px;height:1050px;border:1px solid var(--line);border-radius:50%;opacity:.6}.orbit-two{width:760px;height:760px;right:-190px;top:-200px}.orbital-dot{position:absolute;width:230px;height:230px;right:20%;bottom:-180px;border-radius:50%;background:var(--glow);filter:blur(90px);opacity:.3}

/* Selectable duty roster and richer puzzle preview. */
.roster-studio{margin:20px 0}.roster-studio summary{font-size:1.1rem;cursor:pointer;font-weight:700}.roster-columns{display:grid;grid-template-columns:1.2fr 1fr;gap:24px;margin-top:25px}.roster-list{display:grid;gap:8px;margin-top:16px}.roster-item{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px;border:1px solid var(--line);border-radius:12px}.roster-item strong,.roster-item small{display:block}.roster-item .actions{margin:0;width:auto}.roster-item button{padding:7px 10px;font-size:12px;min-height:36px}.duty-assignment{padding:12px;background:var(--soft);border-radius:12px;margin:12px 0}.duty-assignment label{margin:8px 0}.duty-assignment button{font-size:13px;min-height:36px}.board-grid[data-theme=aurora]{background:#061918}.board-grid[data-theme=aurora] .board-tile{background:#0c2c28;color:#edfff8}.board-grid[data-theme=aurora] .board-handle{color:#9dfd76!important}.board-grid[data-theme=ember]{background:#1b1010}.board-grid[data-theme=ember] .board-tile{background:#301c19;color:#fff1e6}.board-grid[data-theme=ember] .board-handle{color:#ffae66!important}.board-grid[data-theme=violet]{background:#110d22}.board-grid[data-theme=violet] .board-tile{background:#211a37;color:#f3edff}.board-grid[data-theme=violet] .board-handle{color:#c4a1ff!important}
.board-grid[data-theme=glass]{background:radial-gradient(circle at 85% 0,#1d4a6e,#09111f 60%)}.board-grid[data-theme=glass] .board-tile{background:#1b2a42cc;color:#f2f7ff;border-radius:14px}.board-grid[data-theme=glass] .board-handle{color:#7cc8ff!important}
.board-grid[data-theme=sunset]{background:radial-gradient(circle at 85% 0,#5a2a33,#170d1c 60%)}.board-grid[data-theme=sunset] .board-tile{background:#2e1b34cc;color:#fff2ee;border-radius:14px}.board-grid[data-theme=sunset] .board-handle{color:#ff917c!important}
.board-grid[data-theme=paper]{background:radial-gradient(circle at 85% 0,#c9d8f1,#e9edf2 60%)}.board-grid[data-theme=paper] .board-tile{background:#fff;color:#152030;border-radius:14px;box-shadow:0 4px 14px #15203018}.board-grid[data-theme=paper] .board-handle{color:#1d63d8!important}.board-tile{border-radius:12px}.board-tile[data-kind=question] .board-copy{font-weight:750}.board-tile[data-kind=clock] .board-copy,.board-tile[data-kind=countdown] .board-copy{font-weight:800;font-variant-numeric:tabular-nums;font-size:clamp(12px,1.4vw,24px)}.board-copy small{color:inherit;opacity:.65}.board-tile[data-kind=duty] .board-copy{font-size:clamp(8px,.85vw,13px)}
@keyframes orbit-turn{to{transform:rotate(360deg)}}@keyframes glow-drift{to{transform:translate(-100px,80px)}}@keyframes screen-float{50%{transform:translateY(-12px) rotate(-1deg)}}@keyframes colon-breathe{50%{opacity:.35}}@keyframes bar-breathe{to{transform:scaleY(.6);opacity:.3}}@keyframes stage-enter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1100px){.control-hero{grid-template-columns:1fr 150px}.art-ring{width:160px;height:160px}.art-ring.inner{width:110px;height:110px}.art-ring:before{top:0;left:56px}.demo-clock{font-size:38px}.login-layout{gap:40px}}
@media(max-width:900px){.shell{grid-template-columns:1fr}.shell aside{padding:16px 20px;height:auto}.shell main{padding:24px 20px}.appearance-picker{margin:8px 0 0}.sidebar-top{grid-template-columns:1fr auto;gap:10px}.appearance-picker{grid-column:1/-1}.panel-tools{margin:0}.login-layout{max-width:580px;grid-template-columns:1fr}.login-story .public-brand{margin-bottom:30px}.login-story h1{font-size:44px}.login-preview,.login-story>small{display:none}.login-story p{margin-bottom:0}.login-stage{padding:32px 20px}.login{padding:30px}.login-top{margin-bottom:28px}}
@media(max-width:600px){.control-hero{grid-template-columns:1fr;padding:24px}.control-art{display:none}.hero-shortcuts{display:grid;grid-template-columns:1fr 1fr;gap:8px}.hero-shortcuts a:first-child{grid-column:1/-1}.hero-shortcuts a{text-align:center;font-size:13px}.roster-columns{grid-template-columns:1fr}.roster-item{align-items:flex-start;flex-direction:column}.roster-item .actions{display:flex}.metrics strong{font-size:2rem}.metrics article{padding:16px 11px}.metrics span{font-size:12px}.login-stage{padding:24px 18px}.login-story .public-brand{margin-bottom:22px}.login-story h1{font-size:38px;margin:18px 0}.login-story p{font-size:15px}.login-layout{gap:24px}.login{padding:25px;border-radius:20px}.login h2{font-size:29px}.login-story .eyebrow{font-size:11px}.inline-check{font-size:14px}.art-point{display:none}}
:root[data-motion=reduced] *, :root[data-motion=reduced] *:before,:root[data-motion=reduced] *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}html{scroll-behavior:auto}}
@media(max-width:900px){.sidebar-top{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center}.appearance-picker{grid-column:1/-1;width:100%;margin:6px 0 0}.appearance-picker summary{font-size:13px}.appearance-picker[open]{padding:14px}.appearance-picker[open] label{max-width:none}}

/* Compact owner preview: image and controls first on phones. */
#tv-preview-dialog{max-height:92vh;max-height:92dvh;overflow:auto}
.preview-navigation .actions{display:flex;flex-wrap:wrap;gap:8px}
.preview-navigation button{font-size:.9rem;padding:9px 12px;flex:1 1 auto}
#preview-navigation-status:empty{display:none}
.preview-settings-fold{margin:16px 0;padding:12px;border:1px solid var(--line);border-radius:12px}
.preview-settings-fold>summary{cursor:pointer;font-weight:600}
.preview-settings-fold .owner-preview{margin-top:12px}
@media(max-width:600px){#tv-preview-dialog{padding:18px}#tv-preview-dialog h2{font-size:1.3rem;margin-top:0}.preview-navigation button{flex:1 1 30%}#tv-preview-status,#preview-navigation-status{font-size:.85rem;line-height:1.4}}

:root .operations-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:20px 0}.operations-ticker{margin:20px 0}#school-tools textarea{width:100%;padding:12px;font:inherit;resize:vertical;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--text)}#school-tools input[type=color]{height:46px;padding:5px}.message-preview{border-radius:12px;padding:16px 20px;overflow-wrap:anywhere;font-weight:650}.scheduled-notice{display:flex;justify-content:space-between;gap:15px;padding:16px;border:1px solid var(--line);border-radius:12px}.scheduled-notice small{display:block;margin-top:8px}.scheduled-notice .badge{margin-left:10px}.weekly-report{margin-top:20px}.report-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:16px 0}.report-cards article{padding:16px;border:1px solid var(--line);border-radius:12px}.report-cards strong{display:block;font-size:2rem}#school-tools .compact{min-width:0}#ops-status,#ops-report-status{overflow-wrap:anywhere}#ops-notices{margin-top:16px}@media(max-width:750px){:root .operations-grid{grid-template-columns:minmax(0,1fr)}.report-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.scheduled-notice{display:block}#school-tools .section-head{flex-wrap:wrap}#school-tools .actions button{flex:1 1 auto}#school-tools .setting-grid{grid-template-columns:minmax(0,1fr)}}
#school-tools .table-wrap table{table-layout:fixed;min-width:0;width:100%}#school-tools .table-wrap th:first-child,#school-tools .table-wrap td:first-child{width:68%;min-width:0;white-space:normal;overflow-wrap:anywhere}#school-tools .table-wrap th:last-child,#school-tools .table-wrap td:last-child{width:32%;text-align:right;overflow-wrap:anywhere;padding-left:4px}
.message-preview{position:relative;overflow:hidden;white-space:nowrap;min-width:0;padding:16px 12px;min-height:64px;contain:inline-size}.message-preview-motion,.message-preview-text{display:inline-block;white-space:pre}.message-preview-blink .message-preview-text{animation:message-fade 2.4s ease-in-out infinite}@keyframes message-fade{0%,100%{opacity:1}50%{opacity:.15}}@media(prefers-reduced-motion:reduce){.message-preview-blink .message-preview-text{animation:none}.message-preview-text{white-space:normal;overflow-wrap:anywhere}.message-preview-motion{max-width:100%}}
#releases textarea,#version-history textarea,#version-detail textarea{width:100%;padding:12px;font:inherit;resize:vertical;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--text)}.version-list,.version-comparison{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:18px 0}.version-toolbar{display:flex;align-items:end;flex-wrap:wrap;gap:12px;margin-top:18px}.version-toolbar label{flex:1 1 240px;min-width:0}.version-card{min-width:0}.version-card h3{font-size:1.35rem;margin:0}.version-date,.version-counts{color:var(--muted);font-size:.9rem}.version-notes,.version-event p{white-space:pre-wrap;overflow-wrap:anywhere}.version-changes{padding-left:22px;line-height:1.65;overflow-wrap:anywhere}.version-packages{display:flex;gap:8px;flex-wrap:wrap}.version-compare summary{cursor:pointer;font-weight:650}.version-compare .setting-grid{margin-top:16px}#version-detail{width:min(880px,92vw);max-height:90dvh;overflow:auto;box-sizing:border-box}#version-detail .section-head{gap:12px;flex-wrap:wrap}.version-event{padding:16px 0;border-top:1px solid var(--line)}.version-event small{display:block;margin-top:8px;color:var(--muted)}.version-digest,.version-package code{overflow-wrap:anywhere;white-space:normal}.version-package{margin:12px 0;padding:12px;border:1px solid var(--line);border-radius:12px}#version-addendum{margin-top:20px}#version-addendum button{margin-top:12px}@media(max-width:750px){.version-list,.version-comparison{grid-template-columns:minmax(0,1fr)}.version-toolbar button{flex:1 1 auto}#version-filter{grid-template-columns:minmax(0,1fr)}#version-detail{padding:18px}.version-card .section-head{flex-wrap:wrap}}
#version-detail>.section-head{position:sticky;top:0;z-index:3;background:var(--surface);padding:10px 0}.version-card .badge{background:var(--hover);color:var(--text);border:1px solid var(--line)}
/* Windows build configuration and status share the release archive layout. */
.windows-build{margin-top:24px;padding-top:18px;border-top:1px solid var(--border)}
.windows-build details{margin-top:16px}.windows-build form{margin-top:16px}
.windows-build #build-jobs{max-height:360px;overflow:auto;margin:12px 0}
.windows-build a{overflow-wrap:anywhere}.windows-build input{min-width:0}
/* 4.4.9 duty roster import and editor. */
.duty-lead{margin-top:0}.duty-today{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:16px 0}.duty-today article{border:1px solid var(--line);border-radius:14px;padding:14px 16px;background:var(--soft)}.duty-today small{display:block;font-weight:700;letter-spacing:.02em;opacity:.75;margin-bottom:8px}.duty-today ul{list-style:none;margin:0;padding:0;display:grid;gap:6px}.duty-today li{display:flex;gap:10px;justify-content:space-between;border-bottom:1px dashed var(--line);padding-bottom:5px}.duty-today li:last-child{border:0}.duty-today li span{text-align:right}.duty-today p{margin:0}
.duty-import{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:16px;align-items:start}.duty-drop,.duty-paste{border:1px dashed var(--line);border-radius:14px;padding:14px}.duty-paste summary{cursor:pointer;font-weight:700}.duty-paste textarea,.duty-table textarea{box-sizing:border-box;width:100%;font:inherit;border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:8px;padding:8px;resize:vertical}.duty-photo img{display:block;max-width:100%;max-height:320px;margin:10px auto;border-radius:10px;transition:transform .2s ease}.duty-warnings p{margin:6px 0;padding:8px 12px;border-radius:10px;background:var(--soft);border-left:4px solid #e7a33e}.duty-hint{font-size:.92rem;opacity:.8}.duty-switch{margin:10px 0 4px}
.duty-table-wrap{overflow-x:auto;margin:12px 0;border:1px solid var(--line);border-radius:14px}.duty-table{border-collapse:collapse;width:100%;min-width:560px}.duty-table th,.duty-table td{border-bottom:1px solid var(--line);padding:6px;vertical-align:top;text-align:left}.duty-table thead th{position:sticky;top:0;background:var(--surface);z-index:1}.duty-table tbody th{white-space:nowrap;font-weight:700;min-width:118px}.duty-table textarea{min-width:130px;min-height:46px;font-size:.92rem;padding:6px}.duty-place{display:flex;gap:4px;align-items:center}.duty-place input{min-width:96px;width:100%;font-weight:700}.duty-place button,.duty-row-drop{min-height:30px!important;padding:2px 9px!important;font-size:14px}.duty-row-drop{margin-left:6px}.duty-table caption{padding:16px;text-align:left}
@media(max-width:760px){.duty-import,.duty-today{grid-template-columns:1fr}.duty-table-wrap{overflow:visible;border:0}.duty-table{min-width:0}.duty-table thead{display:block}.duty-table thead tr{display:grid;grid-template-columns:1fr;gap:6px}.duty-table thead th:first-child{display:none}.duty-table tbody,.duty-table tbody tr,.duty-table tbody th,.duty-table tbody td{display:block}.duty-table tbody tr{border:1px solid var(--line);border-radius:14px;padding:10px;margin:12px 0}.duty-table tbody th{border:0;padding:4px 2px 8px;font-size:1.05rem}.duty-table tbody td{border:0;padding:4px 2px}.duty-table tbody td::before{content:attr(data-label);display:block;font-size:.8rem;font-weight:700;opacity:.75;margin-bottom:3px}.duty-table textarea{min-width:0}}
/* 4.4.9 board editor tools. */
.board-history{display:inline-flex;gap:6px;margin-left:auto}.board-history button{min-width:42px;font-size:18px;padding:6px 10px}.board-layouts{flex-wrap:wrap}.board-layouts select{flex:1 1 180px;min-width:0}.board-tile{position:relative}.board-resize{position:absolute;right:2px;bottom:2px;width:16px;height:16px;cursor:nwse-resize;touch-action:none;border-right:3px solid currentColor;border-bottom:3px solid currentColor;border-radius:0 0 6px 0;opacity:.45}.board-tile.selected .board-resize{opacity:.95;color:#59dec5}.board-image{display:block;width:100%;height:100%;max-height:100%;object-fit:contain;border-radius:8px}.board-handle.title-hidden{opacity:.55;font-style:italic}.board-style{border-top:1px solid var(--line);margin-top:12px;padding-top:6px}.board-style h3{margin:6px 0}.board-style-note{font-size:.9rem;opacity:.8}.board-style input[type=color]{width:100%;min-height:40px;padding:2px;border-radius:8px}
@media(max-width:600px){.board-resize{width:22px;height:22px}.board-history{margin-left:0}}
.board-toolbar{align-items:center}.board-toolbar select{flex:1 1 160px;min-width:0}.board-toolbar>button,.board-toolbar .board-history button{white-space:nowrap;flex:0 0 auto}
/* 4.4.11 · canlı ekran ve iki adımlı doğrulama */
.live-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,230px),1fr));gap:12px}.live-card{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto auto;column-gap:10px;row-gap:2px;align-items:center;text-align:left;padding:16px 18px;min-height:110px;border-radius:16px;border:1px solid var(--line);background:var(--surface);color:var(--text);transition:transform .15s,border-color .15s}.live-card:not(:disabled):hover{transform:translateY(-2px);border-color:var(--accent)}.live-card strong{font-size:1.05rem;overflow-wrap:anywhere}.live-card small{grid-column:1/-1;line-height:1.35}.live-go{grid-column:1/-1;margin-top:6px;color:var(--accent);font-weight:650;font-size:.9rem}.live-card:disabled .live-go{visibility:hidden}.live-dot{width:11px;height:11px;border-radius:50%;background:#9aa6b1}.live-dot.online{background:#22b573;box-shadow:0 0 0 4px #22b57326}.live-hint{margin:14px 0 0;font-size:.9rem}
body.live-open{overflow:hidden}.live-viewer{position:fixed;inset:0;z-index:40;display:flex;flex-direction:column;background:#05070a;color:#f3f6f9}.live-top{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;background:#0d1218;border-bottom:1px solid #ffffff1a;flex-wrap:wrap}.live-title{display:grid;min-width:0}.live-title strong{font-size:1.05rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.live-state{font-size:.85rem;color:#b9c4cf}.live-state[data-kind=live]{color:#6ee7a8}.live-state[data-kind=error]{color:#ff9aa5}.live-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.live-actions select,.live-actions button{min-height:40px;background:#18212b;color:#f3f6f9;border:1px solid #ffffff2b;border-radius:10px;padding:6px 12px;width:auto}.live-actions .primary{background:var(--accent);border-color:var(--accent)}.live-stage{flex:1;min-height:0;display:grid;place-items:center;position:relative;overflow:hidden}.live-stage img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;display:block}.live-wait{color:#c7d0d9;max-width:560px;text-align:center;padding:20px;margin:0}.live-strip{display:flex;gap:8px;overflow-x:auto;padding:8px 14px;background:#0d1218;border-top:1px solid #ffffff1a}.live-strip button{flex:0 0 auto;min-height:36px;background:#18212b;color:#dfe6ec;border:1px solid #ffffff2b;border-radius:18px;padding:4px 14px;font-size:.875rem}.live-strip button.active{background:var(--accent);border-color:var(--accent);color:#fff}.live-viewer:fullscreen .live-top,.live-viewer:fullscreen .live-strip{opacity:.15;transition:opacity .2s}.live-viewer:fullscreen .live-top:hover,.live-viewer:fullscreen .live-strip:hover{opacity:1}
@media(max-width:640px){.live-top{padding:8px 10px}.live-actions{width:100%}.live-actions select{flex:1 1 140px}.live-actions button{flex:1 1 auto;font-size:.85rem;padding:6px 8px}.live-card{min-height:96px}}
.tf-setup{display:grid;grid-template-columns:auto minmax(0,1fr);gap:22px;align-items:start}.tf-setup img{width:232px;height:232px;background:#fff;border-radius:12px;padding:6px;border:1px solid var(--line)}.tf-setup ol{margin:0 0 10px;padding-left:20px}.tf-secret{display:block;font-size:1.05rem;letter-spacing:.06em;padding:10px 12px;border-radius:10px;background:var(--soft);border:1px solid var(--line);overflow-wrap:anywhere;user-select:all}.tf-codes{margin-top:18px;padding:18px;border:2px dashed var(--accent);border-radius:14px}.tf-codes ol{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 24px;padding-left:24px}.tf-codes code{font-size:1.05rem;letter-spacing:.05em}.badge.good{background:#ddf3e7;color:#186543}.login-back{display:block;text-align:center;font-size:.9rem;margin-top:4px}
@media(max-width:640px){.tf-setup{grid-template-columns:minmax(0,1fr)}.tf-setup img{margin:0 auto}.tf-codes ol{grid-template-columns:minmax(0,1fr)}}
/* 4.4.13 · duyuru ve olay merkezi, acil durum, toplu işlem */
.notice-top,.notice-side,.notice-corner{border-radius:14px;color:#fff;box-shadow:0 8px 28px #0003}.notice-top{position:sticky;top:8px;z-index:30;margin:0 0 18px;background:linear-gradient(100deg,#9b1c2e,#c42b3c);border:1px solid #ff8b97}.notice-side{margin:4px 0 16px;background:linear-gradient(140deg,#8a4b00,#b86b06);border:1px solid #ffc46b}.notice-corner{position:fixed;left:16px;bottom:16px;z-index:35;width:min(380px,calc(100vw - 32px));background:linear-gradient(140deg,#123e66,#1d5f99);border:1px solid #7ab8ff}
.notice-head{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:6px 10px 0 14px;font-size:.78rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;opacity:.9}.notice-min{min-height:30px;padding:2px 10px;font-size:.8rem;background:#ffffff26!important;color:#fff!important;border:1px solid #ffffff55!important;border-radius:16px}.notice-items{display:grid;gap:4px;padding:4px 6px 8px}.collapsed .notice-items{display:none}.collapsed .notice-head{padding-bottom:6px}
.notice-item{display:flex;align-items:stretch;gap:4px;border-radius:10px}.notice-open{flex:1;min-width:0;display:grid;gap:2px;text-align:left;background:transparent!important;color:#fff!important;border:0!important;box-shadow:none!important;padding:6px 8px;min-height:0;border-radius:10px}.notice-open:hover{background:#ffffff1f!important}.notice-open strong{font-size:1rem;line-height:1.3;overflow-wrap:anywhere}.notice-tag{font-size:.72rem;font-weight:700;letter-spacing:.05em;opacity:.85}.notice-snippet{font-size:.88rem;opacity:.92;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:pre-line}.notice-dismiss{min-height:0;padding:0 10px;background:transparent!important;color:#fff!important;border:0!important;font-size:1.2rem}
.notice-top .notice-items{grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr))}.notice-item.sev-resolved{background:#1c7a4a}.notice-item.unread .notice-tag::after{content:'';display:inline-block;width:8px;height:8px;margin-left:6px;border-radius:50%;background:#fff;animation:notice-pulse 1.4s ease-in-out infinite}@keyframes notice-pulse{50%{opacity:.25}}@media(prefers-reduced-motion:reduce){.notice-item.unread .notice-tag::after{animation:none}}
.notice-dialog{max-width:640px}.notice-meta{font-size:.88rem;color:var(--muted)}.notice-body{white-space:pre-wrap;overflow-wrap:anywhere;color:var(--text)}.notice-resolution{padding:12px 14px;border-radius:12px;background:#1c7a4a22;border:1px solid #1c7a4a66;white-space:pre-wrap}.notice-timeline{padding-left:20px;display:grid;gap:8px}.notice-timeline p{margin:4px 0 0;white-space:pre-wrap}.notice-timeline .kind-resolve strong{color:#22a36a}.sev-badge.sev-critical{background:#c42b3c;color:#fff}.sev-badge.sev-warning{background:#b86b06;color:#fff}.sev-badge.sev-info{background:#1d5f99;color:#fff}.sev-badge.sev-resolved{background:#1c7a4a;color:#fff}
.notices-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));gap:14px;margin-top:14px}.notice-card{border:1px solid var(--line);border-left:6px solid #1d5f99;border-radius:16px;padding:16px 18px;background:var(--surface)}.notice-card.sev-critical{border-left-color:#c42b3c}.notice-card.sev-warning{border-left-color:#b86b06}.notice-card.sev-resolved{border-left-color:#1c7a4a;opacity:.85}.notice-card header{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 8px}.notice-card .notice-snippet{color:var(--muted)}
.emergency-surface{border:2px solid #c42b3c66}.danger-fill{background:#c42b3c!important;border-color:#c42b3c!important;color:#fff!important;font-weight:700;min-height:52px;padding:12px 28px}.danger-fill:hover{background:#a3202f!important}#emergency-state.alert,.nav-emergency.alert{background:#c42b3c!important;color:#fff!important;animation:emergency-glow 1.6s ease-in-out infinite}@keyframes emergency-glow{50%{box-shadow:0 0 0 6px #c42b3c55}}@media(prefers-reduced-motion:reduce){#emergency-state.alert,.nav-emergency.alert{animation:none}}.emergency-active-text{font-size:1.1rem;color:var(--text)}#emergency-message,#notice-body,#notice-dialog-text{width:100%;padding:12px;font:inherit;border:1px solid var(--line);border-radius:10px;background:var(--field,var(--surface));color:var(--text);resize:vertical}
.device-picks{border:1px solid var(--line);border-radius:12px;padding:10px 14px;margin:12px 0}.device-picks legend{padding:0 6px;font-weight:600}.pick-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr));gap:6px 14px;margin:8px 0}.pick-grid .inline-check{align-items:flex-start}.pick-grid small{display:block}.pick.muted{opacity:.6}.bulk-actions{margin:12px 0}.bulk-actions summary{cursor:pointer;font-weight:650}.bulk-results{padding-left:18px}.bulk-results .ok{color:#22a36a}.bulk-results .fail{color:#d9485b}
@media(max-width:900px){.notice-top{top:4px;margin:0 0 14px}.notice-side{margin:12px 0 0}.notice-corner{left:10px;bottom:10px;width:calc(100vw - 20px)}.notice-top .notice-snippet{-webkit-line-clamp:1}}
body.has-corner-notice main{padding-bottom:150px}
.notice-corner .notice-items{max-height:min(42vh,420px);overflow:auto}@media(max-width:900px){.notice-corner .notice-items{max-height:34vh}.notice-corner .notice-snippet{-webkit-line-clamp:1}}
body.has-critical-notice section,body.has-critical-notice main>section{scroll-margin-top:96px}
.list-table td{vertical-align:top}.list-table td:first-child{min-width:150px;width:170px}.list-table textarea{width:100%;min-width:200px;padding:8px 10px;font:inherit;border:1px solid var(--line);border-radius:8px;background:var(--field,var(--surface));color:var(--text);resize:vertical}.list-preview{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:14px}.list-preview pre{white-space:pre-wrap;font:inherit;margin:6px 0 0;padding:12px 14px;border-radius:12px;background:var(--soft);border:1px solid var(--line);min-height:70px}.list-paste textarea{width:100%;font:inherit;padding:10px;border:1px solid var(--line);border-radius:10px;background:var(--field,var(--surface));color:var(--text)}
@media(max-width:760px){.list-preview{grid-template-columns:minmax(0,1fr)}.list-table thead{display:none}.list-table tr{display:grid;grid-template-columns:1fr auto;gap:6px;padding:10px 0;border-bottom:1px solid var(--line)}.list-table td{border:0;padding:0}.list-table td:nth-child(2){grid-column:1/-1;grid-row:2}.list-table td:first-child{width:auto}}
.official-holidays{display:grid;gap:6px;margin:12px 0}.official-holidays small{color:var(--muted)}
.pwa-hint{padding:10px 14px;border-radius:12px;background:var(--soft);border:1px solid var(--line)}#pwa-install{width:100%}.offline-page main{text-align:center;display:grid;gap:12px;justify-items:center}
.offline-page a.primary{display:inline-block;padding:12px 24px;border-radius:12px;text-decoration:none}
@media(max-width:760px){.list-table,.list-table tbody{display:block;width:100%}.list-table tr{grid-template-columns:minmax(0,1fr) auto;align-items:center}.list-table td:first-child{min-width:0}.list-table td input{width:100%;min-width:0}.list-table textarea{min-width:0}}
@media(max-width:760px){#daily-lists .table-wrap table.list-table{min-width:0;width:100%}}
/* 4.4.15 · uzun tablolar sayfayı uzatmaz: kutu içinde kayar, başlık sabit kalır */
.fold-bar{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;margin:10px 0}.fold-bar .inline-check{margin:0}.fold-count{color:var(--muted);font-size:.9rem;margin-right:auto}.fold-toggle{min-height:38px;padding:6px 14px}
.fold-box{max-height:min(55vh,520px);overflow:auto;overscroll-behavior:contain;border:1px solid var(--line);border-radius:14px}.fold-box.open{max-height:none;overflow:visible}
.fold-box thead th{position:sticky;top:0;z-index:2;background:var(--surface)}.fold-box.open thead th{position:static}
@media(max-width:760px){.fold-box{max-height:60vh}.fold-bar .fold-toggle{flex:1 1 auto}}
/* 4.4.16 güvenlik kalkanı */
.shield-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:16px 0}.shield-stats article{padding:14px 16px;border:1px solid var(--line);border-radius:12px;background:var(--soft)}.shield-stats article span{display:block;font-size:.85rem;color:var(--muted)}.shield-stats article strong{font-size:1.8rem}.shield-kinds{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:8px;margin:0}.shield-hint{grid-column:1/-1;font-size:.875rem;margin:4px 0 0}
.shield-kind{display:inline-block;padding:2px 9px;border-radius:999px;font-size:.8rem;font-weight:600;background:var(--hover);color:var(--text);white-space:nowrap}.shield-kind.kind-sql,.shield-kind.kind-cmd,.shield-kind.kind-tool{background:#ffdfda;color:#9a2516}.shield-kind.kind-traversal,.shield-kind.kind-xss{background:#fff0d7;color:#855100}.shield-kind.kind-login,.shield-kind.kind-limit{background:#e6ecff;color:#2b3f8f}
.shield-blocks{margin:10px 0 18px}.shield-block{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:12px 16px;border:1px solid #e4a59b;border-left:4px solid #c8412c;border-radius:12px}.shield-block small{display:block;margin-top:4px;overflow-wrap:anywhere}.shield-manual{margin:6px 0 18px}.shield-manual summary{cursor:pointer;font-weight:600}
.shield-events-head{margin-top:8px}.shield-table td{vertical-align:top}.shield-table td small{display:block}.shield-path{font-size:.8rem;overflow-wrap:anywhere;word-break:break-all}.shield-sample{font-family:ui-monospace,Consolas,monospace;font-size:.78rem;overflow-wrap:anywhere;word-break:break-all;opacity:.85}.shield-hit td{background:color-mix(in srgb,#c8412c 10%,transparent)}.link-button{min-height:0;padding:0;border:0;background:none;box-shadow:none;color:var(--accent);text-decoration:underline;font:inherit;font-size:.85rem}.link-button:hover{background:none}
.shield-table td:first-child{min-width:150px}.shield-table td:nth-child(4){min-width:240px}.shield-table .link-button,.shield-table td:last-child{white-space:nowrap}
@media(max-width:750px){.shield-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.shield-block{flex-direction:column;align-items:flex-start}.shield-table{min-width:640px}}
.shield-warn{grid-column:1/-1;margin:4px 0 0;padding:10px 14px;border-radius:10px;border:1px solid #e6b45c;background:color-mix(in srgb,#e6b45c 14%,transparent);color:var(--text);font-size:.9rem}
.shield-block .badge{white-space:nowrap}
/* 4.4.21 · warespace.site tanıtım sayfası: sistem yazı tipleri, satır içi SVG; başvuru/takip kimlikleri aynı. */
:root[data-site]{--ws-bg:#f7f5f0;--ws-surface:#fff;--ws-sunk:#efebe3;--ws-ink:#14232b;--ws-muted:#4b5960;--ws-line:#dcd6ca;--ws-accent:var(--a-deep);--ws-accent-ink:var(--a-deep-ink);--ws-on-accent:var(--a-on-deep);--ws-soft:var(--a-soft);--ws-r-card:20px;--ws-r-btn:12px;--ws-r-field:10px;--ws-red:#b42318;--ws-green:#25734a;--ws-frame:#1c2a2e;--ws-shadow:0 1px 2px #14232b0d,0 18px 40px -20px #14232b40;--canvas:var(--ws-bg);--surface:var(--ws-surface);--soft:var(--ws-sunk);--field:var(--ws-surface);--text:var(--ws-ink);--muted:var(--ws-muted);--line:var(--ws-line);--hover:var(--ws-soft);--accent:var(--ws-accent);--on-accent:var(--ws-on-accent);color-scheme:light;background:var(--ws-bg)}
:root[data-site][data-theme=dark]{--ws-bg:#0d1416;--ws-surface:#141e21;--ws-sunk:#0a1012;--ws-ink:#e6eeee;--ws-muted:#a3b4b6;--ws-line:#27373b;--ws-accent:var(--a-bright);--ws-accent-ink:var(--a-bright-ink);--ws-on-accent:var(--a-on-bright);--ws-soft:var(--a-soft-dark);--ws-red:#f0646a;--ws-green:#62c48c;--ws-frame:#2a3a3e;--ws-shadow:0 1px 2px #0008,0 20px 44px -20px #000c;color-scheme:dark}
/* 4.7.0 · Vurgu renkleri: deep = açık temada dolgu/yazı, bright = koyu zeminde; sahip panelden seçer (varsayılan tasarımın rengi) */
:root[data-site]{--a-deep:#b08423;--a-deep-ink:#7d5a12;--a-on-deep:#1c1405;--a-soft:#f3e8cf;--a-bright:#e2b85c;--a-bright-ink:#f0cd7e;--a-on-bright:#1c1405;--a-soft-dark:#2a2416}
:root[data-site][data-accent=turkuaz]{--a-deep:#087f8c;--a-deep-ink:#06646e;--a-on-deep:#fff;--a-soft:#dcefee;--a-bright:#5cc8d0;--a-bright-ink:#80d8de;--a-on-bright:#04262a;--a-soft-dark:#11343a}
:root[data-site][data-accent=kirmizi]{--a-deep:#c0362c;--a-deep-ink:#a32a21;--a-on-deep:#fff;--a-soft:#fbe3e0;--a-bright:#ff7b6e;--a-bright-ink:#ff9d93;--a-on-bright:#2b0906;--a-soft-dark:#3a1714}
:root[data-site][data-accent=mavi]{--a-deep:#2458d6;--a-deep-ink:#1d47b0;--a-on-deep:#fff;--a-soft:#e3ebfd;--a-bright:#7ea6ff;--a-bright-ink:#a5c1ff;--a-on-bright:#0a1838;--a-soft-dark:#142240}
:root[data-site][data-accent=mor]{--a-deep:#7c3aed;--a-deep-ink:#6526c8;--a-on-deep:#fff;--a-soft:#efe7fe;--a-bright:#b69cff;--a-bright-ink:#cdbaff;--a-on-bright:#1d0f3d;--a-soft-dark:#261a42}
.site{margin:0;min-height:100vh;background:var(--ws-bg);color:var(--ws-ink);font:400 1rem/1.6 "Segoe UI Variable Text","Segoe UI",system-ui,-apple-system,Roboto,"Helvetica Neue",Arial,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:clip}
.site ::selection{background:var(--ws-accent);color:var(--ws-on-accent)}
.site :focus-visible,.site textarea:focus-visible,.site summary:focus-visible{outline:2px solid var(--ws-accent);outline-offset:3px}
.site svg{width:1.25em;height:1.25em;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.site .ws-sprite{position:absolute;width:0;height:0;overflow:hidden}
.site h1,.site h2,.site h3{color:var(--ws-ink);font-family:var(--ws-head,"Segoe UI Variable Display","Segoe UI",system-ui,-apple-system,Roboto,"Helvetica Neue",Arial,sans-serif);text-wrap:balance}
.site h2{font-size:clamp(1.75rem,1.25rem + 2vw,2.625rem);line-height:1.12;font-weight:700;letter-spacing:-.025em;margin:0 0 16px;max-width:22ch}
.site h3{font-size:1.125rem;line-height:1.35;font-weight:650;margin:0 0 8px}
.site p{color:var(--ws-muted);margin:0 0 12px;text-wrap:pretty}
.site a{color:var(--ws-accent-ink)}.site b,.site strong{font-weight:650}
.site section{margin:0;scroll-margin-top:84px}
.site button:hover,.site nav a:hover{transform:none}.site nav a{border:0;transform:none}
/* Üst çubuk */
.site .ws-header{position:sticky;top:0;z-index:20;display:block;margin:0;background:var(--ws-bg);background:color-mix(in srgb,var(--ws-bg) 90%,transparent);-webkit-backdrop-filter:saturate(1.4) blur(12px);backdrop-filter:saturate(1.4) blur(12px);border-bottom:1px solid var(--ws-line)}
.site .ws-nav{display:flex;align-items:center;gap:24px;width:min(1160px,100% - 32px);min-height:64px;margin:0 auto;overflow:visible}
.site .ws-brand{display:inline-flex;align-items:center;gap:10px;padding:0;color:var(--ws-ink);background:none;text-decoration:none;font-weight:500;letter-spacing:-.01em;white-space:nowrap}
.site .ws-brand b{font-weight:700}
.site .ws-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:var(--ws-accent);color:var(--ws-on-accent)}.site .ws-mark svg{width:20px;height:20px;stroke-width:2}
.site .ws-links{display:flex;gap:2px;margin-right:auto}
.site .ws-links a{padding:8px 12px;border-radius:8px;color:var(--ws-muted);background:none;font-size:.9375rem;text-decoration:none;white-space:nowrap;transition:color .15s ease,background-color .15s ease}
.site .ws-nav-actions{display:flex;align-items:center;gap:8px;margin-left:auto}
/* Düğmeler */
.site .ws-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;width:auto;min-height:48px;padding:0 22px;border:1px solid var(--ws-accent);border-radius:var(--ws-r-btn);background:var(--ws-accent);color:var(--ws-on-accent);font:inherit;font-weight:650;text-decoration:none;cursor:pointer;box-shadow:none;transition:transform .16s cubic-bezier(.23,1,.32,1),background-color .15s ease,border-color .15s ease,color .15s ease}
.site .ws-button svg{width:18px;height:18px;stroke-width:2.2}
.site .ws-button-small{min-height:40px;padding:0 16px;border-radius:var(--ws-r-btn);font-size:.9375rem}
.site .ws-button-quiet{background:transparent;border-color:var(--ws-line);color:var(--ws-ink)}
.site .ws-ghost{display:inline-flex;align-items:center;justify-content:center;width:auto;min-height:40px;padding:0 14px;border:1px solid var(--ws-line);border-radius:var(--ws-r-btn);background:transparent;color:var(--ws-ink);font:inherit;font-size:.9375rem;font-weight:550;white-space:nowrap;cursor:pointer;box-shadow:none;transition:transform .16s cubic-bezier(.23,1,.32,1),background-color .15s ease,border-color .15s ease}
.site .ws-button:active,.site .ws-ghost:active{transform:scale(.97)}.site .ws-button:disabled{opacity:.6;cursor:progress;transform:none}
@media(hover:hover) and (pointer:fine){.site .ws-links a:hover{color:var(--ws-ink);background:var(--ws-sunk)}.site .ws-button:hover{background:color-mix(in srgb,var(--ws-accent) 84%,var(--ws-ink));border-color:color-mix(in srgb,var(--ws-accent) 84%,var(--ws-ink));color:var(--ws-on-accent)}.site .ws-button-quiet:hover,.site .ws-ghost:hover{background:var(--ws-sunk);border-color:var(--ws-muted);color:var(--ws-ink)}.site .ws-footer nav a:hover{color:var(--ws-ink)}}
/* 4.6.2 · Tasarım "gece": her zaman koyu sahne, altın zil (satır içi SVG), canlı örnek okul günü (4.7.0: [data-design=gece] kapsamında) */
[data-design=gece] .site .ws-hero,[data-design=gece] .site .ws-header.is-hero{--ws-bg:#07090b;--ws-surface:#ffffff0d;--ws-sunk:#ffffff12;--ws-ink:#f4efe6;--ws-muted:#b3ab9c;--ws-line:#ffffff1f;--ws-accent:var(--a-bright);--ws-accent-ink:var(--a-bright-ink);--ws-on-accent:var(--a-on-bright);--ws-soft:color-mix(in srgb,var(--a-bright) 10%,transparent);color-scheme:dark}
.site .ws-header{transition:background-color .35s ease,border-color .35s ease}
.site .ws-main{display:block;max-width:none;margin:0;padding:0;overflow-wrap:break-word}
.site .ws-main>section{width:min(1160px,100% - 32px);margin-inline:auto}
[data-design=gece] .site .ws-main>.ws-hero{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1fr);gap:36px;align-items:center;width:auto;margin:0;padding:28px max(16px,(100% - 1160px)/2) 56px;overflow:hidden;color:var(--ws-ink);background:radial-gradient(46% 52% at 4% 0,#0f3a4066,transparent 72%),linear-gradient(180deg,#07090b,#0b0e11 72%,#07090b)}
[data-design=gece] .site .ws-hero::after{content:'';position:absolute;inset:auto 0 0;height:1px;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--ws-accent) 40%,transparent),transparent)}
[data-design=gece] .site .ws-hero-copy{position:relative;z-index:1;min-width:0}
[data-design=gece] .site .ws-eyebrow{display:flex;align-items:center;gap:12px;margin:0 0 18px;color:var(--ws-accent);font-size:.75rem;font-weight:700;letter-spacing:.28em;text-transform:uppercase}[data-design=gece] .site .ws-eyebrow::before{content:'';flex:none;width:28px;height:1px;background:currentColor}
[data-design=gece] .site .ws-hero h1{max-width:none;margin:0 0 24px;color:var(--ws-ink);font-size:clamp(2.4rem,.8rem + 4.2vw,4.75rem);line-height:.98;font-weight:800;letter-spacing:-.015em;text-transform:uppercase}
[data-design=gece] .site .ws-hero h1 span,[data-design=gece] .site .ws-hero h1 em{display:block}[data-design=gece] .site .ws-hero h1 em{font-style:normal;color:var(--ws-accent)}
@supports ((-webkit-background-clip:text) or (background-clip:text)){[data-design=gece] .site .ws-hero h1 em{background:linear-gradient(100deg,color-mix(in srgb,var(--ws-accent) 55%,#fff),var(--ws-accent) 38%,color-mix(in srgb,var(--ws-accent) 70%,#000) 68%,var(--ws-accent-ink));-webkit-background-clip:text;background-clip:text;color:transparent;padding-top:.14em;margin-top:-.14em}}
.site .ws-lead{max-width:34rem;margin:0 0 30px;color:var(--ws-muted);font-size:clamp(1rem,.96rem + .25vw,1.125rem);line-height:1.65}[data-design=gece] .site .ws-lead::before{content:'';display:block;width:56px;height:2px;margin:0 0 22px;border-radius:2px;background:var(--ws-accent)}
.site .ws-hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin:0 0 30px}
[data-design=gece] .site .ws-hero .ws-button{min-height:52px;padding:0 24px;border-radius:6px;font-size:.8125rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}
[data-design=gece] .site .ws-hero .ws-button:not(.ws-button-quiet){box-shadow:0 14px 34px -14px color-mix(in srgb,var(--ws-accent) 69%,transparent)}[data-design=gece] .site .ws-hero .ws-button-quiet{border-color:#ffffff38}
.site .ws-proof{display:flex;flex-wrap:wrap;gap:10px 24px;margin:0;padding:0;list-style:none;color:var(--ws-muted);font-size:.875rem}.site .ws-proof li{display:inline-flex;align-items:center;gap:8px}.site .ws-proof svg{color:var(--ws-accent)}
/* Sahne: parıltı, sis, toz, ses halkaları; zil bir düğme (dokununca çalar) */
[data-design=gece] .site .ws-stage{position:relative;isolation:isolate;display:grid;justify-items:center;min-width:0}
[data-design=gece] .site .ws-stage::before{content:'';position:absolute;z-index:-1;left:50%;top:32%;width:min(125%,600px);aspect-ratio:1;border-radius:50%;background:radial-gradient(closest-side,color-mix(in srgb,var(--ws-accent) 36%,transparent),color-mix(in srgb,var(--ws-accent) 16%,transparent) 46%,transparent 74%);translate:-50% -50%;pointer-events:none}
[data-design=gece] .site .ws-stage::after{content:'';position:absolute;z-index:-1;inset:38% -12% 8%;background:radial-gradient(50% 50% at 28% 62%,#ffffff12,transparent 70%),radial-gradient(42% 40% at 74% 38%,#ffffff0d,transparent 70%);pointer-events:none}
[data-design=gece] .site .ws-dust{position:absolute;z-index:-1;inset:0;pointer-events:none}
[data-design=gece] .site .ws-dust i{position:absolute;width:3px;height:3px;border-radius:50%;background:color-mix(in srgb,var(--ws-accent) 55%,#fff);box-shadow:0 0 6px var(--ws-accent);opacity:.5}
[data-design=gece] .site .ws-dust i:nth-child(1){left:12%;top:58%;--d:9s}[data-design=gece] .site .ws-dust i:nth-child(2){left:24%;top:24%;--d:12s;--t:-4s}[data-design=gece] .site .ws-dust i:nth-child(3){left:82%;top:30%;--d:10s;--t:-7s}[data-design=gece] .site .ws-dust i:nth-child(4){left:70%;top:66%;--d:13s;--t:-2s}[data-design=gece] .site .ws-dust i:nth-child(5){left:90%;top:52%;--d:11s;--t:-9s}[data-design=gece] .site .ws-dust i:nth-child(6){left:6%;top:36%;--d:14s;--t:-5s}[data-design=gece] .site .ws-dust i:nth-child(7){left:58%;top:12%;--d:12s;--t:-10s}
[data-design=gece] .site .ws-bell{position:relative;display:block;width:min(64%,250px);min-height:0;margin:0;padding:0;border:0;border-radius:44% 44% 14px 14px;background:none;box-shadow:none;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation}
[data-design=gece] .site .ws-bell:hover,[data-design=gece] .site .ws-bell:active{border:0;background:none;box-shadow:none;transform:none;filter:none}
[data-design=gece] .site .ws-bell svg{display:block;width:100%;height:auto;stroke:none;overflow:visible}
[data-design=gece] .site .ws-bell-word{font:700 20px "Segoe UI",system-ui,-apple-system,Roboto,sans-serif;letter-spacing:.42em;fill:#4a3208;fill-opacity:.6}
[data-design=gece] .site .ws-bell-swing,[data-design=gece] .site .ws-bell-clapper{transform-box:fill-box;transform-origin:50% 0}
[data-design=gece] .site .ws-waves{position:absolute;z-index:-1;left:50%;top:44%;width:118%;aspect-ratio:1;translate:-50% -50%;pointer-events:none}[data-design=gece] .site .ws-waves i{position:absolute;inset:0;border:1.5px solid var(--ws-accent);border-radius:50%;opacity:0}
[data-design=gece] .site .ws-stage.is-ringing .ws-bell-swing{animation:ws-swing 2s ease-in-out}[data-design=gece] .site .ws-stage.is-ringing .ws-bell-clapper{animation:ws-clap 2s ease-in-out .05s}
[data-design=gece] .site .ws-stage.is-ringing .ws-waves i{animation:ws-wave-out 1.8s cubic-bezier(.2,.65,.3,1) both}[data-design=gece] .site .ws-stage.is-ringing .ws-waves i:nth-child(2){animation-delay:.3s}[data-design=gece] .site .ws-stage.is-ringing .ws-waves i:nth-child(3){animation-delay:.6s}
/* Örnek okul günü: cam kart, altın sayaç, altı derslik şerit */
[data-design=gece] .site .ws-day{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px 14px;width:min(100%,400px);max-width:none;margin:-12px 0 0;padding:18px;border:1px solid var(--ws-line);border-radius:18px;background:#0d1114c7;-webkit-backdrop-filter:blur(14px) saturate(1.3);backdrop-filter:blur(14px) saturate(1.3);box-shadow:0 30px 60px -28px #000,inset 0 1px #ffffff14;font-variant-numeric:tabular-nums}
[data-design=gece] .site .ws-day-head,[data-design=gece] .site .ws-timeline{grid-column:1/-1}
[data-design=gece] .site .ws-day-head{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:.875rem;font-weight:600}
[data-design=gece] .site .ws-tag{display:inline-flex;align-items:center;padding:3px 10px;border-radius:999px;background:var(--ws-sunk);color:var(--ws-muted);font-size:.75rem;font-weight:600;white-space:nowrap}
[data-design=gece] .site .ws-next{display:grid;min-width:0}
[data-design=gece] .site .ws-next-title{display:flex;align-items:center;gap:6px;color:var(--ws-accent);font-size:.6875rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase}[data-design=gece] .site .ws-next-title svg{width:14px;height:14px;stroke-width:2;transform-origin:50% 15%}
[data-design=gece] .site #ws-countdown{color:var(--ws-accent-ink);font-size:clamp(2.4rem,2rem + 1.6vw,3rem);line-height:1.08;font-weight:700;letter-spacing:-.01em;text-shadow:0 0 28px color-mix(in srgb,var(--ws-accent) 33%,transparent)}
[data-design=gece] .site #ws-next-label{color:var(--ws-muted);font-size:.8125rem}
[data-design=gece] .site .ws-now{display:grid;align-content:center;min-width:84px;padding:12px;border:1px solid var(--ws-line);border-radius:12px;text-align:center}[data-design=gece] .site .ws-now span{color:var(--ws-muted);font-size:.6875rem;letter-spacing:.16em;text-transform:uppercase}[data-design=gece] .site .ws-now strong{font-size:1.375rem;font-weight:650}
[data-design=gece] .site .ws-timeline{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;margin:2px 0 0;padding:0;list-style:none;counter-reset:ws-lesson}
[data-design=gece] .site .ws-timeline li{position:relative;height:22px;padding:0;counter-increment:ws-lesson;color:transparent;font-size:0;background:linear-gradient(#ffffff1f,#ffffff1f) 0 0/100% 4px no-repeat}
[data-design=gece] .site .ws-timeline li::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;border-radius:2px;background:var(--ws-accent);transform-origin:left;transform:scaleX(0);transition:transform 1s linear}
[data-design=gece] .site .ws-timeline li.is-past::before{transform:none;opacity:.5}[data-design=gece] .site .ws-timeline li.is-now::before{transform:scaleX(var(--p,0));box-shadow:0 0 12px color-mix(in srgb,var(--ws-accent) 60%,transparent)}
[data-design=gece] .site .ws-timeline li::after{content:counter(ws-lesson) ". ders";position:absolute;top:9px;left:0;color:var(--ws-muted);font-size:.625rem;font-weight:600;white-space:nowrap}[data-design=gece] .site .ws-timeline li.is-now::after{color:var(--ws-accent)}
[data-design=gece] .site .ws-next.is-ringing .ws-next-title svg{animation:ws-ring .7s cubic-bezier(.36,.07,.19,.97) 2}[data-design=gece] .site .ws-hero .ws-next.is-ringing{animation:none}
/* Bölüm göstergesi ve kaydırma ipucu (geniş ekran) */
[data-design=gece] .site .ws-hero-index,[data-design=gece] .site .ws-scroll{display:none}
@media(min-width:960px){[data-design=gece] .site .ws-main>.ws-hero{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:40px;min-height:min(calc(100vh - 65px),860px);min-height:min(calc(100svh - 65px),860px);padding-top:48px;padding-bottom:96px}[data-design=gece] .site .ws-bell{width:min(76%,320px)}[data-design=gece] .site .ws-day{margin-top:-14px}
[data-design=gece] .site .ws-scroll{position:absolute;right:max(16px,(100% - 1160px)/2);bottom:30px;display:flex;align-items:center;gap:12px;color:var(--ws-muted);font-size:.6875rem;font-weight:700;letter-spacing:.24em;text-decoration:none;text-transform:uppercase}[data-design=gece] .site .ws-scroll i{position:relative;width:1px;height:36px;overflow:hidden;background:#ffffff26}[data-design=gece] .site .ws-scroll i::after{content:'';position:absolute;inset:0;background:var(--ws-accent);transform:translateY(-100%)}}
@media(min-width:1240px){[data-design=gece] .site .ws-hero-index{position:absolute;top:50%;right:26px;z-index:1;display:grid;justify-items:end;gap:18px;translate:0 -50%}
[data-design=gece] .site .ws-hero-index a{position:relative;display:flex;align-items:center;gap:10px;color:var(--ws-muted);font-size:.6875rem;font-weight:700;letter-spacing:.2em;text-decoration:none;text-transform:uppercase;transition:color .2s ease}[data-design=gece] .site .ws-hero-index a::after{content:'';width:18px;height:1px;background:currentColor;transition:width .25s var(--ws-ease)}
[data-design=gece] .site .ws-hero-index span{position:absolute;right:calc(100% + 12px);white-space:nowrap;opacity:0;translate:6px 0;transition:opacity .2s ease,translate .25s var(--ws-ease)}[data-design=gece] .site .ws-hero-index a:hover,[data-design=gece] .site .ws-hero-index a:focus-visible{color:var(--ws-accent)}[data-design=gece] .site .ws-hero-index a:hover span,[data-design=gece] .site .ws-hero-index a:focus-visible span{opacity:1;translate:0 0}[data-design=gece] .site .ws-hero-index a:hover::after{width:30px}}
@media(prefers-reduced-motion:no-preference){[data-design=gece] .site .ws-hero-copy>*{animation:ws-rise .9s var(--ws-ease) both}[data-design=gece] .site .ws-hero-copy>:nth-child(2){animation-delay:.07s}[data-design=gece] .site .ws-hero-copy>:nth-child(3){animation-delay:.14s}[data-design=gece] .site .ws-hero-copy>:nth-child(4){animation-delay:.21s}[data-design=gece] .site .ws-hero-copy>:nth-child(5){animation-delay:.28s}
[data-design=gece] .site .ws-stage{animation:ws-arrive 1.2s var(--ws-ease) .1s both}[data-design=gece] .site .ws-day{animation:ws-rise .9s var(--ws-ease) .45s both}[data-design=gece] .site .ws-stage::before{animation:ws-breathe 7s ease-in-out infinite}[data-design=gece] .site .ws-bell-float{animation:ws-float 6s ease-in-out infinite}
[data-design=gece] .site .ws-dust i{opacity:0;animation:ws-dust var(--d,9s) linear var(--t,0s) infinite}[data-design=gece] .site .ws-scroll i::after{animation:ws-drop 2.2s var(--ws-ease) infinite}}
@keyframes ws-rise{from{opacity:0;transform:translateY(14px)}}
@keyframes ws-arrive{from{opacity:0;transform:translateY(28px) scale(.96)}}
@keyframes ws-breathe{50%{opacity:.7;scale:.94}}
@keyframes ws-float{50%{transform:translateY(-6px)}}
@keyframes ws-dust{15%{opacity:.9}100%{opacity:0;transform:translateY(-110px)}}
@keyframes ws-drop{to{transform:translateY(100%)}}
@keyframes ws-swing{12%{transform:rotate(8deg)}30%{transform:rotate(-6.5deg)}48%{transform:rotate(4.5deg)}64%{transform:rotate(-2.6deg)}80%{transform:rotate(1.2deg)}}
@keyframes ws-clap{14%{transform:rotate(-13deg)}32%{transform:rotate(10deg)}50%{transform:rotate(-6deg)}68%{transform:rotate(3deg)}84%{transform:rotate(-1deg)}}
@keyframes ws-wave-out{from{opacity:.8;transform:scale(.42)}to{opacity:0;transform:scale(1.15)}}
@keyframes ws-ring{0%,100%{transform:rotate(0)}20%{transform:rotate(14deg)}40%{transform:rotate(-12deg)}60%{transform:rotate(8deg)}80%{transform:rotate(-4deg)}}
/* 4.7.0 · Bütün tasarımlarda giriş tam genişlik; üst menü büyük harfi gece ve saat tasarımında */
.site .ws-main>.ws-hero{position:relative;isolation:isolate;width:auto;margin:0;padding:28px max(16px,(100% - 1160px)/2) 56px;overflow:hidden}
[data-design=gece] .site .ws-links a,[data-design=saat] .site .ws-links a{font-size:.75rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase}
.site .ws-preview-flag{position:fixed;left:12px;bottom:12px;z-index:60;margin:0;padding:6px 12px;border-radius:999px;background:#111;color:#fff;font-size:.75rem;font-weight:700;letter-spacing:.1em;box-shadow:0 8px 20px -8px #000;pointer-events:none}
/* 4.7.0 · Tasarım "ekran": aydınlık sahne, eğik duran büyük okul ekranı (canlı pano), hap düğmeler */
:root[data-site][data-design=ekran]{--ws-bg:#f4f7f8;--ws-surface:#fff;--ws-sunk:#e9eff1;--ws-ink:#10222a;--ws-muted:#4a5d65;--ws-line:#d8e2e5;--ws-r-card:24px;--ws-r-btn:999px;--ws-r-field:14px;--ws-shadow:0 1px 2px #10222a0d,0 24px 48px -28px #10222a59}
:root[data-site][data-design=ekran][data-theme=dark]{--ws-bg:#081317;--ws-surface:#0f1d22;--ws-sunk:#0b171b;--ws-ink:#e4f0f2;--ws-muted:#9db3b9;--ws-line:#1f343b;--ws-shadow:0 1px 2px #0008,0 24px 50px -24px #000c}
[data-design=ekran] .site .ws-visual{background:var(--ws-surface);box-shadow:var(--ws-shadow)}
.site .ws-main>.ek-hero{display:grid;justify-items:center;gap:36px;padding-top:32px;padding-bottom:72px;text-align:center;background:radial-gradient(60% 46% at 50% 100%,color-mix(in srgb,var(--ws-accent) 24%,transparent),transparent 72%),linear-gradient(180deg,var(--ws-bg),color-mix(in srgb,var(--ws-accent) 8%,var(--ws-bg)))}
.site .ek-copy{display:grid;justify-items:center;max-width:64rem}
.site .ek-badge{display:inline-flex;align-items:center;gap:8px;margin:0 0 20px;padding:6px 14px;border:1px solid var(--ws-line);border-radius:999px;background:var(--ws-surface);color:var(--ws-muted);font-size:.8125rem;font-weight:600}.site .ek-badge i{width:8px;height:8px;border-radius:50%;background:var(--ws-green);box-shadow:0 0 0 3px color-mix(in srgb,var(--ws-green) 25%,transparent)}
.site .ek-hero h1{margin:0 0 20px;font-size:clamp(2.2rem,1.1rem + 3vw,3.75rem);line-height:1.04;font-weight:750;letter-spacing:-.035em}.site .ek-hero h1 em{font-style:normal;color:var(--ws-accent-ink)}
.site .ek-hero .ws-lead{max-width:40rem;margin-inline:auto}.site .ek-hero .ws-hero-actions{justify-content:center;margin:0}
.site .ek-scene{width:min(100%,1060px);perspective:1800px}
.site .ek-tv{container-type:inline-size;padding:min(1.4vw,14px);border-radius:min(2.4vw,24px);background:linear-gradient(160deg,#2c3438,#0c1012 55%);box-shadow:inset 0 1px #ffffff1f,0 50px 90px -40px #000000b3,0 0 0 1px #00000040;transform-origin:50% 100%}
.site .ek-screen{position:relative;display:grid;grid-template-columns:1.25fr 1fr;grid-template-rows:auto 1fr auto auto;gap:1.6cqw;aspect-ratio:16/9;padding:2.4cqw;overflow:hidden;border-radius:min(1.2vw,12px);background:radial-gradient(70% 60% at 20% 30%,#11343a,transparent 70%),#081316;color:#e8f2f3;text-align:left;font-variant-numeric:tabular-nums}
.site .ek-screen::after{content:'';position:absolute;inset:0;background:linear-gradient(115deg,#ffffff14,transparent 32%,transparent 62%,#ffffff08);pointer-events:none}
.site .ek-top{grid-column:1/-1;display:flex;align-items:center;gap:2cqw;color:#a9c0c3;font-size:1.7cqw}.site .ek-top b{color:#e8f2f3;font-weight:650}.site .ek-top #ws-day-name{margin-right:auto}.site .ek-top strong{color:#fff;font-size:3.4cqw;font-weight:650}
.site .ek-next{display:grid;align-content:center;padding:2.4cqw;border-radius:1.6cqw;background:#ffffff0d}
.site .ek-label{display:flex;align-items:center;gap:.8cqw;color:var(--a-bright);font-size:1.5cqw;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.site .ek-label svg{width:1.8cqw;height:1.8cqw}
.site .ek-next #ws-countdown{color:#fff;font-size:11cqw;line-height:1;font-weight:700;letter-spacing:-.03em}.site .ek-next #ws-next-label{color:#a9c0c3;font-size:1.8cqw}
.site .ek-tiles{display:grid;gap:1.2cqw}.site .ek-tiles div{display:grid;align-content:center;gap:.4cqw;padding:1.4cqw 1.8cqw;border-radius:1.4cqw;background:#ffffff0d}.site .ek-tiles small{color:#a9c0c3;font-size:1.3cqw;font-weight:600}.site .ek-tiles b{font-size:1.9cqw;line-height:1.2}
.site .ek-tiles .ek-count{background:color-mix(in srgb,var(--a-bright) 18%,transparent)}.site .ek-tiles .ek-count b{color:var(--a-bright);font-size:2.6cqw}
.site .ek-screen .ws-timeline{grid-column:1/-1;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.8cqw;margin:0;padding:0;list-style:none}
.site .ek-screen .ws-timeline li{position:relative;isolation:isolate;display:block;padding:.9cqw 1cqw;border-radius:.9cqw;background:#ffffff0a;color:#a9c0c3;font-size:1.35cqw;font-weight:600;overflow:hidden}
.site .ek-screen .ws-timeline li::after{content:attr(data-start);display:block;color:#7f9a9e;font-size:1.15cqw;font-weight:500}
.site .ek-screen .ws-timeline li.is-past{color:#6f878b}.site .ek-screen .ws-timeline li.is-now{color:#fff}
.site .ek-screen .ws-timeline li.is-now::before{content:'';position:absolute;inset:0;z-index:-1;background:color-mix(in srgb,var(--a-bright) 35%,transparent);transform-origin:left;transform:scaleX(var(--p,0));transition:transform 1s linear}
.site .ek-ticker{grid-column:1/-1;margin:0 -2.4cqw -2.4cqw;padding:1cqw 0;overflow:hidden;background:#f2b552;color:#1d1300;font-size:1.6cqw;font-weight:650;white-space:nowrap}.site .ek-ticker span{display:inline-block;padding-left:100%;animation:ws-marquee 30s linear infinite}
@container (max-width:560px){.site .ek-screen{grid-template-columns:minmax(0,1fr);aspect-ratio:auto;gap:12px;padding:14px}.site .ek-top{font-size:12px}.site .ek-top strong{font-size:20px}.site .ek-next{padding:14px;border-radius:12px}.site .ek-label{font-size:11px}.site .ek-label svg{width:14px;height:14px}.site .ek-next #ws-countdown{font-size:52px}.site .ek-next #ws-next-label{font-size:13px}
.site .ek-tiles{grid-template-columns:1fr 1fr;gap:8px}.site .ek-tiles div{padding:10px 12px;border-radius:10px}.site .ek-tiles small{font-size:11px}.site .ek-tiles b{font-size:13px}.site .ek-tiles .ek-count{grid-column:1/-1}.site .ek-tiles .ek-count b{font-size:16px}
.site .ek-screen .ws-timeline{gap:4px}.site .ek-screen .ws-timeline li{padding:6px 2px;border-radius:6px;font-size:10px;text-align:center}.site .ek-screen .ws-timeline li::after{font-size:9px}.site .ek-ticker{margin:0 -14px -14px;padding:7px 0;font-size:12px}}
@media(min-width:760px){.site .ek-tv{transform:rotateX(8deg)}@supports (animation-timeline:scroll()){@media(prefers-reduced-motion:no-preference){.site .ek-tv{animation:ek-level linear both;animation-timeline:scroll(root);animation-range:0 480px}}}}
@keyframes ek-level{from{transform:rotateX(20deg)}to{transform:rotateX(0)}}  /* sayfa aşağı kaydıkça ekran doğrulur */
@media(prefers-reduced-motion:no-preference){.site .ek-copy>*{animation:ws-rise .8s var(--ws-ease) both}.site .ek-copy>:nth-child(2){animation-delay:.06s}.site .ek-copy>:nth-child(3){animation-delay:.12s}.site .ek-copy>:nth-child(4){animation-delay:.18s}.site .ek-scene{animation:ws-arrive 1.1s var(--ws-ease) .2s both}}
@media(prefers-reduced-motion:reduce){.site .ek-ticker span{padding-left:2.4cqw;animation:none}}
/* 4.7.0 · Tasarım "saat": kâğıt zemin, serif başlık, ince dev rakamlar, akrep-yelkovanlı saat, kıl çizgiler, köşesiz düğmeler */
:root[data-site][data-design=saat]{--ws-bg:#f2eee5;--ws-surface:#f8f5ee;--ws-sunk:#e9e4d8;--ws-ink:#141414;--ws-muted:#55524c;--ws-line:#14141426;--ws-r-card:2px;--ws-r-btn:0;--ws-r-field:0;--ws-shadow:none;--ws-head:ui-serif,"New York","Iowan Old Style","Palatino Linotype",Georgia,serif}
:root[data-site][data-design=saat][data-theme=dark]{--ws-bg:#100f0d;--ws-surface:#171613;--ws-sunk:#1c1a17;--ws-ink:#f2eee5;--ws-muted:#a8a399;--ws-line:#f2eee526;--ws-shadow:none}
[data-design=saat] .site .ws-visual{background:transparent;border:1px solid var(--ws-line)}[data-design=saat] .site h2{font-weight:500;letter-spacing:-.02em}
[data-design=saat] .site .ws-button{border-color:var(--ws-ink);background:var(--ws-ink);color:var(--ws-bg)}[data-design=saat] .site .ws-button-quiet{border-color:var(--ws-ink);background:transparent;color:var(--ws-ink)}
@media(hover:hover) and (pointer:fine){[data-design=saat] .site .ws-button:hover{border-color:var(--ws-accent);background:var(--ws-accent);color:var(--ws-on-accent)}[data-design=saat] .site .ws-button-quiet:hover{border-color:var(--ws-ink);background:var(--ws-ink);color:var(--ws-bg)}}
.site .ws-main>.sa-hero{display:block;padding-top:20px;padding-bottom:0}
.site .sa-meta{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px 16px;padding:0 0 14px;border-bottom:1px solid var(--ws-ink);color:var(--ws-muted);font-size:.75rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase}
.site .sa-main{display:grid;grid-template-columns:minmax(0,1fr);gap:36px;align-items:center;padding:36px 0 40px}
.site .sa-hero h1{max-width:12ch;margin:0 0 24px;font-size:clamp(2.8rem,1.4rem + 5vw,6rem);line-height:.98;font-weight:500;letter-spacing:-.03em}.site .sa-hero h1 em{color:var(--ws-accent)}
.site .sa-hero .ws-lead{max-width:30rem}
.site .sa-clock{--t:38840;position:relative;justify-self:center;width:min(78vw,380px);aspect-ratio:1;border-radius:50%;background:var(--ws-surface);box-shadow:inset 0 0 0 1px var(--ws-line),0 30px 60px -40px #0006}
.site .sa-clock::before,.site .sa-clock::after{content:'';position:absolute;inset:6%;border-radius:50%}
.site .sa-clock::before{background:repeating-conic-gradient(from -.3deg,var(--ws-ink) 0 .6deg,transparent .6deg 6deg);-webkit-mask:radial-gradient(closest-side,transparent 92%,#000 92.5%);mask:radial-gradient(closest-side,transparent 92%,#000 92.5%)}
.site .sa-clock::after{background:repeating-conic-gradient(from -1.2deg,var(--ws-ink) 0 2.4deg,transparent 2.4deg 30deg);-webkit-mask:radial-gradient(closest-side,transparent 79%,#000 79.5%);mask:radial-gradient(closest-side,transparent 79%,#000 79.5%)}
.site .sa-clock i{position:absolute;z-index:1;left:50%;bottom:50%;border-radius:4px;background:var(--ws-ink);transform-origin:50% 100%;transition:transform .3s cubic-bezier(.4,2.2,.6,1)}
.site .sa-clock .sa-h{width:3.2%;height:25%;margin-left:-1.6%;transform:rotate(calc(var(--t) * 1deg / 120))}
.site .sa-clock .sa-m{width:2.2%;height:37%;margin-left:-1.1%;transform:rotate(calc(var(--t) * 1deg / 10))}
.site .sa-clock .sa-s{width:.8%;height:43%;margin-left:-.4%;background:var(--ws-accent);transform:rotate(calc(var(--t) * 6deg))}
.site .sa-clock b{position:absolute;z-index:2;left:50%;top:50%;width:4.4%;aspect-ratio:1;margin:-2.2% 0 0 -2.2%;border-radius:50%;background:var(--ws-accent)}
.site .sa-band{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:16px;padding:18px 0 12px;border-top:1px solid var(--ws-ink);font-variant-numeric:tabular-nums}
.site .sa-label{display:block;color:var(--ws-muted);font-size:.75rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase}
.site .sa-next #ws-countdown{display:block;margin:4px 0;color:var(--ws-ink);font-size:clamp(4rem,1.6rem + 10vw,10rem);line-height:.9;font-weight:200;letter-spacing:-.04em}.site .sa-next #ws-next-label{color:var(--ws-muted);font-size:.9375rem}
.site .sa-now{text-align:right}.site .sa-now strong{font-size:clamp(1.6rem,1.2rem + 1.6vw,2.6rem);font-weight:300}
[data-design=saat] .site .ws-next.is-ringing{animation:none}.site .sa-next.is-ringing #ws-countdown{color:var(--ws-accent)}
.site .sa-hero .ws-timeline{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));margin:0;padding:0 0 20px;list-style:none}
.site .sa-hero .ws-timeline li{position:relative;padding:14px 0 0 8px;border-left:1px solid var(--ws-ink);color:var(--ws-muted);font-size:.8125rem;font-weight:600}
.site .sa-hero .ws-timeline li::after{content:attr(data-start) "–" attr(data-end);display:block;font-size:.75rem;font-weight:400}.site .sa-hero .ws-timeline li.is-now{color:var(--ws-ink)}
.site .sa-hero .ws-timeline li::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:var(--ws-accent);transform-origin:left;transform:scaleX(0);transition:transform 1s linear}
.site .sa-hero .ws-timeline li.is-past::before{transform:none;background:var(--ws-ink)}.site .sa-hero .ws-timeline li.is-now::before{transform:scaleX(var(--p,0))}
@media(min-width:900px){.site .sa-main{grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:48px;padding:56px 0}}
@media(max-width:560px){.site .sa-hero .ws-timeline li{padding-left:4px;font-size:.6875rem}.site .sa-hero .ws-timeline li::after{content:attr(data-start)}.site .sa-band{grid-template-columns:minmax(0,1fr)}.site .sa-now{text-align:left}}
@media(prefers-reduced-motion:reduce){.site .sa-clock i{transition:none}}
@media(prefers-reduced-motion:no-preference){.site .sa-main>*,.site .sa-band{animation:ws-rise .8s var(--ws-ease) both}.site .sa-main>:nth-child(2){animation-delay:.12s}.site .sa-band{animation-delay:.2s}}
/* 4.7.0 · Tasarım "aurora": renkli ışıklar, cam kartlar, elde telefonla okul paneli */
:root[data-site][data-design=aurora]{--ws-bg:#f7f6fc;--ws-surface:#fff;--ws-sunk:#efedf8;--ws-ink:#17142c;--ws-muted:#5a5675;--ws-line:#e2dff0;--ws-r-card:28px;--ws-r-btn:999px;--ws-r-field:14px;--ws-shadow:0 1px 2px #17142c0d,0 24px 50px -28px #3b2a8a59}
:root[data-site][data-design=aurora][data-theme=dark]{--ws-bg:#0c0a1d;--ws-surface:#151230;--ws-sunk:#110e26;--ws-ink:#ece9ff;--ws-muted:#a9a4c9;--ws-line:#2a2550;--ws-shadow:0 1px 2px #0008,0 24px 50px -24px #000c}
[data-design=aurora] .site .ws-visual{background:var(--ws-surface);box-shadow:var(--ws-shadow)}
[data-design=aurora] .site .ws-hero,[data-design=aurora] .site .ws-header.is-hero{--ws-bg:#0c0a1d;--ws-surface:#ffffff10;--ws-sunk:#ffffff14;--ws-ink:#f3f1ff;--ws-muted:#b9b4d8;--ws-line:#ffffff24;--ws-accent:var(--a-bright);--ws-accent-ink:var(--a-bright-ink);--ws-on-accent:var(--a-on-bright);--ws-soft:color-mix(in srgb,var(--a-bright) 12%,transparent);color-scheme:dark}
.site .ws-main>.au-hero{display:grid;grid-template-columns:minmax(0,1fr);gap:28px;align-items:center;padding-top:40px;padding-bottom:64px;color:var(--ws-ink);background:#0c0a1d}
.site .au-sky{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none}.site .au-sky i{position:absolute;width:60vmax;aspect-ratio:1;border-radius:50%;opacity:.55}
.site .au-sky i:nth-child(1){left:-18vmax;top:-26vmax;background:radial-gradient(closest-side,#7c3aed,transparent)}.site .au-sky i:nth-child(2){right:-20vmax;top:-12vmax;background:radial-gradient(closest-side,#2563eb,transparent)}
.site .au-sky i:nth-child(3){left:20%;bottom:-36vmax;background:radial-gradient(closest-side,#14b8a6,transparent);opacity:.4}.site .au-sky i:nth-child(4){right:8%;bottom:-22vmax;width:40vmax;background:radial-gradient(closest-side,#db2777,transparent);opacity:.35}
.site .au-copy{position:relative;z-index:1;min-width:0}
.site .au-pill{display:inline-flex;align-items:center;gap:10px;margin:0 0 22px;padding:5px 14px 5px 5px;border:1px solid var(--ws-line);border-radius:999px;background:#ffffff0f;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:var(--ws-ink);font-size:.875rem;font-weight:600}.site .au-pill span{padding:3px 10px;border-radius:999px;background:var(--ws-accent);color:var(--ws-on-accent);font-size:.75rem;font-weight:700}
.site .au-hero h1{margin:0 0 22px;font-size:clamp(2.7rem,1.2rem + 5vw,5.5rem);line-height:1;font-weight:800;letter-spacing:-.04em}
.site .au-hero h1 em{font-style:normal;color:var(--ws-accent)}@supports ((-webkit-background-clip:text) or (background-clip:text)){.site .au-hero h1 em{background:linear-gradient(90deg,var(--a-bright),#7dd3fc 55%,#f0abfc);-webkit-background-clip:text;background-clip:text;color:transparent}}
.site .au-hero .ws-button:not(.ws-button-quiet){box-shadow:0 12px 32px -12px color-mix(in srgb,var(--ws-accent) 70%,transparent)}.site .au-hero .ws-button-quiet{background:#ffffff0f;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
.site .au-stage{position:relative;display:grid;justify-items:center;min-width:0;padding:20px 0}
.site .au-phone{position:relative;width:min(76vw,300px);aspect-ratio:9/18.4;padding:10px;border-radius:46px;background:linear-gradient(150deg,#3b3654,#14111f 60%);box-shadow:inset 0 0 0 1px #ffffff1f,0 60px 100px -40px #000,0 0 90px -20px color-mix(in srgb,var(--a-bright) 45%,transparent)}
.site .au-phone::after{content:'';position:absolute;top:20px;left:50%;width:30%;height:24px;border-radius:999px;background:#05040a;translate:-50% 0}
.site .au-screen{display:grid;align-content:start;gap:12px;height:100%;padding:12px 14px;overflow:hidden;border-radius:37px;background:linear-gradient(180deg,#1b1738,#0f0d22);font-variant-numeric:tabular-nums}
.site .au-status{display:flex;justify-content:space-between;align-items:center;padding:4px 10px 0;font-size:.8125rem}.site .au-status strong{font-weight:650}.site .au-status span{display:flex;align-items:flex-end;gap:2px}.site .au-status span i{width:3px;border-radius:1px;background:currentColor}
.site .au-status span i:nth-child(1){height:5px}.site .au-status span i:nth-child(2){height:8px}.site .au-status span i:nth-child(3){height:11px}
.site .au-app-head{display:flex;align-items:center;gap:10px;margin-top:10px}.site .au-logo{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:var(--ws-accent);color:var(--ws-on-accent)}.site .au-logo svg{width:20px;height:20px}
.site .au-app-head b{display:block;font-size:.9375rem}.site .au-app-head small{color:var(--ws-muted);font-size:.75rem}
.site .au-next{display:grid;gap:2px;padding:14px;border:1px solid var(--ws-line);border-radius:20px;background:#ffffff0d}
.site .au-label{color:var(--ws-accent);font-size:.6875rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase}
.site .au-next #ws-countdown{font-size:2.6rem;line-height:1.05;font-weight:750;letter-spacing:-.02em}.site .au-next #ws-next-label{color:var(--ws-muted);font-size:.75rem}
.site .au-screen .ws-timeline{display:flex;gap:4px;margin:0;padding:0;list-style:none}
.site .au-screen .ws-timeline li{position:relative;flex:1;height:6px;overflow:hidden;border-radius:3px;background:#ffffff1a;color:transparent;font-size:0}
.site .au-screen .ws-timeline li::before{content:'';position:absolute;inset:0;background:var(--ws-accent);transform-origin:left;transform:scaleX(0);transition:transform 1s linear}
.site .au-screen .ws-timeline li.is-past::before{transform:none;opacity:.55}.site .au-screen .ws-timeline li.is-now::before{transform:scaleX(var(--p,0))}
.site .au-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.site .au-actions span{display:flex;align-items:center;justify-content:center;gap:6px;min-height:44px;border-radius:14px;font-size:.8125rem;font-weight:700}
.site .au-stop{border:1px solid #f0646a59;background:#f0646a26;color:#ff9a9e}.site .au-mic{background:var(--ws-accent);color:var(--ws-on-accent)}.site .au-mic svg{width:16px;height:16px}
.site .au-pcs{display:grid;gap:6px;margin:0;padding:0;list-style:none}.site .au-pcs li{display:flex;align-items:center;gap:8px;padding:9px 12px;border-radius:12px;background:#ffffff0a;font-size:.75rem;font-weight:600}.site .au-pcs i{width:7px;height:7px;border-radius:50%;background:#4ade80;box-shadow:0 0 0 3px #4ade8033}.site .au-pcs span{margin-left:auto;color:var(--ws-muted);font-weight:500}
.site .au-note{display:grid;gap:2px;padding:12px 14px;border-radius:16px;background:linear-gradient(135deg,color-mix(in srgb,var(--a-bright) 22%,transparent),#ffffff08)}.site .au-note small{color:var(--ws-muted);font-size:.6875rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.site .au-note b{font-size:.8125rem;line-height:1.35}
.site .au-chip{position:absolute;z-index:1;display:flex;align-items:center;gap:8px;margin:0;padding:10px 14px;border:1px solid var(--ws-line);border-radius:16px;background:#ffffff14;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);color:var(--ws-ink);font-size:.8125rem;font-weight:650;white-space:nowrap;box-shadow:0 20px 40px -20px #000}
.site .au-chip svg{width:16px;height:16px;color:var(--ws-accent)}.site .au-chip-a{left:-12%;top:9%}.site .au-chip-b{right:-10%;top:58%}.site .au-chip-c{left:-8%;bottom:9%}
@media(min-width:960px){.site .ws-main>.au-hero{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:48px;min-height:min(calc(100vh - 65px),860px);min-height:min(calc(100svh - 65px),860px)}}
@media(max-width:760px){.site .au-chip{display:none}}
@media(prefers-reduced-motion:no-preference){.site .au-sky i{animation:au-drift 22s ease-in-out infinite alternate}.site .au-sky i:nth-child(2){animation-duration:27s;animation-delay:-6s}.site .au-sky i:nth-child(3){animation-duration:31s;animation-delay:-12s}.site .au-sky i:nth-child(4){animation-duration:25s;animation-delay:-3s}
.site .au-copy>*{animation:ws-rise .8s var(--ws-ease) both}.site .au-copy>:nth-child(2){animation-delay:.07s}.site .au-copy>:nth-child(3){animation-delay:.14s}.site .au-copy>:nth-child(4){animation-delay:.21s}.site .au-copy>:nth-child(5){animation-delay:.28s}.site .au-phone{animation:ws-arrive 1.1s var(--ws-ease) .15s both}
.site .au-chip{animation:au-chip .7s var(--ws-ease) both,au-bob 6s ease-in-out infinite}.site .au-chip-a{animation-delay:.7s,1.4s}.site .au-chip-b{animation-delay:1s,1.7s}.site .au-chip-c{animation-delay:1.3s,2s}}
@keyframes au-drift{to{transform:translate(8vmax,6vmax) scale(1.15)}}
@keyframes au-chip{from{opacity:0;transform:translateY(12px) scale(.96)}}
@keyframes au-bob{50%{transform:translateY(-8px)}}
/* Bölümler */
.site .ws-section{padding:64px 0;border-top:1px solid var(--ws-line)}
.site .ws-section>h2{margin-bottom:32px}
.site .ws-feature{display:grid;grid-template-columns:minmax(0,1fr);gap:24px;align-items:center;padding:24px 0}
.site .ws-feature-text h3{display:flex;align-items:center;gap:10px;margin-bottom:12px;font-size:1.375rem;letter-spacing:-.01em}.site .ws-feature-text h3 svg{width:24px;height:24px;color:var(--ws-accent-ink)}
.site .ws-feature-text p{max-width:34rem;margin:0;font-size:1.0625rem}
.site .ws-visual{display:grid;align-content:center;gap:10px;min-height:220px;padding:24px;border-radius:var(--ws-r-card);background:var(--ws-sunk);color:var(--ws-ink);font-size:.9375rem}
.site .ws-visual p{margin:0;color:var(--ws-ink)}
:root[data-site]{--ws-ease:cubic-bezier(.23,1,.32,1);--ws-on-red:#fff;--ws-amber:#8a5200;--ws-track:#5b6a70}:root[data-site][data-theme=dark]{--ws-on-red:#2b0a0c;--ws-amber:#f2b552;--ws-track:#3d5055}
/* 4.4.22 · denenebilir özellik görselleri */
html:not(.ws-js) .site .ws-demo button,html:not(.ws-js) .site .ws-alert-calm,html:not(.ws-js) .site .ws-strip-scale{display:none}
.site .ws-demo-actions{display:flex;flex-wrap:wrap;gap:8px}
.site .ws-chip{display:inline-flex;align-items:center;justify-content:center;width:auto;min-height:40px;padding:0 14px;border:1px solid var(--ws-line);border-radius:999px;background:var(--ws-surface);color:var(--ws-ink);font:inherit;font-size:.875rem;font-weight:600;white-space:nowrap;cursor:pointer;box-shadow:none;transition:transform .16s var(--ws-ease),background-color .2s ease,border-color .2s ease,color .2s ease}
.site .ws-chip[aria-pressed=true]{border-color:var(--ws-accent);background:var(--ws-accent);color:var(--ws-on-accent)}
.site .ws-week{display:grid;grid-template-columns:repeat(5,minmax(0,1fr)) auto;gap:6px}
.site .ws-week button{min-width:0;width:auto;min-height:40px;padding:0 2px;border:1px solid var(--ws-line);border-radius:10px;background:var(--ws-surface);color:var(--ws-muted);font:inherit;font-size:.8125rem;font-weight:650;white-space:nowrap;cursor:pointer;box-shadow:none;transition:transform .16s var(--ws-ease),background-color .2s ease,border-color .2s ease,color .2s ease}
.site .ws-week button[aria-pressed=true]{border-color:var(--ws-accent);background:var(--ws-accent);color:var(--ws-on-accent)}
.site .ws-week .is-holiday{padding:0 10px;color:var(--ws-red)}.site .ws-week .is-holiday[aria-pressed=true]{border-color:var(--ws-red);background:var(--ws-red);color:var(--ws-on-red)}
.site .ws-strip{position:relative;height:46px;margin-top:4px;border:1px solid var(--ws-line);border-radius:10px;background:var(--ws-surface);overflow:hidden}
.site .ws-strip i{position:absolute;top:9px;bottom:9px;left:var(--l);width:var(--w);border-radius:4px;background:var(--ws-accent);transform-origin:50% 100%;animation:ws-grow .5s var(--ws-ease) both;animation-delay:calc(var(--n,0)*40ms)}
.site .ws-strip i.is-lunch{background:repeating-linear-gradient(135deg,var(--ws-line) 0 4px,transparent 4px 8px)}
.site .ws-strip.is-off i{background:var(--ws-line)}.site .ws-strip b{position:absolute;inset:0;width:max-content;height:max-content;margin:auto;padding:2px 12px;border-radius:999px;background:var(--ws-surface);color:var(--ws-red);font-size:.875rem;animation:ws-grow .4s var(--ws-ease) .3s both}
.site .ws-strip-scale{display:flex;justify-content:space-between;margin-top:-4px;color:var(--ws-muted);font-size:.75rem;font-variant-numeric:tabular-nums}
.site .ws-visual .ws-week-info{margin:0}.site .ws-week-info b{margin-right:8px}
.site .ws-switch{display:inline-flex;align-items:center;justify-self:start;gap:10px;width:auto;min-height:40px;padding:0 4px 0 0;border:0;background:none;color:var(--ws-ink);font:inherit;font-size:.9375rem;font-weight:600;cursor:pointer;box-shadow:none}
.site .ws-switch-track{position:relative;flex:none;width:40px;height:24px;border-radius:999px;background:var(--ws-track);transition:background-color .2s ease}
.site .ws-switch-track i{position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0004;transition:transform .25s var(--ws-ease)}
.site .ws-switch[aria-checked=true] .ws-switch-track{background:var(--ws-accent)}.site .ws-switch[aria-checked=true] .ws-switch-track i{transform:translateX(16px)}
.site .ws-visual .ws-net-info{margin:0;color:var(--ws-muted);font-size:.875rem;transition:color .2s ease}.site .ws-visual .ws-net-info.is-off{color:var(--ws-green);font-weight:600}
.site .ws-board-bar{position:relative;grid-column:1/-1;height:30px;overflow:hidden;border-radius:8px;background:#ffffff0d;color:#cfe0e1;font-size:.8125rem}
.site .ws-bar-next,.site .ws-bar-news{position:absolute;inset:0;display:flex;align-items:center;white-space:nowrap;transition:transform .4s var(--ws-ease),opacity .3s ease}
.site .ws-bar-next{padding:0 10px;overflow:hidden;text-overflow:ellipsis}
.site .ws-bar-news{background:#f2b552;color:#1d1300;font-weight:650;opacity:0;transform:translateY(100%)}
.site .ws-bar-news span{flex:none;padding-left:12px;animation:ws-marquee 18s linear infinite;animation-play-state:paused}
.site .ws-board-bar.is-news .ws-bar-next{opacity:0;transform:translateY(-100%)}.site .ws-board-bar.is-news .ws-bar-news{opacity:1;transform:none}.site .ws-board-bar.is-news .ws-bar-news span{animation-play-state:running}
.site .ws-alert-screen{position:relative;display:grid;min-height:150px;border:6px solid var(--ws-frame);border-radius:14px;background:#0b1719;overflow:hidden}
.site .ws-alert-calm{display:grid;align-content:center;gap:2px;padding:18px 20px;color:#e8f1f1}.site .ws-alert-calm small{color:#a8bec1;font-size:.75rem;font-weight:600}.site .ws-alert-calm b{font-size:1.25rem}.site .ws-alert-calm span{color:#cfe0e1;font-size:.875rem}
.site .ws-alert{position:absolute;inset:0;display:grid;align-content:center;gap:6px;padding:18px 20px;background:#b42318;color:#fff}
.site .ws-alert b{font-size:1.5rem;font-weight:800;letter-spacing:.08em}.site .ws-alert span{line-height:1.45}
.ws-js .site .ws-alert{opacity:0;transform:scale(1.05);transition:opacity .25s ease,transform .4s var(--ws-ease)}
.ws-js .site .ws-alert-screen.is-on .ws-alert{opacity:1;transform:none;animation:ws-flash .9s ease-in-out .3s 2}
.site .ws-alert-steps{display:flex;flex-wrap:wrap;gap:6px 16px;margin:0;padding:0;list-style:none;color:var(--ws-muted);font-size:.875rem}
.site .ws-alert-steps li{display:inline-flex;align-items:center;gap:6px;transition:color .2s ease}.site .ws-alert-steps svg{width:16px;height:16px;stroke-width:2.6;color:var(--ws-green)}
.ws-js .site .ws-alert-steps svg{opacity:.3;color:var(--ws-muted);transform:scale(.6);transition:opacity .2s ease,transform .35s var(--ws-ease),color .2s ease}
.ws-js .site .ws-alert-steps li.is-done{color:var(--ws-ink)}.ws-js .site .ws-alert-steps li.is-done svg{opacity:1;color:var(--ws-green);transform:none}
.site .ws-alert-send{justify-self:start;border-color:var(--ws-red);background:var(--ws-red);color:var(--ws-on-red)}.site .ws-alert-send.is-sent{border-color:var(--ws-line);background:var(--ws-surface);color:var(--ws-ink)}
.site .ws-phone .ws-phone-toast{position:absolute;top:8px;left:8px;right:8px;z-index:2;display:flex;align-items:center;gap:10px;margin:0;padding:11px 12px;border-radius:14px;background:var(--ws-ink);color:var(--ws-bg);font-size:.8125rem;font-weight:600;box-shadow:0 12px 24px -12px #000a;opacity:0;transform:translateY(-130%);transition:opacity .2s ease,transform .4s var(--ws-ease);pointer-events:none}
.site .ws-phone .ws-phone-toast.is-on{opacity:1;transform:none}
.site .ws-phone .ws-wave{display:inline-flex;align-items:center;gap:2px;height:14px;margin:0}.site .ws-phone .ws-wave i{width:3px;height:14px;border-radius:2px;background:currentColor;opacity:1;box-shadow:none;animation:ws-wave .9s ease-in-out infinite}.site .ws-phone .ws-wave i:nth-child(2){animation-delay:-.3s}.site .ws-phone .ws-wave i:nth-child(3){animation-delay:-.6s}
.site .ws-phone-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:4px}
.site .ws-phone-actions button{display:grid;place-items:center;width:auto;min-height:40px;padding:0 6px;border:1px solid var(--ws-accent);border-radius:10px;background:var(--ws-accent);color:var(--ws-on-accent);font:inherit;font-size:.8125rem;font-weight:650;cursor:pointer;box-shadow:none;transition:transform .16s var(--ws-ease),background-color .2s ease,border-color .2s ease,color .2s ease}
.site .ws-phone-actions button:first-child{border-color:var(--ws-red);background:transparent;color:var(--ws-red)}.site .ws-phone-actions button[aria-pressed=true]{background:var(--ws-red);color:var(--ws-on-red)}.site .ws-phone-actions button:disabled{opacity:.75;cursor:progress}
.site .ws-phone p span{white-space:nowrap}.site .ws-phone p .ws-pc-state{transition:color .2s ease}.site .ws-phone p .ws-pc-state.is-stopped{color:var(--ws-amber);font-weight:650}
.site .ws-chip:active,.site .ws-week button:active,.site .ws-switch:active,.site .ws-phone-actions button:active{transform:scale(.96)}
@media(hover:hover) and (pointer:fine){.site .ws-chip:hover,.site .ws-week button:hover{border-color:var(--ws-muted);color:var(--ws-ink)}.site .ws-chip[aria-pressed=true]:hover,.site .ws-week button[aria-pressed=true]:hover{color:var(--ws-on-accent);border-color:var(--ws-accent)}.site .ws-week .is-holiday[aria-pressed=true]:hover{color:var(--ws-on-red);border-color:var(--ws-red)}.site .ws-alert-send:hover{border-color:var(--ws-red);background:var(--ws-red);color:var(--ws-on-red);filter:brightness(1.08)}.site .ws-alert-send.is-sent:hover{border-color:var(--ws-muted);background:var(--ws-sunk);color:var(--ws-ink);filter:none}.site .ws-phone-actions button:hover{filter:brightness(1.08)}.site .ws-button svg{transition:transform .2s var(--ws-ease)}.site .ws-button:hover svg{transform:translateX(3px)}}
/* 4.4.22 · geçişler: bölümler bir kez belirir, rakamlar kayar, SSS yumuşak açılır, tema yumuşak değişir */
.ws-js .site .ws-reveal{opacity:0;transform:translateY(18px);transition:opacity .7s var(--ws-ease),transform .7s var(--ws-ease);transition-delay:calc(var(--i,0)*80ms)}
.ws-js .site .ws-reveal.is-in{opacity:1;transform:none}
.ws-js .site .ws-steps li::before{transform:scale(.6);opacity:0;transition:transform .5s var(--ws-ease),opacity .3s ease;transition-delay:calc(var(--i,0)*120ms + .15s)}.ws-js .site .ws-steps li.is-in::before{transform:none;opacity:1}
.ws-js .site .ws-steps li:not(:last-child)::after{transform:scaleY(0);transform-origin:top;transition:transform .7s var(--ws-ease);transition-delay:calc(var(--i,0)*120ms + .35s)}.ws-js .site .ws-steps li.is-in::after{transform:none}
@media(min-width:760px){.ws-js .site .ws-steps li:not(:last-child)::after{transform:scaleX(0);transform-origin:left}.ws-js .site .ws-steps li.is-in::after{transform:none}}
.site #ws-countdown span{display:inline-block}
.site .ws-timeline li{transition:background-color .4s ease,color .4s ease}
.site .ws-next.is-ringing{animation:ws-pulse 1.1s ease-out 2}
.site .ws-phone i.is-on{animation:ws-live 2.4s ease-out infinite}
@supports (interpolate-size:allow-keywords){:root[data-site]{interpolate-size:allow-keywords}.site .ws-faq details::details-content{block-size:0;overflow:hidden;opacity:0;transition:block-size .35s var(--ws-ease),opacity .25s ease,content-visibility .35s allow-discrete}.site .ws-faq details[open]::details-content{block-size:auto;opacity:1}}
::view-transition-old(root),::view-transition-new(root){animation-duration:.3s}
@media print{.ws-js .site .ws-reveal{opacity:1;transform:none}}
@keyframes ws-grow{from{opacity:0;transform:scaleY(.2)}}
@keyframes ws-marquee{to{transform:translateX(-100%)}}
@keyframes ws-flash{50%{background:#d92d20}}
@keyframes ws-wave{0%,100%{transform:scaleY(.35)}50%{transform:scaleY(1)}}
@keyframes ws-pulse{from{box-shadow:0 0 0 0 color-mix(in srgb,var(--ws-accent) 45%,transparent)}to{box-shadow:0 0 0 14px transparent}}
@keyframes ws-live{0%{box-shadow:0 0 0 0 color-mix(in srgb,var(--ws-green) 45%,transparent)}70%,100%{box-shadow:0 0 0 7px transparent}}
.site .ws-board{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:12px;border:6px solid var(--ws-frame);border-radius:14px;background:#0b1719;color:#e8f1f1;box-shadow:var(--ws-shadow)}
.site .ws-tile{display:grid;align-content:space-between;gap:6px;min-width:0;min-height:74px;padding:12px;border-radius:10px;background:#ffffff10}
.site .ws-tile small{color:#a8bec1;font-size:.75rem;font-weight:600}.site .ws-tile b{font-size:.9375rem;line-height:1.25}
.site .ws-tile-time b{font-size:1.75rem;letter-spacing:-.01em;font-variant-numeric:tabular-nums}
.site .ws-tile-count{background:#5cc8d024}.site .ws-tile-count b{color:#8fdfe4;font-size:1.25rem}
.site .ws-visual-phone{justify-items:center}
.site .ws-phone{position:relative;overflow:hidden;display:grid;gap:8px;width:min(100%,288px);padding:18px 14px;border:6px solid var(--ws-frame);border-radius:30px;background:var(--ws-surface)}
.site .ws-phone p{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;background:var(--ws-sunk);font-size:.875rem;font-weight:600}
.site .ws-phone p span{margin-left:auto;color:var(--ws-muted);font-size:.8125rem;font-weight:500}
.site .ws-phone i{flex:none;width:8px;height:8px;border-radius:50%;background:var(--ws-muted);opacity:.55}.site .ws-phone i.is-on{background:var(--ws-green);opacity:1;box-shadow:0 0 0 3px color-mix(in srgb,var(--ws-green) 22%,transparent)}
@media(min-width:860px){.site .ws-feature{grid-template-columns:repeat(2,minmax(0,1fr));gap:64px;padding:40px 0}.site .ws-flip .ws-feature-text{order:2}.site .ws-visual{min-height:260px;padding:32px}}
/* Adımlar ve güven */
.site .ws-steps{display:grid;gap:28px;margin:0;padding:0;list-style:none;counter-reset:ws-step}
.site .ws-steps li{position:relative;padding:0 0 0 60px;counter-increment:ws-step}
.site .ws-steps li::before{content:counter(ws-step);position:absolute;top:0;left:0;display:grid;place-items:center;width:40px;height:40px;border:1px solid var(--ws-line);border-radius:50%;background:var(--ws-surface);color:var(--ws-accent-ink);font-weight:700}
.site .ws-steps li:not(:last-child)::after{content:'';position:absolute;top:48px;bottom:-22px;left:20px;width:1px;background:var(--ws-line)}
.site .ws-steps h3{padding-top:7px}.site .ws-steps p{margin:0;max-width:30rem}
@media(min-width:760px){.site .ws-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}.site .ws-steps li{padding:60px 0 0}.site .ws-steps li:not(:last-child)::after{top:20px;bottom:auto;left:56px;right:-16px;width:auto;height:1px}.site .ws-steps h3{padding-top:0}}
.site .ws-trust-list{display:grid;margin:0;padding:0;list-style:none}
.site .ws-trust-list li{display:flex;gap:16px;padding:20px 0;border-top:1px solid var(--ws-line)}
.site .ws-trust-list li>svg{width:24px;height:24px;margin-top:2px;color:var(--ws-accent-ink)}
.site .ws-trust-list h3{margin-bottom:4px;font-size:1.0625rem}.site .ws-trust-list p{margin:0}
@media(min-width:760px){.site .ws-trust-list{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:48px}}
/* Başvuru formu */
.site .ws-apply{display:grid;gap:32px}
.site .ws-apply-intro p{font-size:1.0625rem}.site .ws-apply-intro p.ws-note{font-size:.9375rem}
.site .ws-note{color:var(--ws-muted);font-size:.875rem}
.site .ws-form{display:grid;gap:24px;min-width:0;padding:20px;border:1px solid var(--ws-line);border-radius:var(--ws-r-card);background:var(--ws-surface);box-shadow:var(--ws-shadow)}
.site .ws-form fieldset{min-width:0;margin:0;padding:0;border:0}
.site .ws-form legend{margin:0 0 12px;padding:0;color:var(--ws-ink);font-size:1rem;font-weight:700}
.site .ws-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:14px}
.site .ws-form label,.site .ws-track label,.site .ws-receipt label{display:grid;gap:6px;margin:0;color:var(--ws-ink);font-size:.875rem;font-weight:600}
.site input:not([type=checkbox]),.site textarea{width:100%;min-height:48px;padding:11px 14px;border:1px solid var(--ws-line);border-radius:var(--ws-r-field);background:var(--ws-bg);color:var(--ws-ink);font:inherit;font-size:1rem;font-weight:400;transition:border-color .15s ease,box-shadow .15s ease,background-color .15s ease}
.site input::placeholder,.site textarea::placeholder{color:var(--ws-muted);opacity:.9}
.site input:not([type=checkbox]):focus,.site textarea:focus{outline:none;border-color:var(--ws-accent);background:var(--ws-surface);box-shadow:0 0 0 3px color-mix(in srgb,var(--ws-accent) 24%,transparent)}
.site .ws-form input:user-invalid,.site .ws-form textarea:user-invalid{border-color:var(--ws-red)}
.site textarea{min-height:112px;resize:vertical}
.site .ws-form .ws-consent{display:flex;align-items:flex-start;gap:12px;color:var(--ws-muted);font-weight:500;line-height:1.5}
.site .ws-consent input{flex:none;width:20px;height:20px;min-height:20px;margin:2px 0 0;accent-color:var(--ws-accent)}
.site .ws-challenge{display:flex;flex-wrap:wrap;align-items:flex-end;gap:12px;padding:16px;border-radius:14px;background:var(--ws-sunk)}
.site .ws-challenge label{flex:1 1 200px}.site .ws-challenge input:not([type=checkbox]){max-width:180px;background:var(--ws-surface)}.site .ws-challenge .ws-ghost{min-height:48px;background:var(--ws-surface)}
.site .ws-submit{width:100%}
.site .ws-feedback{margin:0;color:var(--ws-ink);font-size:.9375rem}
.site .ws-receipt{display:grid;gap:14px;padding:24px;border:1px solid var(--ws-accent);border-radius:var(--ws-r-card);background:var(--ws-soft)}
.site .ws-receipt h3{margin:0;font-size:1.375rem}.site .ws-receipt p{margin:0}
.site .ws-receipt input:not([type=checkbox]),.site .ws-track-form input:not([type=checkbox]){font-family:ui-monospace,"Cascadia Mono",Consolas,monospace;font-size:.9375rem}.site .ws-receipt input:not([type=checkbox]){background:var(--ws-surface)}
.site .ws-receipt-actions{display:flex;flex-wrap:wrap;gap:10px}
@media(min-width:640px){.site .ws-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.site .ws-grid .ws-wide{grid-column:1/-1}.site .ws-form{padding:28px}.site .ws-submit{width:auto;justify-self:start}}
@media(min-width:960px){.site .ws-apply{grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:64px;align-items:start}.site .ws-apply-intro{position:sticky;top:96px}.site .ws-receipt{grid-column:2}}
/* Başvuru takibi */
.site .ws-track>*{max-width:760px}
.site .ws-track-form{display:flex;flex-wrap:wrap;align-items:flex-end;gap:12px;margin-top:20px}.site .ws-track-form label{flex:1 1 260px}
.site .ws-track .ws-feedback:not(:empty){margin-top:12px}
.site .ws-track-result{display:grid;gap:16px;margin-top:20px;padding:20px;border:1px solid var(--ws-line);border-radius:var(--ws-r-card);background:var(--ws-surface)}
.site .ws-track-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px}.site .ws-track-head h3{margin:0;font-size:1.25rem}
.site .ws-track .track-steps{display:grid;gap:2px;margin:0;padding:0;list-style:none}
.site .ws-track .track-steps li{padding:6px 0 6px 14px;border:0;border-left:3px solid var(--ws-line);border-radius:0;background:none;color:var(--ws-muted);font-size:.875rem;opacity:1}
.site .ws-track .track-steps li.current,.site .ws-track .track-steps li:has(~ .current){border-color:var(--ws-accent);background:none;color:var(--ws-ink)}.site .ws-track .track-steps li.current{font-weight:650}
.site #track-deadline{margin:0;font-size:.875rem}
.site .ws-track .application-thread{gap:10px;margin:0;max-height:420px}
.site .ws-track .application-message{padding:14px 16px;border:1px solid var(--ws-line);border-radius:14px;background:var(--ws-sunk)}.site .ws-track .application-message.staff{border-left:3px solid var(--ws-accent)}
.site .ws-track .application-message strong{font-size:.875rem}.site .ws-track .application-message p{margin:6px 0;color:var(--ws-ink)}.site .ws-track .application-message small{color:var(--ws-muted);font-size:.8125rem}
.site #school-reply-form{display:grid;justify-items:start;gap:12px}.site #school-reply-form label{width:100%}
@media(min-width:640px){.site .ws-track .track-steps{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}.site .ws-track .track-steps li{padding:10px 0 0;border-left:0;border-top:3px solid var(--ws-line)}.site .ws-track-result{padding:24px}}
/* Sorular ve alt bilgi */
.site .ws-faq>*{max-width:820px}
.site .ws-faq details{border-top:1px solid var(--ws-line)}.site .ws-faq details:last-of-type{border-bottom:1px solid var(--ws-line)}
.site .ws-faq summary{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 0;color:var(--ws-ink);font-size:1.0625rem;font-weight:600;list-style:none;cursor:pointer}.site .ws-faq summary::-webkit-details-marker{display:none}
.site .ws-faq summary::after{content:'';flex:none;width:10px;height:10px;border-right:2px solid var(--ws-muted);border-bottom:2px solid var(--ws-muted);transform:translateY(-3px) rotate(45deg);transition:transform .2s cubic-bezier(.23,1,.32,1)}
.site .ws-faq details[open] summary::after{transform:translateY(2px) rotate(225deg)}
.site .ws-faq details p{max-width:68ch;margin:0;padding:0 0 20px}
.site .ws-footer{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:24px;width:min(1160px,100% - 32px);margin:0 auto;padding:40px 0 48px;border-top:1px solid var(--ws-line);color:var(--ws-muted);font-size:.9375rem}
.site .ws-footer p{margin:10px 0 0;font-size:.9375rem}
.site .ws-footer nav{display:flex;flex-wrap:wrap;gap:6px 20px;margin:0;overflow:visible}.site .ws-footer nav a{padding:0;color:var(--ws-muted);background:none;font-size:.9375rem;white-space:normal;text-decoration:none;transition:color .15s ease}
/* Telefon */
@media(max-width:999px){.site .ws-header{position:static;-webkit-backdrop-filter:none;backdrop-filter:none;background:var(--ws-bg)}.site .ws-nav{flex-wrap:wrap;gap:4px 12px;min-height:0;padding-top:12px}.site .ws-links{order:3;flex:1 1 100%;margin:0 -16px;padding:4px 16px 8px 6px;overflow-x:auto;scrollbar-width:none}.site .ws-links::-webkit-scrollbar{display:none}.site .ws-links a{padding:8px 10px;font-size:.875rem}.site section{scroll-margin-top:16px}}
@media(max-width:479px){.site .ws-visual .ws-week-info{min-height:3.2em}.site .ws-nav-actions .ws-button-small{display:none}.site .ws-day{padding:16px}.site .ws-hero-actions .ws-button{flex:1 1 100%}}
/* 4.4.25 · destek talepleri */
.nav-count{display:inline-grid;place-items:center;min-width:20px;height:20px;margin-left:6px;padding:0 6px;border-radius:999px;background:#c42b3c;color:#fff;font-size:.75rem;font-weight:700;line-height:1}
.support-new{margin:12px 0 16px;padding:12px 14px;border:1px solid var(--line);border-radius:12px}.support-new>summary{cursor:pointer;font-weight:650}.support-new form{margin-top:12px}
.support-new textarea,#support-reply{width:100%;padding:12px;font:inherit;resize:vertical;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--text)}
.support-note{font-size:.875rem}.support-filter{max-width:260px}
.support-card.unread{border-color:var(--accent);box-shadow:inset 3px 0 0 var(--accent)}
.badge.support-urgent{background:#c42b3c;color:#fff;border-color:#c42b3c}.badge.support-fresh{background:var(--accent);color:var(--on-accent,#fff);border-color:var(--accent)}
.badge.support-open{border-color:#e6b45c}.badge.support-resolved{opacity:.75}
.support-device{margin:8px 0;padding:10px 14px;border:1px solid var(--line);border-radius:10px;background:var(--soft);font-size:.9rem}
#support-dialog .application-thread{max-height:46vh}
/* 4.4.26 · deprem otomasyonu */
.quake-find{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.quake-find input{flex:1 1 240px;width:auto}.quake-results{display:grid;gap:6px}.quake-results button{text-align:left}.quake-place{color:var(--muted)}
.quake-map{position:relative;height:300px;overflow:hidden;border:1px solid var(--line);border-radius:14px;background:var(--soft);touch-action:none;cursor:grab;user-select:none;margin:10px 0 4px}.quake-map:active{cursor:grabbing}.quake-tiles{position:absolute;inset:0}.quake-tiles img{position:absolute;width:256px;height:256px;pointer-events:none}.quake-pin{position:absolute;left:0;top:0;width:20px;height:20px;margin:-10px 0 0 -10px;border-radius:50%;background:#d9485b;border:3px solid #fff;box-shadow:0 2px 8px #0006}.quake-zoom{position:absolute;right:10px;top:10px;display:grid;gap:6px}.quake-zoom button{width:38px;height:38px;padding:0;font-size:1.2rem}.quake-credit{position:absolute;right:0;bottom:0;padding:2px 8px;font-size:11px;background:#fffd;color:#333;border-top-left-radius:8px}.quake-hint{color:var(--muted);font-size:.85rem;margin:0 0 10px}
/* 4.5.0 · Zeax teması: tanıtım sitesi ve PC uygulamasıyla aynı turkuaz, sıcak kâğıt zemin, ince gölgeler */
:root[data-style=zeax]{--canvas:#f7f5f0;--surface:#fff;--soft:#efebe3;--field:#fff;--text:#14232b;--muted:#4b5960;--line:#dcd6ca;--hover:#dcefee;--accent:#087f8c;--accent-text:#8fe0e6;--glow:#5cc8d0;--on-accent:#fff;--lift:0 1px 2px #14232b0d,0 14px 34px -24px #14232b59}
:root[data-style=zeax][data-theme=dark]{--canvas:#0d1416;--surface:#141e21;--soft:#0a1012;--field:#0f181b;--text:#e6eeee;--muted:#a3b4b6;--line:#27373b;--hover:#11343a;--accent:#5cc8d0;--accent-text:#80d8de;--glow:#1f6f78;--on-accent:#04262a;--lift:0 1px 2px #0008,0 18px 40px -24px #000c}
[data-style=zeax] .surface,[data-style=zeax] .metrics article,[data-style=zeax] .device,[data-style=zeax] .request{box-shadow:var(--lift)}[data-style=zeax] .shell aside{border-right:1px solid var(--line)}[data-style=zeax] button.primary{box-shadow:0 1px 0 #ffffff26 inset,0 6px 16px -10px var(--accent)}[data-style=zeax] .metrics strong{letter-spacing:-.02em}[data-style=zeax] h1,[data-style=zeax] h2{letter-spacing:-.015em}
.github-release{margin-bottom:22px;padding-bottom:16px;border-bottom:1px solid var(--line)}.github-changes{margin:4px 0 12px;padding-left:20px}
/* 4.6.0 · hava durumu */
.weather-now{margin-top:14px;padding:14px 16px;border:1px solid var(--line);border-radius:14px;background:var(--soft)}.weather-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 14px}.weather-head strong{font-size:2.2rem;line-height:1.1;font-variant-numeric:tabular-nums}.weather-head span{color:var(--muted)}.weather-days{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,190px),1fr));gap:6px 14px;margin-top:10px;font-size:.92rem}
.weather-alert{margin:12px 0 0;padding:9px 12px;border-radius:10px;background:#ffbe54;color:#171c24;font-weight:650}
/* 4.6.0 · raporlar (tek sayfalık aylık rapor yazdırılabilir) */
.report-today{display:grid;gap:8px}.report-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 14px;padding:10px 14px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}.report-row strong{font-weight:650}.report-row small{grid-column:1/-1;color:var(--muted)}.report-row .bad{color:#d9485b;font-weight:650}.report-row .good{color:#22a36a;font-weight:650}
.report-pick{display:flex;flex-wrap:wrap;align-items:end;gap:10px;margin:16px 0 6px}.report-pick label{margin:0;min-width:200px}
.report-sheet{margin-top:16px;padding:22px 24px;background:#fff;color:#14232b;border-radius:14px;border:1px solid var(--line);font-size:13px;line-height:1.45}.report-sheet h2{margin:0;font-size:1.35rem;color:#14232b}.report-sheet .sheet-head{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;border-bottom:2px solid #087f8c;padding-bottom:10px;margin-bottom:14px}.report-sheet .sheet-head span{color:#4b5960}.report-sheet .eyebrow{color:#087f8c;letter-spacing:.08em;font-size:11px;font-weight:700}
.sheet-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:14px}.sheet-kpis div{border:1px solid #dcd6ca;border-radius:10px;padding:8px 10px}.sheet-kpis b{display:block;font-size:1.35rem;font-variant-numeric:tabular-nums}.sheet-kpis span{color:#4b5960;font-size:11px}
.report-sheet table{width:100%;border-collapse:collapse;margin-bottom:12px;font-size:12px}.report-sheet th,.report-sheet td{border-bottom:1px solid #e6e1d6;padding:5px 6px;text-align:left;vertical-align:top;color:#14232b}.report-sheet th{font-size:11px;color:#4b5960;font-weight:650;white-space:nowrap}.report-sheet td.num{font-variant-numeric:tabular-nums;white-space:nowrap}
.sheet-chart{margin:4px 0 10px;break-inside:avoid}.sheet-chart h3{font-size:12px;margin:0 0 2px;color:#14232b}.sheet-chart svg{width:100%;height:56px;color:#087f8c;display:block}.sheet-days{display:grid;font-size:9px;color:#4b5960;text-align:center;margin-top:2px}.sheet-table{overflow-x:auto}.sheet-events{display:flex;flex-wrap:wrap;gap:6px 18px;margin:8px 0}.sheet-note{color:#4b5960;font-size:11px;margin:8px 0 0}
@media(max-width:700px){.sheet-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.report-sheet{padding:14px}.sheet-table table{min-width:760px}}
.sheet-charts{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:2px 18px}
@media print{@page{size:A4;margin:12mm}body.print-report>*:not(.shell),body.print-report .shell>*:not(main),body.print-report main>*:not(#reports),body.print-report #reports>*:not(#report-sheet){display:none!important}body.print-report,body.print-report .shell,body.print-report main,body.print-report #reports{display:block!important;background:#fff!important;margin:0!important;padding:0!important;width:auto!important;min-height:0!important}body.print-report #report-sheet{border:0;padding:0;margin:0;border-radius:0;font-size:11px}body.print-report .sheet-table{overflow:visible}body.print-report .report-sheet table{font-size:10px}body.print-report .report-sheet th,body.print-report .report-sheet td{padding:4px}body.print-report .sheet-charts{grid-template-columns:1fr 1fr}body.print-report .sheet-chart svg{height:38px}}
/* 4.6.0 · sesli anons */
.announce-recorder{display:flex;flex-wrap:wrap;align-items:center;gap:12px 18px;margin:14px 0 10px}.announce-record{min-height:56px;padding:0 28px;font-size:1.05rem;border-radius:999px;touch-action:manipulation}.announce-record.recording{background:#d9485b;border-color:#d9485b;color:#fff;animation:announce-pulse 1.2s ease-in-out infinite}.announce-timer{font-size:1.7rem;font-weight:650;font-variant-numeric:tabular-nums}#announce-preview{width:100%;margin:4px 0 10px}
.announce-mode{margin:4px 0 14px}.announce-text{display:grid;gap:8px;margin:0 0 10px}.announce-text textarea{width:100%;min-height:96px;padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--field);color:var(--text);font:inherit;resize:vertical}.announce-text-meta{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;color:var(--muted);font-size:.9rem}  /* 4.8.0 yazıyla anons */
@keyframes announce-pulse{50%{box-shadow:0 0 0 10px #d9485b33}}@media(prefers-reduced-motion:reduce){.announce-record.recording{animation:none}}[data-motion=reduced] .announce-record.recording{animation:none}
/* 4.7.0 · Sahip: tanıtım sayfası tasarımları ve önizleme */
.site-designs{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,150px),1fr));gap:10px;margin:14px 0}
.site-design-card{display:grid;align-content:start;gap:6px;width:100%;min-height:0;margin:0;padding:10px 10px 14px;border:1px solid var(--line);border-radius:14px;background:var(--surface);color:var(--text);text-align:left;cursor:pointer}
.site-design-card[aria-checked=true]{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.site-design-card b{font-size:.98rem}.site-design-card small{color:var(--muted);font-size:.82rem;line-height:1.4}
.site-swatch{display:block;height:64px;border-radius:9px;background:#07090b}
.site-swatch[data-art=gece]{background:radial-gradient(circle at 74% 46%,#f6dc97 0 6px,#c9963a 10px,transparent 18px),radial-gradient(40% 70% at 74% 50%,#e2b85c80,transparent 72%),linear-gradient(#f4efe6,#f4efe6) 12px 20px/34% 6px no-repeat,linear-gradient(#e2b85c,#e2b85c) 12px 32px/46% 6px no-repeat,#07090b}
.site-swatch[data-art=ekran]{background:linear-gradient(#10222a,#10222a) 50% 30%/50% 5px no-repeat,linear-gradient(#0b1719,#0b1719) 50% 85%/72% 42% no-repeat,radial-gradient(60% 60% at 50% 100%,#5cc8d066,transparent 70%),#eef4f5}
.site-swatch[data-art=saat]{background:radial-gradient(circle at 76% 50%,#c0362c 0 2px,transparent 3px),radial-gradient(circle at 76% 50%,#fbf8f1 0 21px,#141414 21.5px 23px,transparent 23.5px),linear-gradient(#141414,#141414) 12px 18px/36% 7px no-repeat,linear-gradient(#141414,#141414) 12px 44px/50% 1px no-repeat,#f2eee5}
.site-swatch[data-art=aurora]{background:linear-gradient(#ffffff26,#ffffff26) 74% 50%/16% 78% no-repeat,radial-gradient(60% 90% at 8% 0,#7c3aed,transparent 62%),radial-gradient(60% 90% at 92% 10%,#2563eb,transparent 62%),radial-gradient(50% 80% at 50% 120%,#14b8a6,transparent 62%),#0c0a1d}
.site-controls{display:flex;flex-wrap:wrap;align-items:flex-end;gap:10px 14px;margin:4px 0 12px}.site-controls label{min-width:180px;margin:0}
.site-seg{display:inline-flex;overflow:hidden;border:1px solid var(--line);border-radius:12px}.site-seg button{min-height:40px;margin:0;padding:0 14px;border:0;border-radius:0;background:transparent;box-shadow:none}.site-seg button+button{border-left:1px solid var(--line)}.site-seg button[aria-pressed=true]{background:var(--accent);color:var(--on-accent,#fff)}
.site-open{display:inline-flex;align-items:center;min-height:40px;padding:0 14px;border:1px solid var(--line);border-radius:12px;color:var(--text);text-decoration:none}
.site-preview{position:relative;overflow:hidden;margin:0 0 12px;border:1px solid var(--line);border-radius:14px;background:repeating-linear-gradient(45deg,var(--soft) 0 12px,transparent 12px 24px)}
.site-preview iframe{position:absolute;top:0;left:0;border:0;background:#fff;transform-origin:0 0}

/* 4.8.0 · Tanıtım sayfasında canlı sayaç (sahip açar, veri yoksa hiç görünmez): bugün çalan zil, son 30 gün, bağlı PC. Her tasarımın kendi dili. */
.site .ws-live{margin:28px 0 0}.site .ws-hero .ws-live.ws-live{animation-delay:.32s}
.site .ws-live-head{display:flex;align-items:center;gap:9px;margin:0 0 10px;color:var(--ws-muted);font-size:.75rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase}
.site .ws-live-head i{position:relative;width:8px;height:8px;flex:none;border-radius:50%;background:var(--ws-green,#2fbf71)}.site .ws-live-head i::after{content:'';position:absolute;inset:0;border-radius:50%;background:inherit;opacity:0}
.site .ws-live-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0}.site .ws-live-grid>div{display:flex;flex-direction:column;min-width:0}
.site .ws-live dt{color:var(--ws-muted);font-size:.8125rem;line-height:1.3}
.site .ws-live dd{margin:auto 0 0;padding-top:4px;color:var(--ws-ink);font-size:clamp(1.45rem,1rem + 1.5vw,2.2rem);font-weight:700;line-height:1.1;letter-spacing:-.02em;font-variant-numeric:tabular-nums;overflow-wrap:normal}
@media(prefers-reduced-motion:no-preference){.site .ws-live-head i::after{animation:ws-live-ping 2.4s cubic-bezier(.23,1,.32,1) infinite}}
@keyframes ws-live-ping{0%{opacity:.7;transform:scale(1)}80%,100%{opacity:0;transform:scale(2.8)}}
[data-design=gece] .site .gc-live{max-width:36rem;padding:16px 18px;border:1px solid var(--ws-line);border-radius:16px;background:linear-gradient(180deg,#ffffff0e,#ffffff04);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
[data-design=gece] .site .gc-live .ws-live-grid>div+div{padding-left:14px;border-left:1px solid var(--ws-line)}
[data-design=gece] .site .gc-live dd{background:linear-gradient(180deg,var(--a-bright-ink),var(--a-bright) 55%,var(--a-deep));-webkit-background-clip:text;background-clip:text;color:transparent}
.site .ek-live{display:grid;justify-items:center;margin-top:30px}.site .ek-live .ws-live-head{justify-content:center}
.site .ek-live .ws-live-grid{display:inline-grid;grid-template-columns:repeat(3,auto);gap:0;padding:6px;border:1px solid var(--ws-line);border-radius:999px;background:var(--ws-surface);box-shadow:var(--ws-shadow)}
.site .ek-live .ws-live-grid>div{display:flex;flex-direction:column-reverse;align-items:center;padding:6px 24px;text-align:center}.site .ek-live .ws-live-grid>div+div{border-left:1px solid var(--ws-line)}
.site .ek-live dd{margin:0;color:var(--ws-accent-ink);font-size:1.6rem}.site .ek-live dt{font-size:.75rem}
.site .sa-live{margin-top:34px;padding-top:14px;border-top:1px solid var(--ws-ink)}.site .sa-live .ws-live-head{letter-spacing:.2em}.site .sa-live .ws-live-head i{background:var(--ws-accent)}
.site .sa-live .ws-live-grid{gap:0}.site .sa-live .ws-live-grid>div{padding:0 16px}.site .sa-live .ws-live-grid>div:first-child{padding-left:0}.site .sa-live .ws-live-grid>div+div{border-left:1px solid var(--ws-line)}
.site .sa-live dt{font-size:.6875rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}
.site .sa-live dd{font-family:var(--ws-head);font-size:clamp(2rem,1.3rem + 2.2vw,3.2rem);font-weight:400;letter-spacing:-.03em}.site .sa-live div:first-child dd{color:var(--ws-accent)}
.site .au-live .ws-live-grid{gap:10px}.site .au-live .ws-live-grid>div{padding:12px 14px;border:1px solid var(--ws-line);border-radius:16px;background:#ffffff0f;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
.site .au-live dd{background:linear-gradient(100deg,var(--ws-ink) 20%,var(--a-bright));-webkit-background-clip:text;background-clip:text;color:transparent}
@media(max-width:560px){.site .ws-live-grid{gap:8px}.site .ws-live dt{font-size:.75rem}.site .ek-live .ws-live-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-radius:18px}.site .ek-live .ws-live-grid>div{padding:6px 8px}.site .sa-live .ws-live-grid>div{padding:0 10px}.site .au-live .ws-live-grid>div{padding:10px}[data-design=gece] .site .gc-live{padding:14px}[data-design=gece] .site .gc-live .ws-live-grid>div+div{padding-left:10px}}
/* 4.9.0 · Paket deposu */
.store-tabs{display:flex;width:min(100%,460px);margin:4px 0 6px}.store-tabs button{flex:1 1 0;min-width:0;padding:0 8px;white-space:nowrap}.store-list{display:grid;gap:8px;margin-top:10px}
.store-item{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 16px;padding:10px 12px;border:1px solid var(--line);border-radius:12px}
.store-item b{display:block;overflow-wrap:anywhere}.store-item small{display:block}.store-item .actions{display:flex;flex-wrap:wrap;gap:8px;margin:0;align-items:center}.store-item .actions button{width:auto;flex:1 1 auto}
.store-group{border:1px solid var(--line);border-radius:12px;padding:0 12px}.store-group>summary{cursor:pointer;padding:12px 0;font-weight:650}.store-group[open]>summary{border-bottom:1px solid var(--line);margin-bottom:8px}.store-group .store-item{border:0;border-bottom:1px solid var(--line);border-radius:0;padding:10px 0}.store-group .store-item:last-child{border-bottom:0}
.store-player{max-width:min(100%,420px)}video.store-player{display:block;width:100%;border-radius:10px}.store-download{display:inline-flex;align-items:center;min-height:42px;padding:0 14px;border:1px solid var(--line);border-radius:6px;color:inherit;text-decoration:none}
/* 5.0.0 · Sunucu durumu: grafik renkleri doğrulandı (renk körlüğü ayrımı ve yüzey karşıtlığı, açık ve koyu ayrı) */
:root{--chart-in:#008ea3;--chart-out:#eb6834}:root[data-theme=dark]{--chart-in:#1aa3b0;--chart-out:#d95926}
.server-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:12px;margin:14px 0 22px}
.server-stats article{min-width:0;border:1px solid var(--line);border-radius:12px;padding:14px 16px;background:var(--field,#fff)}
.server-stats span{display:block;font-size:.82rem;color:var(--muted)}
.server-stats strong{display:block;margin:2px 0 4px;font-size:1.55rem;font-weight:650;line-height:1.2;font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.server-stats small{display:block;font-size:.8rem;line-height:1.35}
.server-chart-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 16px;margin:6px 0 10px}
.server-chart{margin:0 0 18px}
.server-chart figcaption{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:2px 12px;margin-bottom:4px;font-size:.9rem;font-weight:600}
.server-legend{display:flex;flex-wrap:wrap;gap:4px 14px;font-weight:500;color:var(--muted);font-variant-numeric:tabular-nums}
.server-legend i,.server-tip i{display:inline-block;width:9px;height:9px;margin-right:6px;border-radius:50%;background:var(--chart-in)}
.server-legend i.out,.server-tip i.out{background:var(--chart-out)}
.server-plot{position:relative}
.server-plot svg{display:block;width:100%;height:auto;overflow:visible;touch-action:pan-y;user-select:none;-webkit-user-select:none}
.server-plot .grid{stroke:var(--line);stroke-width:1}
.server-plot .tick{fill:var(--muted);font-size:11px;font-variant-numeric:tabular-nums}
.server-plot .line{fill:none;stroke-width:2;stroke-linejoin:round;stroke-linecap:round}
.server-plot .line.in{stroke:var(--chart-in)}.server-plot .line.out{stroke:var(--chart-out)}
.server-plot .area{fill:var(--chart-in);opacity:.14}
.server-plot .cross{stroke:var(--muted);stroke-width:1;stroke-dasharray:3 3}
.server-plot .dot{stroke:var(--surface,#fff);stroke-width:2;fill:var(--chart-in)}.server-plot .dot.out{fill:var(--chart-out)}
.server-plot .hit{fill:transparent;cursor:crosshair}
.server-tip{position:absolute;top:-6px;z-index:2;display:grid;gap:2px;transform:translate(-50%,-100%);pointer-events:none;padding:6px 10px;border:1px solid var(--line);border-radius:8px;background:var(--surface,#fff);box-shadow:0 8px 24px #0f1f2a26;font-size:.8rem;white-space:nowrap;font-variant-numeric:tabular-nums}
.server-table{margin:0 0 18px}.server-table summary{cursor:pointer;font-weight:600}.server-table table{font-variant-numeric:tabular-nums}
.server-download{margin:4px 0 20px;padding:12px 14px;border:1px solid var(--line);border-radius:12px}.server-download p{margin:4px 0}
.server-download progress{display:block;width:100%;height:8px;margin:8px 0 4px;accent-color:var(--chart-in)}
.server-actions{display:flex;flex-wrap:wrap;gap:10px;margin:12px 0}
.server-rate{display:flex;flex-wrap:wrap;align-items:flex-end;gap:10px;margin:-8px 0 20px}.server-rate label{flex:1 1 240px;max-width:340px}.server-restart-box{align-items:end;margin:0 0 8px}
.server-log{display:grid;gap:4px;margin:8px 0;padding:0;list-style:none;font-size:.875rem}.server-log:empty{display:none}
@media(max-width:560px){.server-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.server-stats article{padding:10px 12px}.server-stats strong{font-size:1.2rem}.server-actions button{flex:1 1 calc(50% - 10px)}}
.store-install{margin:0 0 16px;padding:12px 14px;border:1px solid var(--line);border-radius:12px}.store-install h3{margin:0 0 4px}.install-devices{display:grid;gap:6px;margin:10px 0;border:0;padding:0}.install-devices label{margin:0;align-items:flex-start}.install-devices small{color:var(--muted);font-weight:400}
.view-note{margin:-6px 0 14px;padding:8px 12px;border-radius:10px;background:var(--soft);font-size:.9rem}.view-only :is(#board-save,#board-open,#board-bell,#board-logo-upload,#board-logo-file,#duty-save,#duty-read,#duty-read-text,#duty-file,#duty-clear){display:none}.shell:is([data-role=ogretmen],[data-role=teknik]) .role-full{display:none}.admin-role{display:flex;align-items:center;gap:8px;margin:0;font-weight:600}.admin-role select{width:auto}
/* 5.2.2 · çerez bildirimi (site + panel) ve KVKK metni */
.cookie-note:not([hidden]){position:fixed;left:12px;right:12px;bottom:12px;z-index:60;max-width:640px;margin:0 auto;display:flex;gap:12px;align-items:center;padding:12px 14px;border-radius:12px;background:#10181c;color:#eef3f4;box-shadow:0 10px 30px rgba(0,0,0,.35);font-size:.92rem;line-height:1.45}
.cookie-note p{margin:0;flex:1}.cookie-note a{color:#7fd8e0}.cookie-note button{flex:none;min-height:36px;padding:6px 14px;border-radius:8px;border:0;background:#087f8c;color:#fff;font-weight:600;cursor:pointer}
@media print{.cookie-note{display:none!important}}
.site .ws-kvkk>*{max-width:820px}.site .ws-kvkk-list{display:grid;grid-template-columns:minmax(120px,190px) 1fr;gap:10px 18px;margin:18px 0 0}.site .ws-kvkk-list dt{font-weight:700}.site .ws-kvkk-list dd{margin:0;opacity:.9;line-height:1.55}
@media (max-width:640px){.site .ws-kvkk-list{grid-template-columns:1fr}.site .ws-kvkk-list dd{margin-bottom:8px}}
/* 5.2.3 · tanıtım sayfası: neler dahil, roller, iletişim, alt bilgi sütunları, telefonda açılır menü */
.site .ws-lead{max-width:62ch;margin:0 0 28px;font-size:1.0625rem}
.site .ws-included-list{display:grid;gap:0;margin:0;padding:0;list-style:none}
.site .ws-included-list li{display:flex;gap:14px;padding:18px 0;border-top:1px solid var(--ws-line)}
.site .ws-included-list li>svg{flex:none;width:22px;height:22px;margin-top:2px;color:var(--ws-accent-ink)}
.site .ws-included-list h3{margin-bottom:4px;font-size:1.0625rem}.site .ws-included-list p{margin:0}
@media(min-width:760px){.site .ws-included-list{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:48px}}
@media(min-width:1080px){.site .ws-included-list{grid-template-columns:repeat(4,minmax(0,1fr));column-gap:32px}.site .ws-included-list li{flex-direction:column;gap:10px}}
.site .ws-role-list{display:grid;gap:12px;margin:0;padding:0;list-style:none}
.site .ws-role-list li{padding:20px;border:1px solid var(--ws-line);border-radius:var(--ws-r-card,16px);background:var(--ws-surface)}
.site .ws-role-list p{margin:10px 0 0}
.site .ws-role-tag{display:inline-block;padding:4px 10px;border-radius:999px;background:var(--ws-sunk);color:var(--ws-ink);font-weight:650;font-size:.9375rem}
.site .ws-role-list li:first-child .ws-role-tag{background:var(--ws-accent);color:var(--ws-on-accent)}
@media(min-width:760px){.site .ws-role-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1080px){.site .ws-role-list{grid-template-columns:repeat(4,minmax(0,1fr))}}
.site .ws-contact{display:grid;gap:32px}
.site .ws-contact-ways{display:grid;gap:10px}
.site .ws-contact-card{display:flex;gap:14px;align-items:flex-start;padding:16px;border:1px solid var(--ws-line);border-radius:var(--ws-r-card,16px);background:var(--ws-surface);color:var(--ws-ink);text-decoration:none;transition:border-color .15s ease,background-color .15s ease}
.site .ws-contact-card>svg{flex:none;width:22px;height:22px;margin-top:2px;color:var(--ws-accent-ink)}
.site .ws-contact-card b{display:block;color:var(--ws-ink)}.site .ws-contact-card b+span{display:block;margin-top:2px;color:var(--ws-muted);font-size:.9375rem;overflow-wrap:anywhere}
@media(hover:hover) and (pointer:fine){.site a.ws-contact-card:hover{border-color:var(--ws-muted);background:var(--ws-sunk)}}
@media(min-width:960px){.site .ws-contact{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:64px;align-items:start}}
.site .ws-footer{display:grid;grid-template-columns:minmax(0,1fr);gap:28px}
.site .ws-footer nav.ws-foot-cols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.site .ws-foot-cols div{display:grid;gap:10px;align-content:start}.site .ws-foot-cols h3{margin:0 0 2px;font-size:.8125rem;letter-spacing:.08em;text-transform:uppercase;color:var(--ws-ink)}
.site .ws-footer .ws-foot-cols a{overflow-wrap:anywhere}
@media(hover:hover) and (pointer:fine){.site .ws-footer .ws-foot-cols a:hover{color:var(--ws-ink)}}
.site .ws-foot-legal{grid-column:1/-1;margin:0;padding-top:20px;border-top:1px solid var(--ws-line);font-size:.875rem}
@media(min-width:760px){.site .ws-footer{grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);gap:48px}.site .ws-footer nav.ws-foot-cols{grid-template-columns:repeat(3,minmax(0,1fr))}}
.site .ws-menu{display:none}
@media(min-width:1000px){.site .ws-links .ws-link-minor{display:none}.site .ws-nav-actions .ws-button-small{white-space:nowrap}}@media(min-width:1000px) and (max-width:1359px){.site .ws-links .ws-link-mid{display:none}}@media(min-width:1000px) and (max-width:1199px){.site .ws-nav{gap:14px}.site .ws-links a{padding:8px 8px}[data-design=gece] .site .ws-links a,[data-design=saat] .site .ws-links a{letter-spacing:.08em}}
@media(max-width:999px){html.ws-js .site .ws-menu{display:inline-grid;place-content:center;gap:4px;width:42px;height:42px;padding:0;border:1px solid var(--ws-line);border-radius:10px;background:transparent;color:var(--ws-ink);cursor:pointer}
html.ws-js .site .ws-menu span{display:block;width:18px;height:2px;border-radius:2px;background:currentColor;transition:transform .2s ease,opacity .2s ease}
html.ws-js .site .ws-menu[aria-expanded=true] span:nth-child(1){transform:translateY(6px) rotate(45deg)}html.ws-js .site .ws-menu[aria-expanded=true] span:nth-child(2){opacity:0}html.ws-js .site .ws-menu[aria-expanded=true] span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
html.ws-js .site .ws-links{display:none}
html.ws-js .site .ws-nav.is-open .ws-links{display:flex;flex-direction:column;gap:2px;margin:4px 0 10px;padding:8px;overflow:visible;border:1px solid var(--ws-line);border-radius:14px;background:var(--ws-bg)}
html.ws-js .site .ws-nav.is-open .ws-links a{padding:12px 14px;font-size:1rem;border-radius:10px}}
@media(prefers-reduced-motion:reduce){.site .ws-menu span{transition:none}}
/* 5.2.4 · tanıtım sayfası: paketler ve fiyatlar (erken erişim, satın alma yok); sahip paneli: okul PC'si anahtar yenileme dosyası */
.site .ws-plan-note{display:flex;gap:12px;align-items:flex-start;max-width:72ch;margin:0 0 28px;padding:14px 16px;border:1px solid var(--ws-line);border-radius:var(--ws-r-card,16px);background:var(--ws-sunk);color:var(--ws-ink)}
.site .ws-plan-note>svg{flex:none;width:22px;height:22px;margin-top:2px;color:var(--ws-accent-ink)}
.site .ws-plan-list{display:grid;gap:16px;margin:0;padding:0;list-style:none}
.site .ws-plan-list>li{position:relative;display:flex;flex-direction:column;gap:6px;padding:24px;border:1px solid var(--ws-line);border-radius:var(--ws-r-card,16px);background:var(--ws-surface)}
.site .ws-plan-list>li.is-featured{border:2px solid var(--ws-accent);box-shadow:var(--ws-shadow)}
.site .ws-plan-badge{position:absolute;top:-13px;left:22px;padding:3px 12px;border-radius:999px;background:var(--ws-accent);color:var(--ws-on-accent);font-size:.8125rem;font-weight:650}
.site .ws-plan-list h3{margin:0;font-size:1.25rem}
.site .ws-plan-price{display:flex;align-items:baseline;gap:6px;margin:4px 0 0}.site .ws-plan-price b{font-size:2rem;letter-spacing:-.02em;color:var(--ws-ink);font-variant-numeric:tabular-nums}.site .ws-plan-price span{color:var(--ws-muted)}
.site .ws-plan-who{margin:0 0 6px;color:var(--ws-muted)}
.site .ws-plan-features{display:grid;gap:8px;flex:1;margin:6px 0 18px;padding:0;list-style:none}
.site .ws-plan-features li{display:flex;gap:10px;align-items:flex-start}.site .ws-plan-features svg{flex:none;width:18px;height:18px;margin-top:3px;color:var(--ws-accent-ink)}
.site .ws-plan-cta{align-self:stretch;justify-content:center;text-align:center}
.site .ws-plan-extra{margin:20px 0 0;color:var(--ws-muted)}.site .ws-plan-extra b{color:var(--ws-ink)}
@media(min-width:900px){.site .ws-plan-list{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch}}
.key-reset p{margin:8px 0}.key-reset-link{display:inline-flex;align-items:center;min-height:40px;padding:0 14px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--text);font-weight:600;text-decoration:none}.key-reset-link:hover{background:var(--hover)}