html,body{height:100%;min-width:0}body{font-family:var(--skin-font);font-size:12px}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea,summary{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid var(--green);outline-offset:3px}button{cursor:pointer}[hidden]{display:none!important}.os{grid-template-columns:205px minmax(0,1fr);grid-template-rows:47px minmax(0,1fr) 34px;height:100vh;height:100dvh}.top{padding:0 15px;gap:15px}.top .os-name{font-size:13px;white-space:nowrap}.top .cen{font-size:9px;letter-spacing:.18em}.top .sysled{font-size:8px;white-space:nowrap}.top .kv{font-size:8px}.skin-buttons{display:flex;gap:4px}.skin-buttons .btn{font-size:9px;padding:5px 8px}.skin-buttons [aria-pressed="true"]{color:var(--green);border-color:var(--green);background:var(--glowsoft)}.side{padding:12px 8px}.side nav button{font-size:11px;padding:8px 10px;gap:8px}.nav-icon{width:19px;font-size:15px;display:inline-grid;place-items:center;color:var(--green)}.nav-group summary{font-size:9px!important;color:var(--dim)!important}.nav-group summary:after{content:'⌄';margin-left:auto}.side .sylabel{font-size:8px}.side .sysel{font-size:13px;margin:6px 0 13px}.side .mon{margin-top:18px}.mon .row{font-size:8px;gap:4px}.side .whoami{margin-top:18px}.main{padding:16px;min-width:0;overscroll-behavior:contain}.viewbar .title{font-size:14px}.viewbar .muted{font-size:9px}.demo-foot{grid-area:foot;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:4px 14px;border-top:1px solid var(--line);font-size:8px;color:var(--dim);background:var(--panel)}.demo-foot .btn{font-size:8px;padding:3px 7px}.menu-toggle{display:none}.dgrid{gap:12px}.panel{min-width:0}.ph{padding:10px 12px}.ph h3{font-size:10px;line-height:1.5}.pb{padding:13px}.pb p{margin:0;line-height:1.75;color:var(--dim)}.pb strong,.pb b{color:var(--text)}.pb .subline{font-size:9px;color:var(--muted);margin-top:6px}.signal{display:inline-flex;gap:6px;align-items:center;font-size:9px;border:1px solid var(--line2);border-radius:4px;padding:4px 7px;color:var(--green);background:var(--glowsoft)}.signal.warn{color:var(--amber)}.signal.dim{color:var(--dim)}.signal-row{display:flex;gap:8px;flex-wrap:wrap}.metric-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.metric{padding:12px;background:var(--panel2);border:1px solid var(--line);border-radius:6px}.metric b{display:block;color:var(--green);font-size:26px}.metric span{font-size:9px;color:var(--dim)}.schedule-row{display:flex;gap:13px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line)}.schedule-row:last-child{border:0}.schedule-row time{color:var(--cyan);font-size:11px}.schedule-row strong{font-size:11px;display:block}.schedule-row small{display:block;font-size:9px;color:var(--dim);margin-top:4px}.schedule-row .signal{margin-left:auto}.weeks{display:grid;grid-template-columns:1fr 1fr;gap:12px}.week-line{display:flex;justify-content:space-between;font-size:10px;gap:8px;padding:8px 0}.week-line b{color:var(--amber)}.track.demo-track{background:var(--line);height:5px;border-radius:3px;overflow:hidden;margin:9px 0}.demo-track i{display:block;height:100%;background:var(--green);width:70%}.demo-actions{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:29px}.check-row{display:flex;gap:9px;align-items:center;padding:9px 0;border-bottom:1px solid var(--line);font-size:11px}.check-row input{accent-color:var(--green);width:15px;height:15px}.check-row input:checked+span{opacity:.6;text-decoration:line-through}.demo-table-wrap{max-width:100%;overflow:auto}.demo-table{width:100%;border-collapse:collapse;font-size:11px;white-space:nowrap}.demo-table th{font-weight:500;text-transform:uppercase;font-size:9px;letter-spacing:.08em;color:var(--dim);text-align:left;padding:11px 9px;background:var(--panel2);border-bottom:1px solid var(--line)}.demo-table td{padding:11px 9px;border-bottom:1px solid var(--line)}.demo-table td:first-child{color:var(--text)}.demo-table tr:last-child td{border-bottom:0}.demo-table .grade{min-width:35px;min-height:32px;border:1px solid var(--line2);border-radius:4px;background:var(--glowsoft);color:var(--green);font-weight:700}.demo-table .grade[data-value="3"]{color:var(--amber)}.demo-table .grade[data-value="4"],.demo-table .grade[data-value="5"]{color:var(--red)}.demo-table .category{background:var(--glowsoft);color:var(--green)}.toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 15px}.toolbar label{display:flex;align-items:center;gap:7px;font-size:10px;color:var(--dim)}.field{border:1px solid var(--line2);border-radius:5px;background:var(--bg2);color:var(--text);padding:9px;min-width:0}.toolbar .field{max-width:220px}.field.wide{width:100%}.detail-note{font-size:10px;color:var(--dim);line-height:1.8;margin:12px 0 0}.people-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.person-card{padding:20px 12px;border:1px solid var(--line);border-radius:8px;background:var(--panel);color:var(--text);text-align:center}.person-card:hover{border-color:var(--green)}.initials{display:grid;place-items:center;width:48px;height:48px;margin:0 auto 10px;border-radius:50%;background:var(--panel2);color:var(--green);border:1px solid var(--line2);font-size:16px}.person-card b{display:block;font-size:12px}.person-card small{display:block;font-size:9px;color:var(--muted);margin-top:7px}.person-card .signal{margin-top:12px}.dossier-head{display:flex;align-items:center;gap:15px;margin-bottom:16px}.dossier-head .initials{margin:0}.dossier-head h3{margin:0;color:var(--text);font-size:19px}.dossier-head p{margin:5px 0;color:var(--dim);font-size:10px}.profile-facts{display:grid;grid-template-columns:1fr 1fr;gap:10px}.profile-facts>div{border:1px solid var(--line);padding:13px;border-radius:6px}.profile-facts small{display:block;color:var(--muted);margin-bottom:5px}.profile-facts strong{font-size:12px}.review-person{text-align:center;padding:23px 15px}.review-person .initials{width:85px;height:85px;font-size:27px}.review-person h3{font-size:23px;margin:13px 0 5px}.review-person p{font-size:10px}.rating-buttons{display:flex;justify-content:center;gap:10px;margin:22px 0}.rating-buttons button{width:55px;height:45px;border:1px solid var(--line2);background:var(--panel2);border-radius:6px;color:var(--green);font-size:21px}.rating-buttons button:hover{background:var(--glowsoft);border-color:var(--green)}.note-entry{border-bottom:1px solid var(--line);padding:16px 0}.note-entry h4{margin:0 0 7px;font-size:13px}.note-entry p{font-size:11px}.note-entry small{display:block;font-size:9px;color:var(--muted);margin-top:9px}.mention{color:var(--violet)}.seat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding:20px;max-width:660px;margin:auto}.seat-button{padding:16px 8px;border:1px solid var(--line2);background:var(--panel2);border-radius:6px;color:var(--text);display:flex;gap:8px;align-items:center;justify-content:center;font-size:11px}.seat-button[aria-pressed="true"]{background:var(--glowsoft);border-color:var(--green)}.front-board{text-align:center;margin:0 auto;max-width:300px;border:1px solid var(--green);padding:8px;font-size:9px;letter-spacing:.2em;color:var(--green)}.week-grid{display:grid;grid-template-columns:45px repeat(5,minmax(80px,1fr));gap:5px;min-width:520px}.week-grid>div{padding:9px 6px;border:1px solid var(--line);background:var(--panel2);min-height:50px;font-size:9px}.week-grid .week-head{min-height:30px;color:var(--green);text-align:center}.week-grid .time-slot{border:0;background:none;color:var(--muted)}.week-grid .subject{border-left:3px solid var(--green);background:var(--glowsoft);line-height:1.7}.week-grid .subject.alt{border-left-color:var(--cyan)}.week-grid .subject b{display:block}.board-screen{min-height:300px;padding:32px;background:var(--bg);border:1px solid var(--line2);border-radius:8px;text-align:center}.board-screen h3{font-size:26px;margin:18px 0;color:var(--text)}.timer{font-size:58px;font-variant-numeric:tabular-nums;color:var(--green);letter-spacing:.08em;margin:18px 0}.traffic{display:flex;justify-content:center;gap:10px}.traffic button{width:28px;height:28px;min-height:28px;border-radius:50%;border:2px solid var(--line);opacity:.35;background:var(--green)}.traffic [data-color="amber"]{background:var(--amber)}.traffic [data-color="red"]{background:var(--red)}.traffic button[aria-pressed="true"]{opacity:1;border-color:var(--text)}.handpaper{position:relative;background:#fff;color:#315073;border:1px solid var(--line);border-radius:6px;overflow:hidden;height:330px;background-image:linear-gradient(#cdd6e655 1px,transparent 1px);background-size:100% 27px}.handpaper p{position:absolute;top:21px;left:25px;font:italic 23px Georgia,serif;color:#55719b;pointer-events:none}.handpaper canvas{width:100%;height:100%;display:block;touch-action:none}.room-map{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:16px;background:var(--panel2);border:1px solid var(--line);border-radius:8px}.room-map button{min-height:76px;border:1px solid var(--line2);color:var(--text);background:var(--panel);border-radius:5px;font-size:12px}.room-map button small{display:block;color:var(--dim);font-size:9px;margin-top:8px}.room-map button[aria-pressed="true"]{border-color:var(--green);background:var(--glowsoft)}.budget-bars>div{margin:14px 0}.budget-bars label{display:flex;justify-content:space-between;font-size:11px}.budget-bars .demo-track{height:8px}.bookmarks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.article-card{border:1px solid var(--line);border-radius:8px;padding:18px;background:var(--panel2)}.article-card h4{font-size:18px;color:var(--text);margin:12px 0}.article-card p{font-size:11px}.article-card .btn{margin-top:18px}.mini-bars{display:flex;height:110px;gap:15px;align-items:flex-end;padding:5px 10px 21px}.mini-bars>div{flex:1;position:relative;background:var(--glowsoft);border-top:2px solid var(--green)}.mini-bars small{position:absolute;bottom:-18px;left:50%;transform:translateX(-50%);font-size:8px;color:var(--dim)}.mika-demo{position:relative;min-height:210px;padding-right:130px}.mika-figure{position:absolute;right:0;bottom:-13px;width:125px;height:225px;background:url('/assets/mika-avatars.png') 0 center/300% 100% no-repeat;clip-path:inset(0 3% 0 0)}html:not(.skin-classic) .mika-figure{filter:drop-shadow(0 0 15px #00ff8820)}.mika-demo .signal{margin-bottom:15px}.mika-demo p{font-size:12px;line-height:1.8}.feature-footnote{margin-top:16px;border-top:1px solid var(--line);padding-top:13px;color:var(--muted);font-size:10px;line-height:1.8}.feature-bullets{display:grid;grid-template-columns:1fr 1fr;gap:9px;padding:0;list-style:none}.feature-bullets li{padding:9px 10px;border:1px solid var(--line);border-radius:5px;color:var(--dim);font-size:10px;line-height:1.6}.feature-bullets li:before{content:'✓ ';color:var(--green)}.demo-message{padding:11px;border-left:3px solid var(--green);background:var(--glowsoft);font-size:11px;line-height:1.6;margin:10px 0}.module-intro{font-size:11px;line-height:1.8;color:var(--dim);margin:0 0 16px}.range-wrap{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center}.range-wrap input{accent-color:var(--green)}.focus-ring{border-color:var(--green)!important}
@media(max-width:1100px){.top .cen{display:none}.top .sysled{margin-right:auto}.metric-row{grid-template-columns:repeat(2,minmax(0,1fr))}.mika-demo{padding-right:95px}.mika-figure{width:103px;height:206px}.os{grid-template-columns:185px minmax(0,1fr)}.ph h3{font-size:9px}}
@media(max-width:760px){.os{grid-template-columns:minmax(0,1fr);grid-template-rows:48px minmax(0,1fr) 40px;grid-template-areas:'top' 'main' 'foot'}.side{display:none;position:absolute;left:0;top:48px;bottom:40px;width:230px;z-index:30;background:var(--panel);box-shadow:10px 0 35px #0003}.os.menu-open .side{display:flex}.menu-toggle{display:inline-flex}.top{height:48px;gap:8px;padding:0 10px}.top .sysled,.top .kv{display:none}.top .os-name{font-size:11px;letter-spacing:.13em}.skin-buttons{margin-left:auto}.skin-buttons .btn{font-size:8px;padding:5px 6px}.main{padding:13px}.demo-foot{padding:4px 10px;font-size:7px;gap:8px}.demo-foot>span:first-child{display:none}.people-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.weeks{grid-template-columns:1fr}.feature-bullets{grid-template-columns:1fr}.seat-grid{grid-template-columns:repeat(2,1fr);padding:18px 0;gap:10px}.bookmarks{grid-template-columns:1fr}.profile-facts{grid-template-columns:1fr}.ph .tools .btn{font-size:9px}.viewbar .title{font-size:12px}.mika-demo{padding-right:120px}.mika-figure{width:120px;height:235px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
.lite-nav{display:none}body[data-edition=lite] .os{grid-template-columns:minmax(0,1fr);grid-template-rows:55px 54px minmax(0,1fr) 40px;grid-template-areas:'top' 'lite' 'main' 'foot'}body[data-edition=lite] .side,body[data-edition=lite] .menu-toggle{display:none!important}body[data-edition=lite] .lite-nav{grid-area:lite;display:flex;align-items:center;gap:6px;overflow:auto;padding:8px 20px;border-bottom:1px solid var(--line);background:var(--panel);white-space:nowrap}body[data-edition=lite] .lite-nav .btn{border-color:transparent;background:none;color:var(--dim);font-size:11px;padding:8px 15px;min-height:35px}body[data-edition=lite] .lite-nav .btn.active{background:var(--glowsoft);border-color:var(--line2);color:var(--green)}body[data-edition=lite] .top{height:55px;align-items:center}body[data-edition=lite] .main{padding:22px;max-width:1600px;width:100%;margin:0 auto}body[data-edition=lite] .os-name{font-family:var(--skin-font-ui);letter-spacing:.04em;font-size:16px}body[data-edition=lite] .os-name em{font-size:13px;font-weight:400;letter-spacing:0}.demo-table .grade[data-value-grade='3']{color:var(--amber)}.demo-table .grade[data-value-grade='4'],.demo-table .grade[data-value-grade='5']{color:var(--red)}.mika-figure{background-position:var(--avatar-x,0) center}html:not(.skin-classic):not(.skin-biologie) .main{background:linear-gradient(#020604ed,#020604f9),url('/assets/terminal-background.png') center/cover}html.skin-biologie .main{background:linear-gradient(#101f19aa,#101f19eb),url('/assets/biology-background.png') center/cover}html.skin-biologie .top .os-name:before{display:none}html.skin-biologie .btn{border-color:var(--line2)}
@media(max-width:760px){body[data-edition=lite] .os{grid-template-rows:48px 50px minmax(0,1fr) 40px}body[data-edition=lite] .top{height:48px}body[data-edition=lite] .main{padding:13px}body[data-edition=lite] .lite-nav{padding:6px 10px}body[data-edition=lite] .lite-nav .btn{padding:7px 11px;font-size:10px}}
.os .side nav button span{display:inline}.os .side nav button .nav-icon{display:inline-grid}.os .side nav .nav-group>summary{display:flex}.os .side nav button{justify-content:flex-start}.os.menu-open .side{transform:none}
@media(min-width:761px){.menu-toggle{display:none}}