:root{--bg:#f3f5fb;--surface:#fff;--surface2:#eaeef8;--line:#d6dceb;--fg:#111933;--muted:#566079;--cobalt:#2343a8;--cobalt-soft:#e2e8fb;--turq:#0f7e76;--turq-soft:#dcf2ef;--saffron:#a86e00;--saffron-soft:#fbf0d8;--ok:#1e7a4c;--ok-soft:#e1f3e9;--warn:#9a5b00;--warn-soft:#fdf0dc;--bad:#b42318;--bad-soft:#fde5e2;--side:#13235e;--side-fg:#d7dffb;--side-mute:#8d9bd0;--side-hi:#ffffff1a;--shadow:0 1px 2px #1119330f,0 8px 24px #1119330f;--f-display:"Unbounded","Golos Text",system-ui,sans-serif;--f-body:"Golos Text",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--f-mono:"JetBrains Mono",ui-monospace,Menlo,Consolas,monospace;--r:14px;--g-role:#157347;--g-soft:#ddf1e5;--g-side:#0c3b28;--g-hero:#0f4a33;--g-bg:#f0f6f2;--g-hi:#5bd08f;--b-role:#2343a8;--b-soft:#e2e8fb;--b-side:#13235e;--b-hero:#162a6e;--b-bg:#f2f4fb;--b-hi:#9db2ff;--o-role:#b8520a;--o-soft:#fce8d8;--o-side:#5e260a;--o-hero:#9a4210;--o-bg:#fbf4ee;--o-hi:#f7a35c}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#0b1022;--surface:#121931;--surface2:#19223f;--line:#27325a;--fg:#e7ecf8;--muted:#9aa4c4;--cobalt:#8ea6ff;--cobalt-soft:#1c2850;--turq:#4fd1c5;--turq-soft:#0f2e2e;--saffron:#f2b84b;--saffron-soft:#33260c;--ok:#5cc08c;--ok-soft:#10301f;--warn:#f0a646;--warn-soft:#342510;--bad:#f27a6e;--bad-soft:#3a1714;--side:#080d1e;--side-fg:#d7dffb;--side-mute:#7e8bbe;--side-hi:#ffffff12;--shadow:0 1px 2px #0000004d,0 8px 24px #00000040;--g-role:#5bd08f;--g-soft:#10301f;--g-side:#061a11;--g-hero:#0b3524;--g-bg:#07120d;--b-role:#8ea6ff;--b-soft:#1c2850;--b-side:#080d1e;--b-hero:#121f52;--b-bg:#0b1022;--o-role:#f7a35c;--o-soft:#3a2210;--o-side:#1c0c04;--o-hero:#5a240a;--o-bg:#130b06;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--bg:#0b1022;--surface:#121931;--surface2:#19223f;--line:#27325a;--fg:#e7ecf8;--muted:#9aa4c4;--cobalt:#8ea6ff;--cobalt-soft:#1c2850;--turq:#4fd1c5;--turq-soft:#0f2e2e;--saffron:#f2b84b;--saffron-soft:#33260c;--ok:#5cc08c;--ok-soft:#10301f;--warn:#f0a646;--warn-soft:#342510;--bad:#f27a6e;--bad-soft:#3a1714;--side:#080d1e;--side-fg:#d7dffb;--side-mute:#7e8bbe;--side-hi:#ffffff12;--shadow:0 1px 2px #0000004d,0 8px 24px #00000040;--g-role:#5bd08f;--g-soft:#10301f;--g-side:#061a11;--g-hero:#0b3524;--g-bg:#07120d;--b-role:#8ea6ff;--b-soft:#1c2850;--b-side:#080d1e;--b-hero:#121f52;--b-bg:#0b1022;--o-role:#f7a35c;--o-soft:#3a2210;--o-side:#1c0c04;--o-hero:#5a240a;--o-bg:#130b06;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.app[data-role=talaba],.login[data-role=talaba]{--role:var(--g-role);--role-soft:var(--g-soft);--role-side:var(--g-hi);--side:var(--b-side);--hero:var(--b-hero);--pagebg:var(--b-bg)}.app[data-role=ustoz],.login[data-role=ustoz]{--role:var(--b-role);--role-soft:var(--b-soft);--role-side:var(--b-hi);--side:var(--b-side);--hero:var(--b-hero);--pagebg:var(--b-bg)}.app[data-role=admin],.login[data-role=admin]{--role:var(--o-role);--role-soft:var(--o-soft);--role-side:var(--o-hi);--side:var(--b-side);--hero:var(--b-hero);--pagebg:var(--b-bg)}.app,.login{background:var(--pagebg)}.hero>.patbg,.art>.patbg,.patbg{pointer-events:none;background-repeat:repeat;position:absolute;inset:0}.patbg:after{content:"";background:linear-gradient(135deg,#0000 30%,#00000061);position:absolute;inset:0}.zig{opacity:.8;background:linear-gradient(135deg,#f2b84b 25%,#0000 25%) 0 0/12px 8px repeat-x,linear-gradient(225deg,#f2b84b 25%,#0000 25%) 0 0/12px 8px repeat-x;height:8px}.hero:after,.art:after{content:"";opacity:.85;background:linear-gradient(45deg,#f2b84b 25%,#0000 25%) 0 0/14px 8px repeat-x,linear-gradient(-45deg,#f2b84b 25%,#0000 25%) 0 0/14px 8px repeat-x;height:8px;position:absolute;bottom:0;left:0;right:0}.side .zig{border-radius:2px;margin:0 8px 12px}main h1:after{content:"";background:linear-gradient(45deg,var(--role) 25%,transparent 25%) 0 0/10px 7px repeat-x,linear-gradient(-45deg,var(--role) 25%,transparent 25%) 0 0/10px 7px repeat-x;opacity:.75;width:64px;height:7px;margin-top:10px;display:block}.hero h1:after{display:none}.side .nav button[aria-current=page]{box-shadow:inset 3px 0 0 var(--role-side)}*{box-sizing:border-box}[hidden]{display:none!important}html,body{min-height:100%}body{background:var(--bg);color:var(--fg);font-family:var(--f-body);font-size:15px;line-height:1.55}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}a{color:var(--role,var(--cobalt))}:focus-visible{outline:2px solid var(--role,var(--cobalt));outline-offset:2px}h1,h2,h3{text-wrap:balance;margin:0;line-height:1.2}h1{font-family:var(--f-display);letter-spacing:-.01em;font-size:1.7rem;font-weight:600}h2{font-family:var(--f-display);letter-spacing:-.005em;font-size:1.05rem;font-weight:600}h3{font-size:1rem;font-weight:600}p{margin:0}ul,ol{margin:0;padding-left:1.2em}.muted{color:var(--muted)}.mono{font-family:var(--f-mono);font-variant-numeric:tabular-nums}.label{text-transform:uppercase;letter-spacing:.09em;color:var(--muted);font-size:.7rem;font-weight:600}.ic{flex:none;display:block}.ic.inl{vertical-align:-3px;display:inline}.prose{max-width:72ch}.prose p+p{margin-top:.7em}.login{grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:100vh;display:grid}.art{background:var(--hero);color:#eef2ff;padding-block:36px;padding-left:max(28px,env(safe-area-inset-left,0px));flex-direction:column;justify-content:space-between;gap:28px;padding-right:28px;transition:background .3s;display:flex;position:relative;overflow:hidden}svg.tiles{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.art>*{position:relative}.brandrow{align-items:center;gap:12px;display:flex}.logo{color:#13235e;width:42px;height:42px;font-family:var(--f-display);background:#f2b84b;border-radius:12px;flex:none;place-items:center;font-size:1.15rem;font-weight:700;display:grid}.art .brandrow b{font-family:var(--f-display);font-size:1.15rem;font-weight:600}.art .brandrow small{color:#a9b6e8;font-size:.78rem;display:block}.greet{font-family:var(--f-display);letter-spacing:-.02em;min-height:2.2em;font-size:clamp(2rem,4.4vw,3.4rem);font-weight:600;line-height:1.05}.greet .caret{vertical-align:-.05em;background:#f2b84b;width:.08em;height:.9em;margin-left:.05em;display:inline-block}@media (prefers-reduced-motion:no-preference){.greet .caret{animation:1s step-end infinite blink}@keyframes blink{50%{opacity:0}}}.bridge{gap:10px;max-width:440px;display:grid}.bridge div{background:#ffffff12;border:1px solid #ffffff1f;border-radius:12px;align-items:center;gap:12px;padding:10px 14px;font-size:.95rem;display:flex}.bridge .lc{font-family:var(--f-mono);color:#f2b84b;background:#f2b84b2e;border-radius:6px;padding:2px 6px;font-size:.72rem}.feat{color:#b9c4ee;flex-wrap:wrap;gap:8px 18px;font-size:.85rem;display:flex}.feat span{align-items:center;gap:6px;display:flex}.formside{padding-block:32px;padding-left:24px;padding-right:max(24px,env(safe-area-inset-right,0px));justify-content:center;align-items:flex-start;display:flex}.lcard{flex-direction:column;gap:16px;width:100%;max-width:470px;margin-block:auto;display:flex}.lcard .tools{justify-content:space-between;align-items:center;gap:8px;display:flex}.authtabs{background:var(--surface2);border-radius:12px;grid-template-columns:1fr 1fr;gap:4px;padding:4px;display:grid}.authtabs button{color:var(--muted);background:0 0;border:0;border-radius:9px;padding:9px;font-size:.92rem;font-weight:600}.authtabs button[aria-pressed=true]{background:var(--surface);color:var(--fg);box-shadow:0 1px 3px #00000014}.roles{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.roles.two{grid-template-columns:repeat(2,1fr)}.roles button{border:1px solid var(--line);background:var(--surface);color:var(--muted);border-radius:12px;flex-direction:column;align-items:center;gap:6px;padding:12px 8px;font-size:.88rem;font-weight:600;transition:transform .15s,border-color .15s,background .15s;display:flex}.roles button:hover{transform:translateY(-2px)}.roles button[aria-pressed=true]{border-color:var(--role);background:var(--role-soft);color:var(--role)}.inp{position:relative}.inp>.ic{color:var(--muted);pointer-events:none;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.inp input{border:1px solid var(--line);background:var(--surface);border-radius:10px;width:100%;padding:11px 44px 11px 40px;transition:border-color .15s,box-shadow .15s}.inp input:focus{border-color:var(--role,var(--cobalt));box-shadow:0 0 0 3px var(--role-soft,var(--cobalt-soft));outline:none}.inp .eye{color:var(--muted);background:0 0;border:0;border-radius:8px;padding:6px;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;font-size:.88rem;display:flex}.row label{align-items:center;gap:8px;display:flex}input[type=checkbox]{accent-color:var(--role,var(--cobalt))}.linkbtn{color:var(--role,var(--cobalt));background:0 0;border:0;padding:0;font-weight:600}.bigbtn{background:var(--role);width:100%;color:var(--surface);border:0;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:12px;font-size:1rem;font-weight:700;transition:filter .15s,transform .1s;display:flex}.bigbtn:hover{filter:brightness(1.07)}.bigbtn:active{transform:scale(.99)}.err{color:var(--bad);background:var(--bad-soft);border-radius:8px;padding:8px 12px;font-size:.88rem}@media (prefers-reduced-motion:no-preference){.shake{animation:.35s shake}@keyframes shake{25%{transform:translate(-6px)}50%{transform:translate(6px)}75%{transform:translate(-3px)}}}.demo{border:1px dashed var(--line);border-radius:12px;flex-direction:column;gap:8px;padding:12px 14px;display:flex}.demo-list{flex-wrap:wrap;gap:6px;display:flex}.demo-list button{border:1px solid var(--line);background:var(--surface2);border-radius:99px;align-items:center;gap:6px;padding:4px 10px;font-size:.8rem;display:flex}.demo-list button b{font-family:var(--f-mono);font-weight:500}.f2{grid-template-columns:1fr 1fr;gap:12px;display:grid}@media (max-width:480px){.f2{grid-template-columns:minmax(0,1fr)}}.gchips{flex-wrap:wrap;gap:6px;display:flex}.gchips label{border:1px solid var(--line);background:var(--surface);cursor:pointer;border-radius:99px;align-items:center;gap:6px;padding:5px 12px;font-size:.86rem;display:flex}.gchips label:has(input:checked){border-color:var(--role);background:var(--role-soft);color:var(--role);font-weight:600}.pwm{gap:4px;margin-top:6px;display:flex}.pwm i{background:var(--surface2);border-radius:99px;flex:1;height:4px;transition:background .2s}.pwm.s1 i:nth-child(-n+1){background:var(--bad)}.pwm.s2 i:nth-child(-n+2){background:var(--warn)}.pwm.s3 i:nth-child(-n+3){background:var(--turq)}.pwm.s4 i{background:var(--ok)}.hint{color:var(--muted);font-size:.76rem}@media (max-width:860px){.login{grid-template-columns:minmax(0,1fr)}.art{padding-right:max(20px,env(safe-area-inset-right,0px));padding-left:max(20px,env(safe-area-inset-left,0px))}.bridge,.feat{display:none}.greet{min-height:auto;font-size:2rem}.formside{padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}}.app{grid-template-columns:250px minmax(0,1fr);min-height:100vh;display:grid}.side{background-color:var(--side);color:var(--side-fg);height:100vh;padding:18px 12px;padding-left:max(12px,env(safe-area-inset-left,0px));background-repeat:repeat;flex-direction:column;gap:6px;display:flex;position:sticky;top:0;overflow-y:auto}.side .brandrow{gap:10px;padding:2px 8px 10px}.side .brandrow b{font-family:var(--f-display);color:#fff;font-size:1rem;font-weight:600}.side .logo{border-radius:10px;width:34px;height:34px;font-size:.95rem}.panelbadge{color:var(--role-side);background:#ffffff0f;border:1px solid #ffffff14;border-radius:10px;align-items:center;gap:8px;margin:0 8px 6px;padding:7px 10px;font-size:.78rem;font-weight:600;display:flex}.panelbadge i{background:var(--role-side);border-radius:50%;width:8px;height:8px}.nav{flex-direction:column;gap:1px;display:flex}.nav .grp{letter-spacing:.1em;text-transform:uppercase;color:var(--side-mute);padding:12px 12px 4px;font-size:.66rem;font-weight:600}.nav button{color:var(--side-fg);text-align:left;background:0 0;border:0;border-radius:10px;align-items:center;gap:11px;padding:8px 12px;font-size:.9rem;font-weight:500;transition:background .15s;display:flex}.nav button:hover{background:var(--side-hi)}.nav button[aria-current=page]{background:var(--side-hi);color:#fff;font-weight:600}.nav button[aria-current=page] .ic{color:var(--role-side)}.nav .cnt{background:var(--role-side);color:#0b1022;font-size:.7rem;font-weight:700;font-family:var(--f-mono);border-radius:99px;margin-left:auto;padding:1px 7px}.nav .new{letter-spacing:.06em;color:#0b1022;background:#f2b84b;border-radius:99px;margin-left:auto;padding:1px 6px;font-size:.6rem;font-weight:700}.side .me{background:#ffffff0d;border-radius:12px;align-items:center;gap:10px;margin-top:auto;padding:10px;display:flex}.side .me .who{flex:1;min-width:0}.side .me .who b{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:.88rem;display:block;overflow:hidden}.side .me .who span{color:var(--side-mute);font-size:.74rem}.side .me button{color:var(--side-mute);background:0 0;border:0;border-radius:8px;padding:6px}.side .me button:hover{color:#fff;background:var(--side-hi)}.ava{background:var(--role-soft);width:34px;height:34px;color:var(--role);border-radius:50%;flex:none;place-items:center;font-size:.78rem;font-weight:700;display:grid}.side .ava{color:var(--role-side);background:#ffffff1a}.content{flex-direction:column;min-width:0;display:flex}.bar{top:env(safe-area-inset-top,0px);z-index:15;background:color-mix(in srgb,var(--pagebg,var(--bg)) 88%,transparent);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--line);position:sticky}body:before{content:"";height:env(safe-area-inset-top,0px);z-index:30;background:var(--bg);position:fixed;inset:0 0 auto}.bar-in{padding-block:12px;padding-left:max(24px,env(safe-area-inset-left,0px));padding-right:max(24px,env(safe-area-inset-right,0px));align-items:center;gap:10px;display:flex}.bar .crumb{min-width:0;margin-right:auto}.bar .crumb b{white-space:nowrap;text-overflow:ellipsis;font-weight:600;display:block;overflow:hidden}.bar .crumb span{color:var(--muted);font-size:.78rem}.iconbtn{border:1px solid var(--line);background:var(--surface);width:38px;height:38px;color:var(--muted);border-radius:10px;flex:none;place-items:center;transition:color .15s,border-color .15s;display:grid;position:relative}.iconbtn:hover{color:var(--fg);border-color:var(--role,var(--cobalt))}.iconbtn .dot{background:var(--bad);color:#fff;min-width:18px;height:18px;font-size:.68rem;font-weight:700;font-family:var(--f-mono);border-radius:99px;place-items:center;padding:0 4px;display:grid;position:absolute;top:-5px;right:-5px}.menu-btn{display:none}.seg{border:1px solid var(--line);background:var(--surface);border-radius:10px;flex:none;display:inline-flex;overflow:hidden}.seg button{color:var(--muted);background:0 0;border:0;padding:7px 10px;font-size:.8rem;font-weight:600}.seg button[aria-pressed=true]{background:var(--role-soft,var(--cobalt-soft));color:var(--role,var(--cobalt))}main{padding-block:26px 56px;padding-left:max(24px,env(safe-area-inset-left,0px));padding-right:max(24px,env(safe-area-inset-right,0px))}.wrap{flex-direction:column;gap:22px;max-width:1200px;margin:0 auto;display:flex}@media (prefers-reduced-motion:no-preference){.wrap>*{animation:.32s ease-out both rise}.wrap>:nth-child(2){animation-delay:30ms}.wrap>:nth-child(3){animation-delay:60ms}.wrap>:nth-child(4){animation-delay:90ms}@keyframes rise{0%{opacity:.4;transform:translateY(6px)}to{opacity:1;transform:none}}}.scrim{display:none}@media (max-width:900px){.app{grid-template-columns:minmax(0,1fr)}.side{z-index:40;width:min(290px,86vw);padding-top:calc(18px + env(safe-area-inset-top,0px));transition:transform .22s;position:fixed;inset:0 auto 0 0;transform:translate(-102%)}.side.open{transform:none}.scrim.open{z-index:35;background:#05081473;display:block;position:fixed;inset:0}.menu-btn{display:grid}.bar-in,main{padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}.hide-sm{display:none}h1{font-size:1.35rem}}.head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px 20px;display:flex}.head p{max-width:66ch}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);min-width:0;padding:20px}.card.lift{transition:transform .15s,box-shadow .15s,border-color .15s}.card.lift:hover{box-shadow:var(--shadow);border-color:var(--role);transform:translateY(-2px)}.grid{gap:16px;display:grid}.g2{grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr))}.g3{grid-template-columns:repeat(auto-fit,minmax(min(230px,100%),1fr))}.g4{grid-template-columns:repeat(auto-fit,minmax(min(170px,100%),1fr))}.split{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:16px;display:grid}@media (max-width:1000px){.split{grid-template-columns:minmax(0,1fr)}}.tabs{flex-wrap:wrap;gap:6px;display:flex}.tab{border:1px solid var(--line);background:var(--surface);color:var(--muted);border-radius:99px;padding:7px 14px;font-size:.86rem;font-weight:500;transition:all .15s}.tab:hover{color:var(--fg)}.tab[aria-pressed=true]{background:var(--role);color:var(--surface);border-color:var(--role);font-weight:600}.tabgroup{flex-direction:column;gap:6px;display:flex}.btn{border:1px solid var(--role);background:var(--role);color:var(--surface);border-radius:10px;align-items:center;gap:7px;padding:9px 16px;font-size:.9rem;font-weight:600;text-decoration:none;transition:filter .15s,background .15s;display:inline-flex}.btn:hover{filter:brightness(1.08)}.btn.ghost{color:var(--role);background:0 0}.btn.ghost:hover{background:var(--role-soft)}.btn.sm{padding:5px 11px;font-size:.82rem}.btn:disabled{opacity:.45;cursor:not-allowed;filter:none}.pill{white-space:nowrap;border-radius:99px;align-items:center;gap:5px;padding:2px 9px;font-size:.74rem;font-weight:600;display:inline-flex}.pill.ok{background:var(--ok-soft);color:var(--ok)}.pill.warn{background:var(--warn-soft);color:var(--warn)}.pill.bad{background:var(--bad-soft);color:var(--bad)}.pill.info{background:var(--cobalt-soft);color:var(--cobalt)}.pill.gold{background:var(--saffron-soft);color:var(--saffron)}.pill.role{background:var(--role-soft);color:var(--role)}.pill.turq{background:var(--turq-soft);color:var(--turq)}.pill.r-talaba{background:var(--g-soft);color:var(--g-role)}.pill.r-ustoz{background:var(--b-soft);color:var(--b-role)}.pill.r-admin{background:var(--o-soft);color:var(--o-role)}.list{flex-direction:column;display:flex}.list>*{border-top:1px solid var(--line);align-items:center;gap:12px;padding:12px 0;display:flex}.list>:first-child{border-top:0;padding-top:4px}.list>button{text-align:left;background:0 0;border-bottom:0;border-left:0;border-right:0;border-radius:0;width:100%}.list>button:first-child{border-top:0}.list>button:hover b{color:var(--role)}.grow{flex:1;min-width:0}.tablewrap{border:1px solid var(--line);border-radius:var(--r);background:var(--surface);overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:.9rem}th,td{text-align:left;border-bottom:1px solid var(--line);vertical-align:middle;padding:11px 14px}td.top{vertical-align:top}th{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);background:var(--surface2);white-space:nowrap;font-size:.7rem;font-weight:600}tr:last-child td{border-bottom:0}td.num,th.num{text-align:right;font-variant-numeric:tabular-nums;font-family:var(--f-mono)}td.c,th.c{text-align:center}tbody tr{transition:background .12s}tbody tr:hover{background:var(--surface2)}.bar-s{background:var(--surface2);border-radius:99px;min-width:70px;height:7px;overflow:hidden}.bar-s i{background:var(--role);border-radius:99px;height:100%;transition:width .4s;display:block}.note{color:var(--muted);align-items:flex-start;gap:8px;font-size:.82rem;display:flex}.note .ic{color:var(--saffron);margin-top:2px}.field{flex-direction:column;gap:5px;min-width:0;display:flex}.field label,.field .flabel{font-size:.8rem;font-weight:600}.field>input,.field>select,.field>textarea,.field .in2 input{border:1px solid var(--line);background:var(--surface);border-radius:10px;width:100%;padding:9px 11px}.field>input:focus,.field>select:focus,.field>textarea:focus{border-color:var(--role,var(--cobalt));box-shadow:0 0 0 3px var(--role-soft,var(--cobalt-soft));outline:none}.form{grid-template-columns:repeat(auto-fit,minmax(min(200px,100%),1fr));gap:12px;display:grid}.drawer{border:1px solid var(--role);background:var(--role-soft);border-radius:var(--r);flex-direction:column;gap:12px;padding:16px;display:flex}.stat{flex-direction:column;gap:6px;display:flex}.stat .v{font-family:var(--f-display);font-variant-numeric:tabular-nums;font-size:1.9rem;font-weight:600;line-height:1}.stat .ico{background:var(--role-soft);width:38px;height:38px;color:var(--role);border-radius:10px;place-items:center;margin-bottom:6px;display:grid}.empty{text-align:center;color:var(--muted);flex-direction:column;align-items:center;gap:8px;padding:28px 10px;display:flex}.empty .ic{color:var(--role)}.switch{background:var(--line);border:0;border-radius:99px;flex:none;width:44px;height:26px;transition:background .15s;position:relative}.switch:after{content:"";background:var(--surface);border-radius:50%;width:20px;height:20px;transition:transform .18s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #00000040}.switch[aria-checked=true]{background:var(--role)}.switch[aria-checked=true]:after{transform:translate(18px)}.switch:disabled{opacity:.5;cursor:not-allowed}.hero{border-radius:var(--r);background:var(--hero);color:#eef2ff;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:20px;padding:26px;display:grid;position:relative;overflow:hidden}.hero>*{position:relative}.hero h1{color:#fff}.hero p{color:#b9c4ee}.hero .btn{color:#13235e;background:#f2b84b;border-color:#f2b84b}.hero .btn.ghost{color:#fff;background:0 0;border-color:#fff6}.hero .btn.ghost:hover{background:#ffffff14}.chipset{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.chipset span{background:#ffffff14;border:1px solid #ffffff1f;border-radius:99px;align-items:center;gap:6px;padding:4px 10px;font-size:.8rem;display:inline-flex}@media (max-width:640px){.hero{grid-template-columns:minmax(0,1fr)}}.ring{flex:none;width:120px;height:120px;position:relative}.ring svg{width:120px;height:120px;transform:rotate(-90deg)}.ring .rv{text-align:center;place-items:center;line-height:1.1;display:grid;position:absolute;inset:0}.ring .rv b{font-family:var(--f-display);font-size:1.6rem}.ring .rv span{opacity:.75;font-size:.68rem}.flip{perspective:900px;text-align:left;background:0 0;border:0;width:100%;padding:0}.flip .inner{min-height:170px;transform-style:preserve-3d;transition:transform .5s;position:relative}.flip[aria-pressed=true] .inner{transform:rotateY(180deg)}.flip .face{backface-visibility:hidden;border-radius:var(--r);border:1px solid var(--line);background:var(--surface);flex-direction:column;justify-content:space-between;gap:8px;padding:20px;display:flex;position:absolute;inset:0}.flip .back{background:var(--role-soft);border-color:var(--role);transform:rotateY(180deg)}.flip .term{font-family:var(--f-display);overflow-wrap:anywhere;font-size:1.35rem;font-weight:600}@media (prefers-reduced-motion:reduce){.flip .inner{transition:none}}.dirs{flex-wrap:wrap;gap:8px;display:flex}.dir{border:1px solid var(--line);background:var(--surface);border-radius:12px;flex-direction:column;align-items:flex-start;gap:1px;min-width:132px;padding:9px 14px;transition:all .15s;display:flex}.dir b{font-family:var(--f-mono);font-size:.95rem;font-weight:500}.dir span{color:var(--muted);font-size:.74rem}.dir:hover:not(:disabled){border-color:var(--role)}.dir:disabled{opacity:.45;cursor:not-allowed}.dir[aria-pressed=true]{border-color:var(--role);background:var(--role-soft);box-shadow:inset 0 0 0 1px var(--role)}.dir[aria-pressed=true] b{color:var(--role)}.tasks{gap:10px;padding-bottom:4px;display:flex;overflow-x:auto}.tcard{border:1px solid var(--line);background:var(--surface);text-align:left;border-radius:12px;flex-direction:column;flex:none;gap:6px;width:240px;padding:12px 14px;transition:all .15s;display:flex}.tcard:hover{border-color:var(--role)}.tcard[aria-pressed=true]{border-color:var(--role);box-shadow:inset 0 0 0 1px var(--role)}.desk{border:1px solid var(--line);border-radius:var(--r);background:var(--surface);box-shadow:var(--shadow);grid-template-columns:minmax(0,1fr) minmax(0,1fr);display:grid;overflow:hidden}.pane{flex-direction:column;min-width:0;display:flex}.pane+.pane{border-left:1px solid var(--line)}.pane-h{border-bottom:1px solid var(--line);background:var(--surface2);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:11px 18px;display:flex}.pane-h .lang{align-items:center;gap:8px;font-size:.88rem;font-weight:600;display:flex}.pane-h .lang i{font-style:normal;font-family:var(--f-mono);background:var(--role-soft);color:var(--role);border-radius:6px;padding:2px 7px;font-size:.72rem}.src{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;cursor:default;flex:1;min-height:320px;padding:20px 22px;font-size:1.03rem;line-height:1.8}.src p+p{margin-top:.9em}.src .s{border-radius:4px;transition:background .15s}.src .s:hover{background:var(--saffron-soft)}#tr-input{resize:vertical;background:var(--surface);border:0;outline:none;flex:1;width:100%;min-height:320px;padding:20px 22px;font-size:1.03rem;line-height:1.8}#tr-input:focus-visible{box-shadow:inset 0 0 0 2px var(--role)}#tr-input:disabled{opacity:.85}.meter{border-top:1px solid var(--line);color:var(--muted);flex-wrap:wrap;align-items:center;gap:10px;padding:10px 18px;font-size:.8rem;display:flex}.meter .bar-s{flex:1;min-width:100px}.meter #timer{align-items:center;gap:5px;display:flex}.desk-f{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}@media (max-width:760px){.desk{grid-template-columns:minmax(0,1fr)}.pane+.pane{border-left:0;border-top:1px solid var(--line)}.src,#tr-input{min-height:200px}}.checks{flex-direction:column;gap:8px;display:flex}.check{border-radius:10px;align-items:flex-start;gap:10px;padding:10px 12px;font-size:.9rem;display:flex}.check.ok{background:var(--ok-soft)}.check.warn{background:var(--warn-soft)}.check.bad{background:var(--bad-soft)}.check b{text-align:center;flex:none;width:16px}.check.ok b{color:var(--ok)}.check.warn b{color:var(--warn)}.check.bad b{color:var(--bad)}.score{font-family:var(--f-display);font-variant-numeric:tabular-nums;font-size:2.3rem;font-weight:600;line-height:1}.rub{flex-direction:column;gap:12px;display:flex}.rub .r{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px 12px;display:grid}.rub .r small{color:var(--muted);font-size:.76rem}.rub .seg button{min-width:34px}.mk{width:34px;height:34px;font-family:var(--f-display);border:1px solid #0000;border-radius:9px;place-items:center;font-size:.95rem;font-weight:600;display:inline-grid}.mk.m5{background:var(--ok-soft);color:var(--ok)}.mk.m4{background:var(--cobalt-soft);color:var(--cobalt)}.mk.m3{background:var(--warn-soft);color:var(--warn)}.mk.m2{background:var(--bad-soft);color:var(--bad)}.mk.m0{background:var(--surface2);color:var(--muted)}button.mk{cursor:pointer;transition:transform .12s,border-color .12s}button.mk:hover{border-color:currentColor;transform:scale(1.08)}.mk.lg{border-radius:14px;width:58px;height:58px;font-size:1.6rem}.dist{background:var(--surface2);border-radius:8px;height:30px;display:flex;overflow:hidden}.dist i{font-style:normal;font-family:var(--f-mono);place-items:center;font-size:.75rem;font-weight:700;transition:flex .4s;display:grid}.dist .d5{background:var(--ok);color:var(--surface)}.dist .d4{background:var(--cobalt);color:var(--surface)}.dist .d3{background:var(--warn);color:var(--surface)}.dist .d2{background:var(--bad);color:var(--surface)}.legend{color:var(--muted);flex-wrap:wrap;gap:14px;font-size:.8rem;display:flex}.legend span{align-items:center;gap:6px;display:flex}.legend i{border-radius:3px;width:10px;height:10px}.l5{background:var(--ok)}.l4{background:var(--cobalt)}.l3{background:var(--warn)}.l2{background:var(--bad)}.scards{gap:10px;padding-bottom:4px;display:flex;overflow-x:auto}.scard{border:1px solid var(--line);background:var(--surface);text-align:left;border-radius:12px;flex-direction:column;flex:none;gap:6px;width:220px;padding:12px 14px;transition:all .15s;display:flex}.scard:hover{border-color:var(--role)}.scard[aria-pressed=true]{border-color:var(--role);box-shadow:inset 0 0 0 1px var(--role);background:var(--role-soft)}.scard b{font-size:.95rem}.cmp3{border:1px solid var(--line);border-radius:var(--r);background:var(--surface);grid-template-columns:repeat(3,minmax(0,1fr));display:grid;overflow:hidden}.cmp3>div{flex-direction:column;min-width:0;display:flex}.cmp3>div+div{border-left:1px solid var(--line)}.cmp3 .ph{border-bottom:1px solid var(--line);background:var(--surface2);align-items:center;gap:8px;padding:11px 16px;font-size:.86rem;font-weight:600;display:flex}.cmp3 .ph i{font-style:normal;font-family:var(--f-mono);background:var(--role-soft);color:var(--role);border-radius:6px;padding:2px 7px;font-size:.7rem}.cmp3 .pt{white-space:pre-wrap;padding:16px;font-size:.95rem;line-height:1.7}.cmp3 .mt .ph{background:var(--warn-soft)}.cmp3 .hu .ph{background:var(--ok-soft)}@media (max-width:900px){.cmp3{grid-template-columns:minmax(0,1fr)}.cmp3>div+div{border-left:0;border-top:1px solid var(--line)}}.analysis{border-left:4px solid var(--saffron);background:var(--surface);border-radius:0 var(--r) var(--r) 0;border-top:1px solid var(--line);border-right:1px solid var(--line);border-bottom:1px solid var(--line);flex-direction:column;gap:8px;padding:16px 20px;display:flex}.toolchips{flex-wrap:wrap;gap:8px;display:flex}.toolchips button{border:1px solid var(--line);background:var(--surface);border-radius:10px;align-items:center;gap:8px;padding:8px 12px;font-size:.86rem;font-weight:600;transition:all .15s;display:flex}.toolchips button i{border-radius:50%;width:9px;height:9px}.toolchips button[aria-pressed=true]{border-color:var(--role);background:var(--role-soft);color:var(--role)}.v-ok{background:var(--ok)}.v-good{background:var(--cobalt)}.v-warn{background:var(--warn)}.v-bad{background:var(--bad)}.tool{flex-direction:column;gap:8px;display:flex}.tool .th{align-items:center;gap:10px;display:flex}.tool .tl{width:40px;height:40px;font-family:var(--f-display);color:var(--surface);border-radius:11px;flex:none;place-items:center;font-size:.85rem;font-weight:600;display:grid}.prompt{background:var(--surface2);border-radius:10px;align-items:flex-start;gap:10px;padding:10px 12px;font-size:.9rem;display:flex}.prompt span{flex:1;font-style:italic}.flowsteps{counter-reset:st;grid-template-columns:repeat(auto-fit,minmax(min(170px,100%),1fr));gap:10px;display:grid}.flowsteps>div{border:1px solid var(--line);background:var(--surface);counter-increment:st;border-radius:12px;padding:14px;position:relative}.flowsteps>div:before{content:counter(st);font-family:var(--f-mono);color:var(--muted);font-size:.75rem;position:absolute;top:12px;right:12px}.quote{font-family:var(--f-display);border-left:4px solid var(--role);padding-left:16px;font-size:1.05rem;font-weight:500;line-height:1.5}.tree{flex-direction:column;align-items:center;gap:10px;padding:4px;display:flex;overflow-x:auto}.tree .lvl{flex-wrap:nowrap;justify-content:center;gap:10px;display:flex}.tree .nd{border:1px solid var(--line);background:var(--surface);white-space:nowrap;border-radius:10px;padding:7px 12px;font-size:.84rem;font-weight:600}.tree .nd.root{background:var(--role);color:var(--surface);border-color:var(--role)}.tree .nd.mid{background:var(--role-soft);color:var(--role);border-color:var(--role)}.tree .conn{background:var(--line);width:2px;height:12px}.steps{flex-direction:column;gap:8px;display:flex}.step{border:1px solid var(--line);background:var(--surface);text-align:left;border-radius:10px;align-items:flex-start;gap:12px;width:100%;padding:10px 12px;transition:all .15s;display:flex}.step .bx{border:2px solid var(--line);width:22px;height:22px;color:var(--surface);border-radius:7px;flex:none;place-items:center;display:grid}.step[aria-pressed=true]{background:var(--role-soft);border-color:var(--role)}.step[aria-pressed=true] .bx{background:var(--role);border-color:var(--role)}.step[aria-pressed=true] span{color:var(--muted);text-decoration:line-through}.roles4{grid-template-columns:repeat(auto-fit,minmax(min(200px,100%),1fr));gap:10px;display:grid}.roles4>div{border:1px solid var(--line);background:var(--surface);border-radius:12px;flex-direction:column;gap:6px;padding:14px;display:flex}.roles4 .ri{background:var(--role-soft);width:36px;height:36px;color:var(--role);border-radius:10px;place-items:center;display:grid}.chain{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.chain span{border:1px solid var(--role);background:var(--role-soft);color:var(--role);border-radius:10px;padding:7px 12px;font-size:.86rem;font-weight:600}.chain em{color:var(--muted);font-style:normal}.mods{grid-template-columns:repeat(auto-fit,minmax(min(170px,100%),1fr));gap:10px;display:grid}.mods>div{color:var(--surface);border-radius:12px;flex-direction:column;gap:4px;min-height:96px;padding:14px;display:flex}.mods .n{font-family:var(--f-mono);opacity:.85;font-size:.75rem}.mods b{font-size:.95rem}details.order{border:1px solid var(--line);background:var(--surface);border-radius:12px}details.order summary{cursor:pointer;padding:12px 16px;font-weight:600}details.order .ot{flex-direction:column;gap:10px;padding:0 16px 16px;font-size:.93rem;line-height:1.7;display:flex}.kv{grid-template-columns:auto 1fr;gap:6px 16px;font-size:.9rem;display:grid}.kv dt{color:var(--muted)}.kv dd{margin:0;font-weight:600}.timeline{height:96px;margin:0 12px;position:relative}.timeline .axis{background:var(--line);height:2px;position:absolute;top:62px;left:0;right:0}.timeline .tick{font-family:var(--f-mono);color:var(--muted);font-size:.7rem;position:absolute;top:70px;transform:translate(-50%)}.timeline .pt{background:0 0;border:0;width:22px;height:22px;padding:0;position:absolute;transform:translate(-50%)}.timeline .pt i{border:3px solid var(--surface);width:20px;height:20px;box-shadow:0 0 0 1px var(--line);border-radius:50%;transition:transform .15s;display:block}.timeline .pt:hover i,.timeline .pt[aria-pressed=true] i{transform:scale(1.3)}.timeline .pt span{white-space:nowrap;background:var(--fg);color:var(--bg);opacity:0;pointer-events:none;z-index:2;border-radius:6px;padding:2px 7px;font-size:.72rem;font-weight:600;transition:opacity .15s;position:absolute;bottom:28px;left:50%;transform:translate(-50%)}.timeline .pt:hover span,.timeline .pt:focus-visible span,.timeline .pt[aria-pressed=true] span{opacity:1}.c-mdh{background:var(--cobalt)}.c-eu{background:var(--turq)}.c-uz{background:var(--saffron)}.rcard{grid-template-columns:auto minmax(0,1fr);gap:14px 16px;transition:box-shadow .2s,border-color .2s;display:grid}.rcard.hl{border-color:var(--role);box-shadow:0 0 0 3px var(--role-soft)}.portrait{width:64px;height:64px;font-family:var(--f-display);color:var(--surface);border-radius:16px;place-items:center;font-size:1.05rem;font-weight:600;display:grid}.rcard .body{flex-direction:column;gap:6px;min-width:0;display:flex}.mapbox{grid-column:1/-1;grid-template-columns:150px minmax(0,1fr);align-items:center;gap:14px;display:grid}.mapbox svg{background:var(--surface2);border-radius:10px;width:150px;max-width:100%;height:auto}.flow{flex-wrap:wrap;align-items:stretch;gap:6px;font-size:.8rem;display:flex}.flow span{border:1px solid var(--line);background:var(--surface);border-radius:8px;padding:4px 9px}.flow span.k{background:var(--role-soft);border-color:var(--role);color:var(--role);font-weight:600}.flow em{color:var(--muted);align-self:center;font-style:normal}.chips{flex-wrap:wrap;gap:6px;display:flex}.chip{border:1px solid var(--line);color:var(--muted);border-radius:99px;padding:2px 9px;font-size:.76rem}.chip.on{background:var(--role-soft);color:var(--role);border-color:var(--role)}@media (max-width:480px){.mapbox{grid-template-columns:minmax(0,1fr)}}.q{border-top:1px solid var(--line);flex-direction:column;gap:8px;padding:16px 0;display:flex}.q:first-child{border-top:0;padding-top:0}.opts{grid-template-columns:repeat(auto-fit,minmax(min(200px,100%),1fr));gap:8px;display:grid}.opt{border:1px solid var(--line);cursor:pointer;background:var(--surface);border-radius:10px;align-items:center;gap:10px;padding:10px 12px;transition:border-color .15s;display:flex}.opt:hover{border-color:var(--role)}.opt input{accent-color:var(--role)}.opt.right{border-color:var(--ok);background:var(--ok-soft)}.opt.wrong{border-color:var(--bad);background:var(--bad-soft)}.qprog{gap:4px;display:flex}.qprog i{background:var(--surface2);border-radius:99px;flex:1;height:5px;transition:background .2s}.qprog i.on{background:var(--role)}.hbars{flex-direction:column;gap:12px;display:flex}.hb{grid-template-columns:48px minmax(0,1fr) 44px;align-items:center;gap:10px;font-size:.86rem;display:grid}.hb .track{background:var(--surface2);border-radius:6px;height:22px;position:relative;overflow:hidden}.hb .track i{background:var(--role);border-radius:6px;transition:width .5s;position:absolute;inset:0 auto 0 0}.hb .track u{background:var(--line);width:1px;position:absolute;top:0;bottom:0}.hb-axis{font-family:var(--f-mono);color:var(--muted);grid-template-columns:48px minmax(0,1fr) 44px;gap:10px;font-size:.68rem;display:grid}.hb-axis div{justify-content:space-between;display:flex}.mode{flex-direction:column;gap:12px;display:flex}.mode .mi{background:var(--role-soft);width:48px;height:48px;color:var(--role);border-radius:14px;place-items:center;display:grid}.qnav{flex-wrap:wrap;gap:6px;margin-top:14px;display:flex}.qnav button{border:1px solid var(--line);background:var(--surface);width:36px;height:36px;font-family:var(--f-mono);color:var(--muted);border-radius:9px;font-size:.82rem;transition:all .12s}.qnav button.done{background:var(--role-soft);color:var(--role);border-color:var(--role-soft)}.qnav button.cur{border-color:var(--role);box-shadow:inset 0 0 0 1px var(--role);color:var(--role);font-weight:700}.tqcard{flex-direction:column;gap:16px;display:flex}.tqq{background:var(--surface2);border-radius:12px;flex-direction:column;gap:12px;padding:18px;display:flex}.tqtext{font-size:1.12rem;font-weight:600;line-height:1.5}.tqopts{gap:8px;display:grid}.opt.tqo{text-align:left;width:100%;font-size:.95rem;line-height:1.45}.opt.tqo .lt{background:var(--surface2);width:28px;height:28px;font-family:var(--f-mono);border-radius:8px;flex:none;place-items:center;font-size:.82rem;font-weight:600;display:grid}.opt.tqo[aria-pressed=true]{border-color:var(--role);background:var(--role-soft)}.opt.tqo[aria-pressed=true] .lt{background:var(--role);color:var(--surface)}.opt.tqo.right .lt{background:var(--ok);color:var(--surface)}.opt.tqo.wrong .lt{background:var(--bad);color:var(--surface)}.opt.tqo:disabled{cursor:default}.opt.tqo.right,.opt.tqo.right[aria-pressed=true]{border-color:var(--ok);background:var(--ok-soft)}.opt.tqo.wrong,.opt.tqo.wrong[aria-pressed=true]{border-color:var(--bad);background:var(--bad-soft)}.bq{border:1px solid var(--line);border-radius:12px;flex-direction:column;gap:8px;padding:12px 14px;display:flex}.bqa{flex-wrap:wrap;gap:6px;display:flex}.bqa span{border:1px solid var(--line);color:var(--muted);border-radius:8px;padding:3px 9px;font-size:.82rem}.bqa span.ok{background:var(--ok-soft);color:var(--ok);border-color:#0000;font-weight:600}.toast{left:50%;bottom:calc(22px + env(safe-area-inset-bottom,0px));background:var(--fg);color:var(--bg);z-index:60;border-radius:12px;align-items:center;gap:8px;max-width:calc(100% - 32px);padding:11px 18px;font-size:.9rem;display:flex;position:fixed;transform:translate(-50%);box-shadow:0 10px 30px #00000040}@media (prefers-reduced-motion:no-preference){.toast{animation:.2s ease-out pop}@keyframes pop{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}}
.boot{min-height:100vh;color:var(--muted,#667);flex-direction:column;justify-content:center;align-items:center;gap:14px;font-family:Unbounded,system-ui,sans-serif;display:flex}.boot .logo{animation:1.2s ease-in-out infinite bootpulse}@keyframes bootpulse{50%{opacity:.7;transform:scale(.9)}}@media (prefers-reduced-motion:reduce){.boot .logo{animation:none}}.secret-modal{z-index:100;background:#0a10288c;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.secret-card{background:var(--surface,#fff);color:var(--fg,#111);border-radius:16px;flex-direction:column;gap:10px;width:100%;max-width:420px;padding:22px;display:flex;box-shadow:0 20px 60px #0000004d}.secret-row{border:1px solid var(--line,#ddd);border-radius:10px;justify-content:space-between;gap:12px;padding:10px 12px;display:flex}.secret-row b{-webkit-user-select:all;user-select:all}button:disabled{opacity:.6;cursor:wait}.logo{letter-spacing:-.04em;font-size:1rem}.side .logo{font-size:.8rem}