/* Кабинеты демо используют палитру и структуру рабочего пространства «Преподаю». */
.product-device-stage .product-demo{min-height:0;transform:none!important}.try-demo{color:#181b33;background:#f4f5fc;min-width:0;font-family:Manrope,sans-serif;text-align:left}.try-demo-viewport{width:100%;overflow:hidden;position:relative}.try-demo-app{height:620px;display:grid;grid-template-columns:205px minmax(0,1fr);transform-origin:top left;font-size:15px;line-height:1.5;background:#f4f5fc}.try-demo-app *{box-sizing:border-box}.try-demo-app h3{font:800 23px/1.3 Manrope,sans-serif;margin:8px 0 12px;letter-spacing:-.04em;color:inherit}.try-demo-app h4{font-size:16px;margin:20px 0 10px}.try-demo-app p{font-size:14px;line-height:1.6;margin:10px 0 17px;color:inherit}.try-demo-app small{display:block;font-size:12px;color:#798099}.try-demo-app button{font:700 13px/1.4 Manrope,sans-serif;cursor:pointer;border:1px solid #dce0ec;border-radius:10px;background:#fff;color:#292544;padding:11px 15px;min-height:42px;transition:background .15s}.try-demo-app button:hover{background:#e9e6ff}.try-demo-app button:disabled{opacity:.45;cursor:default}.try-demo button:focus-visible{outline:3px solid #6754ee;outline-offset:2px}.try-demo-app button.try-primary{background:#d9ff5e;border-color:#d9ff5e;color:#16192f}.try-sidebar{background:#12152e;color:#fff;padding:20px 12px;display:flex;flex-direction:column}.try-sidebar>strong{display:flex;align-items:center;gap:10px;font-size:20px}.try-sidebar>strong b{display:grid;place-items:center;background:#6154ee;border-radius:12px;width:39px;height:39px;color:#fff}.try-sidebar>small{font-size:10px;color:#a6acc8;margin:12px 8px}.try-sidebar nav{display:grid;gap:6px;margin:22px 0;flex:1;align-content:start}.try-sidebar nav button{border:0;background:transparent;color:#afb6d0;display:flex;align-items:center;gap:10px;text-align:left;padding:12px 10px}.try-sidebar nav button[aria-current=page]{background:#302a68;color:#fff;box-shadow:inset 3px 0 #79e9fc}.try-sidebar nav i{font-style:normal;width:21px;text-align:center}.try-main{min-width:0;display:flex;flex-direction:column;height:620px}.try-app-head{display:flex;align-items:center;gap:12px;flex-shrink:0;padding:16px 25px;border-bottom:1px solid #e1e5ef;height:65px}.try-app-head>strong{font-size:21px;margin-right:auto}.try-chip{display:inline-flex;padding:5px 10px;border-radius:99px;background:#e9e6ff;color:#5f50cb;font-size:11px;font-weight:700;white-space:nowrap;margin-right:4px}.try-content{padding:23px;overflow:auto;min-height:0;flex:1;overscroll-behavior:contain;scrollbar-width:thin}.try-next{background:linear-gradient(120deg,#13162f,#292a62);color:#fff;border-radius:20px;padding:23px;margin-bottom:18px}.try-next small{color:#7eeaff}.try-next h3{font-size:30px}.try-next button:not(.try-primary){color:#fff;background:#ffffff15;border-color:#ffffff30}.try-row{display:flex;align-items:center;gap:10px;justify-content:space-between;flex-wrap:wrap}.try-card{border:1px solid #e1e4ef;background:#fff;border-radius:17px;padding:20px;margin:14px 0}.try-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.try-metrics article{background:white;border-radius:16px;padding:17px;border:1px solid #e5e6f0}.try-metrics strong{font-size:32px;display:block;color:#5c50dd}.try-metrics span{font-size:11px;color:#737b95}.try-week{display:grid;grid-template-columns:repeat(7,1fr);gap:7px;margin:20px 0}.try-week button{padding:10px 5px}.try-week b{display:block;font-size:21px}.try-week button[aria-pressed=true],.try-board-tools button[aria-pressed=true],.try-answers button[aria-pressed=true]{background:#6355ef;color:#fff;border-color:#6355ef}.try-week button[aria-pressed=true] small{color:white}.try-demo-app label{display:grid;gap:7px;font-size:13px;font-weight:700;margin:10px 0}.try-demo-app input,.try-demo-app textarea{font:400 14px/1.5 Manrope,sans-serif;padding:12px;border:1px solid #d8deef;border-radius:10px;min-width:0;width:100%;background:#fafbff;color:#14182d}.try-demo-app textarea{resize:vertical}.try-demo-app progress{width:100%;accent-color:#6354ee}.try-avatar{display:grid;place-items:center;width:45px;height:45px;background:#e7e3ff;color:#6355db;border-radius:15px;font-weight:800;flex-shrink:0}.try-chat-head{display:flex;gap:12px;align-items:center;padding-bottom:12px;border-bottom:1px solid #dfe2ee}.try-messages{height:290px;overflow:auto;padding:14px 0;overscroll-behavior:contain}.try-message{background:#fff;padding:12px 15px;border-radius:14px;margin:10px 25px 10px 0;max-width:85%;overflow-wrap:anywhere}.try-message p{margin:5px 0;font-size:14px}.try-message small{font-size:10px}.try-message--own{background:#2b325a;color:#fff;margin-left:auto;margin-right:0}.try-message--own small{color:#b9c6e6}.try-compose{display:flex;gap:8px;padding-top:10px}.try-compose button{background:#6554eb;color:white;min-width:44px}.try-room-status{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.try-stage-tabs{display:flex;gap:5px;overflow:auto;margin-bottom:14px;scrollbar-width:thin}.try-stage-tabs button,.try-stage-tabs>span{padding:8px 10px;white-space:nowrap;font-size:11px;border-radius:8px;flex-shrink:0}.try-stage-tabs [aria-current=step]{background:#6555ea;color:#fff}.try-stage{margin-bottom:14px}.try-intro,.try-practice{padding:23px;background:#fff;border:1px solid #e1e3ef;border-radius:17px;min-height:210px}.try-slide{display:flex;flex-direction:column;justify-content:center;min-height:270px;border-radius:14px;background:linear-gradient(135deg,#6552d8,#38275f);padding:28px;color:#fff}.try-slide small{color:#d9ff5e}.try-slide h3{font-size:40px;overflow-wrap:anywhere}.try-slide p{font-size:18px}.try-slide-controls{justify-content:center;margin-top:10px}.try-board-tools{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}.try-board-tools button{font-size:11px;padding:7px 11px;min-height:36px}.try-canvas{display:block;width:100%;height:250px;background:white;border:1px solid #d9ddeb;border-radius:14px;touch-action:none;cursor:crosshair}.try-answers{display:flex;gap:8px;margin:20px 0;flex-wrap:wrap}.try-demo-footer{display:flex;align-items:center;gap:10px;padding:10px 12px;background:#171a30;color:#b7bed4;font:500 9px/1.5 Manrope,sans-serif;min-height:40px}.try-demo-footer>span{margin-right:auto}.try-demo-footer button{border:0;background:transparent;color:#d9ff5e;font:700 10px/1.5 Manrope,sans-serif;padding:6px;cursor:pointer}.try-demo--student .try-demo-app{height:720px;display:flex;flex-direction:column}.try-demo--student .try-main{height:auto;min-height:0;flex:1}.try-demo--student .try-app-head{padding:15px;height:62px}.try-demo--student .try-app-head>strong{font-size:19px}.try-demo--student .try-content{padding:16px}.try-demo--student .try-next h3{font-size:25px}.try-demo--student .try-messages{height:390px}.try-demo--student .try-stage-tabs{gap:4px}.try-demo--student .try-stage-tabs>span{font-size:10px;padding:7px}.try-demo--student .try-intro,.try-demo--student .try-practice{padding:18px}.try-demo--student .try-slide h3{font-size:29px}.try-student-nav{display:flex;gap:4px;padding:7px;background:#fff;border-top:1px solid #e1e3ec}.try-student-nav button{flex:1;border:0;font-size:11px;padding:7px;min-height:52px}.try-student-nav i{display:block;font-size:20px;font-style:normal}.try-student-nav button[aria-current=page]{color:#6152e7;background:#eeebff}.product-phone .phone-hardware{padding:18px 0 0;aspect-ratio:auto}.product-phone .phone-status{padding:0 12px;margin-bottom:5px}.product-phone .try-demo-footer>span{display:none}.product-phone .try-demo-footer{padding:2px 4px;min-height:25px}.product-phone .try-demo-footer button{font-size:7px}.real-session{min-width:0;align-self:center}.try-dialog{padding:45px 0 0;width:min(1180px,96vw);max-width:96vw;border:1px solid #555276;border-radius:20px;background:#171a30;max-height:96dvh;overflow:auto}.try-dialog::backdrop{background:#101126df;backdrop-filter:blur(8px)}.try-dialog-close{position:absolute;right:10px;top:7px;width:32px;height:32px;border-radius:9px;border:1px solid #777999;background:transparent;color:white;cursor:pointer}.try-dialog .try-demo--student{max-width:420px;margin:auto}.try-demo-modal{overflow:hidden}.try-demo--expanded .try-demo-footer{font-size:11px}.try-demo--expanded .try-demo-footer button{font-size:12px}
@media(max-width:700px){.product-device-stage{display:flex;flex-direction:column;padding-bottom:0!important}.product-phone{position:relative;left:auto;bottom:auto;align-self:flex-end;width:190px;margin:15px 8px 0}.try-demo-footer{font-size:8px;padding:6px}.try-demo-footer button{font-size:9px}.try-dialog{width:98vw;max-width:98vw}.try-dialog .try-demo:not(.try-demo--student) .try-demo-app{width:100%!important;height:auto;min-height:550px;grid-template-columns:1fr;transform:none!important}.try-dialog .try-demo:not(.try-demo--student) .try-demo-viewport{height:80dvh!important;overflow:auto}.try-dialog .try-sidebar{padding:10px}.try-dialog .try-sidebar>strong,.try-dialog .try-sidebar>small{display:none}.try-dialog .try-sidebar nav{display:flex;overflow:auto;flex:none;margin:0;gap:5px}.try-dialog .try-sidebar nav button{padding:10px;min-width:max-content;font-size:12px}.try-dialog .try-sidebar nav i{display:none}.try-dialog .try-main{height:calc(80dvh - 65px);min-height:420px}.try-dialog .try-content{padding:14px}.try-dialog .try-app-head{height:55px;padding:12px 15px}.try-dialog .try-app-head strong{font-size:18px}.try-dialog .try-next h3{font-size:25px}.try-dialog .try-slide h3{font-size:29px}.try-dialog .try-week{gap:3px}.try-dialog .try-week button{padding:10px 3px;font-size:11px}.try-dialog .try-week small{font-size:9px}.try-dialog .try-metrics{gap:5px}.try-dialog .try-metrics article{padding:10px}.try-dialog .try-demo-app button{padding:10px}.try-dialog .try-stage-tabs button{font-size:10px}}
@media(prefers-reduced-motion:reduce){.try-demo *{transition:none!important}}
/* Глобальное оформление main лендинга не должно попадать внутрь мини-кабинетов. */
.public-page .try-demo .try-main{padding:0!important;margin:0!important;min-width:0;overflow:hidden!important;background:#f4f5fc}
.try-demo-app>.try-sidebar{min-width:0}.try-sidebar nav{min-width:0;max-width:100%}.try-chat-head>div{min-width:0}.try-content{min-width:0}
@media(max-width:700px){.try-dialog .try-demo:not(.try-demo--student) .try-demo-app{grid-template-columns:minmax(0,1fr)}.try-dialog .try-sidebar{max-width:100%}.try-dialog .try-main{width:100%}.try-dialog .try-content{width:100%}}