/* Кабинет Авивы — вариант «А · Рабочий стол» (утверждён 20.10.2026).
   Гамма — от тренажёра иврита (небо → песок, стекло), раскладка своя, под компьютер. */
:root{--ink:#1e2a33;--mu:#5b6b77;--sea:#1a7c9b;--sea-d:#0f5a73;--sea-w:#d6edf5;--ok:#4e6836;--ok-w:#eef3e4;
 --warn:#8a6220;--warn-w:#fcf3e3;--bad:#c4553f;--bad-w:#fbebe6;--line:rgba(30,42,51,.08);
 --glass:rgba(255,255,255,.74);--glass-b:rgba(255,255,255,.95);--sh:0 .9rem 2.1rem rgba(15,90,115,.10),0 1px 3px rgba(30,42,51,.05);
 --air:linear-gradient(165deg,#d3eaf2 0%,#e6f1f2 30%,#f3f1ea 65%,#fbf8f2 100%);color-scheme:light}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html{font-size:100%;background:#fbf8f2}
body{background-color:#fbf8f2}
body{margin:0;background:var(--air) fixed;color:var(--ink);font-family:Rubik,system-ui,-apple-system,"Segoe UI",sans-serif;font-size:.9375rem;line-height:1.5;min-height:100vh}
a{color:var(--sea-d)}
.pg{display:flex;flex-wrap:wrap;gap:1.5rem;padding:1.5rem;max-width:100rem;margin:0 auto;align-items:flex-start}
.pg.center{min-height:100vh;align-items:center;justify-content:center}
.side{flex:0 0 14.4rem;display:flex;flex-direction:column;gap:1.4rem;position:sticky;top:1.5rem}
.main{flex:999 1 35rem;min-width:0;display:flex;flex-direction:column;gap:1.25rem}
.rail{flex:1 1 18.75rem;max-width:22.5rem;padding:1.1rem;display:flex;flex-direction:column;gap:.5rem;position:sticky;top:1.5rem}
.gl{background:var(--glass);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid var(--glass-b);border-radius:1.25rem;box-shadow:var(--sh)}
.col{display:flex;flex-direction:column}.row{display:flex;align-items:center}.sp{justify-content:space-between}
.grow{flex-grow:1}.min0{min-width:0}.end{align-items:flex-end}.wrap-row{flex-wrap:wrap;gap:1rem}.end-row{align-items:flex-end}.start-row{align-items:flex-start}
.gap8{gap:.5rem}.gap6{gap:.4rem}.push{margin-left:auto}
.ell{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mu{color:var(--mu)}.sm{font-size:.8125rem}.xs{font-size:.75rem}.lg{font-size:1.0625rem}
.bad{color:var(--bad)}.sea{color:var(--sea-d)}
.h1{font-family:Nunito,Rubik,sans-serif;font-weight:800;font-size:1.875rem;letter-spacing:-.025em;line-height:1.2;margin:0}
.h2{font-size:1.0625rem;font-weight:700;margin:0}
.h2b{font-family:Nunito,Rubik,sans-serif;font-weight:800;font-size:1.5rem;line-height:1.2}
.num{font-family:Nunito,Rubik,sans-serif;font-weight:800;font-size:1.875rem;line-height:1.1}
.big{font-family:Nunito,Rubik,sans-serif;font-weight:800;font-size:1.875rem;line-height:1.1;color:var(--sea-d)}
/* иврит — тем же шрифтом, что в её заданиях */
.he-auto:dir(rtl),[dir="auto"]:dir(rtl){font-family:"Frank Ruhl Libre",Georgia,serif}
.ttl{font-size:1.25rem;display:block}
.task-title{font-size:2rem;font-weight:700;line-height:1.25;font-family:"Frank Ruhl Libre",Georgia,Rubik,serif}

/* бренд и меню */
.brand{display:flex;align-items:center;gap:.65rem;padding:.4rem .5rem;text-decoration:none;color:inherit;min-height:2.75rem}
.logo{width:2.5rem;height:2.5rem;border-radius:50%;background:linear-gradient(160deg,#86c7de,#1a7c9b);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-family:"Frank Ruhl Libre",serif;font-size:1.375rem;font-weight:700;flex:0 0 auto}
.logo.big{width:3.5rem;height:3.5rem;font-size:2rem}
.nav{display:flex;flex-direction:column;gap:.25rem}
.nav a{display:flex;align-items:center;gap:.75rem;min-height:2.75rem;padding:0 .9rem;border-radius:.75rem;color:#33444f;text-decoration:none;font-weight:500;transition:transform .12s ease,background-color .12s ease}
.nav a.on{background:rgba(255,255,255,.88);color:var(--sea-d);font-weight:700;box-shadow:0 .4rem .9rem rgba(15,90,115,.08)}
.where{padding:.9rem 1rem;display:flex;flex-direction:column;gap:.35rem}

/* кнопки: отзыв в момент касания */
.btn,.btn2{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;min-height:2.75rem;font-family:inherit;font-weight:600;text-decoration:none;cursor:pointer;transition:transform .12s ease,opacity .12s ease,box-shadow .12s ease;touch-action:manipulation;user-select:none}
.btn{padding:0 1.15rem;border-radius:.75rem;background:linear-gradient(180deg,#2189a8,#14708e);color:#fff;font-size:.9375rem;border:0;box-shadow:0 .5rem 1.1rem rgba(26,124,155,.28)}
.btn2{padding:0 .85rem;border-radius:.65rem;background:#fff;color:var(--sea-d);border:1px solid rgba(26,124,155,.35);font-size:.8125rem;position:relative}
.btn:active,.btn2:active,.nav a:active,.who:active,.drop:active{transform:scale(.97);opacity:.88}
.btn.wide,.btn2.wide{width:100%}
.btn2.danger{color:var(--bad);border-color:rgba(196,85,63,.35)}
.btn2.danger-on{background:var(--bad);color:#fff;border-color:var(--bad)}
.btn:focus-visible,.btn2:focus-visible,a:focus-visible,summary:focus-visible,.inp:focus-visible,label.btn:focus-within{outline:3px solid var(--sea);outline-offset:2px}
.pill{display:inline-flex;align-items:center;min-height:1.5rem;padding:0 .6rem;border-radius:999px;font-size:.75rem;font-weight:600;background:rgba(242,236,224,.92);color:var(--mu);white-space:nowrap}
.p-ok{background:var(--ok-w);color:var(--ok)}.p-new{background:var(--sea-w);color:var(--sea-d)}.p-warn{background:var(--warn-w);color:var(--warn)}.p-bad{background:var(--bad-w);color:var(--bad)}

/* загрузка */
.drop{border:2px dashed rgba(26,124,155,.45);border-radius:1.1rem;background:rgba(232,244,248,.72);display:flex;align-items:center;gap:1.25rem;padding:1.4rem 1.6rem;flex-wrap:wrap;transition:transform .15s ease,background-color .15s ease,border-color .15s ease}
.drop.over{background:rgba(214,237,245,.95);border-color:var(--sea);transform:scale(1.01)}
.drop.busy{opacity:.7}
.drop-ic{width:3.5rem;height:3.5rem;border-radius:1rem;background:#fff;display:flex;align-items:center;justify-content:center;color:var(--sea);box-shadow:0 .4rem .9rem rgba(15,90,115,.1);flex:0 0 auto}
.drop .col{flex:1 1 16rem}
.result{padding:1.1rem 1.25rem;display:flex;flex-direction:column;gap:.6rem;border-color:rgba(78,104,54,.25);background:rgba(244,249,238,.9)}
.result.err{background:var(--bad-w);border-color:rgba(196,85,63,.3)}
.linkbox{font-weight:700;color:var(--sea-d);background:#e8f4f8;border-radius:.75rem;padding:.6rem .85rem;word-break:break-all;font-size:1.0625rem}

/* таблицы */
.tbl-wrap{padding:.4rem .5rem .2rem;overflow-x:auto}
table{border-collapse:collapse;width:100%}
th{font-size:.75rem;font-weight:600;color:var(--mu);text-align:left;padding:.65rem .75rem;border-bottom:1px solid var(--line);white-space:nowrap}
td{padding:.75rem;border-bottom:1px solid rgba(30,42,51,.06);vertical-align:middle}
tbody tr:last-child td{border-bottom:0}
tr.hl td{background:rgba(214,237,245,.35)}
tr.sel td{background:rgba(214,237,245,.6)}
tr.click{cursor:pointer;transition:background-color .12s ease}
tr.click:active td{background:rgba(214,237,245,.8)}
.w38{width:38%}
.tlink{display:flex;flex-direction:column;text-decoration:none;color:inherit;min-height:2.75rem;justify-content:center}
.empty-row{text-align:center;color:var(--mu);padding:2rem 1rem}
.btn2.copy span{max-width:16rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* ученики */
.ava{width:2.25rem;height:2.25rem;border-radius:.75rem;display:inline-flex;align-items:center;justify-content:center;background:var(--sea-w);color:var(--sea-d);font-weight:700;font-size:.8125rem;flex:0 0 auto}
.who{display:flex;gap:.65rem;align-items:center;text-decoration:none;color:inherit;min-height:2.75rem;padding:.3rem .25rem;border-radius:.75rem;transition:transform .12s ease,background-color .12s ease}
.who-c{display:inline-flex;gap:.6rem;align-items:center;text-decoration:none;color:inherit;min-height:2.75rem}
.dot{display:inline-block;width:.5rem;height:.5rem;border-radius:50%;background:var(--sea);margin-right:.4rem;vertical-align:middle}
.track{display:inline-block;height:.5rem;border-radius:999px;background:rgba(30,42,51,.1);overflow:hidden;width:7.5rem}
.fill{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#86c7de,#1a7c9b)}

/* страница задания */
.back-link{display:inline-flex;align-items:center;gap:.3rem;text-decoration:none;min-height:2.75rem}
.stats{display:flex;gap:.9rem;flex-wrap:wrap}
.stat{flex:1 1 10rem;padding:.9rem 1.1rem;display:flex;flex-direction:column;min-width:0}
.split{display:flex;gap:1.1rem;flex-wrap:wrap;align-items:flex-start}
.grow3{flex:3 1 26rem}
.work{flex:2 1 21rem;padding:1.15rem 1.25rem;display:flex;flex-direction:column;gap:.75rem;background:rgba(255,255,255,.88);min-width:0}
.ex{display:flex;align-items:center;gap:.65rem;padding:.45rem 0;border-top:1px solid rgba(30,42,51,.07)}
.bar{height:.5rem;border-radius:999px;background:rgba(30,42,51,.1);overflow:hidden;flex:0 0 7rem}
.bar i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#86c7de,#1a7c9b)}
.bar i.w{background:linear-gradient(90deg,#e5c489,#c4703a)}
.exn{width:3.4rem;text-align:right}
.mist-box{display:flex;flex-direction:column;gap:.15rem;padding:.75rem 1rem;border-radius:.9rem;background:#fdf6f3}
.mist{display:flex;flex-direction:column;padding:.4rem 0;border-top:1px solid rgba(196,85,63,.12);font-size:1.0625rem}
.mist:first-of-type{border-top:0}
.bub{align-self:flex-end;background:#e8f4f8;border-radius:1rem 1rem .25rem 1rem;padding:.5rem .9rem;max-width:92%;font-size:1.0625rem}
.full summary{cursor:pointer;min-height:2.75rem;display:flex;align-items:center;font-weight:600;color:var(--sea-d)}
.full pre{white-space:pre-wrap;word-wrap:break-word;background:#f7f4ee;padding:.85rem;border-radius:.75rem;font:inherit;font-size:.875rem;max-height:30rem;overflow:auto;margin:.3rem 0 0}
.del{display:inline-flex;gap:.5rem}
.prose{padding:1.25rem 1.5rem;max-width:46rem}
.prose .h2{margin-top:1rem}.prose p{margin:.4rem 0}

/* голосовые ответы */
.vitem{display:flex;flex-direction:column;gap:.35rem;padding:.7rem .85rem;border-radius:.9rem;background:#f3f8f9}
.vq{font-size:1.0625rem;font-family:"Frank Ruhl Libre",Georgia,Rubik,serif}
.vitem audio{width:100%;height:2.5rem}
.vc{font-size:1rem;display:flex;flex-wrap:wrap;gap:.35rem;align-items:center}
.okc{color:var(--ok)}

/* ученики и назначение */
.area{width:100%;min-height:6rem;padding:.6rem .8rem;resize:vertical;line-height:1.5}
.assign-box{padding:.85rem 1rem;display:flex;flex-direction:column;gap:.6rem}
.chip-l{text-decoration:none;min-height:2rem}
.asg{display:flex;flex-direction:column;gap:.7rem;padding:.85rem 1rem;border-radius:1rem;background:rgba(255,255,255,.75);border:1px solid rgba(26,124,155,.18)}
.cks{display:grid;grid-template-columns:repeat(auto-fill,minmax(13rem,1fr));gap:.25rem .8rem}
.ck{display:flex;align-items:center;gap:.55rem;min-height:2.75rem;cursor:pointer}
.ck input{width:1.15rem;height:1.15rem;accent-color:var(--sea)}
.dt{min-height:2.75rem;margin-left:.4rem}
.links{display:flex;flex-direction:column;gap:.4rem;margin-top:.3rem}
.lk{display:flex;align-items:center;gap:.6rem;min-height:2.75rem;border-top:1px solid var(--line)}
.btn2.rec{background:#c4553f;color:#fff;border-color:#c4553f}
.cmt audio{width:100%;height:2.5rem}
.cmt{padding-top:.6rem;border-top:1px solid rgba(30,42,51,.07)}
.nav a span{flex:0 1 auto}

/* вход */
.login{width:100%;max-width:24rem;padding:2rem;display:flex;flex-direction:column;gap:.6rem;align-items:stretch;text-align:center}
.login .logo{align-self:center}
.lbl{font-size:.8125rem;font-weight:600;text-align:left;margin-top:.4rem}
.inp{min-height:3rem;border-radius:.75rem;border:1.5px solid #d9d1c2;background:#fff;padding:0 .9rem;font:inherit;font-size:1rem}
.err-msg{background:var(--bad-w);color:var(--bad);border-radius:.75rem;padding:.6rem .8rem;margin:0}

/* тост */
.toast{position:fixed;left:50%;bottom:1.5rem;transform:translate(-50%,150%);background:#1e2a33;color:#fff;padding:.75rem 1.25rem;border-radius:999px;font-weight:600;opacity:0;transition:transform .2s ease,opacity .2s ease;z-index:50;pointer-events:none}
.toast.show{transform:translate(-50%,0);opacity:1}

@media (max-width:60rem){.side,.rail{position:static}.side{flex-basis:100%}.nav{flex-direction:row;flex-wrap:wrap}.where{display:none}.rail{max-width:none}}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}
@media (prefers-reduced-transparency:reduce){.gl{background:#fff;-webkit-backdrop-filter:none;backdrop-filter:none}}
@media (prefers-contrast:more){:root{--mu:#33444f;--line:rgba(30,42,51,.3)}.gl{border-color:#7a8a94}}