:root{color-scheme:dark;--bg:#101114;--surface:#191b20;--glass:rgba(25,27,32,.88);--raised:#22252b;--text:#f5f5f7;--muted:#a1a7b3;--border:rgba(255,255,255,.09);--blue:#5c9cff;--blue-bg:#233653;--green:#c6f28c;--shadow:0 8px 30px #00000013;--radius:24px}html[data-theme=light]{color-scheme:light;--bg:#f3f5f9;--surface:#fff;--glass:rgba(255,255,255,.88);--raised:#edf0f5;--text:#1a2232;--muted:#596579;--border:rgba(24,38,60,.11);--blue:#2267d0;--blue-bg:#eaf1ff;--green:#355d17;--shadow:0 8px 30px #25385808}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.5 Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}a{color:var(--blue);text-decoration:none}button,input,textarea,select{font:inherit}button,.button{display:inline-flex;justify-content:center;align-items:center;gap:8px;min-height:44px;border:1px solid var(--border);padding:10px 17px;border-radius:13px;background:var(--raised);color:var(--text);cursor:pointer;text-align:center;font-weight:600;font-size:.9rem;line-height:1.3;transition:background .15s,transform .15s}button:hover,.button:hover{filter:brightness(1.12)}button:active,.button:active{transform:translateY(1px)}button:disabled{opacity:.6;cursor:wait}.primary{background:#3b82f6;color:#fff;border-color:transparent}.quiet{background:transparent}.full{width:100%}.danger-text{color:#ed8b8b}html[data-theme=light] .danger-text{color:#b33636}h1,h2,h3,p{margin:0}h1{font-size:clamp(1.9rem,3vw,2.7rem);letter-spacing:-.045em;line-height:1.2;font-weight:750}h2{font-size:1.25rem;letter-spacing:-.025em}h3{font-size:1.05rem;font-weight:650;line-height:1.45}p{margin-top:8px}.muted,.hint,small{color:var(--muted)}small{display:block;font-size:.8rem;font-weight:400;line-height:1.5;margin-top:5px}.hint{font-size:.88rem;margin:12px 0 18px}.accent{color:var(--blue)}.eyebrow{font-size:.75rem;font-weight:700;letter-spacing:.13em;color:var(--muted);display:block;margin-bottom:12px}.sidebar{position:fixed;inset:0 auto 0 0;width:250px;background:var(--glass);backdrop-filter:blur(18px);border-right:1px solid var(--border);display:flex;flex-direction:column;padding:32px 20px;z-index:2}.brand{display:flex;align-items:center;gap:12px;font-size:1.25rem;font-weight:800;color:var(--text);line-height:1.1;letter-spacing:-.03em}.brand-line{display:block}.brand-mark{width:43px;height:43px;background:#3b82f6;border-radius:15px;display:grid;place-items:center;color:#fff;font-weight:800;letter-spacing:-.1em;font-size:1.1rem}.school{font-size:.78rem;color:var(--muted);padding:24px 10px 18px;overflow-wrap:anywhere}.sidebar nav{display:flex;flex-direction:column;gap:7px}.sidebar nav a{display:flex;align-items:center;gap:12px;padding:13px 12px;color:var(--muted);font-size:.88rem;font-weight:600;border-radius:13px}.sidebar nav a.active{background:var(--blue-bg);color:var(--blue)}svg{width:20px;height:20px;flex-shrink:0;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.nav-label{font-size:.68rem;color:var(--muted);letter-spacing:.12em;padding:24px 12px 6px}.badge{margin-left:auto;background:#3b82f6;color:#fff;font-size:.72rem;border-radius:8px;min-width:22px;text-align:center}.badge:empty{display:none}.sidebar-bottom{margin-top:auto;padding-top:25px}.theme{font-size:.82rem}.profile{color:var(--text);display:flex;gap:12px;align-items:center;font-size:.85rem;margin:24px 0 10px;overflow-wrap:anywhere}.profile small{font-size:.73rem}.avatar{display:grid;place-items:center;flex-shrink:0;background:var(--blue-bg);color:var(--blue);width:40px;height:40px;border-radius:14px;font-weight:700}.logout{padding:5px 0;min-height:30px;border:0;color:var(--muted)}.workspace{margin-left:250px;max-width:1570px;padding:45px 48px 70px}.page-head{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:32px}.page-head p{font-size:.92rem}.class-filter label{margin:0;min-width:120px;font-size:.75rem}.class-filter select{min-width:120px}.panel{padding:24px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}section>article.panel+article.panel{margin-top:14px}.week-toolbar{display:flex;gap:8px;align-items:center;margin-bottom:18px}.date-form input{margin:0;border:0;background:transparent;width:170px}.today{margin-left:auto}.week-strip{display:flex;gap:10px;margin-bottom:34px}.day{flex:1;background:var(--surface);border:1px solid var(--border);border-radius:19px;padding:13px 10px;display:flex;align-items:center;flex-direction:column;color:var(--muted);min-width:0}.day span{font-size:.82rem}.day strong{font-size:1.5rem;line-height:1.5;color:var(--text)}.day small{font-size:.7rem}.day.selected{background:#3b82f6;border-color:#3b82f6;color:#fff;box-shadow:0 8px 20px #1a5bb71a}.day.selected strong,.day.selected small{color:#fff}.diary-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:26px}.section-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:16px}.section-head>.muted{font-size:.84rem}.count{background:var(--raised);padding:2px 9px;border-radius:8px;font-size:.78rem;color:var(--muted)}.lesson{display:flex;gap:20px;padding:20px;margin-bottom:12px}.lesson-time{width:47px;flex-shrink:0;text-align:center}.lesson-time b{display:block;font-size:1.15rem;color:var(--blue);margin-bottom:6px}.lesson-time span{font-size:.76rem;color:var(--muted);line-height:1.5}.lesson-body{flex:1;min-width:0;border-left:1px solid var(--border);padding-left:20px}.lesson-body p{font-size:.84rem;color:var(--muted);margin:4px 0 10px}.lesson-title{display:flex;gap:10px;justify-content:space-between;align-items:center;flex-wrap:wrap}.meta{display:flex;gap:8px;font-size:.74rem;color:var(--muted);flex-wrap:wrap}.meta span{background:var(--raised);padding:3px 8px;border-radius:7px}.pill{font-size:.73rem;display:inline-flex;align-items:center;border-radius:8px;padding:4px 9px;font-weight:600}.pill.blue{color:var(--blue);background:var(--blue-bg)}.pill.green{color:var(--green);background:#63953719}.pill.danger{color:#f09a9a;background:#c344441c}html[data-theme=light] .pill.danger{color:#9e2f2f}.cancelled .lesson-title h3{text-decoration:line-through;color:var(--muted)}.change-note{padding:8px;border-left:2px solid var(--blue)}.homework{margin-bottom:16px}.hw-top{display:flex;justify-content:space-between;gap:8px;font-size:.8rem;margin-bottom:14px}.homework h3{font-size:1.15rem}.prewrap{white-space:pre-wrap;overflow-wrap:anywhere;font-size:.92rem;line-height:1.65;margin:12px 0}.file{display:flex;align-items:center;gap:10px;background:var(--raised);padding:12px;border-radius:12px;color:var(--text);font-size:.83rem;margin-top:12px;overflow-wrap:anywhere}.file>span:nth-child(2){flex:1;min-width:0}.file small{font-size:.72rem;margin:0}.done-button{margin-top:18px;border:0;border-top:1px solid var(--border);border-radius:0;padding:16px 0 0;background:transparent;color:var(--muted);width:100%;justify-content:flex-start;font-size:.86rem}.done-button span{font-size:1.3rem}.done-button.checked{color:var(--green)}.done{border-color:#7aab534d}.empty{text-align:center;padding:45px 28px;color:var(--muted)}.empty h2,.empty h3{color:var(--text)}.empty img{width:130px;max-width:100%;margin-bottom:18px}.empty p{font-size:.9rem;max-width:380px;margin:10px auto 20px}.empty.compact{padding:35px 25px}.homework-empty{padding-top:30px}.empty .inline-form{justify-content:center}.management-grid{display:grid;grid-template-columns:minmax(280px,.8fr) minmax(0,1.2fr);gap:26px;align-items:start}.management-grid>section.panel{position:sticky;top:24px}.management-grid section>article{margin-bottom:14px}.panel h2{margin-bottom:20px}.panel .section-head h2{margin:0}label{display:block;margin:17px 0;color:var(--text);font-size:.875rem;font-weight:550}input,select,textarea{display:block;margin-top:7px;width:100%;min-width:0;max-width:100%;border-radius:11px;border:1px solid var(--border);background:var(--bg);padding:12px 13px;color:var(--text);outline:none;min-height:45px;font-size:.93rem}input:focus,select:focus,textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px #3b82f61c}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--blue);outline-offset:3px}input[type=checkbox]{width:18px;min-height:18px;height:18px;margin:0;accent-color:#3b82f6}textarea{resize:vertical}.check{display:flex;align-items:center;gap:10px;font-weight:400}.checks{display:grid;grid-template-columns:1fr 1fr;gap:5px}.checks .check{margin:5px 0}fieldset{border:1px solid var(--border);border-radius:14px;padding:10px 15px;margin:20px 0}legend{font-size:.85rem;padding:0 6px}.inline-form{display:flex;gap:10px;align-items:end}.inline-form label{margin:0}.inline-form .grow{flex:1}.wrap{flex-wrap:wrap}.list-row{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid var(--border);padding-top:12px;margin-top:12px;font-size:.9rem;overflow-wrap:anywhere}.admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:20px}.chip{background:var(--raised);padding:7px 12px;border-radius:10px}.chip summary{font-size:.85rem}.spaced{margin-top:24px}.settings-edit{max-width:600px}.narrow{max-width:520px}.person-head{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.person-head>div{flex:1;min-width:150px}.person-head p{font-size:.8rem}details{margin-top:16px}details summary{cursor:pointer;font-size:.9rem;color:var(--muted)}details[open] summary{margin-bottom:15px}.chip[open]{width:100%}.chip{margin-top:0}.upload{border:1px dashed var(--border);padding:15px;border-radius:14px}.upload input{background:transparent;border:0;padding:0;font-size:.8rem}input::file-selector-button{padding:8px;background:var(--raised);color:var(--text);border:1px solid var(--border);border-radius:8px;margin-right:8px}.notification-settings{display:flex;justify-content:space-between;align-items:center;gap:20px}.notification-settings p{font-size:.85rem}.notification{display:flex;color:var(--text);gap:18px;align-items:center;margin-bottom:12px}.notification>div{flex:1}.notification h3{font-size:.93rem}.notification time,time{color:var(--muted);font-size:.78rem}.notification-icon{padding:12px;background:var(--raised);border-radius:14px;display:grid;place-items:center}.notification.unread{border-color:#3b82f659}.dot{width:8px;height:8px;border-radius:50%;background:var(--blue);display:inline-block}.flash{padding:15px 20px;border:1px solid #6f9ed04a;background:var(--blue-bg);color:var(--text);border-radius:15px;margin-bottom:25px}.auth-space{max-width:1200px;margin:auto;padding:30px 40px 65px}.auth-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:65px}.login-layout{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.login-art h1{font-size:clamp(2.5rem,5vw,4rem);line-height:1.1}.login-art p{color:var(--muted);margin-top:20px}.login-kuizik{width:270px;display:block;margin:30px auto 0}.login-form{padding:38px}.login-form h2{font-size:1.8rem;margin-bottom:8px}.login-form label{margin:23px 0}.login-form .primary{margin-top:10px}.login-form .hint{margin:24px 0 0}.setup-form{display:grid;grid-template-columns:1fr 1fr;gap:25px}.small-kuizik{width:120px}.step{display:inline-grid;place-items:center;width:32px;height:32px;border-radius:10px;background:var(--blue-bg);color:var(--blue);margin-right:8px;font-size:.85rem}.error{max-width:650px;margin:45px auto}.error h1{margin:10px 0}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}[hidden]{display:none!important}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);padding:16px 24px;max-width:90%;background:var(--text);color:var(--bg);border-radius:14px;z-index:20;box-shadow:var(--shadow)}code{font-size:.85em;overflow-wrap:anywhere} @media(min-width:1600px){.workspace{margin-right:auto;margin-left:270px;padding-right:65px}}@media(max-width:1150px){.sidebar{width:215px;padding:28px 14px}.workspace{margin-left:215px;padding:32px 26px}.diary-grid{gap:18px}.lesson{padding:17px;gap:12px}.lesson-body{padding-left:12px}.management-grid{grid-template-columns:minmax(260px,.9fr) minmax(0,1fr)}.notification-settings{align-items:start;flex-direction:column}.login-layout{gap:35px}}@media(max-width:820px){.sidebar{position:static;width:auto;padding:17px 20px;border-right:0;border-bottom:1px solid var(--border);display:block}.sidebar .brand{font-size:1.1rem}.brand-line{display:inline;margin-left:5px}.brand-mark{width:34px;height:34px;border-radius:11px}.school,.nav-label,.sidebar-bottom .profile,.sidebar-bottom .logout{display:none}.sidebar nav{flex-direction:row;overflow-x:auto;margin-top:17px;gap:6px}.sidebar nav a{white-space:nowrap;padding:10px;font-size:.8rem;gap:7px}.sidebar nav svg{width:17px;height:17px}.sidebar-bottom{position:absolute;top:10px;right:15px;margin:0;padding:0}.sidebar-bottom .theme{font-size:.7rem}.workspace{margin:0;padding:28px 22px 50px}.management-grid{grid-template-columns:1fr 1fr}.management-grid>section.panel{position:static}.auth-space{padding:25px}.auth-top{margin-bottom:35px}.login-layout{gap:24px}.login-form{padding:26px}.login-kuizik{width:220px}}@media(max-width:620px){.workspace{padding:25px 16px 45px}.page-head{gap:12px;margin-bottom:25px;align-items:start}.page-head h1{font-size:1.8rem}.page-head .eyebrow{font-size:.67rem;margin-bottom:8px}.page-head p{font-size:.82rem}.class-filter label{min-width:85px}.class-filter select{min-width:85px;padding:9px}.diary-grid,.management-grid,.admin-grid,.setup-form,.login-layout{grid-template-columns:1fr}.week-strip{gap:5px;margin-bottom:25px}.day{padding:10px 3px;border-radius:14px}.day strong{font-size:1.25rem}.day small{font-size:.59rem}.day span{font-size:.75rem}.week-toolbar{gap:3px}.week-toolbar .button{padding:8px 11px}.date-form input{width:148px;padding:8px}.panel{padding:20px;border-radius:20px}.lesson{padding:17px}.section-head h2{font-size:1.13rem}.diary-grid{gap:25px}.small-kuizik{width:74px}.auth-space{padding:23px 18px}.auth-top{margin-bottom:35px}.auth-top .brand{font-size:1.08rem}.login-art{position:relative;padding-right:100px}.login-art h1{font-size:2rem}.login-art .eyebrow{font-size:.65rem}.login-art p{font-size:.85rem;margin:12px 0}.login-kuizik{position:absolute;right:0;top:10px;width:115px;margin:0}.login-form{margin-top:10px;padding:26px}.login-form h2{font-size:1.5rem}.notification-settings .inline-form{flex-wrap:wrap}.person-head .pill{font-size:.68rem}.inline-form.wrap>*{flex-basis:45%}.list-row{align-items:start}.page-head>.button{font-size:.7rem;max-width:130px}.checks{grid-template-columns:1fr}.notification{gap:12px}.notification-icon{padding:8px}.notification h3{font-size:.85rem}.sidebar nav{scrollbar-width:thin}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

.sidebar nav .mobile-profile{display:none}@media(max-width:820px){.sidebar nav .mobile-profile{display:flex}}
.list-row>form{flex-shrink:0}.list-row>form button{white-space:nowrap}.list-row>span{min-width:0}@media(max-width:360px){.sidebar-bottom .theme{font-size:0;min-width:42px;padding:8px}.sidebar-bottom .theme::before{content:'◐';font-size:20px}.sidebar .brand{font-size:1rem}.page-head{flex-wrap:wrap}}
@media(max-width:360px){.week-toolbar{flex-wrap:wrap}.week-toolbar .today{flex-basis:100%;margin-top:4px}.week-toolbar .date-form{flex:1}.week-toolbar .date-form input{width:100%}}
/* 2.1 — day-first diary, quiet glass surfaces, touch-friendly controls. */
:root{--radius:26px;--glass:rgba(25,27,32,.78)}html[data-theme=light]{--glass:rgba(255,255,255,.82)}
body{background-image:radial-gradient(ellipse at 90% 0,rgba(59,130,246,.07),transparent 45%)}
.sidebar{overflow-y:auto}.workspace{max-width:none;padding:36px 32px 70px}.panel{background:var(--glass);backdrop-filter:blur(12px)}
.week-board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:start}.day-column{min-width:0}.day-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:8px 0 15px;padding:0 3px}.day-heading h2{font-size:1rem}.day-heading span{font-size:.8rem;color:var(--muted)}.lesson-card{padding:19px;margin-bottom:14px;overflow-wrap:anywhere}.lesson-card h3{font-size:1.2rem;letter-spacing:-.025em;margin-top:12px}.lesson-number{font-size:.73rem;color:var(--blue);font-weight:650}.lesson-card time{font-size:.7rem}.lesson-card .button{margin-top:15px;font-size:.8rem}.lesson-card.cancelled h3{text-decoration:line-through;color:var(--muted)}.lesson-card small{font-size:.74rem}.task{border-top:1px solid var(--border);margin-top:17px;padding-top:14px}.task h4{margin:0;font-size:.91rem}.task .prewrap{font-size:.84rem;margin:8px 0}.task .file{font-size:.76rem;padding:10px}.task-time{margin-top:12px}.task-time summary{font-size:.7rem}.pending-hw{font-size:.79rem;color:var(--muted);padding:13px 0 0;margin-top:15px;border-top:1px dashed var(--border)}.empty-day{padding:24px;border:1px dashed var(--border);border-radius:22px;text-align:center;color:var(--muted);font-size:.85rem}.sync-status{font-size:.74rem;color:var(--muted);margin:-17px 0 20px}.summary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.summary-grid strong{display:block;font-size:2rem;letter-spacing:-.06em}.summary-grid span{color:var(--muted);font-size:.8rem}.audit-row{display:grid;grid-template-columns:1fr 1.4fr 1fr;gap:15px;padding:14px 0;border-top:1px solid var(--border);font-size:.83rem;overflow-wrap:anywhere}.week-edit-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.slot-editor{padding:20px}.slot-editor h3{font-size:.95rem}.occupied{font-size:.76rem;padding:9px;background:var(--blue-bg);border-radius:10px}.slot-editor label{font-size:.79rem}.save-bar{position:sticky;bottom:15px;margin-top:24px;background:var(--glass);backdrop-filter:blur(18px);border:1px solid var(--border);padding:16px;border-radius:20px;display:flex;gap:20px;align-items:center;z-index:1}.save-bar span{font-size:.8rem;color:var(--muted)}.session-card,.history-item{border-top:1px solid var(--border);padding:17px 0;overflow-wrap:anywhere}.session-card p{font-size:.8rem}.recovery{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:20px 0}.recovery code,.secret{padding:10px;background:var(--raised);border-radius:10px}.management-grid>section.panel{position:static}
@media(min-width:1800px){.week-board{grid-template-columns:repeat(5,minmax(0,1fr))}}@media(max-width:1200px){.week-board,.week-edit-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:820px){.workspace{margin:0;padding:28px 20px}.sidebar nav{flex-wrap:wrap;overflow:visible}.sidebar nav a{white-space:normal;min-height:44px}.sidebar{overflow:visible}.week-board{grid-template-columns:repeat(2,minmax(0,1fr))}.summary-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:620px){.workspace{padding:24px 16px 65px}.week-board,.week-edit-grid{grid-template-columns:1fr}.day-column:not(.chosen){display:none}.day-heading h2{font-size:1.2rem}.lesson-card{padding:22px}.lesson-card .prewrap{font-size:.95rem}.lesson-card h3{font-size:1.3rem}.audit-row{grid-template-columns:1fr;gap:4px}.save-bar{flex-direction:column;gap:8px;align-items:stretch}.sidebar nav a{font-size:.74rem;padding:8px}.page-head{flex-wrap:wrap}.week-strip{gap:4px}.day small{font-size:.57rem}.admin-grid,.management-grid{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){*{animation:none!important}}

.diary-controls{display:flex;gap:20px;align-items:center}.diary-kuizik{width:80px;height:80px;object-fit:contain}@media(max-width:620px){.diary-controls{width:100%;justify-content:space-between;flex-direction:row-reverse}.diary-kuizik{width:64px;height:64px}}
