:root{--ink:#172033;--muted:#70778a;--line:#e7e9f0;--paper:#fff;--bg:#f4f5f9;--violet:#6d5dfc;--violet-dark:#5547d9;--soft-violet:#efedff;--shadow:0 18px 50px rgba(31,38,68,.09);--radius:22px}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,"Noto Sans Devanagari",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--bg)}button,input,textarea,select{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh;display:grid;grid-template-columns:104px 1fr;grid-template-rows:76px 1fr}.topbar{grid-column:1/-1;background:rgba(255,255,255,.92);backdrop-filter:blur(18px);border-bottom:1px solid var(--line);display:grid;grid-template-columns:250px 1fr 310px;align-items:center;padding:0 24px;position:sticky;top:0;z-index:10}.brand{display:flex;align-items:center;gap:11px}.brand-mark{width:42px;height:42px;border-radius:14px;background:linear-gradient(135deg,var(--violet),#9a74ff);color:#fff;display:grid;place-items:center;font-size:24px;font-weight:800;box-shadow:0 9px 24px rgba(109,93,252,.28)}.brand strong,.brand span{display:block}.brand strong{font-size:16px}.brand span{font-size:12px;color:var(--muted);letter-spacing:.04em}.lesson-title-wrap{justify-self:center;display:flex;align-items:center;gap:10px;background:#f7f7fa;border:1px solid var(--line);padding:8px 14px;border-radius:14px}.lesson-title-wrap input{border:0;outline:0;background:transparent;width:240px;text-align:center;color:var(--ink);font-weight:700}.live-dot{width:8px;height:8px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 5px rgba(34,197,94,.12)}.header-actions{display:flex;justify-content:flex-end;gap:9px}.icon-button,.ghost-button,.primary-button{border:0;border-radius:12px;height:42px;padding:0 16px;font-weight:750;transition:.2s}.icon-button{width:42px;padding:0;background:#f3f4f8;color:var(--ink);font-size:18px}.ghost-button{background:#fff;border:1px solid var(--line);color:var(--ink)}.primary-button{background:var(--violet);color:#fff;box-shadow:0 7px 16px rgba(109,93,252,.22)}.primary-button:hover{background:var(--violet-dark);transform:translateY(-1px)}.sidebar{grid-row:2;background:#fff;border-right:1px solid var(--line);padding:18px 12px;display:flex;flex-direction:column;justify-content:space-between;position:sticky;top:76px;height:calc(100vh - 76px);z-index:8}.sidebar nav{display:flex;flex-direction:column;gap:8px}.nav-item{border:0;background:transparent;color:var(--muted);padding:12px 5px;border-radius:15px;display:flex;flex-direction:column;gap:6px;align-items:center;font-size:18px}.nav-item b{font-size:11px;font-weight:700}.nav-item:hover,.nav-item.active{background:var(--soft-violet);color:var(--violet)}.sidebar-bottom{display:grid;gap:10px}.shortcut-card{display:none}.workspace{padding:22px;min-width:0}.view{display:none}.view.active{display:block}.toolstrip{min-height:64px;background:var(--paper);border:1px solid var(--line);border-radius:18px;display:flex;align-items:center;gap:16px;padding:9px 14px;margin-bottom:14px;box-shadow:0 8px 30px rgba(30,38,70,.04)}.toolgroup{display:flex;gap:5px}.tool{min-width:60px;border:0;background:transparent;padding:7px 8px;border-radius:11px;color:var(--muted);font-size:20px}.tool span{display:block;font-size:10px;font-weight:700;margin-top:2px}.tool.active,.tool:hover{background:var(--soft-violet);color:var(--violet)}.tool.small{min-width:38px;width:38px;height:38px;padding:0}.tool.danger:hover{background:#fff0f2;color:#e11d48}.divider{width:1px;height:34px;background:var(--line)}.colors{display:flex;gap:8px}.color{width:23px;height:23px;background:var(--c);border-radius:50%;border:3px solid #fff;box-shadow:0 0 0 1px #d6d9e3}.color.active{box-shadow:0 0 0 3px rgba(109,93,252,.25)}.range-wrap{display:flex;gap:7px;align-items:center;color:var(--muted);font-size:10px;font-weight:700}.range-wrap input{width:100px;accent-color:var(--violet)}.right-tools{margin-left:auto}.board-stage{height:calc(100vh - 322px);min-height:390px;border-radius:var(--radius);background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);position:relative;overflow:hidden}.board-stage.grid{background-image:linear-gradient(#e7e9f0 1px,transparent 1px),linear-gradient(90deg,#e7e9f0 1px,transparent 1px);background-size:28px 28px}#board{position:absolute;inset:0;width:100%;height:100%;touch-action:none;cursor:crosshair}.board-placeholder{position:absolute;inset:0;display:grid;place-content:center;text-align:center;pointer-events:none;transition:.2s}.board-placeholder.hidden{opacity:0}.placeholder-icon{margin:auto;width:60px;height:60px;border-radius:20px;background:var(--soft-violet);display:grid;place-items:center;color:var(--violet);font-size:28px}.board-placeholder h1{font-size:24px;margin:14px 0 4px}.board-placeholder p{margin:0;color:var(--muted)}.board-badge{position:absolute;right:14px;top:14px;padding:7px 10px;border-radius:9px;background:#f2fff7;color:#16804a;font-size:10px;font-weight:900;letter-spacing:.12em}.voice-panel{margin-top:14px;border:1px solid var(--line);background:#fff;border-radius:18px;padding:12px 14px;display:flex;align-items:center;gap:14px}.voice-info{display:flex;align-items:center;gap:11px;margin-right:auto}.mic-orb{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(135deg,#ffedf1,#f4eafe);color:#ed4d72;font-size:19px}.voice-info strong,.voice-info span{display:block}.voice-info span{font-size:12px;color:var(--muted);margin-top:2px}.voice-panel select{border:1px solid var(--line);border-radius:11px;background:#f7f7fa;padding:10px 12px;color:var(--ink)}.voice-button{height:44px;border:0;border-radius:13px;background:#182134;color:#fff;padding:0 18px;display:flex;align-items:center;gap:9px}.mic-icon{color:#ff5b77}.voice-button.listening{background:#e73960;animation:pulse 1.4s infinite}.voice-status{min-width:45px;font-size:11px;color:var(--muted)}@keyframes pulse{50%{box-shadow:0 0 0 8px rgba(231,57,96,.13)}}.section-head{display:flex;align-items:flex-end;justify-content:space-between;margin:8px 4px 20px}.eyebrow{font-size:11px;font-weight:900;letter-spacing:.14em;color:var(--violet)}.section-head h1{font-size:34px;margin:6px 0 4px}.section-head p{margin:0;color:var(--muted)}.head-actions,.button-row{display:flex;gap:8px}.notes-grid{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:18px}.editor-card,.lesson-plan,.feature-card,.shortcuts{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.editor-card{overflow:hidden}.editor-toolbar{height:54px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:6px;padding:0 14px}.editor-toolbar button{border:0;background:#f4f5f8;border-radius:9px;height:32px;padding:0 11px}.editor-toolbar span{margin-left:auto;font-size:12px;color:var(--muted)}#notes{border:0;outline:0;resize:none;width:100%;height:calc(100vh - 270px);min-height:470px;padding:24px;color:var(--ink);font-size:17px;line-height:1.75;background:transparent}.lesson-plan{padding:20px}.plan-head{display:flex;justify-content:space-between;align-items:center;font-weight:800;margin-bottom:16px}.plan-head button{border:0;background:none;color:var(--violet);font-size:12px}.lesson-plan label{display:block;font-size:12px;font-weight:800;margin:14px 0;color:var(--muted)}.lesson-plan input,.lesson-plan textarea{display:block;width:100%;border:1px solid var(--line);border-radius:11px;margin-top:6px;padding:11px;outline:0;color:var(--ink);background:#fafafe}.lesson-plan textarea{min-height:80px;resize:vertical}.tools-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.feature-card{padding:20px;min-height:245px}.feature-card h2{font-size:17px;margin:12px 0}.feature-card p{color:var(--muted);line-height:1.6}.feature-icon{width:43px;height:43px;border-radius:13px;display:grid;place-items:center;font-weight:900}.violet{color:#6d5dfc;background:#efedff}.coral{color:#eb526e;background:#fff0f2}.amber{color:#c77800;background:#fff6de}.green{color:#07875a;background:#e9fff4}.blue{color:#2772d8;background:#eaf3ff}.pink{color:#bc4ec5;background:#faeefd}#timerDisplay{font-size:44px;font-weight:850;font-variant-numeric:tabular-nums;letter-spacing:-.03em;margin:14px 0}#timerMinutes{width:64px;border:1px solid var(--line);padding:8px;border-radius:9px;margin-bottom:12px}.feature-card textarea{width:100%;height:75px;resize:none;border:1px solid var(--line);border-radius:11px;padding:10px;outline:0}.wide{width:100%;margin-top:10px}.result-pill{margin-top:10px;background:#f6f5ff;border-radius:10px;text-align:center;padding:10px;color:var(--violet);font-weight:800}.question-box{min-height:82px;border-left:3px solid #f59e0b;background:#fffbef;border-radius:0 11px 11px 0;padding:14px;line-height:1.5}.check{display:flex;gap:9px;align-items:center;padding:8px 0;color:var(--muted);font-size:14px}.check input{accent-color:var(--violet)}.steps{display:grid;gap:12px}.steps article{background:#fff;border:1px solid var(--line);border-radius:18px;padding:17px 20px;display:flex;gap:18px;align-items:flex-start}.steps article>span{min-width:48px;height:48px;border-radius:15px;background:var(--soft-violet);color:var(--violet);display:grid;place-items:center;font-weight:900}.steps h2{font-size:17px;margin:2px 0 4px}.steps p{color:var(--muted);margin:0;line-height:1.6}.shortcuts{margin-top:16px;padding:20px}.shortcuts h2{font-size:17px;margin-top:0}.shortcuts>div{display:flex;gap:24px;flex-wrap:wrap;color:var(--muted);font-size:13px}kbd{background:#eff0f4;border:1px solid #d9dce5;border-bottom-width:2px;border-radius:5px;padding:2px 6px;color:var(--ink)}.toast{position:fixed;left:50%;bottom:24px;z-index:50;transform:translate(-50%,120px);opacity:0;background:#172033;color:#fff;border-radius:13px;padding:12px 18px;box-shadow:0 14px 35px rgba(0,0,0,.22);transition:.3s}.toast.show{transform:translate(-50%,0);opacity:1}.dark{--ink:#f1f3f8;--muted:#a5adbd;--line:#31394a;--paper:#1b2231;--bg:#121722;--soft-violet:#302b5b;--shadow:0 18px 50px rgba(0,0,0,.25)}.dark .topbar,.dark .sidebar,.dark .voice-panel,.dark .board-stage,.dark .editor-card,.dark .lesson-plan,.dark .feature-card,.dark .steps article,.dark .shortcuts{background:#1b2231}.dark .lesson-title-wrap,.dark .editor-toolbar button,.dark .icon-button,.dark .voice-panel select,.dark .lesson-plan input,.dark .lesson-plan textarea{background:#252d3d}.dark #boardStage{background-color:#fff}.focus .topbar,.focus .sidebar,.focus .toolstrip,.focus .voice-panel{display:none}.focus .app-shell{display:block}.focus .workspace{padding:0}.focus .board-stage{height:100vh;border:0;border-radius:0}.focus .board-badge{display:none}@media(max-width:950px){.topbar{grid-template-columns:1fr auto}.lesson-title-wrap{display:none}.tools-grid{grid-template-columns:repeat(2,1fr)}.notes-grid{grid-template-columns:1fr}.lesson-plan{order:-1}.board-stage{height:52vh}.range-wrap{display:none}}@media(max-width:680px){.app-shell{grid-template-columns:1fr;grid-template-rows:68px 1fr 68px}.topbar{padding:0 12px}.brand span{display:none}.header-actions .icon-button:first-child{display:none}.header-actions .primary-button{padding:0 11px;font-size:12px}.sidebar{position:fixed;left:8px;right:8px;bottom:8px;top:auto;height:62px;border:1px solid var(--line);border-radius:18px;padding:5px;z-index:20;box-shadow:var(--shadow)}.sidebar nav{display:grid;grid-template-columns:repeat(4,1fr)}.sidebar-bottom{display:none}.nav-item{padding:5px}.nav-item span{font-size:16px}.workspace{padding:12px 12px 84px}.toolstrip{overflow-x:auto;gap:10px}.colors{min-width:147px}.tool span,.divider{display:none}.board-stage{min-height:380px}.voice-info span,.voice-status{display:none}.voice-panel{gap:7px}.voice-panel select{max-width:100px}.voice-button b{font-size:0}.voice-button b:after{content:'माइक';font-size:12px}.section-head{align-items:flex-start;gap:14px}.section-head h1{font-size:27px}.head-actions{flex-direction:column}.tools-grid{grid-template-columns:1fr}.feature-card{min-height:0}}