:root{--ink:#18213f;--muted:#747e99;--violet:#6b27e8;--purple:#9828e3;--pink:#df2b82;--blue:#2d89f4;--green:#12845c;--line:#e4e3ef;--soft:#f5f5fc;--panel:#fff;--sidebar:254px;--shadow:0 20px 55px rgba(39,31,85,.08)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f5f6fc;color:var(--ink);font:500 14px/1.5 Manrope,Arial,sans-serif;-webkit-font-smoothing:antialiased}button,input{font:inherit}.symbols{position:absolute;width:0;height:0}.icon{width:18px;height:18px;display:block;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.app{min-height:100vh;display:grid;grid-template-columns:var(--sidebar) minmax(0,1fr)}
.sidebar{position:sticky;top:0;height:100vh;z-index:20;display:flex;flex-direction:column;padding:22px 15px 18px;background:#fff;border-right:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;padding:0 8px;margin-bottom:34px;color:var(--ink);font-size:20px;font-weight:800;letter-spacing:-.8px;text-decoration:none}.brand-mark{width:32px;height:32px;display:grid;place-items:center;border-radius:10px;color:#fff;background:linear-gradient(135deg,var(--pink),var(--violet) 52%,var(--blue));box-shadow:0 8px 18px rgba(94,39,212,.25)}.brand-mark svg{width:18px;height:18px;fill:#fff;stroke:none}.brand em{color:var(--violet);font-style:normal}.brand small{margin-left:auto;padding:4px 7px;border-radius:999px;background:#f0e9ff;color:var(--violet);font-size:8px;letter-spacing:.7px;text-transform:uppercase}.nav-label{margin:0 11px 8px;color:#9aa2b8;font-size:9px;font-weight:800;letter-spacing:1px;text-transform:uppercase}.nav{display:grid;gap:5px}.nav-btn{position:relative;width:100%;border:1px solid transparent;border-radius:12px;padding:10px 11px;display:flex;align-items:center;gap:11px;background:transparent;color:#6e7893;font-weight:700;font-size:12px;text-align:left;cursor:pointer;transition:.18s ease}.nav-btn:hover{background:#f8f5ff;color:var(--violet)}.nav-btn.active{border-color:#dfd1ff;background:#efe8ff;color:var(--violet);box-shadow:0 8px 20px rgba(92,40,202,.07)}.nav-btn .count{margin-left:auto;min-width:19px;height:19px;display:grid;place-items:center;border-radius:999px;background:#e72f82;color:#fff;font-size:8px}.side-spacer{flex:1}.demo-note{margin:18px 6px 10px;padding:12px;border-radius:14px;background:linear-gradient(135deg,#faf7ff,#f1f5ff);border:1px solid #e5dcfb;color:#7b7692;font-size:9px}.demo-note b{display:block;margin-bottom:3px;color:var(--violet);font-size:10px}.account{display:flex;align-items:center;gap:10px;padding:11px;border:1px solid #e1d8fa;border-radius:15px;background:#f7f3ff}.avatar{flex:0 0 auto;width:35px;height:35px;display:grid;place-items:center;border-radius:11px;color:#fff;background:linear-gradient(135deg,#8b2ce5,#318df1);font-size:11px;font-weight:800}.account b{display:block;font-size:11px}.account span{display:block;color:var(--muted);font-size:9px}.back-home{margin-top:8px;padding:8px 11px;color:#8b93a9;font-size:10px;text-decoration:none}
.workspace{min-width:0}.topbar{height:74px;position:sticky;top:0;z-index:15;padding:0 clamp(18px,3vw,45px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(225,225,237,.82);background:rgba(247,247,252,.88);backdrop-filter:blur(16px)}.crumb{color:#8a92aa;font-size:10px}.crumb b{color:var(--ink)}.top-actions{display:flex;align-items:center;gap:9px}.demo-pill{display:flex;align-items:center;gap:7px;padding:8px 11px;border:1px solid #ded4f5;border-radius:999px;background:#fff;color:#6f6689;font-size:9px;font-weight:700}.demo-pill i{width:7px;height:7px;border-radius:50%;background:#29b979;box-shadow:0 0 0 4px #e6f8f0}.top-icon{width:35px;height:35px;display:grid;place-items:center;border:1px solid var(--line);border-radius:11px;background:#fff;color:#747c94}.top-profile{display:flex;align-items:center;gap:8px;padding:4px;border:1px solid var(--line);border-radius:12px;background:#fff}.top-profile .avatar{width:27px;height:27px;border-radius:8px;font-size:9px}.top-profile b{padding-right:5px;font-size:9px}.content{width:min(100%,1450px);margin:0 auto;padding:32px clamp(18px,3vw,46px) 64px}.view{display:none}.view.active{display:block;animation:fade .22s ease}@keyframes fade{from{opacity:.2;transform:translateY(4px)}to{opacity:1;transform:none}}
.page-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:22px}.eyebrow{display:block;margin-bottom:6px;color:var(--violet);font-size:9px;font-weight:800;letter-spacing:1.1px;text-transform:uppercase}.page-intro h1{margin:0;font-size:28px;line-height:1.15;letter-spacing:-1.4px}.page-intro p{margin:6px 0 0;color:var(--muted);font-size:11px}.primary,.secondary,.white-btn,.text-btn{border:0;cursor:pointer;font-weight:800}.primary{padding:11px 15px;border-radius:11px;color:#fff;background:linear-gradient(105deg,var(--pink),var(--violet) 57%,var(--blue));box-shadow:0 10px 24px rgba(98,39,211,.18)}.secondary{padding:10px 13px;border:1px solid #ddd5f0;border-radius:11px;background:#fff;color:var(--violet)}.white-btn{padding:10px 13px;border-radius:10px;background:#fff;color:var(--violet)}.text-btn{padding:4px;background:transparent;color:var(--violet);font-size:10px}.small{padding:9px 12px;font-size:9px}.panel{border:1px solid var(--line);border-radius:21px;background:var(--panel);box-shadow:0 14px 38px rgba(41,34,84,.04)}.panel-head{padding:20px 21px 14px;display:flex;align-items:center;justify-content:space-between;gap:12px}.panel-head h2{margin:0;font-size:14px}.panel-head p{margin:3px 0 0;color:var(--muted);font-size:9px}
.overview-top{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,.8fr);gap:20px;margin-bottom:20px}.welcome{position:relative;min-height:238px;padding:30px;overflow:hidden;border-radius:23px;color:#fff;background:linear-gradient(120deg,#6724df,#a528e4 48%,#2b8bf3 112%);box-shadow:0 24px 45px rgba(83,39,201,.17)}.welcome:after{content:'✦';position:absolute;right:25px;bottom:-50px;color:#ffffff27;font-size:180px}.welcome>*{position:relative;z-index:1}.welcome .date-line{font-size:10px;font-weight:800;text-transform:uppercase}.welcome h2{margin:13px 0 7px;font-size:30px;line-height:1.1;letter-spacing:-1.4px}.welcome p{margin:0;max-width:500px;color:#f4edff;font-size:11px}.welcome button{margin-top:23px}.balance{position:relative;padding:25px;display:flex;align-items:center;gap:18px;overflow:hidden}.balance:after{content:'✦';position:absolute;right:22px;top:14px;color:#eadfff;font-size:35px}.balance-icon{width:65px;height:65px;display:grid;place-items:center;border-radius:20px;color:#fff;background:linear-gradient(145deg,#7b2ce9,#318bf2);box-shadow:0 13px 28px rgba(70,74,226,.22)}.balance-icon .icon{width:28px;height:28px}.balance h2{margin:2px 0 1px;font-size:18px}.balance strong{font-size:38px;line-height:1;letter-spacing:-2px;color:#4f4ddd}.balance strong small{font-size:11px;letter-spacing:0}.balance p{margin:7px 0 11px;color:var(--muted);font-size:9px}.overview-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,.8fr);gap:20px}.lessons-panel{min-height:300px}.lesson-row{margin:0 21px;padding:17px 0;display:flex;align-items:center;gap:13px;border-top:1px solid #efedf5}.lesson-date{width:45px;height:49px;display:grid;place-items:center;border-radius:12px;background:#efe7ff;color:var(--violet);font-size:9px;font-weight:800;line-height:1.1}.lesson-date b{display:block;font-size:17px}.lesson-copy b,.lesson-copy strong{display:block;font-size:11px}.lesson-copy strong{color:var(--violet);font-size:9px}.lesson-copy span{display:block;margin-top:3px;color:var(--muted);font-size:9px}.lesson-row>button{margin-left:auto}.prep{padding-bottom:18px}.prep-progress{margin:0 21px 12px;display:flex;align-items:center;gap:10px}.prep-progress i{height:6px;flex:1;border-radius:99px;background:#eee9f8;overflow:hidden}.prep-progress i span{display:block;width:33%;height:100%;background:linear-gradient(90deg,var(--pink),var(--violet),var(--blue))}.prep-progress b{font-size:9px;color:var(--violet)}.check-item{margin:0 21px;padding:10px 0;display:flex;gap:9px;border-top:1px solid #f0eef6}.check-item input{accent-color:var(--violet)}.check-item b,.check-item small{display:block}.check-item b{font-size:9px}.check-item small{color:var(--muted);font-size:8px}.tip{margin:12px 21px 0;padding:11px;border-radius:12px;background:#f5f0ff;color:#6e5f8d;font-size:8px}.tip b{color:var(--violet)}
.filters{display:flex;gap:7px;margin-bottom:14px}.filters button{padding:8px 10px;border:1px solid var(--line);border-radius:9px;background:#fff;color:var(--muted);font-size:9px;font-weight:800}.filters .active{border-color:#d5c3ff;background:#f3edff;color:var(--violet)}.lesson-stack{display:grid;gap:12px}.lesson-card{padding:18px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:15px;align-items:center}.lesson-card .lesson-date{width:52px;height:57px}.teacher-line{display:flex;align-items:center;gap:9px}.teacher-line .avatar{width:30px;height:30px;border-radius:9px}.teacher-line b,.teacher-line small{display:block}.teacher-line b{font-size:11px}.teacher-line small{color:var(--muted);font-size:8px}.lesson-details p{margin:7px 0 0;color:var(--muted);font-size:9px}.lesson-details p strong{color:var(--violet)}.lesson-actions{display:flex;gap:7px}
.calendar-shell{padding:19px;overflow:hidden}.calendar-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.calendar-toolbar h2{margin:0;font-size:16px}.calendar-toolbar button{border:1px solid var(--line);padding:8px 10px;border-radius:9px;background:#fff;color:#6c7590;font-size:9px;font-weight:800}.calendar-toolbar .today{color:var(--violet);background:#f4efff}.calendar-scroll{overflow-x:auto;padding-bottom:8px;scrollbar-width:thin;scrollbar-color:#8b54ed #ede8f7}.calendar-scroll::-webkit-scrollbar{height:9px}.calendar-scroll::-webkit-scrollbar-track{background:#ede8f7;border-radius:999px}.calendar-scroll::-webkit-scrollbar-thumb{background:linear-gradient(90deg,var(--violet),var(--blue));border:2px solid #ede8f7;border-radius:999px}.week-grid{min-width:900px;display:grid;grid-template-columns:64px repeat(7,minmax(105px,1fr));grid-template-rows:54px repeat(12,48px);border:1px solid #e4e0ef;border-radius:15px;overflow:hidden;background:#fff}.cal-cell{padding:8px;border-right:1px solid #e9e5f1;border-bottom:1px solid #e9e5f1;color:#8d95aa;font-size:8px}.cal-head{text-align:center;background:#fbfaff;color:#7b7393;font-weight:800}.cal-head b{display:block;margin-top:2px;color:var(--ink);font-size:11px}.cal-head.today{background:#f2ecff;color:var(--violet)}.time-cell{text-align:center;background:#fbfaff;font-weight:700}.event{z-index:2;margin:4px;border-radius:9px;padding:7px;color:#fff;background:linear-gradient(120deg,var(--violet),var(--blue));box-shadow:0 7px 14px rgba(65,74,216,.18);font-size:8px}.event b{display:block}.event.one{grid-column:3;grid-row:9/span 2}.event.two{grid-column:5;grid-row:6/span 2;background:linear-gradient(120deg,#db2f85,#932ae5)}
.planning-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:20px}.planning-card,.summary{padding:22px}.planning-card h2{margin:0 0 6px}.planning-card>p{margin:0 0 20px;color:var(--muted);font-size:10px}.flow{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:20px}.flow>div{padding:14px;border-radius:13px;background:#faf9fe;border:1px solid #ebe7f3}.flow i{width:25px;height:25px;display:grid;place-items:center;margin-bottom:8px;border-radius:8px;background:#ede5ff;color:var(--violet);font-style:normal;font-size:9px;font-weight:800}.flow b,.flow small{display:block}.flow b{font-size:9px}.flow small{color:var(--muted);font-size:8px}.slots{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.slots button{padding:10px;border:1px solid #e2dcef;border-radius:10px;background:#fff;color:#706785;font-size:9px;font-weight:800}.slots .active{border-color:#8b51ee;background:#f2ebff;color:var(--violet)}.request-btn{margin-top:16px}.summary h3{margin:0 0 15px}.summary dl{margin:0}.summary dl div{padding:11px 0;display:flex;justify-content:space-between;border-top:1px solid #efedf4;font-size:9px}.summary dt{color:var(--muted)}.summary dd{margin:0;font-weight:800}.summary p{margin:16px 0 0;padding:12px;border-radius:12px;background:#eaf8f1;color:var(--green);font-size:9px;font-weight:800}
.messages{height:calc(100vh - 170px);min-height:570px;display:grid;grid-template-columns:285px minmax(0,1fr);overflow:hidden}.conversation-list{padding:20px;border-right:1px solid var(--line)}.conversation-list h2{margin:0;font-size:14px}.conversation-list>p{margin:3px 0 13px;color:var(--muted);font-size:8px}.search{height:38px;padding:0 11px;display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:10px;background:#faf9fe;color:#9299ad}.search input{width:100%;border:0;outline:0;background:transparent;font-size:9px}.conversation{margin-top:14px;padding:13px;display:flex;align-items:center;gap:10px;border:1px solid #dac9ff;border-radius:13px;background:#f0e8ff}.conversation b,.conversation small{display:block}.conversation b{font-size:10px}.conversation small{color:var(--muted);font-size:8px}.conversation time{margin-left:auto;color:#a39ab6;font-size:7px}.chat{min-width:0;display:grid;grid-template-rows:auto 1fr auto;background:linear-gradient(180deg,#fbfaff,#f7f8ff)}.chat-head{padding:15px 18px;display:flex;align-items:center;gap:11px;border-bottom:1px solid var(--line);background:#fff}.chat-head b,.chat-head small{display:block}.chat-head b{font-size:11px}.chat-head small{color:var(--muted);font-size:8px}.chat-head>span:last-child{margin-left:auto;padding:6px 9px;border-radius:999px;background:#eaf8f1;color:var(--green);font-size:8px;font-weight:800}.message-feed{padding:23px;overflow:auto;scrollbar-width:thin;scrollbar-color:#9c6aed transparent}.day-divider{margin:4px 0 20px;display:flex;align-items:center;gap:10px;color:#9ba2b4;font-size:7px}.day-divider:before,.day-divider:after{content:'';height:1px;flex:1;background:#e6e3ee}.bubble-row{margin:10px 0;display:flex}.bubble{max-width:min(72%,520px);padding:11px 13px;border:1px solid #e2dfeb;border-radius:5px 15px 15px;background:#fff;color:#303853;font-size:9px;box-shadow:0 8px 20px rgba(35,31,74,.04)}.bubble small,.bubble span{display:block;margin-top:4px;color:#a1a6b4;font-size:7px}.mine{justify-content:flex-end}.mine .bubble{border:0;border-radius:15px 5px 15px 15px;background:linear-gradient(135deg,#6f28e9,#3b76ef);color:#fff}.mine .bubble small{color:#d9d7ff;text-align:right}.shared{min-width:250px}.shared b{color:var(--violet)}.chat-compose{padding:12px 14px;display:flex;align-items:center;gap:8px;border-top:1px solid var(--line);background:#fff}.chat-compose button{width:38px;height:38px;display:grid;place-items:center;border:1px solid #ded5f3;border-radius:11px;background:#f9f7ff;color:var(--violet)}.chat-compose .send{border:0;color:#fff;background:linear-gradient(135deg,var(--violet),var(--blue))}.chat-compose input{height:38px;flex:1;padding:0 13px;border:1px solid var(--line);border-radius:12px;outline:0;background:#fafafe;font-size:9px}.chat-compose input:focus{border-color:#b99cf5;box-shadow:0 0 0 3px #eee6ff}
.report-grid{display:grid;grid-template-columns:340px minmax(0,1fr);gap:20px}.progress-card{padding:25px;text-align:center}.big-ring{width:135px;height:135px;margin:12px auto 18px;display:grid;place-items:center;border-radius:50%;background:conic-gradient(var(--violet) 0 72%,#ede9f7 72%)}.big-ring:after{content:'72%';width:108px;height:108px;display:grid;place-items:center;border-radius:50%;background:#fff;font-size:25px;font-weight:800}.progress-card h2{margin:0}.progress-card p{margin:5px auto 16px;max-width:240px;color:var(--muted);font-size:9px}.spark-stats{display:grid;grid-template-columns:1fr 1fr;gap:8px}.spark-stats div{padding:12px;border-radius:12px;background:#f8f6fd}.spark-stats b,.spark-stats span{display:block}.spark-stats b{color:var(--violet);font-size:17px}.spark-stats span{color:var(--muted);font-size:8px}.goals{padding-bottom:20px}.goal{margin:0 21px;padding:15px 0;display:grid;grid-template-columns:auto 1fr auto;gap:11px;align-items:center;border-top:1px solid #efedf5}.goal i{width:36px;height:36px;display:grid;place-items:center;border-radius:11px;background:#f0e8ff;color:var(--violet);font-style:normal}.goal b,.goal span{display:block}.goal b{font-size:10px}.goal span{color:var(--muted);font-size:8px}.goal>strong{font-size:10px;color:var(--violet)}.goal em{height:5px;display:block;margin-top:6px;border-radius:99px;background:#eeeaf5;overflow:hidden}.goal u{display:block;height:100%;background:linear-gradient(90deg,var(--pink),var(--violet),var(--blue));text-decoration:none}.goals blockquote{margin:10px 21px 0;padding:15px;border-radius:14px;background:linear-gradient(135deg,#f6f0ff,#eef5ff);font-size:9px}.goals blockquote b{display:block;margin-bottom:4px;color:var(--violet)}
.room-shell{height:calc(100vh - 170px);min-height:610px;display:grid;grid-template-columns:minmax(0,1fr) 245px;overflow:hidden;border-radius:20px;background:#eef0f7;border:1px solid #ced5e4;box-shadow:0 22px 60px rgba(18,31,62,.12)}.whiteboard{min-width:0;display:grid;grid-template-rows:auto auto 1fr;background:#fff}.room-bar{height:54px;padding:0 15px;display:flex;align-items:center;justify-content:space-between;background:#1d2d49;color:#fff}.room-title{display:flex;align-items:center;gap:10px}.room-title .brand-mark{width:29px;height:29px}.room-title b,.room-title span{display:block}.room-title b{font-size:10px}.room-title span{color:#b5c3da;font-size:7px}.room-actions{display:flex;gap:6px}.room-actions button{padding:7px 9px;border:1px solid #425574;border-radius:8px;background:#2a3d5d;color:#dfe8f6;font-size:7px;font-weight:800}.board-tabs{height:39px;padding:0 12px;display:flex;align-items:center;gap:5px;background:#263a58;color:#b9c6da}.board-tabs span{height:29px;padding:0 10px;display:flex;align-items:center;border-radius:8px;font-size:7px;font-weight:800}.board-tabs .active{background:#39516f;color:#fff}.board{position:relative;overflow:hidden;background-color:#fbfbff;background-image:radial-gradient(#e6e8f2 .7px,transparent .7px);background-size:20px 20px}.toolrail{position:absolute;left:13px;top:15px;z-index:2;padding:7px;display:grid;gap:6px;border:1px solid #d9deea;border-radius:14px;background:#fffffff0;box-shadow:0 14px 30px rgba(25,38,68,.11)}.toolrail button{width:32px;height:32px;display:grid;place-items:center;border:0;border-radius:9px;background:transparent;color:#61708b}.toolrail .active{background:linear-gradient(135deg,var(--violet),var(--blue));color:#fff}.board>svg{position:absolute;inset:0;width:100%;height:100%}.board>svg path{fill:none;stroke:#7230e8;stroke-width:5;stroke-linecap:round}.board>svg .blue{stroke:#2c8bed;stroke-width:4}.board>svg text{fill:#1d2944;font:700 20px Manrope}.board>svg .green{fill:#19805c;font-size:15px}.board-note{position:absolute;left:44%;top:18%;width:260px;padding:17px;border:1px solid #ddd4f5;border-radius:15px;background:#fff;box-shadow:0 18px 38px rgba(42,35,82,.09);transform:rotate(-1deg)}.board-note span{color:var(--violet);font-size:8px;font-weight:800}.board-note h3{margin:5px 0 4px}.board-note p{margin:0;color:var(--muted);font-size:8px}.video-side{display:grid;grid-template-rows:auto 154px 1fr auto;gap:9px;padding:10px;background:#1b2b47;color:#fff}.waiting{padding:10px;border:1px solid #516584;border-radius:11px;background:#182741;text-align:center;font-size:8px}.waiting b{display:block}.camera-box{position:relative;overflow:hidden;border:1px solid #5a6d89;border-radius:12px;background:linear-gradient(145deg,#9d68ca,#efb5bb)}.camera-box:after{content:'Mila · camera uit';position:absolute;left:9px;bottom:8px;padding:4px 6px;border-radius:6px;background:#15233fc9;font-size:7px}.lesson-chat{display:flex;flex-direction:column;border:1px solid #465c7b;border-radius:12px;background:#182741}.lesson-chat h3{margin:0;padding:10px;border-bottom:1px solid #3e526f;font-size:9px}.lesson-chat p{margin:auto;padding:15px;text-align:center;color:#9fb0c9;font-size:7px}.lesson-chat label{margin:8px;display:flex;gap:5px}.lesson-chat input{min-width:0;flex:1;padding:7px;border:1px solid #435b7b;border-radius:7px;background:#203553;color:#fff;font-size:7px}.lesson-chat label button{width:27px;border:0;border-radius:7px;background:var(--violet);color:#fff}.video-controls{display:grid;grid-template-columns:1fr 1fr;gap:6px}.video-controls button{padding:8px;border:0;border-radius:8px;background:#2c4162;color:#d8e2f1;font-size:7px;font-weight:800}.video-controls button:last-child{grid-column:1/-1;background:linear-gradient(105deg,var(--violet),var(--blue));color:#fff}
@media(max-width:1050px){:root{--sidebar:220px}.overview-top,.overview-grid{grid-template-columns:1.25fr .75fr}.report-grid{grid-template-columns:300px 1fr}.room-shell{grid-template-columns:1fr 210px}.top-profile b{display:none}}
@media(max-width:800px){.app{display:block}.sidebar{position:fixed;left:0;right:0;bottom:0;top:auto;width:100%;height:73px;padding:8px 9px;display:block;border:0;border-top:1px solid var(--line);overflow-x:auto}.brand,.nav-label,.side-spacer,.demo-note,.account,.back-home{display:none}.nav{display:flex;gap:5px;width:max-content}.nav-btn{width:74px;height:56px;padding:5px 4px;flex-direction:column;justify-content:center;gap:2px;text-align:center;font-size:7px}.nav-btn .count{position:absolute;top:3px;right:15px;min-width:14px;height:14px}.topbar{height:62px}.demo-pill{display:none}.content{padding:22px 14px 95px}.page-intro{align-items:flex-start}.page-intro h1{font-size:24px}.overview-top,.overview-grid,.report-grid,.planning-grid{grid-template-columns:1fr}.welcome{min-height:220px}.balance{min-height:190px}.lesson-card{grid-template-columns:auto 1fr}.lesson-card .lesson-actions{grid-column:1/-1;justify-content:flex-end}.flow{grid-template-columns:1fr}.slots{grid-template-columns:repeat(2,1fr)}.messages{height:calc(100vh - 180px);grid-template-columns:1fr}.conversation-list{display:none}.room-shell{height:720px;grid-template-columns:1fr;grid-template-rows:470px 250px}.video-side{grid-template-columns:1fr 1fr;grid-template-rows:70px 150px}.lesson-chat{grid-row:1/3;grid-column:2}.video-controls{display:none}.board-note{left:28%;top:22%;width:220px}.room-actions button:nth-child(-n+2){display:none}}
@media(max-width:480px){.top-icon{display:none}.page-intro>.primary{display:none}.welcome{padding:24px}.welcome h2{font-size:25px}.balance{align-items:flex-start;flex-direction:column}.messages{margin:0 -14px;border-radius:0;border-left:0;border-right:0}.message-feed{padding:16px}.bubble{max-width:86%}.calendar-shell{padding:13px}.room-shell{margin:0 -14px;border-radius:0}.board-note{left:22%;width:200px}}