.ssi{text-align:left;flex-direction:column;gap:12px;width:100%;display:flex}.ssi__step{color:var(--text);align-items:center;gap:10px;margin:0;font-size:17px;font-weight:800;display:flex}.ssi__step span{background:color-mix(in srgb, var(--green-600) 14%, transparent);color:var(--green-700);border-radius:8px;padding:3px 10px;font-size:14px}[data-theme=dark] .ssi__step span{color:var(--green-400)}.ssi__back{font:inherit;color:var(--text-muted);cursor:pointer;background:0 0;border:0;align-self:flex-start;padding:4px 2px;font-size:14px;font-weight:600}.ssi__back:hover{color:var(--green-600)}.ssi__branch+.ssi__branch{margin-top:18px}.ssi__branch-name{letter-spacing:.07em;text-transform:uppercase;color:var(--text-muted);margin:0 0 10px;font-size:13px;font-weight:800}.ssi__grades{flex-direction:column;gap:10px;display:flex}.ssi__grade{flex-wrap:wrap;gap:10px;display:flex}.ssi__class{border:2px solid var(--border-card);background:var(--bg-card);min-width:78px;font:inherit;color:var(--text);cursor:pointer;border-radius:14px;padding:14px 16px;font-size:19px;font-weight:800;transition:border-color .15s,transform .15s,background .15s}.ssi__class--teacher{border-color:color-mix(in srgb, #f59e0b 55%, var(--border-card));background:color-mix(in srgb, #f59e0b 9%, var(--bg-card));font-size:17px}.ssi__class:hover{border-color:var(--green-600);background:color-mix(in srgb, var(--green-600) 8%, var(--bg-card));transform:translateY(-2px)}.ssi__names{flex-direction:column;gap:6px;max-height:min(46vh,380px);margin:0;padding:2px;list-style:none;display:flex;overflow-y:auto}.ssi__names button{border:2px solid var(--border-card);background:var(--bg-card);width:100%;font:inherit;text-align:left;color:var(--text);cursor:pointer;border-radius:12px;padding:12px 14px;font-size:16px;font-weight:600;transition:border-color .12s,background .12s}.ssi__names button:hover{border-color:var(--green-600);background:color-mix(in srgb, var(--green-600) 8%, var(--bg-card))}.ssi__who{background:color-mix(in srgb, var(--green-600) 10%, transparent);color:var(--text);border-radius:12px;justify-content:space-between;align-items:baseline;gap:12px;padding:12px 14px;display:flex}.ssi__who b{overflow-wrap:anywhere;font-size:17px}.ssi__who span{color:var(--text-muted);flex:none;font-size:14px;font-weight:700}.ssi__label{color:var(--text-muted);font-size:13px;font-weight:700}.ssi__pass{display:flex;position:relative}.ssi__input{border:2px solid var(--border-card);background:var(--bg);width:100%;min-width:0;font:inherit;color:var(--text);border-radius:12px;padding:12px 14px;font-size:18px;font-weight:700}.ssi__pass .ssi__input{letter-spacing:.06em;padding-right:48px}.ssi__find{font-size:16px;font-weight:600}.ssi__input:focus{border-color:var(--green-600);outline:none}.ssi__eye{width:38px;height:38px;color:var(--text-muted);cursor:pointer;background:0 0;border:0;border-radius:9px;place-items:center;display:grid;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.ssi__eye:hover{color:var(--text);background:var(--bg-alt)}.ssi__go{background:var(--green-600);font:inherit;color:#fff;cursor:pointer;border:0;border-radius:12px;padding:13px 20px;font-size:16px;font-weight:800;transition:background .15s,transform .15s}.ssi__go:hover:not(:disabled){background:var(--green-700);transform:translateY(-1px)}.ssi__go:disabled{opacity:.5;cursor:not-allowed}.ssi__error{color:#b91c1c;background:#dc26261f;border-radius:10px;margin:0;padding:10px 12px;font-size:14px;font-weight:600}[data-theme=dark] .ssi__error{color:#fca5a5}.ssi__error--again{flex-wrap:wrap;align-items:center;gap:8px 12px;display:flex}.ssi__again{font:inherit;color:inherit;cursor:pointer;background:0 0;border:1px solid;border-radius:8px;flex:none;padding:6px 14px;font-size:13px;font-weight:800}.ssi__again:hover{background:#ef44441a}.ssi__hint,.ssi__none{color:var(--text-muted);margin:0;font-size:13.5px}.ssi__none{padding:8px 2px;font-weight:600}.ssi__wait{gap:6px;padding:10px 2px;display:flex}.ssi__wait i{background:var(--green-600);border-radius:50%;width:9px;height:9px;animation:1s ease-in-out infinite ssi-wait}.ssi__wait i:nth-child(2){animation-delay:.15s}.ssi__wait i:nth-child(3){animation-delay:.3s}@keyframes ssi-wait{0%,to{opacity:.25;transform:translateY(0)}50%{opacity:1;transform:translateY(-4px)}}.ssi button:focus-visible,.stu:focus-visible,.stu__btn:focus-visible,.stu-window__x:focus-visible,.stu-check__no:focus-visible,.sdoor__back:focus-visible{outline:2px solid var(--green-600);outline-offset:2px}.stu{flex:none;font-family:inherit;position:relative}.stu--in,.stu__btn{border:1px solid var(--border-card);background:var(--bg-card);height:34px;font:inherit;color:var(--text);cursor:pointer;border-radius:9px;align-items:center;gap:7px;font-size:13px;font-weight:700;transition:color .15s,border-color .15s,background .15s;display:inline-flex}.stu--in{border-color:var(--green-600);background:var(--green-600);color:#fff;padding:0 13px 0 10px}.stu--in:hover{background:var(--green-700);border-color:var(--green-700)}.stu__btn{max-width:230px;padding:0 10px 0 4px;text-decoration:none}.stu__btn:hover{border-color:var(--green-600)}.stu__btn--here,.stu__btn--here:hover{border-color:var(--border-card);cursor:default}.stu__btn{position:relative}.stu__news{border:2px solid var(--bg-card,#fff);background:#ef4444;border-radius:50%;width:11px;height:11px;position:absolute;top:2px;left:24px}.stu__dot{background:#0b1a11;border-radius:8px;flex:none;place-items:center;width:28px;height:28px;display:grid;overflow:hidden;box-shadow:inset 0 0 0 1px #22c55e73}.stu__dot .sh{width:92%}.stu__dot--big{border-radius:24px;width:92px;height:92px}.stu__name{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.stu__cls{color:var(--text-muted);flex:none;font-size:11.5px;font-weight:700}@keyframes stu-in{0%{opacity:0;transform:translateY(-4px)}}.stu-veil{z-index:900;-webkit-backdrop-filter:blur(5px);background:#0f172a8c;place-items:center;padding:18px;animation:.2s ease-out stu-veil;display:grid;position:fixed;inset:0;overflow-y:auto}.stu-window{border:1px solid var(--border-card);background:var(--bg-card);width:min(440px,100%);color:var(--text);border-radius:20px;flex-direction:column;gap:14px;padding:26px 24px 22px;animation:.26s cubic-bezier(.22,1,.36,1) stu-pop;display:flex;position:relative;box-shadow:0 30px 80px #02061766}.stu-window__title{color:var(--text);margin:0;padding-right:30px;font-size:22px;font-weight:800;line-height:1.25}.stu-window__x{background:var(--bg-alt);width:34px;height:34px;color:var(--text-muted);cursor:pointer;border:0;border-radius:10px;place-items:center;font-size:22px;line-height:1;display:grid;position:absolute;top:14px;right:14px}.stu-window__x:hover{color:var(--text)}@keyframes stu-veil{0%{opacity:0}}@keyframes stu-pop{0%{opacity:0;transform:translateY(14px)scale(.97)}}.stu-check{text-align:center;flex-direction:column;align-items:center;gap:12px;display:flex}.stu-check .stu-window__title{padding:0}.stu-check__who{flex-direction:column;gap:2px;margin:0;display:flex}.stu-check__who b{overflow-wrap:anywhere;font-size:20px}.stu-check__who span{color:var(--text-muted);font-size:14px;font-weight:700}.stu-check__btns{flex-direction:column;gap:8px;width:100%;margin-top:4px;display:flex}.stu-check__no{border:2px solid var(--border-card);font:inherit;color:var(--text-muted);cursor:pointer;background:0 0;border-radius:12px;padding:12px 20px;font-size:15px;font-weight:700}.stu-check__no:hover{color:var(--text);border-color:var(--text-muted)}.ssi__road{grid-template-columns:repeat(3,minmax(0,1fr));margin:0 0 4px;padding:0;list-style:none;display:grid;position:relative}.ssi__road:before{content:"";background:linear-gradient(90deg,#facc15 55%,#0000 0) 50%/14px 2px repeat-x,#64748b;border-radius:4px;height:8px;position:absolute;top:13px;left:16.67%;right:16.67%}.ssi__road li{letter-spacing:.02em;min-width:0;color:var(--text-muted);flex-direction:column;align-items:center;gap:4px;font-size:12px;font-weight:800;display:flex;position:relative}.ssi__road i{background:var(--bg-card,#fff);color:#64748b;border:3px solid #64748b;border-radius:50%;place-items:center;width:34px;height:34px;font-size:14px;font-style:normal;font-weight:900;display:grid}.ssi__road .is-done i{color:#fff;background:#16a34a;border-color:#16a34a}.ssi__road .is-now i{color:#1e3a8a;background:#fbbf24;border-color:#1e3a8a;animation:1.8s ease-in-out infinite ssi-now;box-shadow:0 0 0 5px #fbbf2452}.ssi__road .is-now span,.ssi__road .is-done span{color:var(--text)}@keyframes ssi-now{50%{box-shadow:0 0 0 8px #fbbf242e}}.ssi__names button{align-items:center;gap:12px;display:flex}.ssi__initial{text-transform:uppercase;color:#fff;background:linear-gradient(135deg,#7dd3fc,#3b82f6);border-radius:50%;flex:none;place-items:center;width:32px;height:32px;font-size:15px;font-style:normal;font-weight:900;display:grid}.sdoor{--sky-top:#d6efff;--sky-low:#fff4cf;--hill-far:#86efac;--hill-mid:#4ade80;--hill-near:#22c55e;--wall:#fffaf0;--win:#bfdbfe;--sun:#fbbf24;--glass:#ffffffd6;--glass-edge:#ffffffe6;--brand:#1e3a8a;background:linear-gradient(180deg, var(--sky-top) 0%, var(--sky-low) 70%);min-height:100dvh;color:var(--text);flex-direction:column;align-items:center;padding:18px 18px 36px;display:flex;position:relative;overflow-x:hidden}[data-theme=dark] .sdoor{--sky-top:#0a1022;--sky-low:#1b2a44;--hill-far:#166534;--hill-mid:#15803d;--hill-near:#14532d;--wall:#94a3b8;--win:#fde68a;--sun:#f1f5f9;--glass:#0f172acc;--glass-edge:#ffffff1a;--brand:#bae6fd}.sdoor__land{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:hidden}.sdoor__sun{background:var(--sun);width:84px;height:84px;box-shadow:0 0 0 16px color-mix(in srgb, var(--sun) 20%, transparent), 0 0 90px 30px color-mix(in srgb, var(--sun) 34%, transparent);border-radius:50%;position:absolute;top:12vh;right:11vw}[data-theme=dark] .sdoor__sun{width:58px;height:58px;box-shadow:inset -15px 8px 0 0 var(--sun), 0 0 60px 10px #f1f5f91f;background:0 0}[data-theme=dark] .sdoor__land:before{content:"";opacity:.85;background-image:radial-gradient(1.6px 1.6px at 8% 22%,#fff 50%,#0000 52%),radial-gradient(1.4px 1.4px at 19% 9%,#fff 50%,#0000 52%),radial-gradient(1.8px 1.8px at 31% 30%,#fff 50%,#0000 52%),radial-gradient(1.3px 1.3px at 44% 14%,#fff 50%,#0000 52%),radial-gradient(1.6px 1.6px at 57% 26%,#fff 50%,#0000 52%),radial-gradient(1.4px 1.4px at 66% 7%,#fff 50%,#0000 52%),radial-gradient(1.8px 1.8px at 74% 34%,#fff 50%,#0000 52%),radial-gradient(1.3px 1.3px at 92% 20%,#fff 50%,#0000 52%),radial-gradient(1.5px 1.5px at 4% 46%,#fff 50%,#0000 52%),radial-gradient(1.4px 1.4px at 97% 44%,#fff 50%,#0000 52%);position:absolute;inset:0 0 35%}.sdoor__hills{width:100%;height:clamp(150px,30vh,300px);position:absolute;bottom:0;left:0;right:0}.sdoor__hill--far{fill:var(--hill-far)}.sdoor__hill--mid{fill:var(--hill-mid)}.sdoor__hill--near{fill:var(--hill-near)}.sdoor__wall{fill:var(--wall)}.sdoor__win{fill:var(--win)}[data-theme=dark] .sdoor__house path{filter:brightness(.62)}[data-theme=dark] .sdoor__win{filter:drop-shadow(0 0 3px #fbbf24)}.sdoor__top{z-index:1;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;width:100%;display:grid;position:relative}.sdoor__back{border:1px solid var(--glass-edge);background:var(--glass);-webkit-backdrop-filter:blur(8px);color:var(--text);border-radius:12px;justify-self:start;padding:8px 14px;font-size:14px;font-weight:800;text-decoration:none;box-shadow:0 6px 18px -10px #0f172a66}.sdoor__back:hover{color:#16a34a}.sdoor__logo{justify-self:center;font-size:30px;line-height:0;display:block}.sdoor__top .lang-pick{justify-self:end}.sdoor__main{z-index:1;justify-content:center;align-items:center;gap:clamp(14px,3.5vw,44px);width:min(1000px,100%);margin:auto 0;padding-block:clamp(14px,3vh,36px) clamp(24px,6vh,64px);display:flex;position:relative}.sdoor__host{flex-direction:column;flex:none;align-items:center;gap:14px;width:230px;display:flex}.sdoor__host .kp{width:148px}.sdoor__say{border:1px solid var(--glass-edge);background:var(--glass);-webkit-backdrop-filter:blur(10px);text-align:center;text-wrap:balance;color:var(--text);border-radius:18px;margin:0;padding:12px 16px;font-size:15px;font-weight:700;line-height:1.4;animation:.35s cubic-bezier(.2,1.3,.4,1) sdoor-say;position:relative;box-shadow:0 14px 30px -18px #0f172a80}.sdoor__say:after{content:"";background:var(--glass);clip-path:polygon(0 0,100% 0,50% 100%);width:18px;height:10px;margin-left:-9px;position:absolute;bottom:-9px;left:50%}@keyframes sdoor-say{0%{opacity:0;transform:translateY(6px)scale(.96)}}.sdoor__card{border:1px solid var(--glass-edge);background:var(--glass);-webkit-backdrop-filter:blur(16px)saturate(1.2);text-align:center;border-radius:26px;flex-direction:column;align-items:center;gap:10px;width:min(470px,100%);padding:26px 24px 22px;animation:.35s cubic-bezier(.22,1,.36,1) stu-pop;display:flex;box-shadow:0 40px 80px -36px #0f172a8c,0 0 0 1px #0f172a0d}.sdoor__title{text-wrap:balance;color:var(--brand);margin:0;font-size:clamp(20px,2.6vw,24px);font-weight:800;line-height:1.25}.sdoor__text{text-wrap:pretty;color:var(--text-muted);margin:0 0 6px;font-size:15px;line-height:1.45}.sdoor__card .ssi{margin-top:4px}.sdoor__go{background:var(--green-600);color:#fff;border-radius:12px;align-items:center;gap:6px;padding:12px 22px;font-size:15px;font-weight:800;text-decoration:none;transition:background .15s,transform .15s;display:inline-flex}.sdoor__go:hover{background:var(--green-700);transform:translateY(-1px)}.sdoor__go:focus-visible{outline:3px solid var(--green-600);outline-offset:3px}@media (max-width:760px){.sdoor{padding-inline:14px}.sdoor__logo{font-size:24px}.sdoor__sun{width:46px;height:46px;top:auto;bottom:calc(clamp(150px,30vh,300px) - 30px);right:8vw}[data-theme=dark] .sdoor__sun{width:38px;height:38px;box-shadow:inset -10px 6px 0 0 var(--sun)}.sdoor__main{flex-direction:column;gap:10px;margin-top:8px}.sdoor__host{flex-direction:row-reverse;justify-content:center;gap:10px;width:min(470px,100%)}.sdoor__host .kp{flex:none;width:78px}.sdoor__say{text-align:left;flex:1;font-size:14px}.sdoor__say:after{clip-path:polygon(0 0,100% 50%,0 100%);width:10px;height:18px;margin:-9px 0 0;inset:50% -9px auto auto}.sdoor__card{padding:20px 16px 18px}}@media (max-width:420px){.sdoor__back{padding:7px 10px;font-size:13px}.sdoor__logo{font-size:20px}}@media (prefers-reduced-motion:reduce){.stu-veil,.stu-window,.sdoor__card,.sdoor__say,.ssi__wait i,.ssi__road .is-now i{animation:none}.ssi__class,.ssi__go{transition:none}}@media (max-width:860px){.ks-top .stu__name,.ks-top .stu__cls,.ks-top .stu--in span{display:none}.ks-top .stu--in{padding:0 9px}.ks-top .stu__btn{padding:0 4px}}
