:root{--navy:#10233f;--ink:#152136;--muted:#66738a;--paper:#f2f5f9;--white:#fff;--line:#d8e0eb;--yellow:#ffd447;--aqua:#38d6bd;--blue:#3975ec;--green:#148a68;--red:#c63d49;--shadow:0 14px 36px rgba(16,35,63,.10)}*{box-sizing:border-box}html{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--paper)}body{margin:0;min-width:320px;overflow-x:hidden}button,input{font:inherit}.topbar{height:66px;background:var(--navy);color:white;display:flex;align-items:center;justify-content:space-between;padding:0 28px;position:sticky;top:0;z-index:20}.brand{display:flex;align-items:center;gap:10px;color:white;text-decoration:none;font-weight:820;font-size:1.08rem}.brand b{color:var(--yellow)}.brand-mark{display:grid;place-items:center;width:35px;height:35px;background:var(--yellow);color:var(--navy);font-weight:950;border-radius:8px;transform:rotate(-3deg);box-shadow:3px 3px 0 var(--blue)}.top-progress{display:flex;align-items:center;gap:12px;font-size:.82rem}.header-progress{width:130px;height:7px;background:rgba(255,255,255,.17);border-radius:20px;overflow:hidden}.header-progress span{display:block;height:100%;background:var(--aqua);transition:width .25s}.xp-pill{padding:7px 11px;border:1px solid rgba(255,255,255,.2);border-radius:20px}.xp-pill strong{color:var(--yellow)}
.lab-shell{min-height:calc(100vh - 66px);display:grid;grid-template-columns:250px minmax(600px,1fr) 270px;max-width:1800px;margin:auto}.lesson-panel,.check-panel{background:white;padding:26px 18px;position:sticky;top:66px;height:calc(100vh - 66px);overflow:auto}.lesson-panel{border-right:1px solid var(--line)}.check-panel{border-left:1px solid var(--line)}.panel-heading{padding:0 8px 20px;border-bottom:1px solid var(--line)}.panel-heading p,.side-label,.kicker,.instruction-label,.skill-card p{margin:0;color:var(--blue);font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;font-weight:850}.panel-heading h1{margin:4px 0;font-size:1.4rem;letter-spacing:-.03em}.panel-heading span{color:var(--muted);font-size:.78rem}.lesson{width:100%;border:0;background:transparent;padding:11px 8px;display:grid;grid-template-columns:30px 1fr;gap:9px;text-align:left;align-items:center;border-radius:9px;cursor:pointer;margin:3px 0}.lesson:hover{background:var(--paper)}.lesson.active{background:#eaf0ff;color:#174fab}.lesson>span{width:27px;height:27px;border-radius:50%;border:1px solid var(--line);display:grid;place-items:center;font-size:.72rem;font-weight:800}.lesson.active>span{background:var(--blue);color:white;border-color:var(--blue)}.lesson.complete>span{background:var(--green);color:white;border-color:var(--green)}.lesson strong{font-size:.79rem;line-height:1.25;display:block}.lesson small{font-size:.68rem;color:var(--muted)}.reset-link{margin:18px 8px;border:0;background:transparent;color:var(--muted);font-size:.75rem;text-decoration:underline;cursor:pointer}
.practice-stage{padding:30px clamp(20px,3vw,48px) 36px;min-width:0}.mission-intro{display:flex;justify-content:space-between;gap:25px;align-items:flex-start}.mission-intro h2{font-size:clamp(1.8rem,3vw,2.6rem);line-height:1;letter-spacing:-.045em;margin:6px 0 10px}.mission-intro>div>p:last-child{color:var(--muted);line-height:1.5;max-width:680px;margin:0}.mission-score{text-align:right;min-width:90px}.mission-score strong{font-size:1.5rem;display:block}.mission-score span{font-size:.7rem;color:var(--muted)}.instruction-card{margin:22px 0 8px;background:var(--navy);color:white;border-radius:12px;padding:16px 18px;display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:14px;box-shadow:5px 5px 0 var(--yellow)}.instruction-number{width:32px;height:32px;border-radius:50%;background:var(--yellow);color:var(--navy);display:grid;place-items:center;font-weight:900}.instruction-label{color:var(--aqua);margin-bottom:3px}.instruction-card p{margin:0}.hint-button{border:1px solid rgba(255,255,255,.35);background:transparent;color:white;border-radius:8px;padding:8px 13px;cursor:pointer}.hint-text{background:#fff8d8;border-left:4px solid var(--yellow);margin:12px 0;padding:11px 14px;font-size:.85rem}
.sheet{margin-top:20px;border:1px solid #b8c4d3;background:white;border-radius:10px;overflow:hidden;box-shadow:var(--shadow)}.sheet-titlebar{height:42px;background:#e9f4ef;display:flex;align-items:center;gap:9px;padding:0 14px;border-bottom:1px solid var(--line);font-size:.83rem}.sheet-icon{background:#188660;color:white;width:25px;height:25px;border-radius:5px;display:grid;place-items:center}.saved-state{margin-left:auto;color:var(--muted);font-size:.7rem}.toolbar{min-height:47px;display:flex;align-items:center;gap:4px;padding:6px 9px;border-bottom:1px solid var(--line);overflow-x:auto}.toolbar button{white-space:nowrap;border:1px solid transparent;background:white;min-width:30px;height:32px;border-radius:5px;cursor:pointer;font-size:.75rem;color:#28364a}.toolbar button:hover{background:#e9eef6;border-color:#cbd5e2}.tool-separator{height:25px;width:1px;background:var(--line);margin:0 3px}.formula-row{display:grid;grid-template-columns:82px 36px 1fr auto;min-height:38px;border-bottom:1px solid var(--line)}.formula-row input{border:0;padding:7px 9px;min-width:0;outline:0}.formula-row input:focus{box-shadow:inset 0 0 0 2px var(--blue)}#nameBox{border-right:1px solid var(--line);text-transform:uppercase}.formula-symbol{display:grid;place-items:center;font-style:italic;color:var(--muted);border-right:1px solid var(--line)}#applyFormula{border:0;background:#e8eef8;color:var(--navy);padding:0 15px;font-weight:750;cursor:pointer}.grid-wrap{overflow:auto;max-height:390px}.spreadsheet{border-collapse:collapse;table-layout:fixed;min-width:760px;width:100%;font-family:Arial,sans-serif;font-size:.8rem}.spreadsheet th,.spreadsheet td{border:1px solid #d5dbe4;height:32px;padding:5px 7px;min-width:92px}.spreadsheet thead th,.row-head{background:#f1f3f6;color:#4b5668;font-weight:500;text-align:center}.spreadsheet .corner,.row-head{min-width:38px;width:38px}.spreadsheet td{cursor:cell;white-space:nowrap;overflow:hidden}.spreadsheet td.selected{background:#e7f2ff;box-shadow:inset 0 0 0 1px var(--blue)}.spreadsheet .selected-head{background:#dce6f5;color:#164c9b}.spreadsheet td.bold{font-weight:800}.spreadsheet td.wrap{white-space:normal;height:auto}.spreadsheet td.stripe{background:#eef8f4}.spreadsheet td.selected.stripe{background:#dff1ff}.spreadsheet tr.frozen-row td,.spreadsheet tr.frozen-row th{border-bottom:3px solid var(--blue)}.hidden-row{display:none}.sheet-tabs{height:37px;background:#f6f8fa;display:flex;align-items:center;gap:20px;padding-left:50px;font-size:.76rem}.active-tab{height:100%;padding:10px 8px 6px;border-bottom:3px solid #16845e;color:#12684d;font-weight:700}
.spreadsheet td.conditional{background:#ffe4e7;color:#9a2530;font-weight:800}.cell-select{width:100%;border:0;background:#eaf0ff;color:#183e78;padding:3px;font-size:.75rem}.chart-area{border-top:1px solid var(--line);padding:14px 18px;background:#fbfcfe}.chart-area>p{font-size:.78rem;font-weight:800;margin:0 0 10px}.bars{display:grid;gap:7px}.bar-row{display:grid;grid-template-columns:70px 1fr 50px;align-items:center;gap:8px;font-size:.7rem}.bar-row i{display:block;height:14px;background:linear-gradient(90deg,var(--blue),var(--aqua));border-radius:2px}.bar-row b{text-align:right}
.stage-footer{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:18px;color:var(--muted);font-size:.75rem}.stage-footer>div{display:flex;gap:8px}.primary-button,.secondary-button{border-radius:8px;padding:10px 14px;font-weight:750;cursor:pointer}.primary-button{border:0;background:var(--navy);color:white}.primary-button:disabled{background:#cdd5df;color:#778293;cursor:not-allowed}.secondary-button{border:1px solid var(--line);background:white;color:var(--ink)}.check-panel h2{font-size:1.22rem;margin:6px 0 18px}.check-item{display:grid;grid-template-columns:29px 1fr;gap:9px;align-items:start;padding:12px 0;border-bottom:1px solid var(--line);color:var(--muted)}.check-item>span{width:26px;height:26px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;font-size:.72rem;font-weight:800}.check-item p{margin:3px 0;font-size:.8rem;line-height:1.35}.check-item.current{color:var(--ink)}.check-item.current>span{border-color:var(--blue);color:var(--blue)}.check-item.done{color:var(--green)}.check-item.done>span{background:var(--green);border-color:var(--green);color:white}.feedback-card{margin:20px 0;background:#eef3fa;border-radius:10px;padding:14px;display:grid;grid-template-columns:24px 1fr;gap:8px;color:var(--muted)}.feedback-card.success{background:#e9f8f3;color:#09694e}.feedback-card p{margin:0;font-size:.78rem;line-height:1.4}.skill-card{margin-top:24px;border:1px solid var(--line);border-radius:10px;padding:14px}.skill-card strong{display:block;margin:5px 0}.skill-card span{font-size:.75rem;line-height:1.45;color:var(--muted)}.toast{position:fixed;left:50%;bottom:22px;z-index:40;transform:translate(-50%,25px);opacity:0;background:var(--navy);color:white;border-radius:9px;padding:12px 18px;box-shadow:var(--shadow);pointer-events:none;transition:.22s}.toast.show{opacity:1;transform:translate(-50%,0)}.toast.error{background:var(--red)}
@media(max-width:1180px){.lab-shell{grid-template-columns:215px minmax(560px,1fr)}.check-panel{grid-column:1/-1;position:static;height:auto;border-left:0;border-top:1px solid var(--line);display:grid;grid-template-columns:180px 1fr 220px;gap:20px}.check-panel h2{display:none}#taskChecklist{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.check-item{border:0}.feedback-card,.skill-card{margin:0}}
@media(max-width:820px){.top-progress .progress-label,.header-progress{display:none}.lab-shell{display:block}.lesson-panel{position:static;height:auto;border-right:0;border-bottom:1px solid var(--line);padding:14px;overflow-x:auto}.panel-heading{display:none}#lessonList{display:flex;gap:6px;min-width:max-content}.lesson{width:165px;border:1px solid var(--line);margin:0}.reset-link{display:none}.practice-stage{padding:22px 14px}.check-panel{display:block;padding:22px 16px}.check-panel h2{display:block}#taskChecklist{display:block}.mission-score{display:none}.stage-footer{align-items:flex-start;flex-direction:column}.stage-footer>div{width:100%}.stage-footer button{flex:1}.instruction-card{grid-template-columns:32px 1fr}.hint-button{grid-column:2;width:max-content}.saved-state{display:none}.grid-wrap{max-height:330px}.formula-row{grid-template-columns:68px 32px minmax(170px,1fr) auto}}
.app-switcher{display:flex;align-items:center;gap:4px;background:rgba(255,255,255,.1);padding:4px;border-radius:9px}.app-switcher a{color:#cfdaea;text-decoration:none;padding:7px 12px;border-radius:6px;font-size:.78rem;font-weight:750}.app-switcher a:hover{color:white}.app-switcher a.active{background:white;color:var(--navy)}
.doc-shell{min-height:calc(100vh - 66px);display:grid;grid-template-columns:250px minmax(600px,1fr) 270px;max-width:1800px;margin:auto}.doc-stage{padding:30px clamp(20px,3vw,48px) 36px;min-width:0}.doc-window{margin-top:20px;border:1px solid #b8c4d3;background:#edf1f6;border-radius:10px;overflow:hidden;box-shadow:var(--shadow)}.doc-titlebar{height:43px;background:white;display:flex;align-items:center;gap:9px;padding:0 14px;border-bottom:1px solid var(--line);font-size:.83rem}.doc-icon{background:#4385ef;color:white;width:25px;height:25px;border-radius:5px;display:grid;place-items:center}.doc-toolbar{min-height:48px;display:flex;align-items:center;gap:4px;padding:6px 9px;border-bottom:1px solid var(--line);background:white;overflow-x:auto}.doc-toolbar button,.doc-toolbar select{white-space:nowrap;border:1px solid transparent;background:white;height:32px;border-radius:5px;cursor:pointer;font-size:.76rem;color:#28364a;padding:0 9px}.doc-toolbar button:hover,.doc-toolbar select:hover{background:#e9eef6;border-color:#cbd5e2}.doc-toolbar select{border-color:var(--line);min-width:105px}.doc-ruler{height:22px;background:#f8f9fb;border-bottom:1px solid var(--line);position:relative}.doc-ruler:after{content:"";display:block;margin:auto;width:min(720px,88%);height:100%;background:repeating-linear-gradient(90deg,transparent 0 35px,#c5ccd7 36px 37px)}.page-wrap{padding:30px 16px 42px;overflow:auto;max-height:570px}.doc-page{width:min(720px,100%);min-height:690px;margin:auto;background:white;box-shadow:0 3px 14px rgba(28,39,58,.16);padding:64px 76px;outline:0;line-height:1.55;font-family:Arial,sans-serif;font-size:1rem}.doc-page:focus{box-shadow:0 3px 14px rgba(28,39,58,.16),0 0 0 2px #8ab4f8}.doc-page p,.doc-page h1,.doc-page h2,.doc-page h3,.doc-page ul,.doc-page ol{margin:0 0 14px}.doc-page h1{font-size:2rem;line-height:1.2}.doc-page h2{font-size:1.42rem;line-height:1.25}.doc-page h3{font-size:1.1rem}.doc-page .doc-title{font-size:2.25rem;line-height:1.15;font-weight:500;color:#24364e}.doc-page [data-block]{border-radius:3px;position:relative}.doc-page [data-block].active-block{outline:2px solid #8ab4f8;outline-offset:3px}.doc-page table{width:100%;border-collapse:collapse;margin:14px 0}.doc-page th,.doc-page td{border:1px solid #8b95a3;padding:8px;text-align:left}.doc-page th{background:#eaf0ff}.doc-page .doc-image{height:130px;background:linear-gradient(135deg,#dce8fb,#c8f2e9);display:grid;place-items:center;color:#31527a;border:1px solid #a8bad2;border-radius:6px;margin:14px 0;font-weight:750}.doc-page .toc{background:#f5f7fa;border-left:4px solid var(--blue);padding:12px 16px;margin:14px 0}.doc-page .commented{background:#fff1a8}.doc-page .commented:after{content:"Comment";position:absolute;left:calc(100% + 12px);top:0;background:#fff8d8;border:1px solid #e4c956;padding:5px 8px;font-size:.7rem;white-space:nowrap}.doc-page .suggested{color:#147a5b;text-decoration:underline;text-decoration-style:dotted}.doc-page .doc-header{position:absolute;top:22px;left:76px;color:#6c7788;font-size:.72rem}.doc-page .page-number{position:absolute;bottom:24px;right:76px;color:#6c7788;font-size:.72rem}.doc-page{position:relative}.editor-status{height:34px;padding:8px 14px;background:white;border-top:1px solid var(--line);font-size:.72rem;color:var(--muted);display:flex;justify-content:space-between}.doc-mode{color:var(--green);font-weight:750}.template-chip{display:inline-block;background:#e9f8f3;color:#0a7255;padding:3px 7px;border-radius:12px;font-size:.7rem;font-weight:750}
@media(max-width:1180px){.doc-shell{grid-template-columns:215px minmax(560px,1fr)}.doc-shell .check-panel{grid-column:1/-1;position:static;height:auto;border-left:0;border-top:1px solid var(--line);display:grid;grid-template-columns:180px 1fr 220px;gap:20px}}
@media(max-width:820px){.app-switcher{order:3;position:absolute;top:66px;left:0;right:0;border-radius:0;background:#dfe7f1;justify-content:center}.app-switcher a{color:var(--navy)}.app-switcher a.active{background:var(--navy);color:white}.doc-shell{display:block;padding-top:46px}.doc-shell .lesson-panel{position:static;height:auto}.doc-stage{padding:22px 10px}.doc-shell .check-panel{display:block}.page-wrap{padding:18px 8px}.doc-page{padding:48px 32px;min-height:600px}.doc-page .doc-header{left:32px}.doc-page .page-number{right:32px}.doc-page .commented:after{position:static;margin-left:8px}.doc-toolbar{padding:6px}.topbar{padding:0 14px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}
.slides-shell{min-height:calc(100vh - 66px);display:grid;grid-template-columns:250px minmax(620px,1fr) 270px;max-width:1800px;margin:auto}.slides-stage{padding:30px clamp(20px,3vw,48px) 36px;min-width:0}.slides-window{margin-top:20px;border:1px solid #b8c4d3;background:#e8ebf0;border-radius:10px;overflow:hidden;box-shadow:var(--shadow)}.slides-titlebar{height:43px;background:white;display:flex;align-items:center;gap:9px;padding:0 14px;border-bottom:1px solid var(--line);font-size:.83rem}.slides-icon{background:#f5a623;color:white;width:25px;height:25px;border-radius:5px;display:grid;place-items:center}.slides-toolbar{min-height:48px;display:flex;align-items:center;gap:4px;padding:6px 9px;border-bottom:1px solid var(--line);background:white;overflow-x:auto}.slides-toolbar button{white-space:nowrap;border:1px solid transparent;background:white;height:32px;border-radius:5px;cursor:pointer;font-size:.75rem;color:#28364a;padding:0 9px}.slides-toolbar button:hover{background:#fff3df;border-color:#e4c58e}.deck-workspace{display:grid;grid-template-columns:125px 1fr;min-height:490px}.filmstrip{background:#f7f8fa;border-right:1px solid #cbd2dc;padding:14px 10px;overflow-y:auto;max-height:540px}.slide-thumb{width:100%;aspect-ratio:16/9;background:white;border:2px solid transparent;border-radius:4px;margin-bottom:12px;padding:8px;box-shadow:0 1px 4px rgba(0,0,0,.12);cursor:pointer;position:relative;font-size:.45rem;overflow:hidden}.slide-thumb.active{border-color:#f5a623}.slide-thumb:before{content:attr(data-number);position:absolute;left:-2px;top:-2px;background:#27364b;color:white;border-radius:0 0 4px 0;padding:2px 4px}.canvas-wrap{padding:34px 24px 18px;display:flex;flex-direction:column;align-items:center;min-width:0}.slide-canvas{width:min(760px,100%);aspect-ratio:16/9;background:white;box-shadow:0 4px 18px rgba(23,32,47,.18);position:relative;overflow:hidden;color:#1e293b}.slide-canvas.theme-blue{background:linear-gradient(135deg,#102b50 0 28%,#f7fbff 28%);color:#10233f}.slide-canvas.theme-blue .slide-element:first-child{color:white}.slide-canvas.theme-sunrise{background:linear-gradient(155deg,#fff 0 62%,#ffd568 62% 77%,#f59f45 77%);color:#39230e}.slide-element{position:absolute;padding:8px;outline:0;border:2px solid transparent;min-width:90px}.slide-element.active-object{border-color:#4285f4}.slide-title{left:9%;right:9%;top:26%;font-size:clamp(1.35rem,3vw,2.7rem);font-weight:700;text-align:center}.slide-subtitle{left:14%;right:14%;top:53%;font-size:clamp(.7rem,1.4vw,1.2rem);text-align:center;color:#617087}.slide-heading{left:7%;right:7%;top:7%;font-size:clamp(1.1rem,2.2vw,2rem);font-weight:700}.slide-body{left:9%;right:9%;top:26%;font-size:clamp(.68rem,1.3vw,1.05rem);line-height:1.55}.slide-image{left:51%;top:25%;width:39%;height:55%;display:grid;place-items:center;background:linear-gradient(135deg,#dce8fb,#bfeadd);color:#31527a;font-size:.75rem;font-weight:700}.slide-image.cropped{border-radius:50%;aspect-ratio:1;height:auto}.slide-chart{left:12%;right:12%;bottom:12%;height:54%;display:flex;align-items:flex-end;gap:8%;border-left:2px solid #6e7887;border-bottom:2px solid #6e7887;padding:0 5%}.slide-chart i{flex:1;background:#4285f4;display:block}.slide-chart i:nth-child(2){background:#f5a623}.slide-chart i:nth-child(3){background:#30b891}.aligned-row{display:flex;gap:12px;align-items:center;justify-content:space-between}.slide-canvas.transitioned{animation:slideIn .45s ease-out}.speaker-notes{width:min(760px,100%);background:white;border:1px solid #ccd3dd;border-top:0;padding:10px 12px;min-height:64px;resize:vertical;font:inherit;font-size:.78rem;outline:0}.speaker-notes:focus{border-color:#4285f4}.slides-status{height:34px;padding:8px 14px;background:white;border-top:1px solid var(--line);font-size:.72rem;color:var(--muted);display:flex;justify-content:space-between}.object-label{color:#b36a00;font-weight:750}.slide-thumb .mini-title{font-weight:800;text-align:center;margin-top:14%}.slide-thumb .mini-lines{height:4px;background:#cbd5e1;margin:6px auto;width:72%}@keyframes slideIn{from{opacity:.3;transform:translateX(28px)}to{opacity:1;transform:none}}
@media(max-width:1180px){.slides-shell{grid-template-columns:215px minmax(580px,1fr)}.slides-shell .check-panel{grid-column:1/-1;position:static;height:auto;border-left:0;border-top:1px solid var(--line);display:grid;grid-template-columns:180px 1fr 220px;gap:20px}}
@media(max-width:820px){.app-switcher{overflow-x:auto;justify-content:flex-start;padding-left:14px}.slides-shell{display:block;padding-top:46px}.slides-shell .lesson-panel{position:static;height:auto}.slides-stage{padding:22px 10px}.slides-shell .check-panel{display:block}.deck-workspace{grid-template-columns:86px 1fr}.canvas-wrap{padding:18px 8px}.slide-element{padding:4px}.slide-image{font-size:.55rem}.speaker-notes{font-size:.72rem}.slides-toolbar{padding:6px}}
.slide-title{font-weight:500}.slide-title[style*="font-weight"]{font-weight:800!important}
.gmail-shell{min-height:calc(100vh - 66px);display:grid;grid-template-columns:250px minmax(650px,1fr) 270px;max-width:1800px;margin:auto}.gmail-stage{padding:30px clamp(20px,3vw,48px) 36px;min-width:0}.mail-window{margin-top:20px;border:1px solid #bcc7d6;background:white;border-radius:12px;overflow:hidden;box-shadow:var(--shadow)}.mail-top{height:54px;display:grid;grid-template-columns:150px 1fr 95px;align-items:center;gap:12px;padding:0 14px;background:#f7f9fc;border-bottom:1px solid var(--line)}.mail-logo{font-weight:850;color:#334155}.mail-logo span{color:#d93025}.mail-search{display:flex;min-width:0}.mail-search input{width:100%;border:0;background:#e9eef6;border-radius:9px 0 0 9px;padding:10px 12px;outline:0}.mail-search button{border:0;background:#e9eef6;border-radius:0 9px 9px 0;padding:0 13px;cursor:pointer}.mail-user{text-align:right;font-size:.72rem;color:var(--muted)}.mail-tools{min-height:45px;display:flex;align-items:center;gap:4px;padding:6px 12px;border-bottom:1px solid var(--line);overflow-x:auto}.mail-tools button{white-space:nowrap;border:1px solid transparent;background:white;height:31px;border-radius:6px;padding:0 9px;font-size:.73rem;cursor:pointer}.mail-tools button:hover{background:#edf2f8;border-color:#d5dce7}.mail-workspace{display:grid;grid-template-columns:145px minmax(230px,42%) 1fr;min-height:440px}.mail-folders{background:#f7f9fc;border-right:1px solid var(--line);padding:12px 8px}.compose-button{width:100%;border:0;background:#c2e7ff;color:#15334c;padding:11px;border-radius:13px;font-weight:750;cursor:pointer;margin-bottom:12px}.folder{display:flex;justify-content:space-between;padding:8px 10px;border-radius:14px;font-size:.75rem}.folder.active{background:#dbe8ff;font-weight:800}.message-list{border-right:1px solid var(--line);overflow-y:auto;max-height:480px}.mail-empty{padding:28px 15px;text-align:center;color:var(--muted);font-size:.8rem}.mail-row{width:100%;border:0;border-bottom:1px solid #e1e6ed;background:white;text-align:left;padding:11px 12px;display:grid;grid-template-columns:22px 1fr 42px;gap:7px;cursor:pointer}.mail-row:hover,.mail-row.active{background:#eef4ff}.mail-row.unread{font-weight:800}.mail-row .star{color:#b0b8c4}.mail-row.starred .star{color:#f4b400}.mail-row strong,.mail-row small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mail-row strong{font-size:.78rem}.mail-row small{font-size:.7rem;color:var(--muted);margin-top:3px}.mail-row time{font-size:.64rem;color:var(--muted)}.mail-reader{padding:24px;min-width:0}.mail-reader h3{font-size:1.25rem;margin:0 0 8px}.mail-reader .meta{font-size:.7rem;color:var(--muted);margin-bottom:22px}.mail-reader .mail-body{font-size:.82rem;line-height:1.6;color:#3f4b5e}.mail-label{display:inline-block;background:#e1e8f2;color:#3b4b60;border-radius:10px;padding:3px 7px;font-size:.64rem;margin-left:7px}.compose-panel{position:absolute;right:24px;bottom:20px;width:min(480px,calc(100% - 48px));background:white;border-radius:9px;box-shadow:0 12px 42px rgba(16,35,63,.28);overflow:hidden;z-index:5}.mail-window{position:relative}.compose-head{background:#27364b;color:white;padding:10px 13px;font-size:.76rem;font-weight:750;display:flex;justify-content:space-between}.compose-head button{border:0;background:transparent;color:white;cursor:pointer}.compose-panel input,.compose-panel textarea{width:100%;border:0;border-bottom:1px solid var(--line);padding:10px 12px;outline:0;font:inherit;font-size:.78rem}.compose-panel textarea{height:125px;resize:none}.compose-actions{padding:9px 11px;display:flex;align-items:center;gap:7px}.compose-actions button{border:0;background:#edf2f8;border-radius:7px;padding:8px 10px;font-size:.72rem;cursor:pointer}.compose-actions .send{background:#1769e0;color:white;font-weight:750}.compose-status{margin-left:auto;font-size:.68rem;color:var(--green)}.settings-card{padding:20px}.settings-card h3{margin:0 0 15px}.settings-card label{display:block;font-size:.75rem;font-weight:700;margin:12px 0 5px}.settings-card input,.settings-card textarea{width:100%;border:1px solid var(--line);border-radius:7px;padding:9px;font:inherit;font-size:.78rem}.settings-card textarea{height:90px}.settings-card button{margin-top:12px;border:0;background:#1769e0;color:white;padding:9px 13px;border-radius:7px;font-weight:750;cursor:pointer}.filter-banner{background:#fff5d6;border-bottom:1px solid #f0d67e;padding:8px 12px;font-size:.72rem;color:#765800}.mail-success{color:var(--green);font-weight:750}.mail-attachment{display:inline-block;border:1px solid var(--line);border-radius:7px;padding:6px 9px;font-size:.7rem;margin-top:10px}
@media(max-width:1180px){.gmail-shell{grid-template-columns:215px minmax(600px,1fr)}.gmail-shell .check-panel{grid-column:1/-1;position:static;height:auto;border-left:0;border-top:1px solid var(--line);display:grid;grid-template-columns:180px 1fr 220px;gap:20px}}
@media(max-width:820px){.gmail-shell{display:block;padding-top:46px}.gmail-shell .lesson-panel{position:static;height:auto}.gmail-stage{padding:22px 10px}.gmail-shell .check-panel{display:block}.mail-top{grid-template-columns:90px 1fr}.mail-user{display:none}.mail-workspace{grid-template-columns:92px minmax(190px,42%) 1fr}.mail-folders{padding:8px 4px}.folder{padding:7px 5px}.mail-reader{padding:15px}.compose-panel{right:8px;bottom:8px;width:calc(100% - 16px)}}
.drive-shell{min-height:calc(100vh - 66px);display:grid;grid-template-columns:250px minmax(650px,1fr) 270px;max-width:1800px;margin:auto}.drive-stage{padding:30px clamp(20px,3vw,48px) 36px;min-width:0}.drive-window{margin-top:20px;border:1px solid #bcc7d6;background:white;border-radius:12px;overflow:hidden;box-shadow:var(--shadow);position:relative}.drive-top{height:56px;display:grid;grid-template-columns:135px 1fr 95px;align-items:center;gap:12px;padding:0 14px;background:#f8fafc;border-bottom:1px solid var(--line)}.drive-logo{font-weight:850;color:#334155}.drive-logo span{color:#18845f}.drive-search{display:flex;min-width:0}.drive-search input{width:100%;border:0;background:#e9eef6;border-radius:9px 0 0 9px;padding:10px 12px;outline:0}.drive-search button{border:0;background:#e9eef6;border-radius:0 9px 9px 0;padding:0 13px;cursor:pointer}.drive-user{text-align:right;font-size:.72rem;color:var(--muted)}.drive-toolbar{min-height:47px;display:flex;align-items:center;gap:4px;padding:7px 12px;border-bottom:1px solid var(--line);overflow-x:auto}.drive-toolbar button{white-space:nowrap;border:1px solid transparent;background:white;height:31px;border-radius:6px;padding:0 9px;font-size:.73rem;cursor:pointer}.drive-toolbar button:hover{background:#edf2f8;border-color:#d5dce7}.drive-workspace{display:grid;grid-template-columns:145px 1fr;min-height:440px}.drive-nav{background:#f7f9fc;border-right:1px solid var(--line);padding:12px 8px}.drive-new{width:100%;border:0;background:#dff3e9;color:#155f46;padding:11px;border-radius:13px;font-weight:750;cursor:pointer;margin-bottom:12px}.drive-link{padding:8px 10px;border-radius:14px;font-size:.75rem;margin:2px 0}.drive-link.active{background:#dbe8ff;font-weight:800}.drive-content{padding:20px;min-width:0}.drive-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.drive-heading h3{margin:0;font-size:1rem}.drive-heading span{font-size:.7rem;color:var(--muted)}.file-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(145px,1fr));gap:11px}.file-card{border:1px solid var(--line);border-radius:9px;background:white;padding:13px;text-align:left;cursor:pointer;min-height:105px;position:relative}.file-card:hover,.file-card.active{background:#eef4ff;border-color:#6995e7}.file-icon{display:block;font-size:1.65rem;margin-bottom:9px}.file-card strong{display:block;font-size:.75rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-card small{display:block;color:var(--muted);font-size:.65rem;margin-top:5px}.file-star{position:absolute;right:9px;top:8px;color:#f4b400}.drive-panel{position:absolute;right:20px;top:108px;width:min(360px,calc(100% - 40px));background:white;border:1px solid var(--line);border-radius:10px;box-shadow:0 12px 35px rgba(16,35,63,.2);padding:16px;z-index:6}.drive-panel h3{margin:0 0 12px}.drive-panel label{display:block;font-size:.72rem;font-weight:700;margin:10px 0 5px}.drive-panel input,.drive-panel select{width:100%;border:1px solid var(--line);border-radius:7px;padding:9px;font:inherit;font-size:.78rem}.drive-panel .panel-actions{display:flex;justify-content:flex-end;gap:7px;margin-top:13px}.drive-panel button{border:0;border-radius:7px;padding:8px 11px;cursor:pointer}.drive-panel .confirm{background:#1769e0;color:white;font-weight:750}.drive-banner{background:#e9f8f3;border-bottom:1px solid #b8e4d5;padding:8px 12px;font-size:.72rem;color:#126b50}.version-row{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--line);font-size:.74rem}.permission-chip{display:inline-block;background:#e8f0fe;color:#2456a6;border-radius:11px;padding:3px 7px;font-size:.64rem;margin-top:6px}
@media(max-width:1180px){.drive-shell{grid-template-columns:215px minmax(600px,1fr)}.drive-shell .check-panel{grid-column:1/-1;position:static;height:auto;border-left:0;border-top:1px solid var(--line);display:grid;grid-template-columns:180px 1fr 220px;gap:20px}}
@media(max-width:820px){.drive-shell{display:block;padding-top:46px}.drive-shell .lesson-panel{position:static;height:auto}.drive-stage{padding:22px 10px}.drive-shell .check-panel{display:block}.drive-top{grid-template-columns:82px 1fr}.drive-user{display:none}.drive-workspace{grid-template-columns:92px 1fr}.drive-nav{padding:8px 4px}.drive-link{padding:7px 5px}.drive-content{padding:13px}.file-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}}
.calendar-shell{min-height:calc(100vh - 66px);display:grid;grid-template-columns:250px minmax(680px,1fr) 270px;max-width:1800px;margin:auto}.calendar-stage{padding:30px clamp(20px,3vw,48px) 36px;min-width:0}.calendar-window{margin-top:20px;border:1px solid #bcc7d6;background:#fff;border-radius:12px;overflow:hidden;box-shadow:var(--shadow);position:relative;min-height:545px}.calendar-top{height:58px;display:grid;grid-template-columns:145px 75px 1fr 92px;align-items:center;gap:10px;padding:0 15px;border-bottom:1px solid var(--line)}.calendar-top strong span{display:inline-grid;place-items:center;width:25px;height:25px;background:#4285f4;color:#fff;border-radius:4px;margin-right:6px}.calendar-top button,.calendar-top select{border:1px solid var(--line);background:#fff;border-radius:6px;padding:8px;cursor:pointer}.month-title{text-align:center;font-weight:800}.calendar-workspace{display:grid;grid-template-columns:155px 1fr;min-height:485px}.calendar-nav{background:#f8fafc;border-right:1px solid var(--line);padding:16px 10px}.calendar-create{width:100%;border:0;background:#e8f0fe;color:#185abc;border-radius:15px;padding:12px;font-weight:800;cursor:pointer;margin-bottom:20px}.mini-month{font-size:.68rem;line-height:2;margin-bottom:18px}.mini-month div{word-spacing:5px;color:var(--muted)}.calendar-nav label{display:block;font-size:.73rem;padding:7px 2px}.week-area{min-width:0;overflow:auto}.week-head{display:grid;grid-template-columns:repeat(5,minmax(105px,1fr));border-bottom:1px solid var(--line);min-width:525px}.week-head span{text-align:center;padding:13px 5px;font-size:.75rem;font-weight:800;border-right:1px solid var(--line)}.week-grid{display:grid;grid-template-columns:repeat(5,minmax(105px,1fr));min-width:525px;min-height:430px;background:repeating-linear-gradient(to bottom,#fff 0,#fff 42px,#e6eaf0 43px)}.day-column{border-right:1px solid var(--line);padding:7px;min-width:0}.calendar-event{display:block;width:100%;border:0;border-left:4px solid #1967d2;background:#dbe8fd;color:#174a8b;border-radius:5px;text-align:left;padding:7px;margin-bottom:6px;cursor:pointer}.calendar-event.green{background:#d7f1e5;border-color:#18845f;color:#126347}.calendar-event.purple{background:#eee2fb;border-color:#8430bd;color:#65248f}.calendar-event b,.calendar-event span{display:block;font-size:.68rem;overflow:hidden;text-overflow:ellipsis}.calendar-event span{margin-top:3px}.event-panel{position:absolute;right:18px;top:72px;width:min(390px,calc(100% - 36px));background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:0 14px 40px rgba(16,35,63,.24);padding:17px;z-index:8;max-height:455px;overflow:auto}.event-panel-head{display:flex;align-items:center;justify-content:space-between}.event-panel-head h3{margin:0}.event-panel-head button{border:0;background:transparent;font-size:1.4rem;cursor:pointer}.event-panel label{display:block;font-size:.7rem;font-weight:750;margin:9px 0}.event-panel input:not([type=checkbox]),.event-panel select,.event-panel textarea{width:100%;border:1px solid var(--line);border-radius:6px;padding:8px;font:inherit;font-size:.76rem;margin-top:4px}.event-row{display:grid;grid-template-columns:1fr 1fr;gap:9px}.event-panel>.primary-button{width:100%;margin-top:7px}
@media(max-width:1180px){.calendar-shell{grid-template-columns:215px minmax(620px,1fr)}.calendar-shell .check-panel{grid-column:1/-1;position:static;height:auto;border-left:0;border-top:1px solid var(--line);display:grid;grid-template-columns:180px 1fr 220px;gap:20px}}
@media(max-width:820px){.calendar-shell{display:block;padding-top:46px}.calendar-shell .lesson-panel{position:static;height:auto}.calendar-stage{padding:22px 10px}.calendar-shell .check-panel{display:block}.calendar-top{grid-template-columns:105px 62px 1fr}.calendar-top select{display:none}.calendar-workspace{grid-template-columns:95px 1fr}.calendar-nav{padding:10px 5px}.mini-month{display:none}.month-title{font-size:.75rem}.event-panel{right:8px;width:calc(100% - 16px)}}
.forms-shell{min-height:calc(100vh - 66px);display:grid;grid-template-columns:250px minmax(680px,1fr) 270px;max-width:1800px;margin:auto}.forms-stage{padding:30px clamp(20px,3vw,48px) 36px;min-width:0}.forms-window{margin-top:20px;border:1px solid #c9bdd8;background:#f0ebf8;border-radius:12px;overflow:hidden;box-shadow:var(--shadow);position:relative;min-height:570px}.forms-top{height:62px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 16px;background:#fff;border-bottom:1px solid var(--line)}.forms-logo{font-weight:850;color:#673ab7}.forms-logo span{color:#253044;margin-left:6px}.forms-tabs{align-self:stretch;display:flex}.forms-tabs button{border:0;background:#fff;padding:0 15px;font-weight:750;cursor:pointer}.forms-tabs button.active{color:#673ab7;border-bottom:3px solid #673ab7}.forms-tabs span{background:#eee7f7;border-radius:10px;padding:2px 6px}.forms-actions{text-align:right;white-space:nowrap}.forms-actions button{border:0;background:#fff;padding:8px 6px;cursor:pointer;font-size:.72rem}.forms-canvas{width:min(690px,calc(100% - 34px));margin:22px auto;padding-bottom:32px}.form-title-card,.question-card,.section-card{background:#fff;border:1px solid #ddd5e8;border-radius:8px;padding:18px;margin-bottom:12px}.form-title-card{border-top:8px solid #673ab7}.form-title-card input,.form-title-card textarea,.question-main input,.section-card input{width:100%;border:0;border-bottom:1px solid #aab2c0;padding:8px 2px;font:inherit;outline:0}.form-title-card input{font-size:1.35rem}.form-title-card textarea{resize:none;margin-top:8px}.question-card.required{box-shadow:inset 4px 0 #673ab7}.question-main{display:grid;grid-template-columns:1fr 165px;gap:14px}.question-main select{border:1px solid var(--line);border-radius:5px;padding:7px}.option-list{display:grid;gap:7px;margin:15px 0}.option-list input{border:0;border-bottom:1px solid #d0d5dd;padding:7px}.option-list button,.question-actions button{justify-self:start;border:0;background:transparent;color:#673ab7;cursor:pointer;padding:5px}.answer-placeholder{margin:15px 0;border-bottom:1px dotted #aab2c0;color:#9098a5;padding:7px}.question-actions{border-top:1px solid var(--line);padding-top:9px;display:flex;align-items:center;justify-content:flex-end;gap:7px}.question-actions label{font-size:.7rem;margin-left:auto}.inline-settings{background:#f7f5fa;padding:10px;font-size:.72rem}.inline-settings input{width:55px;margin:0 5px}.logic-chip,.answer-chip{display:inline-block;margin-top:8px;background:#eee7f7;color:#5b2a9c;border-radius:12px;padding:5px 9px;font-size:.67rem}.section-card span{display:block;color:#673ab7;font-size:.65rem;font-weight:850;margin-bottom:5px}.add-toolbar{display:flex;justify-content:center;gap:8px}.add-toolbar button{border:1px solid #cbbade;background:#fff;color:#673ab7;border-radius:6px;padding:9px 13px;font-weight:750;cursor:pointer}.forms-panel{position:absolute;right:18px;top:76px;width:min(360px,calc(100% - 36px));background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:0 14px 40px rgba(56,32,84,.25);padding:18px;z-index:8;max-height:450px;overflow:auto}.forms-panel h3{margin-top:0}.theme-choice{width:90px;height:55px;border:2px solid transparent;border-radius:8px;margin-right:8px;color:#fff;font-weight:800;cursor:pointer}.theme-choice.blue{background:#4285f4}.theme-choice.purple{background:#673ab7}.setting-row{display:flex;justify-content:space-between}.preview-questions label{display:block;font-size:.75rem;font-weight:750;margin:12px 0}.preview-questions input{width:100%;border:0;border-bottom:1px solid #999;padding:7px;margin-top:4px}
@media(max-width:1180px){.forms-shell{grid-template-columns:215px minmax(620px,1fr)}.forms-shell .check-panel{grid-column:1/-1;position:static;height:auto;border-left:0;border-top:1px solid var(--line);display:grid;grid-template-columns:180px 1fr 220px;gap:20px}}
@media(max-width:820px){.forms-shell{display:block;padding-top:46px}.forms-shell .lesson-panel{position:static;height:auto}.forms-stage{padding:22px 10px}.forms-shell .check-panel{display:block}.forms-top{grid-template-columns:1fr auto}.forms-tabs{display:none}.forms-actions button{font-size:0}.forms-actions button:first-letter{font-size:1rem}.question-main{grid-template-columns:1fr}.forms-canvas{width:calc(100% - 18px)}.forms-panel{right:8px;width:calc(100% - 16px)}}
.meet-shell{min-height:calc(100vh - 66px);display:grid;grid-template-columns:250px minmax(680px,1fr) 270px;max-width:1800px;margin:auto}.meet-stage{padding:30px clamp(20px,3vw,48px) 36px;min-width:0}.meet-window{margin-top:20px;border:1px solid #26364b;background:#202124;border-radius:12px;overflow:hidden;box-shadow:var(--shadow);color:#fff}.meeting-top{height:44px;display:flex;justify-content:space-between;align-items:center;padding:0 14px;font-size:.73rem}.secure-chip{color:#a8c7fa}.meeting-body{display:grid;grid-template-columns:1fr auto;min-height:440px}.video-area{position:relative;padding:12px;display:grid;grid-template-columns:1fr 170px;gap:10px}.participant-tile{background:#3c4043;border-radius:10px;min-height:125px;display:grid;place-items:center;position:relative}.participant-tile.main-tile{grid-row:1/3;min-height:390px}.participant-tile span{position:absolute;left:10px;bottom:8px;font-size:.7rem}.avatar{width:70px;height:70px;border-radius:50%;display:grid;place-items:center;background:#1769e0;font-weight:850}.avatar.alex{background:#8e44ad}.avatar.jordan{background:#18845f}.status-icons{position:absolute;right:12px;top:10px;display:grid;gap:4px}.status-icons span{position:static;background:#202124;border-radius:10px;padding:4px 7px;font-size:.62rem}.floating-reaction{font-size:2.4rem;animation:floatReaction 1.4s ease-out infinite}@keyframes floatReaction{50%{transform:translateY(-18px)}}.participant-strip{display:grid;gap:10px}.caption-bar{position:absolute;bottom:22px;left:28px;background:rgba(0,0,0,.76);border-radius:6px;padding:9px 13px;font-size:.75rem}.presentation-card{position:absolute;inset:35px 205px 35px 35px;background:#fff;color:#243149;border-radius:8px;display:grid;place-items:center;align-content:center;gap:8px}.presentation-card span{font-size:3rem;color:#f9ab00}.presentation-card small{color:#667085}.meet-panel{width:300px;background:#fff;color:#202124;padding:18px;max-height:440px;overflow:auto}.meet-panel h3{margin-top:0}.meet-panel p{font-size:.76rem}.meet-primary,.meet-danger,.panel-list-button{width:100%;border:0;border-radius:6px;padding:10px;font-weight:750;cursor:pointer;margin:5px 0}.meet-primary{background:#1a73e8;color:#fff}.meet-danger{background:#fce8e6;color:#b3261e}.panel-list-button{background:#edf3fc;color:#174ea6}.chat-log{min-height:240px}.chat-log p{background:#f1f3f4;padding:8px;border-radius:7px}.chat-compose,.invite-row{display:flex}.chat-compose input,.invite-row input{min-width:0;flex:1;border:1px solid var(--line);border-radius:6px 0 0 6px;padding:8px}.chat-compose button,.invite-row button{border:0;background:#1a73e8;color:#fff;padding:0 10px;border-radius:0 6px 6px 0}.reaction-button{font-size:1.7rem;border:0;background:#f1f3f4;border-radius:50%;padding:8px;margin:4px;cursor:pointer}.person-row,.toggle-row{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding:12px 0;font-size:.75rem}.meet-panel select{width:100%;padding:8px;margin:5px 0 12px}.meet-controls{height:65px;display:grid;grid-template-columns:120px 1fr 150px;align-items:center;padding:0 14px}.meeting-time{font-size:.72rem}.control-center,.control-right{display:flex;justify-content:center;gap:8px}.meet-controls button{width:38px;height:38px;border:0;border-radius:50%;background:#3c4043;color:#fff;cursor:pointer}.meet-controls button.off,.meet-controls button.hangup{background:#d93025}.control-right{justify-content:flex-end}
@media(max-width:1180px){.meet-shell{grid-template-columns:215px minmax(620px,1fr)}.meet-shell .check-panel{grid-column:1/-1;position:static;height:auto;border-left:0;border-top:1px solid var(--line);display:grid;grid-template-columns:180px 1fr 220px;gap:20px}}
@media(max-width:820px){.meet-shell{display:block;padding-top:46px}.meet-shell .lesson-panel{position:static;height:auto}.meet-stage{padding:22px 10px}.meet-shell .check-panel{display:block}.video-area{grid-template-columns:1fr 105px}.participant-tile.main-tile{min-height:330px}.participant-tile{min-height:105px}.avatar{width:52px;height:52px}.meeting-body{min-height:390px}.meet-panel{position:absolute;right:10px;width:calc(100% - 20px);z-index:6;max-height:390px}.meet-window{position:relative}.meet-controls{grid-template-columns:1fr}.meeting-time,.control-right{display:none}.presentation-card{inset:30px 125px 30px 25px}.control-center{gap:5px}}
.sites-shell{min-height:calc(100vh - 66px);display:grid;grid-template-columns:250px minmax(680px,1fr) 270px;max-width:1800px;margin:auto}.sites-stage{padding:30px clamp(20px,3vw,48px) 36px;min-width:0}.sites-window{margin-top:20px;border:1px solid #c6ccd6;background:#fff;border-radius:12px;overflow:hidden;box-shadow:var(--shadow);position:relative;min-height:570px}.sites-top{height:58px;display:flex;justify-content:space-between;align-items:center;padding:0 15px;border-bottom:1px solid var(--line)}.sites-logo{color:#1a73e8;font-weight:850}.sites-logo input{border:0;border-bottom:1px solid transparent;padding:7px;margin-left:6px;font:inherit}.sites-logo input:focus{border-color:#1a73e8;outline:0}.sites-top-actions button{border:0;background:#fff;padding:8px 10px;cursor:pointer}.sites-top-actions .publish-button{background:#1a73e8;color:#fff;border-radius:5px;font-weight:800}.sites-builder{display:grid;grid-template-columns:1fr 205px;min-height:510px}.site-canvas{background:#eef1f5;padding:18px;overflow:auto}.site-hero{min-height:170px;background:linear-gradient(135deg,#174ea6,#56a0f5);color:#fff;padding:20px;display:flex;flex-direction:column;justify-content:space-between}.site-hero nav{text-align:right}.site-hero nav span{margin-left:14px;font-size:.7rem}.site-hero input{border:0;background:transparent;color:#fff;font:800 2rem/1.2 inherit;width:100%;outline:0}.site-hero.theme-vision{background:linear-gradient(135deg,#263238,#486b8d)}.site-hero.theme-vision.color-green{background:linear-gradient(135deg,#174936,#46a879)}.site-hero.theme-vision.color-purple{background:linear-gradient(135deg,#4a2470,#9363c4)}#siteContent{background:#fff;min-height:260px;padding:20px}#siteContent textarea{width:100%;border:1px dashed #9aa4b2;padding:12px;font:inherit;margin-bottom:12px}.site-image-block{height:130px;background:#dfe7f2;display:grid;place-items:center;align-content:center;gap:5px;margin-bottom:12px;color:#526277}.site-image-block span{font-size:2rem}.site-image-block button{border:0;background:#fff;border-radius:5px;padding:5px 8px}.site-demo-button{display:inline-block;background:#1a73e8;color:#fff;padding:9px 14px;border-radius:4px;text-decoration:none;margin:6px}.two-column{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:12px 0}.two-column input{padding:22px 10px;border:1px solid #ccd3dd}.embed-card{border:1px solid #cbd2dc;background:#f8fafc;padding:35px;text-align:center;font-weight:800}.sites-tools{border-left:1px solid var(--line)}.tool-tabs{display:grid;grid-template-columns:repeat(3,1fr)}.tool-tabs button{border:0;background:#fff;padding:13px 4px;font-size:.68rem;cursor:pointer}.tool-tabs button.active{color:#1a73e8;border-bottom:2px solid #1a73e8}.insert-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:12px}.insert-grid button,.page-list button,.theme-list button{border:1px solid var(--line);background:#fff;border-radius:5px;padding:13px 5px;font-size:.7rem;cursor:pointer}.page-list,.theme-list{padding:12px}.page-list div{padding:10px 4px;border-bottom:1px solid var(--line);font-size:.73rem}.page-list button{width:100%;margin-top:10px}.theme-list button{width:100%;margin-bottom:7px}.theme-list label{font-size:.7rem}.theme-list select{width:100%;padding:7px;margin-top:5px}.sites-dialog{position:absolute;right:220px;top:75px;width:min(350px,calc(100% - 250px));background:#fff;border:1px solid var(--line);border-radius:9px;box-shadow:0 14px 40px rgba(16,35,63,.22);padding:17px;z-index:8}.sites-dialog h3{margin-top:0}.sites-dialog input,.sites-dialog select{display:block;width:100%;border:1px solid var(--line);border-radius:5px;padding:9px;margin:8px 0}.sites-dialog>button,.device-buttons button{border:0;background:#1a73e8;color:#fff;border-radius:5px;padding:9px 13px;cursor:pointer}.device-buttons{display:flex;gap:8px}.preview-status{background:#eef3fb;padding:30px;text-align:center}
@media(max-width:1180px){.sites-shell{grid-template-columns:215px minmax(620px,1fr)}.sites-shell .check-panel{grid-column:1/-1;position:static;height:auto;border-left:0;border-top:1px solid var(--line);display:grid;grid-template-columns:180px 1fr 220px;gap:20px}}
@media(max-width:820px){.sites-shell{display:block;padding-top:46px}.sites-shell .lesson-panel{position:static;height:auto}.sites-stage{padding:22px 10px}.sites-shell .check-panel{display:block}.sites-builder{grid-template-columns:1fr 125px}.sites-logo input{width:105px}.site-canvas{padding:8px}.site-hero input{font-size:1.4rem}.sites-dialog{right:8px;width:calc(100% - 16px)}.insert-grid{grid-template-columns:1fr;padding:7px}.two-column{grid-template-columns:1fr}}
.dashboard-link{color:#d9e5f5;text-decoration:none;font-size:.78rem;font-weight:800;white-space:nowrap}.course-select{min-width:180px;border:1px solid rgba(255,255,255,.25);border-radius:8px;background:#233a5a;color:#fff;padding:8px 34px 8px 11px;font-weight:750;cursor:pointer}.app-switcher{background:transparent;padding:0}.dashboard-body{background:#eef3f9}.dashboard-main{max-width:1220px;margin:auto;padding:54px 28px 70px}.dashboard-topbar{position:sticky}.dashboard-nav{display:flex;gap:28px}.dashboard-nav a{color:#d9e5f5;text-decoration:none;font-size:.82rem;font-weight:700}.dashboard-xp{border:1px solid rgba(255,255,255,.2);border-radius:20px;padding:8px 13px;font-size:.82rem}.dashboard-xp strong{color:var(--yellow)}.dashboard-hero{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(360px,.8fr);gap:52px;align-items:center;padding:38px 0 48px}.dashboard-eyebrow{margin:0;color:var(--blue);letter-spacing:.13em;font-size:.72rem;font-weight:900}.dashboard-hero h1{font-size:clamp(2.5rem,5vw,4.6rem);line-height:.98;letter-spacing:-.055em;max-width:780px;margin:10px 0 20px}.dashboard-hero>div>p:not(.dashboard-eyebrow){font-size:1.08rem;line-height:1.65;color:var(--muted);max-width:690px;margin:0 0 26px}.dashboard-primary{display:inline-flex;align-items:center;gap:18px;background:var(--navy);color:#fff;text-decoration:none;border-radius:11px;padding:15px 19px;font-weight:850;box-shadow:5px 5px 0 var(--yellow)}.dashboard-primary span{color:var(--aqua);font-size:1.2rem}.overall-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:28px;display:flex;align-items:center;gap:24px;box-shadow:var(--shadow)}.overall-card p{margin:0;color:var(--blue);font-size:.68rem;letter-spacing:.12em;font-weight:900}.overall-card h2{margin:5px 0 8px;font-size:1.5rem}.overall-card>div>span{font-size:.8rem;color:var(--muted)}.overall-ring{--progress:0deg;width:124px;height:124px;flex:0 0 124px;border-radius:50%;display:grid;place-items:center;align-content:center;background:radial-gradient(circle closest-side,#fff 76%,transparent 77% 99%),conic-gradient(var(--blue) var(--progress),#e3e8ef 0)}.overall-ring strong{font-size:1.55rem}.overall-ring span{font-size:.67rem;color:var(--muted)}.dashboard-summary{display:grid;grid-template-columns:repeat(4,1fr);background:var(--navy);color:#fff;border-radius:15px;overflow:hidden;margin-bottom:64px}.dashboard-summary div{padding:22px 25px;border-right:1px solid rgba(255,255,255,.14)}.dashboard-summary div:last-child{border:0}.dashboard-summary strong{display:block;color:var(--yellow);font-size:1.6rem}.dashboard-summary span{font-size:.76rem;color:#ced9e8}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:28px;margin-bottom:22px}.section-heading h2,.milestone-section h2{font-size:2rem;letter-spacing:-.04em;margin:5px 0}.section-heading>p{color:var(--muted);font-size:.86rem;margin:0 0 5px}.track-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.track-card{background:#fff;border:1px solid var(--line);border-top:5px solid var(--track-color);border-radius:13px;padding:20px;text-decoration:none;color:var(--ink);box-shadow:0 6px 18px rgba(16,35,63,.06);transition:transform .18s,box-shadow .18s}.track-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.track-card-top,.track-card-foot{display:flex;align-items:center;justify-content:space-between}.track-icon{width:37px;height:37px;border-radius:9px;background:color-mix(in srgb,var(--track-color) 13%,white);color:var(--track-color);display:grid;place-items:center;font-weight:900}.track-status{background:#edf1f6;color:var(--muted);border-radius:20px;padding:5px 8px;font-size:.66rem;font-weight:800}.track-status.complete{background:#e4f5ee;color:var(--green)}.track-card h3{font-size:1.22rem;margin:15px 0 7px}.track-card p{min-height:42px;color:var(--muted);font-size:.78rem;line-height:1.45;margin:0 0 17px}.track-progress{height:7px;background:#e7ebf1;border-radius:20px;overflow:hidden}.track-progress span{height:100%;display:block;background:var(--track-color);border-radius:20px}.track-card-foot{font-size:.7rem;color:var(--muted);margin-top:9px}.track-card-foot strong{color:var(--track-color)}.milestone-section{margin-top:64px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:28px}.badge-row{display:grid;grid-template-columns:repeat(9,1fr);gap:10px;margin-top:24px}.badge{text-align:center;color:#98a2b2}.badge>span{width:48px;height:48px;border-radius:50%;border:2px dashed #cbd2dc;display:grid;place-items:center;margin:0 auto 7px;font-weight:900}.badge strong,.badge small{display:block;font-size:.7rem}.badge small{font-size:.62rem;margin-top:2px}.badge.earned{color:var(--track-color)}.badge.earned>span{color:#fff;background:var(--track-color);border-style:solid;border-color:var(--track-color);box-shadow:0 0 0 4px color-mix(in srgb,var(--track-color) 15%,white)}.dashboard-footer{max-width:1220px;margin:auto;padding:25px 28px 40px;border-top:1px solid var(--line);display:flex;justify-content:space-between;color:var(--muted);font-size:.72rem}
@media(max-width:1050px){.dashboard-hero{grid-template-columns:1fr}.overall-card{max-width:520px}.track-grid{grid-template-columns:repeat(2,1fr)}.badge-row{grid-template-columns:repeat(5,1fr)}}
@media(max-width:820px){.topbar{padding:0 14px;gap:8px}.topbar>.brand>span:last-child{display:none}.dashboard-link{font-size:0}.dashboard-link:first-letter{font-size:1.25rem}.course-select{min-width:132px;width:132px}.dashboard-main{padding:28px 15px 48px}.dashboard-nav{display:none}.dashboard-hero{padding:22px 0 35px;gap:30px}.dashboard-hero h1{font-size:2.75rem}.overall-card{padding:20px;gap:16px}.overall-ring{width:100px;height:100px;flex-basis:100px}.dashboard-summary{grid-template-columns:repeat(2,1fr);margin-bottom:45px}.dashboard-summary div:nth-child(2){border-right:0}.dashboard-summary div:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.14)}.section-heading{display:block}.track-grid{grid-template-columns:1fr}.track-card p{min-height:auto}.milestone-section{margin-top:42px;padding:20px 14px}.badge-row{grid-template-columns:repeat(3,1fr)}.dashboard-footer{display:block;padding:22px 15px}.dashboard-footer span{display:block;margin:5px 0}}
.site-footer{background:#fff;border-top:1px solid var(--line);color:var(--muted);display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:12px 28px;padding:22px 28px;font-size:.76rem}.site-footer nav{display:flex;flex-wrap:wrap;justify-content:center;gap:16px}.site-footer a{color:#344c70;text-decoration:none;font-weight:750}.site-footer a:hover,.site-footer a:focus{text-decoration:underline}.dashboard-footer.site-footer{max-width:none;margin:0}.info-body{background:#eef3f9}.info-home{color:#d9e5f5;text-decoration:none;font-size:.82rem;font-weight:800}.info-main{width:min(940px,calc(100% - 32px));min-height:calc(100vh - 164px);margin:0 auto;padding:70px 0 80px}.info-main>h1{font-size:clamp(2.4rem,6vw,4.75rem);line-height:1;letter-spacing:-.055em;max-width:820px;margin:12px 0 24px}.info-lead{max-width:780px;color:var(--muted);font-size:1.08rem;line-height:1.75}.info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:42px 0}.info-grid article,.info-callout,.contact-card,.faq-list details{background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 8px 24px rgba(16,35,63,.06)}.info-grid article{padding:24px}.info-grid h2{margin:0 0 10px;font-size:1.12rem}.info-grid p,.info-callout p{color:var(--muted);font-size:.91rem;line-height:1.65;margin:0}.info-callout{border-left:5px solid var(--yellow);padding:22px 24px}.info-callout strong{display:block;margin-bottom:7px}.faq-list{display:grid;gap:12px;margin-top:36px}.faq-list details{padding:0 22px}.faq-list summary{cursor:pointer;font-weight:850;padding:20px 0}.faq-list p{color:var(--muted);line-height:1.7;margin:0;padding:0 0 22px}.policy{max-width:780px}.policy h1{font-size:clamp(2.3rem,6vw,4.2rem)}.policy h2{font-size:1.15rem;margin:34px 0 8px}.policy p{color:#4e5e75;line-height:1.75}.policy a{color:var(--blue)}.policy-date{font-size:.82rem}.contact-card{display:flex;flex-direction:column;gap:8px;margin-top:34px;padding:28px;color:var(--ink);text-decoration:none;border-top:5px solid var(--yellow)}.contact-card span{color:var(--blue);font-size:.7rem;font-weight:900;letter-spacing:.12em}.contact-card strong{font-size:clamp(1.35rem,4vw,2rem)}.contact-card small,.contact-note{color:var(--muted);line-height:1.6}.contact-note{font-size:.86rem;margin-top:20px}@media(max-width:760px){.site-footer{display:block;text-align:center}.site-footer nav{margin:12px 0}.info-main{padding:42px 0 60px}.info-grid{grid-template-columns:1fr}.info-home{font-size:.72rem}.info-main>h1{font-size:2.65rem}}
.account-control{position:relative;flex:0 0 auto;font-size:.75rem}.account-signin,.account-menu>summary{display:flex;align-items:center;gap:6px;min-height:34px;border:1px solid rgba(255,255,255,.28);border-radius:18px;padding:7px 11px;color:#fff;text-decoration:none;font-weight:800;white-space:nowrap;cursor:pointer}.account-signin:hover,.account-menu>summary:hover{background:rgba(255,255,255,.1)}.account-menu>summary{list-style:none}.account-menu>summary::-webkit-details-marker{display:none}.account-check{display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:var(--aqua);color:var(--navy);font-size:.68rem}.account-panel{position:absolute;right:0;top:43px;width:245px;padding:15px;background:#fff;color:var(--ink);border:1px solid var(--line);border-radius:11px;box-shadow:var(--shadow);z-index:40}.account-panel p{margin:0 0 13px}.account-panel p strong,.account-panel p span{display:block}.account-panel p span{margin-top:3px;color:var(--muted);font-size:.7rem;overflow:hidden;text-overflow:ellipsis}.account-panel a,.account-panel button{display:block;width:100%;border:0;border-radius:7px;padding:9px 10px;text-align:left;background:#edf3fc;color:#174ea6;text-decoration:none;font:750 .74rem/1 inherit;cursor:pointer}.account-panel button{margin-top:7px;background:#fff1f1;color:#a52632}.account-panel button:disabled{opacity:.6;cursor:wait}[data-sync-status][data-state="saving"]{opacity:.72}[data-sync-status][data-state="local"],[data-sync-status][data-state="error"]{color:#ffd98b}@media(max-width:1180px){.account-control{position:fixed;right:12px;bottom:12px;z-index:50}.account-signin,.account-menu>summary{background:var(--navy);box-shadow:0 6px 22px rgba(16,35,63,.25)}.account-panel{top:auto;bottom:43px}}
.brand{background:#fff;border-radius:10px;padding:4px 9px}.brand-logo{display:block;width:176px;height:42px;object-fit:contain}.brand:focus-visible{outline:2px solid var(--yellow);outline-offset:4px}@media(max-width:820px){.brand{padding:3px}.brand-logo{display:none}.brand::before{content:"";display:block;width:40px;height:40px;background:url('/brand/workskills-icon-approved.png') center/contain no-repeat}}
.starter-panel{margin:-22px 0 34px;padding:24px 28px;background:#fff;border:1px solid var(--line);border-left:6px solid var(--aqua);border-radius:15px;box-shadow:0 8px 24px rgba(16,35,63,.06);display:flex;align-items:center;justify-content:space-between;gap:28px}.starter-panel[hidden]{display:none}.starter-panel h2{font-size:1.45rem;margin:5px 0 7px}.starter-panel p:not(.dashboard-eyebrow){color:var(--muted);font-size:.84rem;line-height:1.5;margin:0;max-width:680px}.starter-panel .dashboard-primary{flex:0 0 auto}.achievement-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:22px 0 28px;padding-bottom:24px;border-bottom:1px solid var(--line)}.achievement-card{min-width:0;display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:12px;padding:11px;background:#f8fafc}.achievement-card img,.achievement-symbol{width:54px;height:54px;flex:0 0 54px;object-fit:contain}.achievement-symbol{border-radius:50%;display:grid;place-items:center;background:#e5e9ef;color:#8792a3;font-size:.76rem;font-weight:900}.achievement-card strong,.achievement-card small{display:block}.achievement-card strong{font-size:.78rem}.achievement-card small{font-size:.64rem;color:var(--muted);margin-top:3px;line-height:1.35}.achievement-card.locked{filter:grayscale(1);opacity:.64}.achievement-card.earned{border-color:#f0c835;background:#fffbed}.achievement-toast{position:fixed;right:22px;bottom:22px;z-index:100;width:min(430px,calc(100% - 30px));display:grid;grid-template-columns:82px 1fr 28px;align-items:center;gap:13px;padding:14px;background:#fff;border:1px solid #ecc429;border-radius:16px;box-shadow:0 18px 55px rgba(16,35,63,.26);transform:translateY(30px);opacity:0;transition:.3s}.achievement-toast.show{transform:none;opacity:1}.achievement-toast img{width:82px;height:82px;object-fit:contain}.achievement-toast small,.achievement-toast strong,.achievement-toast span{display:block}.achievement-toast small{font-size:.62rem;color:#876800;font-weight:900;letter-spacing:.1em}.achievement-toast strong{font-size:1rem;margin:3px 0}.achievement-toast span{font-size:.72rem;color:var(--muted);line-height:1.4}.achievement-toast button{align-self:start;border:0;background:transparent;color:var(--muted);font-size:1.3rem;cursor:pointer}@media(max-width:820px){.starter-panel{margin-top:-10px;padding:20px;display:block}.starter-panel .dashboard-primary{margin-top:17px}.achievement-grid{grid-template-columns:1fr 1fr}.achievement-toast{right:15px;bottom:15px;grid-template-columns:66px 1fr 24px}.achievement-toast img{width:66px;height:66px}}@media(max-width:480px){.achievement-grid{grid-template-columns:1fr}}