*{box-sizing:border-box}body{margin:0;background:#101727;color:#edf3ff;font:17px system-ui}header{position:sticky;top:0;background:#151f32;padding:18px;display:flex;gap:16px;align-items:center;z-index:2}header b{color:#9be7cb;font-size:23px;white-space:nowrap}input,textarea,select{font:inherit;color:inherit;background:#101727;border:1px solid #68758e;border-radius:12px;padding:12px;width:100%}header input{max-width:480px;margin-left:auto}button{font:inherit;cursor:pointer;background:#a3efcf;color:#11231e;border:0;border-radius:12px;padding:12px 16px}button.secondary{background:#2a3850;color:#edf3ff}button:focus-visible,a:focus-visible{outline:3px solid #ffcf7a;outline-offset:3px}button:disabled{opacity:.5;cursor:default}.layout{display:flex;max-width:1450px;margin:auto}nav{width:235px;flex-shrink:0;padding:24px 14px}nav button{display:block;text-align:left;width:100%;margin-bottom:7px;background:transparent;color:#c4cede}nav button.active{background:#273e43;color:#adf5d6}main{padding:28px;width:100%;max-width:1050px}h1{font-size:36px;margin:8px 0 16px}h2{font-size:23px}p{line-height:1.6;color:#c6d1e2}.eyebrow{color:#a3efcf;font-size:14px;letter-spacing:2px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px}.card{background:#1b273c;border:1px solid #34445e;border-radius:20px;padding:22px;margin-bottom:18px}.hero{background:linear-gradient(120deg,#25493f,#23314d);padding:30px;border-radius:24px;margin-bottom:24px}.row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}textarea{min-height:120px;margin:12px 0}label{display:block;margin:12px 0}small{color:#b5c4da}progress{width:100%;accent-color:#a3efcf}img{max-width:100%;max-height:420px;border-radius:14px;object-fit:contain}.message{white-space:pre-wrap;line-height:1.6;margin:14px 0}.badge{display:inline-block;padding:8px 12px;background:#384433;border-radius:20px;margin:5px}a{color:#a3efcf}#toast{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);background:#a3efcf;color:#11231e;border-radius:12px;padding:12px;display:none}body.large{font-size:21px}body.contrast{background:#000;color:#fff}body.contrast .card{background:#000;border-color:#fff}@media(max-width:720px){header{gap:8px;flex-wrap:wrap}header input{order:4;max-width:100%}nav{display:none;position:fixed;background:#151f32;top:120px;bottom:0;overflow:auto;z-index:3}nav.open{display:block}main{padding:18px}h1{font-size:29px}}/* Easy AI — the human bridge */
:root{--ink:#172d28;--muted:#50635b;--paper:#f5f5ec;--lime:#d0eda9;--line:#d8ded3}body{background:var(--paper);color:var(--ink);font-size:16px}header{height:88px;background:var(--paper);border-bottom:1px solid var(--line);padding:0 4.5%;gap:24px}header input{max-width:225px;background:transparent;border-color:#c5cfc2;font-size:14px;padding:10px 13px;color:var(--ink)}header #menu,header #voice{background:transparent;color:var(--ink);padding:10px}.brand-button{font-weight:750;font-size:24px;letter-spacing:-1px;background:transparent;padding:0;color:var(--ink);white-space:nowrap}.brand-button span{font-size:36px;vertical-align:-2px;margin-right:7px}.top-links{display:flex;gap:16px;margin-left:auto}.top-links button{background:transparent;color:var(--ink);font-size:14px;padding:9px}.layout{max-width:1400px}main{max-width:1120px;padding:34px}nav{background:#edf0e5}nav button{color:#45584e;font-size:14px}nav button.active{background:#dce7ce;color:#15352a}p{color:var(--muted)}h1,h2,h3{color:var(--ink);letter-spacing:-.04em}h1{font-size:40px}button{background:var(--ink);color:white;border-radius:10px;transition:transform .18s,background .18s}button:hover{transform:translateY(-2px)}button.secondary{background:#e3e8dc;color:var(--ink)}input,textarea,select{background:#fff;color:var(--ink);border-color:#b7c3b2;border-radius:10px}.card{background:#fff;border-color:var(--line);box-shadow:none;border-radius:16px}.card small,small{color:#536b60}.badge{background:#e1edcc;color:#214633}a{color:#245942}#toast{z-index:10;background:#183b2c;color:#f1f5e9;box-shadow:0 6px 24px #0002;max-width:90vw}.eyebrow{color:#34563a}progress{accent-color:#355f39}.homepage main{max-width:none;padding:0;width:100%}.homepage .layout{max-width:none}.homepage nav{display:none}.homepage nav.open{display:block;position:fixed;top:88px;bottom:0;left:0;width:265px;overflow:auto;z-index:6;box-shadow:20px 0 60px #142c2826}.homepage header{position:relative}.welcome{position:relative;display:grid;grid-template-columns:1.05fr 1fr;min-height:675px;background:#172e29;color:#f0f4e9;overflow:hidden;padding:65px max(5%,calc((100vw - 1240px)/2));gap:15px}.welcome-copy{position:relative;z-index:1;max-width:600px}.welcome-kicker{display:flex;align-items:center;gap:10px;font-size:11px;font-weight:650;letter-spacing:2px;color:#c7d9bf}.welcome-kicker span{width:7px;height:7px;background:#d0eda9;border-radius:50%;box-shadow:0 0 0 5px #d0eda91a}.welcome h1{font-size:clamp(44px,4.6vw,70px);line-height:1.07;letter-spacing:-3px;color:#f3f5e9;font-weight:550;margin:31px 0 20px}.welcome h1 em{font-family:Georgia,serif;font-weight:400;letter-spacing:-3px;color:var(--lime)}.welcome-lead{font-size:18px;line-height:1.6;color:#c2d0c1;margin-bottom:29px}.welcome .hello{font-size:13px;margin:17px 0 -16px;color:var(--lime)}.idea-box{background:#f7f8ee;border:1px solid #fff3;padding:19px 20px 13px;border-radius:15px;color:var(--ink);box-shadow:0 15px 50px #001c1620}.idea-box label{font-size:12px;letter-spacing:.25px;margin:0;font-weight:600}.idea-box textarea{border:0;outline-offset:0;background:transparent;margin:8px 0;resize:vertical;padding:3px 0;min-height:76px;height:76px;font-size:17px;line-height:1.6;max-height:240px}.idea-box textarea::placeholder{color:#77877b}.idea-actions{display:flex;justify-content:space-between;align-items:center;gap:8px}.primary-action{background:var(--lime);color:#24372a;font-weight:650;font-size:14px;padding:14px 22px;border-radius:8px}.idea-box .primary-action{background:#253f32;color:#f6f7ef}.voice-button{background:#e9eddf;color:var(--ink);padding:10px;font-size:16px}.text-button{background:transparent;color:#5c6e60;padding:8px;font-size:12px}.starter-chips{display:flex;gap:7px;flex-wrap:wrap;margin-top:17px;align-items:center}.starter-chips>span{font-size:12px;color:#b4c5b7;margin-right:3px}.chip{font-size:12px;background:transparent;border:1px solid #708976;color:#d6e2cf;padding:7px 12px;border-radius:30px}.chip:hover{background:#2f4b3b}.welcome-note{font-size:11px;color:#a9bfad;margin:16px 0 0}.welcome-visual{position:relative;min-width:0;align-self:stretch;min-height:500px;margin-left:15px}.bridge-art{position:absolute;width:112%;max-width:650px;left:-5%;top:-15px}.bridge-path{stroke-dasharray:1800;stroke-dashoffset:1800;animation:bridgeDraw 3s ease-out forwards}.orbit-label{position:absolute;padding:13px 17px;border:1px solid #78908060;background:#203b32e6;border-radius:11px;box-shadow:0 10px 25px #071e2120;backdrop-filter:blur(8px)}.orbit-label span{display:block;color:#aec3a7;font-size:9px;letter-spacing:1.5px;margin-bottom:6px}.orbit-label b{font-weight:500;font-size:14px;color:#edf3e5}.orbit-human{top:26%;left:0}.orbit-bridge{top:8%;right:9%}.orbit-action{top:62%;right:0;background:#c9e9aa}.orbit-action span,.orbit-action b{color:#233c2c}.visual-caption{position:absolute;bottom:17px;left:5%;right:0;text-align:center;font-family:Georgia,serif;font-size:16px;font-style:italic;color:#b4c5b1}.utility-strip{max-width:1240px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--line);padding:24px 0;gap:0}.utility-strip button{background:transparent;color:var(--ink);display:flex;gap:17px;align-items:center;text-align:left;border-radius:0;padding:10px 30px;border-right:1px solid var(--line)}.utility-strip button:last-child{border:0}.utility-strip button>span:last-child{margin-left:auto}.utility-strip b{display:block;font-size:15px}.utility-strip small{display:block;margin-top:5px;font-size:12px}.strip-icon{font-size:28px;color:#4e7653}.bridge-demo,.explore-section{max-width:1240px;margin:auto;padding:78px 30px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:26px}.section-label{font-size:10px;font-weight:700;letter-spacing:1.8px;color:#637258}.section-heading h2,.growth-copy h2{font-size:36px;line-height:1.2;font-weight:550;margin:15px 0 0;letter-spacing:-1.25px}.section-heading>p{font-size:14px;line-height:1.7;margin-bottom:3px}.demo-tabs{display:flex;gap:8px;margin-bottom:24px}.demo-tabs button{background:transparent;color:#5a6b60;border:1px solid #cad3c2;border-radius:25px;font-size:13px;padding:8px 19px}.demo-tabs button.selected{background:#233d2f;color:#f1f7e7;border-color:#233d2f}.demo-grid{display:grid;grid-template-columns:1fr 1.15fr 1.1fr;gap:16px}.demo-grid article{position:relative;padding:27px 25px 60px;min-height:270px;border-radius:13px}.demo-grid small{display:block;font-size:9px;letter-spacing:1.6px;color:#6f7d68}.step-number{position:absolute;right:23px;top:22px;font-family:Georgia,serif;font-size:28px;color:#a0b092}.demo-thought{background:#e6ebda}.demo-thought h3{font-size:25px;line-height:1.3;margin:38px 0 15px;font-family:Georgia,serif;font-weight:400;letter-spacing:-.4px}.demo-thought p{font-size:13px}.demo-dialog{border:1px solid #d6dfcc;background:#fafbf5}.demo-dialog p{font-size:13px;padding:13px 14px;border-radius:10px;line-height:1.6}.bubble-guide{background:#e9efdf;margin-top:28px;margin-right:20px}.bubble-human{background:#dce8ce;margin-left:20px}.demo-result{background:#203b2e;color:#edf3e5}.demo-result p{color:#d1dfc7;font-size:14px;margin-top:28px;line-height:1.8}.demo-result small{color:#b8cba7}.demo-result .step-number{color:#74896b}.demo-person{position:absolute;bottom:23px;left:25px;font-size:10px;color:#657654}.demo-result .demo-person{color:#b3c6a2}.demo-start{padding:7px 0;background:transparent;color:#d1edaa;font-size:12px;text-align:left}.demo-disclaimer{font-size:11px;text-align:right;color:#75806e;margin:12px 0 0}.growth-section{max-width:1180px;margin:0 auto 10px;background:#e9eddf;border-radius:20px;padding:45px 48px;display:grid;grid-template-columns:1fr 1fr;gap:70px}.growth-copy p{font-size:14px;max-width:400px;margin:20px 0;line-height:1.8}.growth-copy .primary-action{background:#254331;color:#f6f6ec}.growth-copy>small{display:block;font-size:11px;margin-top:17px}.learning-feature{background:#f9faf2;border:1px solid #d5dec9;border-radius:15px;padding:30px;align-self:center;transform:rotate(-1deg);box-shadow:0 15px 30px #263d2010}.learning-top,.learning-bottom{display:flex;justify-content:space-between;gap:10px;font-size:10px;letter-spacing:1px;color:#607050}.learning-feature h3{font-size:29px;font-weight:550;margin:28px 0 9px}.learning-feature p{font-size:14px}.learning-tags{display:flex;gap:7px;flex-wrap:wrap;margin:25px 0}.learning-tags span{padding:6px 10px;font-size:10px;background:#edf1e2;border-radius:20px;color:#52694a}.learning-feature progress{height:7px;border-radius:10px;margin-bottom:18px}.learning-bottom{letter-spacing:0;font-size:11px}.explore-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.explore-card{position:relative;border-radius:14px;min-height:310px;padding:28px;text-align:left;overflow:hidden;color:#20362b;transition:transform .2s,box-shadow .2s}.explore-card:hover{transform:translateY(-5px);box-shadow:0 12px 30px #17302712}.explore-create{background:#e6dfcc}.explore-images{background:#dce6d7}.explore-knowledge{background:#dce4e7}.explore-card small{font-size:9px;letter-spacing:1.7px;color:#4f6553}.explore-card h3{font-size:28px;font-weight:500;line-height:1.2;margin:37px 0 12px}.explore-card p{font-size:13px}.explore-mark{position:absolute;right:20px;top:18px;font-size:65px;line-height:1;color:#253d2829}.explore-link{display:block;margin-top:30px;font-size:12px;font-weight:650}.home-footer{max-width:1240px;margin:auto;padding:25px 30px 40px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px}.home-footer b{font-size:21px}.home-footer p{font-size:11px;line-height:1.8;margin:12px 0}.home-footer button,.home-footer a{font-size:11px;color:#50644f;background:transparent;padding:0;margin:0 0 0 20px;text-decoration:none}.home-footer>div:last-child{text-align:right}.home-footer>div:last-child p{color:#67775e}body.large .welcome-lead{font-size:22px}body.large .idea-box textarea{font-size:21px}body.contrast{--paper:#fff;--ink:#000;--muted:#222;--line:#777;background:#fff;color:#000}body.contrast .card{background:#fff;border-color:#000}body.contrast .welcome{background:#000}body.contrast .welcome p{color:#fff}body.contrast .welcome h1{color:#fff}body.contrast .homepage{background:#fff}body.contrast .welcome-kicker{color:#fff}@keyframes bridgeDraw{to{stroke-dashoffset:0}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.bridge-path{stroke-dashoffset:0}}
@media(min-width:721px){nav.open{display:block}body:not(.homepage) nav{position:static}}@media(max-width:1050px){.welcome{padding:45px 5%;min-height:620px;grid-template-columns:1.15fr 1fr}.welcome h1{font-size:55px}.welcome-visual{margin-left:0;min-height:480px}.bridge-art{top:40px;width:122%;left:-10%}.orbit-human{top:29%}.orbit-bridge{top:15%;right:0}.orbit-action{top:68%}.growth-section{margin:0 30px;gap:35px}.top-links{gap:3px}.demo-grid article{padding:25px 20px 55px}.utility-strip{margin:0 20px}}@media(max-width:720px){header{height:auto;min-height:77px;padding:15px 18px;gap:10px;flex-wrap:wrap}.brand-button{font-size:21px}.brand-button span{font-size:28px}.top-links{margin-left:auto}.top-links button{padding:7px 4px;font-size:11px}.top-links button:first-child{display:none}header #voice{padding:7px}header input{order:5;max-width:none;flex-basis:100%;font-size:13px}.homepage nav.open,nav{top:121px}.welcome{display:block;padding:32px 23px 30px;min-height:0}.welcome-kicker{font-size:8px;letter-spacing:1.1px}.welcome h1{font-size:46px;letter-spacing:-2px;margin:26px 0 17px}.welcome h1 em{letter-spacing:-2px}.welcome-lead{font-size:16px;margin:0 0 24px}.idea-box{padding:17px 16px 12px}.idea-box textarea{font-size:16px;min-height:80px;height:80px}.primary-action{font-size:13px;padding:12px 16px}.idea-actions{gap:4px}.idea-actions .row{gap:0}.text-button{padding:7px}.starter-chips{gap:6px}.welcome-note{font-size:10px}.welcome-visual{min-height:245px;height:245px;margin:18px -6px 0;overflow:hidden}.bridge-art{width:360px;left:50%;transform:translateX(-50%);top:-60px}.orbit-label{padding:10px 12px}.orbit-label b{font-size:11px}.orbit-label span{font-size:7px;margin-bottom:4px}.orbit-human{top:37%;left:0}.orbit-bridge{top:7%;right:10px}.orbit-action{top:64%;right:0}.visual-caption{bottom:0;font-size:12px;left:0}.utility-strip{margin:0 20px;padding:16px 0;grid-template-columns:1fr;gap:0}.utility-strip button{border-right:0;border-bottom:1px solid var(--line);padding:15px 3px;gap:14px}.utility-strip b{font-size:14px}.utility-strip small{font-size:11px}.strip-icon{font-size:25px;width:29px;text-align:center}.bridge-demo,.explore-section{padding:44px 23px}.section-heading{display:block;margin-bottom:23px}.section-heading h2,.growth-copy h2{font-size:30px;letter-spacing:-1px}.section-heading>p{margin-top:15px;font-size:13px}.section-label{font-size:9px}.demo-grid{grid-template-columns:1fr;gap:12px}.demo-grid article{min-height:230px;padding:25px 23px 58px}.demo-thought h3{margin-top:24px;font-size:25px}.demo-disclaimer{text-align:left;font-size:10px}.growth-section{margin:0 16px;padding:29px 23px;grid-template-columns:1fr;gap:28px;border-radius:16px}.growth-copy p{font-size:13px}.learning-feature{padding:25px;transform:rotate(0)}.learning-feature h3{font-size:26px;margin-top:22px}.explore-grid{grid-template-columns:1fr}.explore-card{min-height:255px;padding:25px}.explore-card h3{font-size:28px;margin-top:30px}.explore-card p{font-size:13px}.explore-link{margin-top:23px}.home-footer{margin:0 23px;padding:27px 0;display:block}.home-footer>div:last-child{text-align:left;margin-top:22px}.home-footer button,.home-footer a{margin:0 20px 0 0}.home-footer p{font-size:10px}body:not(.homepage) main{padding:22px 18px}button:hover{transform:none}}
.language-picker{display:flex;align-items:center;gap:6px;margin:0;flex-shrink:0}.language-picker select{font-size:13px;background:transparent;border:1px solid #b7c3b2;padding:8px;max-width:125px;min-height:40px}.language-picker span{font-size:17px}[dir=rtl] .welcome,[dir=rtl] .demo-grid,[dir=rtl] .growth-section,[dir=rtl] .explore-grid{text-align:right}[dir=rtl] .welcome h1,[dir=rtl] .welcome h1 em{letter-spacing:0;font-family:system-ui}[dir=rtl] .utility-strip button,[dir=rtl] .explore-card{text-align:right}[dir=rtl] .idea-box textarea{text-align:right}[dir=rtl] .orbit-label{text-align:right}[dir=rtl] nav button{text-align:right}[dir=rtl] .homepage nav.open{left:auto;right:0}[dir=rtl] .step-number{right:auto;left:23px}[dir=rtl] .bubble-guide{margin-left:20px;margin-right:0}[dir=rtl] .bubble-human{margin-right:20px;margin-left:0}@media(max-width:900px){header{gap:12px}.top-links{display:none}header input{max-width:180px}.language-picker{margin-inline-start:auto}}@media(max-width:720px){header{gap:7px}.language-picker select{font-size:12px;max-width:102px;padding:7px}.language-picker span{display:none}header #voice{padding:5px}.brand-button{font-size:19px}header #menu{padding:7px}}

.project-ai{border-top:1px solid #68758e;margin-top:20px;padding-top:16px}.project-ai .message{white-space:pre-wrap;overflow-wrap:anywhere}.project-ai textarea{min-height:96px}

.new-project{padding:14px 18px}.new-project>summary{display:list-item;list-style-position:inside;cursor:pointer;width:fit-content;background:#a3efcf;color:#11231e;border-radius:12px;padding:12px 16px;font:inherit}.new-project>summary:focus-visible{outline:3px solid #ffcf7a;outline-offset:3px}.new-project-fields{padding-top:18px}

.project-ai .message{scroll-margin-top:110px}.project-ai .message:focus{outline:none}@media(max-width:720px){.project-ai .message{scroll-margin-top:85px}}

.project-overview{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:16px}.project-overview .card{margin:0}.project-preview{white-space:pre-wrap;overflow-wrap:anywhere}

.welcome.welcome-simple{display:block;min-height:0;padding:32px max(5%,calc((100vw - 1000px)/2))}.welcome-simple .welcome-copy{max-width:760px;margin:auto}.welcome-simple h1{font-size:32px;line-height:1.25;letter-spacing:-.6px;margin:0 0 24px;font-weight:550}.welcome-simple .hello{margin:0 0 12px}.home-help{max-width:1000px;margin:12px auto 24px;border:1px solid var(--line);border-radius:12px;background:#fff}.home-help>summary{padding:18px 22px;font-size:16px;font-weight:500;cursor:pointer}.home-help .bridge-demo{padding:0 22px 22px}.home-help .demo-grid article{min-height:0;padding:20px}.home-help .demo-thought h3{font-size:21px;margin:0}.homepage .utility-strip{max-width:1000px}.homepage .home-footer{max-width:1000px}.home-help .demo-start{position:static;margin-top:16px}@media(max-width:720px){.welcome.welcome-simple{padding:26px 20px}.welcome-simple h1{font-size:27px;margin-bottom:20px}.home-help{margin:8px 20px 22px}.homepage .utility-strip{padding:8px 0}.homepage .home-footer{margin:0 20px}.home-help .bridge-demo{padding:0 16px 16px}}

.course-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:16px}.course-tile{margin:0;display:flex;flex-direction:column;align-items:flex-start}.course-tile h2{font-size:22px;margin:14px 0 4px}.course-tile p{flex:1}.course-progress progress{width:100%;margin:16px 0}.lesson-heading{margin:24px 0}.lesson-heading h1{font-size:32px;margin:12px 0}.lesson-body{max-width:820px}.lesson-body h3{font-size:21px;margin-top:28px}.lesson-body li p{margin:8px 0}.lesson-quiz{border:1px solid var(--line);border-radius:12px;padding:18px;margin:26px 0}.lesson-quiz legend{font-size:21px;font-weight:600;padding:0 6px}.lesson-quiz label{display:flex;gap:12px;align-items:center;border:1px solid var(--line);border-radius:10px;padding:12px;cursor:pointer}.lesson-quiz label:has(input:checked){background:#e5efd9;border-color:#69845b}.lesson-task{border-top:1px solid var(--line);margin-top:24px}.lesson-task textarea{min-height:160px}.draft-note{font-size:13px}.lesson-reflection{display:flex;align-items:flex-start;gap:10px}.lesson-success{background:#e5efd9;border-radius:12px;padding:16px;margin-top:20px}.lesson-navigation{margin:20px 0;justify-content:space-between}@media(max-width:720px){.lesson-heading h1{font-size:27px}.lesson-body{padding:18px}.lesson-quiz{padding:14px}.lesson-task .row{align-items:stretch;flex-direction:column}}

.project-material{border-top:1px solid var(--line);padding-top:18px;margin-top:24px}.project-material summary{cursor:pointer;padding:8px 0;font-weight:600}.project-ai .message{overflow-wrap:anywhere;scroll-margin-top:24px}.project-ai .row{flex-wrap:wrap}

.about-app{max-width:780px}.about-app h2{font-size:22px;margin-top:28px}.about-intro{font-size:19px;line-height:1.6}

.image-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:16px;margin-top:24px}.image-gallery .card{margin:0}.image-gallery img{width:100%;height:200px;object-fit:cover}.image-detail{max-width:800px}.image-detail>img{display:block;max-height:480px;object-fit:contain;margin:auto}.image-detail h2{font-size:22px;margin-top:26px}.image-detail .row{flex-wrap:wrap}

.photo-editor{max-width:1000px}.photo-comparison{display:grid;grid-template-columns:1fr 1fr;gap:16px}.photo-comparison figure{margin:0;min-width:0}.photo-comparison img,.photo-comparison canvas{display:block;width:100%;height:auto;max-height:420px;object-fit:contain;background:#edf0e5;border-radius:12px}.photo-comparison figcaption{margin-bottom:8px;font-weight:600}.photo-editor input[type=range]{padding:0;accent-color:#315e40;min-height:36px}.photo-editor .row{flex-wrap:wrap}@media(max-width:600px){.photo-comparison{grid-template-columns:1fr}.photo-comparison figure:first-child img{max-height:160px}.photo-editor .row button{flex:1}}

.sketch-work{max-width:1000px}#sketch-canvas{display:block;width:100%;height:auto;border:1px solid #adb9a7;border-radius:12px;touch-action:none;background:white;cursor:crosshair;margin:16px 0}.sketch-tools{flex-wrap:wrap;align-items:center}.sketch-tools label{margin:0;font-size:14px}.sketch-tools input[type=color]{width:50px;height:40px;padding:3px}.sketch-tools input[type=range]{max-width:130px;padding:0}.sketch-work>.row{flex-wrap:wrap}
.ai-quota{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center;padding:1rem;font-size:1rem}.ai-quota button{margin:0}

.music-studio{display:grid;grid-template-columns:1fr;align-items:start}.music-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.music-studio .row,.music-words .row{flex-wrap:wrap}.music-player{padding:1.25rem;background:#edf2e8;border:1px solid #b3c2b1;border-radius:16px;min-width:0}.music-player h2{font-size:1.35rem;margin-top:0}.music-player audio{display:block;width:100%;margin:1rem 0}.music-studio input[type=range]{padding:0;min-height:36px;accent-color:#315e40}.music-settings textarea{min-height:100px}.music-words textarea{min-height:230px}.music-player button{flex:1}.music-studio label,.music-words label{font-size:1rem}.music-studio button:disabled{opacity:.6;cursor:wait}@media(max-width:720px){.music-studio{grid-template-columns:1fr;gap:1rem}.music-grid{gap:.75rem}.music-player{padding:1rem}.music-words .row button{flex:1;min-width:180px}}.contrast .music-player{background:#fff;color:#000}
.music-voice audio{display:block;width:100%;margin:1rem 0}.music-voice .row{flex-wrap:wrap;gap:.65rem}.music-voice button{min-height:44px}.music-voice-status{font-weight:600}.music-voice input[type=number]{width:100%;box-sizing:border-box}@media(max-width:720px){.music-voice .music-grid{grid-template-columns:1fr}.music-voice .row button{flex:1 1 160px}}

/* Navigation is opt-in on every screen; never reserve work space for a closed menu. */
body nav,body:not(.homepage) nav{display:none;position:fixed;top:88px;bottom:0;inset-inline-start:0;width:min(280px,85vw);overflow-y:auto;z-index:6;box-shadow:12px 0 35px #142c2830}body nav.open,body.homepage nav.open{display:block;width:min(280px,85vw)}main{min-width:0}body:not(.homepage) main{margin-inline:auto}#menu[aria-expanded=true]{background:#dce7ce}

.purchase-notice{display:flex;align-items:flex-start;gap:1rem;padding:1.25rem;margin:1rem 0;border:2px solid #547565;border-radius:16px;background:#f1f5f2;color:#172c22;scroll-margin-top:100px}.purchase-notice h2{margin:0 0 .5rem;font-size:1.4rem;line-height:1.25}.purchase-notice p{margin:0 0 1rem}.purchase-icon{display:flex;align-items:center;justify-content:center;flex:0 0 48px;width:48px;height:48px;border-radius:50%;font-size:2rem;font-weight:700;background:#dbe5de;color:#254b35}.purchase-success{border-color:#237644;background:#e9f7ee}.purchase-success .purchase-icon{background:#237644;color:#fff}.purchase-notice>div{min-width:0}.purchase-notice button{min-height:44px}.contrast .purchase-notice{background:#fff;color:#000;border-color:#000}.contrast .purchase-icon{background:#000;color:#fff}@media(max-width:480px){.purchase-notice{gap:.75rem;padding:1rem}.purchase-icon{flex-basis:40px;width:40px;height:40px;font-size:1.75rem}.purchase-notice button{width:100%}}
.week-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:1rem}.week-grid .card{margin:0}.week-tasks{list-style:none;padding:0}.week-tasks li{display:flex;gap:.5rem;align-items:center;margin:.7rem 0}.week-tasks input[type=checkbox]{width:1.25rem;min-width:1.25rem}.week-tasks input:not([type=checkbox]){min-width:0;flex:1}.week-tasks button{padding:.5rem;font-size:.875rem}.attachment-ai{border-block:1px solid var(--border,#526075);padding:1rem 0;margin:1rem 0}.attachment-ai input[type=checkbox]{width:auto}.attachment-ai textarea{min-height:10rem}

.resume-card{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;margin:1rem 0}.resume-card h2{margin:.25rem 0}.resume-step{white-space:pre-wrap}.response-tools{width:100%;padding:.5rem 0}.response-tools p{margin:.25rem 0}.help-notice{border:2px solid #d79d58}.help-notice h2{font-size:1.2rem}@media(max-width:650px){.resume-card{align-items:stretch;flex-direction:column}.response-tools .row{display:grid;grid-template-columns:1fr 1fr}.response-tools button{white-space:normal}}

#header-weather{margin-left:auto;flex-shrink:0}#header-weather:empty{display:none}.weather-widget{position:relative;color:#795033;text-align:right}.weather-widget>summary{list-style:none;cursor:pointer;padding:6px 4px;min-width:75px;max-width:130px}.weather-widget>summary::-webkit-details-marker{display:none}.weather-widget>summary:focus-visible{outline:3px solid #795033;outline-offset:3px;border-radius:6px}.weather-number{display:block;font-size:1rem;font-weight:650;line-height:1.2}.weather-place{display:block;font-size:.875rem;line-height:1.3;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.weather-popover{position:absolute;right:0;top:100%;width:min(340px,calc(100vw - 36px));max-height:70vh;overflow:auto;background:#fffdf8;color:var(--ink);border:1px solid #cfb69e;border-radius:12px;box-shadow:0 12px 30px #40291325;padding:16px;text-align:left;z-index:8}.weather-popover p{font-size:.875rem;margin:.5rem 0}.weather-popover h2{font-size:1rem}.weather-popover label{font-size:.875rem}.weather-popover input{max-width:none;margin:6px 0;background:#fffdf8;color:var(--ink)}.weather-popover button{font-size:.875rem;padding:10px;white-space:normal}.weather-popover small{font-size:.875rem}.weather-popover a{color:#795033}.weather-temperature{font-size:1.2rem;font-weight:650}.weather-temperature span{font-size:.875rem;font-weight:400}#weather-places{display:flex;flex-direction:column;gap:6px;margin-top:10px}#weather-places button{text-align:left;overflow-wrap:anywhere}#weather-message:empty{display:none}@media(max-width:720px){header{column-gap:5px}#header-weather{order:3}.weather-widget>summary{min-width:60px;max-width:95px;padding:4px 0}.weather-place{font-size:.875rem}.weather-number{font-size:.95rem}.weather-popover{right:0}.language-picker select{max-width:87px}}
@media(max-width:420px){header .brand-button{font-size:18px}header .brand-button span{font-size:24px}.language-picker select{max-width:76px}.weather-widget>summary{min-width:52px;max-width:78px}}

.voice-guide{position:fixed;z-index:1000;inset:auto 1rem 1rem auto;width:min(32rem,calc(100vw - 2rem));max-height:85dvh;overflow:auto;background:#fffdf8;color:var(--ink);border:2px solid #795033;border-radius:18px;padding:1.25rem;box-shadow:0 12px 60px #0009}.voice-guide[hidden]{display:none}.voice-guide h2{margin-top:0}.voice-guide button{min-height:48px}.voice-guide p{line-height:1.55}.voice-guide input,.voice-guide select{font-size:1rem}.voice-guide:focus{outline:3px solid #183b2c;outline-offset:3px}#voice{white-space:nowrap;min-height:44px}fieldset{min-width:0}fieldset label{display:block;margin:.75rem 0}button[aria-pressed=true]{outline:2px solid #a3efcf;outline-offset:2px} @media(max-width:600px){.voice-guide{inset:auto .5rem .5rem;width:calc(100vw - 1rem);max-height:80dvh}header #voice{font-size:.85rem;padding:.6rem}header #search{display:none}}

@media(max-width:720px){header .top-links{display:none}}
.message .ai-answer{white-space:normal;line-height:1.65}
.ai-answer p{margin:0 0 1em}
.ai-answer h3{font-size:1.12rem;line-height:1.4;margin:1.3em 0 .6em}
.ai-answer h3:first-child{margin-top:0}
.ai-answer ul,.ai-answer ol{padding-inline-start:1.5em;margin:.5em 0 1em}
.ai-answer li{margin:.35em 0}
.ai-answer pre{white-space:pre-wrap;overflow-wrap:anywhere;padding:14px;background:var(--wash,#e8ece4);border-radius:10px}
.ai-answer code{font-size:.95em}
.ai-answer hr{margin:1.3em 0}
/* A small cosmic working surface, responsive to real microphone amplitude. */
.voice-guide{background:#101827;color:#eef3ff;border:1px solid #778cc3}.voice-guide select{color:#101827}.voice-guide p{font-size:1rem}.cosmic-orb{--level:0;width:8rem;height:8rem;margin:1rem auto;border-radius:50%;background:radial-gradient(circle at 30% 25%,#fff8 0%,transparent 22%),radial-gradient(circle at 65% 70%,#47d4d9 0%,transparent 55%),radial-gradient(circle at 30% 40%,#9b6bf2 5%,#284b9b 60%,#162139);box-shadow:0 0 30px #8061ed77,inset -12px -15px 25px #0a143a;transform:scale(calc(1 + var(--level)*.22));transition:transform .12s ease,filter .4s;animation:cosmos-breathe 5s ease-in-out infinite}.voice-guide[data-phase=listening] .cosmic-orb{box-shadow:0 0 40px #53d9ce88}.voice-guide[data-phase=thinking] .cosmic-orb{animation:cosmos-think 2s ease-in-out infinite}.voice-guide[data-phase=speaking] .cosmic-orb{animation:cosmos-speak 1.3s ease-in-out infinite}.orb-status{text-align:center}.pause-settings{max-width:44rem;margin:1.5rem auto;padding:1rem}.pause-settings input{width:auto}.gentle-break-note{position:fixed;bottom:1rem;left:1rem;z-index:1100;width:min(26rem,calc(100vw - 2rem));background:#15253b;color:#f4f7ff;padding:1rem;border:1px solid #a3c9e9;border-radius:1rem;box-shadow:0 8px 32px #0008}.gentle-break-note button{min-height:44px}@keyframes cosmos-breathe{50%{filter:hue-rotate(20deg) brightness(1.1)}}@keyframes cosmos-think{50%{filter:hue-rotate(60deg)}}@keyframes cosmos-speak{50%{transform:scale(1.09);filter:brightness(1.2)}}@media(prefers-reduced-motion:reduce){.cosmic-orb{animation:none!important;transform:none!important;transition:none!important}}

.voice-options{border-top:1px solid #778cc3;margin-top:1rem;padding-top:.75rem}.voice-options summary{cursor:pointer;font-size:1rem;padding:.5rem 0}.voice-options label{display:block;margin:1rem 0}.voice-guide select,.voice-guide textarea{background:#eef3ff;color:#101827;border-color:#778cc3}.voice-transcript{padding:.75rem;background:#1a2941;border-radius:10px;overflow-wrap:anywhere}.voice-transcript span{opacity:.75}.voice-message{overflow-wrap:anywhere}.utility-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.voice-guide button{font-size:1rem}@media(max-width:420px){.voice-guide{padding:1rem}.cosmic-orb{width:6rem;height:6rem}.voice-guide .row{gap:.5rem}}

/* Keep the voice panel legible independently of the page's light theme. */
.voice-guide h2,.voice-guide h3,.voice-guide p,.voice-guide label,.voice-guide summary{color:#f2f6ff}.voice-guide .voice-transcript{color:#fff;max-height:7rem;overflow:auto;font-size:1.05rem}.voice-guide .voice-transcript span{opacity:1;color:#d8e7ff}.voice-guide .voice-message{color:#f2f6ff}.voice-guide .orb-status{color:#bcefe7;margin:.5rem 0}.voice-guide button{background:#bcefe0;color:#112c26}.voice-guide button.secondary{background:#26384f;color:#f2f6ff}.voice-controls{position:sticky;bottom:-1rem;padding:.75rem 0;background:#101827;z-index:1}.voice-controls button:first-child{flex:1}.voice-guide .cosmic-orb{width:5.5rem;height:5.5rem;margin:.75rem auto}.voice-guide h2{font-size:1.25rem}.voice-guide .voice-message{max-height:14rem;overflow:auto}.voice-options{margin-top:.5rem}

.project-sketch-preview{margin:0 0 1rem;background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden}.project-sketch-preview img{display:block;width:100%;height:auto;max-height:240px;object-fit:contain}.project-ai.sketch-conversation{border-top:0;margin-top:0;padding-top:0}.sketch-attachment-controls{margin:0 0 1rem}.sketch-attachment-controls input[type=checkbox]{width:auto}.sketch-attachment-controls details{margin-top:.5rem;font-size:.875rem}.sketch-attachment-controls summary{cursor:pointer}

.sketch-primary{margin-top:.75rem}.sketch-options{border-top:1px solid var(--line);margin-top:1rem;padding-top:.75rem}.sketch-options summary{cursor:pointer;font-weight:600;padding:.5rem 0}

nav .menu-primary{padding-bottom:.5rem}nav .menu-group{border-top:1px solid var(--line);padding:.4rem 0}nav .menu-group summary{cursor:pointer;font-weight:650;font-size:1rem;padding:.75rem .5rem;color:var(--ink);line-height:1.4}nav .menu-group summary:focus-visible{outline:3px solid #b36b38;outline-offset:2px}nav .menu-group>div{padding-inline-start:.5rem}nav button{font-size:1rem;min-height:44px;margin-bottom:.2rem}nav .menu-primary button{font-weight:650}[dir=rtl] nav .menu-group{text-align:right}

.gentle-break-note{position:fixed;inset:auto 1rem 1rem auto;z-index:100;width:auto;max-width:calc(100vw - 2rem);padding:0;border:0;background:transparent;box-shadow:none;color:var(--ink);display:flex;flex-direction:column;align-items:flex-end;gap:.4rem}.gentle-break-note .break-person{width:48px;height:48px;padding:4px;font-size:28px;line-height:1;background:var(--paper);border:1px solid var(--line);box-shadow:0 3px 12px #172d2822;border-radius:50%}.gentle-break-note #break-message{position:relative;width:220px;padding:.75rem 2rem .75rem .75rem;background:var(--paper);border:1px solid var(--line);border-radius:12px;box-shadow:0 3px 16px #172d2822}.gentle-break-note #break-message[hidden]{display:none}.gentle-break-note p{margin:0;font-size:.875rem;color:var(--ink);line-height:1.5}.gentle-break-note .break-dismiss{position:absolute;inset:0 0 auto auto;background:transparent;color:var(--ink);width:32px;min-height:32px;padding:0;font-size:22px}[dir=rtl] .gentle-break-note{inset:auto auto 1rem 1rem;align-items:flex-start}
/* Creative workspaces: distinct colors, readable controls and compact mobile rows. */
.music-heading{display:flex;gap:1rem;align-items:center}.music-heading>span{display:grid;place-items:center;font-size:2.3rem;background:#284b5c;color:#9cf2db;border-radius:18px;width:68px;height:68px}.music-style-chips{display:flex;flex-wrap:wrap;gap:.5rem;margin:1rem 0}.music-style-chips button{background:#e4d8fd;color:#2b214e;border:2px solid transparent}.music-style-chips [aria-pressed=true]{border-color:#56339b;box-shadow:0 0 0 2px #fff}.music-style-chips .style-acoustic{background:#f8dda9;color:#553911}.music-style-chips .style-piano{background:#dce5fa;color:#243c66}.music-style-chips .style-lofi{background:#f5cddc;color:#68283f}.music-style-chips .style-electronic{background:#a8eede;color:#174a40}.music-style-chips .style-hiphop{background:#ffdfba;color:#6a360e}.music-style-chips .style-ambient{background:#d5edec;color:#21454b}.music-player{background:linear-gradient(145deg,#17253c,#2d2454);color:#f4f7ff;border:1px solid #667398}.music-player input[type=range]{accent-color:#91efd3}.music-player label,.music-player p,.music-player h2{color:inherit}.music-player .secondary{background:#d9d4f6;color:#252046}.music-player button:not(.secondary){background:#99e7d1;color:#153d35}.music-mixer{border-top:1px solid #62708d;padding-top:.8rem;margin-top:1rem}.music-mixer summary{cursor:pointer;font-weight:700}.intro-video{display:grid;grid-template-columns:1fr 1.35fr;gap:1rem;align-items:center;margin:1.2rem 0}.intro-video video{width:100%;max-height:300px;background:#101727;border-radius:12px}.history-illustration{margin:0 0 1rem}.history-illustration img{display:block;width:100%;max-height:460px;object-fit:contain;border-radius:18px;background:#101727}.history-illustration figcaption{font-size:14px;margin-top:.5rem}.model3d-work canvas{width:100%;height:auto;touch-action:none;border-radius:14px;margin:1rem 0}.model3d-work>.row{flex-wrap:wrap}.model-controls{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.model-controls input[type=range]{padding:0}.social-link{display:inline-flex;padding:12px 16px;background:#e1e9dd;color:#173b2c;border-radius:12px;align-items:center;text-decoration:none}.share-kit>.row{flex-wrap:wrap}.sketch-fill input{width:auto}.sketch-import{max-width:350px}.sketch-tools select{min-width:140px}.sketch-tools button:disabled{opacity:.4;cursor:default}.share-kit textarea{min-height:130px}
@media(max-width:720px){.intro-video{grid-template-columns:1fr}.intro-video h2{font-size:1.25rem;margin:0}.intro-video p{margin:.5rem 0}.model-controls{grid-template-columns:1fr 1fr}.music-grid{grid-template-columns:1fr 1fr}.music-style-chips button{padding:10px 13px}.music-heading h1{font-size:1.8rem}.music-heading>span{width:52px;height:52px}}
.intro-video>.small{grid-column:1/-1;margin:0;font-size:14px;color:#4b6255}

.pause-settings-icon{display:inline-block;font-size:1.4rem;vertical-align:middle;margin-inline-end:.2rem}
.model3d-work{padding:clamp(14px,3vw,26px)}.model-shapes,.model-view-tools{gap:.4rem!important}.model-shapes button,.model-view-tools button,.model-selection button{padding:.55rem .75rem;min-height:44px;font-size:.9rem}.model-view-tools [aria-pressed=true]{background:#193a30;color:white}.model3d-work canvas{margin:.65rem 0}.model-selection{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;margin:.75rem 0}.model-selection label{margin:0;display:flex;align-items:center;gap:.5rem}.model-selection input[type=color]{width:64px;height:44px;padding:4px;border:1px solid #9aad9f;border-radius:10px}.model-properties{margin:1rem 0;padding:.7rem;border:1px solid #d6ddd4;border-radius:12px}.model-properties summary,.model-export summary{cursor:pointer;font-weight:600;min-height:44px;display:list-item;align-content:center}.model-properties .model-controls{margin-top:1rem;gap:.8rem}.model-controls label{min-width:0;font-size:.95rem}.model-controls output{float:inline-end;font-size:.85rem;color:#536d60;font-variant-numeric:tabular-nums}.model-controls input[type=range]{accent-color:#24654f;width:100%}.model-export button{margin:.4rem}

.model-template-picker{display:flex;flex-wrap:wrap;align-items:end;gap:.6rem;margin-bottom:.65rem}.model-template-picker label{flex:1;min-width:150px;margin:0}.model-template-picker button{margin-bottom:0}.model-shape-picker{margin:.6rem 0}.model-shape-picker summary{cursor:pointer;min-height:44px;align-content:center}.model-shape-picker .row{margin:.5rem 0}

.history-page{max-width:880px;margin:auto}.history-intro{max-width:65ch}.history-picture{margin:1rem 0 1.5rem}.history-picture>summary,.ai-timeline summary{cursor:pointer;padding:.6rem 0;font-size:1rem}.history-picture figure{margin-top:1rem}.ai-timeline{list-style:none;padding:0;margin:0 0 1.5rem}.ai-timeline>li{display:grid;grid-template-columns:5rem minmax(0,1fr);gap:1rem;padding:1.2rem 0;border-top:1px solid #87978b66}.history-year{font-size:1.25rem;font-weight:750;padding-top:.15rem}.ai-timeline h2{font-size:1.2rem;margin:0 0 .5rem}.ai-timeline p{margin:.4rem 0;line-height:1.6}.ai-timeline a{display:inline-block;padding:.5rem 0}.history-page .card button{margin:.3rem}.history-picture img{max-height:320px}@media(max-width:480px){.ai-timeline>li{grid-template-columns:3.8rem minmax(0,1fr);gap:.65rem}.history-year{font-size:1.1rem}}

.workspace-save-status{padding:1rem;border:1px solid #68758e;border-radius:12px;margin:1rem 0}.workspace-save-status p{margin:.25rem 0 .6rem;overflow-wrap:anywhere}.workspace-save-status button{margin-top:.35rem}

.welcome.welcome-simple{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(28px,5vw,70px);align-items:center;padding:36px max(5%,calc((100vw - 1200px)/2))}.welcome-simple .welcome-copy{width:100%;min-width:0;margin:0;max-width:none}.welcome-path{min-width:0;max-width:480px}.path-mark{display:block;font-size:58px;line-height:1;color:#bbe897;margin-bottom:16px}.welcome-path h2{font-size:clamp(26px,3vw,38px);line-height:1.2;color:#f0f4e9;margin:0 0 12px}.welcome-path>p{color:#c5d5c7;line-height:1.5;margin:0 0 22px}.welcome-path ol{list-style:none;counter-reset:path;padding:0;display:grid;gap:18px;margin:0 0 24px}.welcome-path li{counter-increment:path;position:relative;padding-inline-start:46px}.welcome-path li:before{content:counter(path);position:absolute;inset-inline-start:0;top:2px;width:30px;height:30px;border:1px solid #82aa92;border-radius:50%;display:grid;place-items:center;color:#d0eda9}.welcome-path li b,.welcome-path li span{display:block}.welcome-path li span{font-size:14px;color:#bdcfbf;margin-top:3px}.path-learn{background:transparent;color:#e1eddb;border:1px solid #82aa92;font-size:14px;padding:10px 16px}.resume-card h2{white-space:normal;overflow-wrap:anywhere;text-overflow:clip;max-width:100%;-webkit-line-clamp:unset}.resume-card>div{min-width:0}.resume-step{overflow-wrap:anywhere}@media(max-width:760px){.welcome.welcome-simple{display:flex;flex-direction:column;padding:26px 20px;gap:24px}.welcome-copy{order:0}.welcome-path{order:1;max-width:none;width:100%;border-top:1px solid #466353;padding-top:20px}.path-mark{display:none}.welcome-path h2{font-size:22px}.welcome-path ol{gap:12px;margin-bottom:16px}.welcome-path>p{margin-bottom:16px}}

.inspiration-question{font-size:clamp(23px,2.6vw,32px);line-height:1.4;font-family:Georgia,serif;color:#e7f2d9;margin:26px 0;padding-inline-start:20px;border-inline-start:3px solid #bbe897}.path-next{background:transparent;color:#d6e6d8;font-size:14px;border:0;text-decoration:underline;text-underline-offset:4px}.welcome-path .row{flex-wrap:wrap;gap:10px}@media(max-width:760px){.inspiration-question{font-size:23px;margin:18px 0}.welcome-path .path-mark{display:none}}

/* Compact notices stay in document flow; never obscure the workspace. */
#toast{position:static!important;inset:auto!important;max-width:70ch;margin:.5rem auto;padding:.5rem .75rem;font-size:.875rem;line-height:1.5;box-shadow:none;overflow-wrap:anywhere} .offline-status{font-size:.875rem;padding:.35rem .55rem;min-height:32px;white-space:nowrap;background:#f5d9a1;color:#432c08}.offline-status[hidden]{display:none!important}#offline-detail{max-width:min(90vw,32rem);border:1px solid #899b8f;border-radius:12px;padding:1.25rem}#offline-detail::backdrop{background:#0005}.help-notice{font-size:.875rem;max-width:70ch}
.help-notice{padding:.6rem .8rem!important;font-size:.875rem;line-height:1.5}.help-notice summary{cursor:pointer;font-weight:650}.help-notice p{margin:.6rem 0}.help-notice button{font-size:.875rem;padding:.5rem .7rem}.offline-readiness{font-size:.875rem} @media(max-width:700px){header{flex-wrap:wrap;height:auto;min-height:76px}.offline-status{margin-left:auto}}

header{height:auto;min-height:88px;flex-wrap:wrap}header #toast{flex-basis:100%;width:100%;margin:0 0 .4rem;padding:.25rem .5rem;cursor:pointer;text-align:start;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:.875rem;line-height:1.45;background:#e7ece2;color:#203b2e;white-space:normal}header #toast:not([style*=block]){display:none}body.contrast header #toast{background:#fff;color:#000;border:1px solid #000}
header #toast[style*="block"]{display:-webkit-box!important}
/* Learning: a quiet reading surface around local, responsive experiments. */
.learning-workshop{max-width:980px;margin:auto}.lab-heading{max-width:760px;margin-bottom:24px}.lab-heading h1{font-size:clamp(2rem,4vw,3rem);line-height:1.15}.lab-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}.lab-tabs button{padding:10px 16px;min-height:44px;font-size:1rem}.lab-tabs [aria-pressed=true]{background:#173e34;color:#fff}.lab-lesson{padding:clamp(18px,4vw,36px)}.lab-kicker{font-size:.9rem;color:#806347}.lab-lesson h2{font-size:1.7rem;line-height:1.3}.lab-experiment{background:#edf1ec;border-radius:16px;padding:clamp(16px,3vw,28px);margin:24px 0}.lab-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.lab-control{display:block}.lab-control output{float:inline-end;font-weight:700}.lab-control input{display:block;width:100%;min-height:40px;accent-color:#226456}.lab-result{margin:20px 0;overflow-wrap:anywhere}.lab-result svg{width:100%;max-width:420px;display:block;margin:auto;font-size:15px}.lab-big{font-size:clamp(1.3rem,4vw,2rem);font-weight:700;line-height:1.4}.square-areas{display:flex;gap:2px;border-radius:8px;overflow:hidden;min-height:56px}.square-areas span{background:#aad8c5;padding:12px;min-width:85px;text-align:center}.square-areas span+span{background:#e9c68f}.force-bar{height:36px;border:1px solid #477563;border-radius:8px;overflow:hidden}.force-bar span{display:block;height:100%;background:#477563}.lab-reading{margin:20px 0;padding-top:16px;border-top:1px solid #d8ddd5}.lab-reading summary,.sign-resources summary{font-weight:700;cursor:pointer;min-height:40px}.lab-reading p{line-height:1.75;max-width:75ch}.lab-figure{margin:20px 0}.lab-figure img{height:auto;max-width:100%;background:white;border-radius:12px}.lab-figure figcaption{font-size:.875rem;line-height:1.5;margin-top:8px}.learning-workshop video{width:100%;max-height:360px;margin-top:16px;border-radius:12px;background:#101727}.molecule-count{display:flex;gap:10px;flex-wrap:wrap}.molecule-count span{display:inline-block;padding:14px;border-radius:30px;background:#dcba86;color:#203f36;font-weight:700}.periodic-scroll{overflow-x:auto;padding:8px 0;max-width:100%}.periodic-grid{display:grid;grid-template-columns:repeat(18,48px);grid-template-rows:repeat(10,58px);gap:4px;min-width:932px}.periodic-grid button{display:flex;flex-direction:column;padding:3px;align-items:center;justify-content:center;border-radius:6px;background:#d9e8df;color:#163d32;border:1px solid #a8b9ac}.periodic-grid button[aria-pressed=true]{background:#173e34;color:white;outline:2px solid #b98648}.periodic-grid small{font-size:.8rem}.periodic-grid b{font-size:1rem}.lab-element{padding:16px;background:#fff;margin-top:12px;border-radius:10px}.signal-steps li{padding:8px;margin:6px 0;min-height:36px}.signal-steps .current{background:#d1e8db;border-radius:8px;font-weight:700}.sign-resources .row{gap:18px}.sign-resources a{font-size:1rem}.history-learning .turing-portrait{display:grid;grid-template-columns:160px 1fr;align-items:center;gap:20px;margin:24px 0;padding:20px;background:#e6e9df;border-radius:16px}.turing-portrait img{width:160px;height:190px;object-fit:cover;object-position:center 20%;border-radius:10px}.turing-portrait figcaption{font-size:.9rem;line-height:1.6}.history-eras{list-style:none;padding:0;border-inline-start:2px solid #bfa276;margin-inline-start:12px}.history-eras li{padding:0 0 16px 22px}.history-eras details{background:#fff;border:1px solid #dfe2d9;border-radius:14px;padding:18px}.history-eras summary{cursor:pointer;display:flex;align-items:center;gap:18px;min-height:44px}.history-eras summary span{color:#806347;min-width:88px;font-size:1rem}.history-eras summary b{font-size:1.15rem}.history-eras p{line-height:1.75}.history-person{font-weight:700;color:#4c665b}.learning-workshop progress{width:100%;accent-color:#226456;height:24px}.lab-percent{border-top:1px solid #cad4c8;margin-top:16px;padding-top:12px}.lab-download-status{font-size:.875rem}.learning-workshop .draft-note{line-height:1.6}.learning-workshop button:focus-visible,.learning-workshop a:focus-visible,.learning-workshop summary:focus-visible{outline:3px solid #966823;outline-offset:3px}@media(max-width:600px){.lab-controls{grid-template-columns:1fr;gap:12px}.history-eras summary{align-items:flex-start;flex-direction:column;gap:6px}.history-learning .turing-portrait{grid-template-columns:100px 1fr;padding:14px;gap:14px}.turing-portrait img{width:100px;height:135px}.lab-lesson h2{font-size:1.4rem}.history-eras li{padding-inline-start:14px}.learning-workshop .row button{max-width:100%}}
.lab-quiz{margin:24px 0;padding:18px;border:1px solid #bccabd;border-radius:12px}.lab-quiz label{display:block;padding:8px}.lab-quiz legend{font-weight:700}.lab-quiz input{accent-color:#226456}

/* Calm, task-first school workspace. */
.school-mode #search,.school-mode .top-links,.school-mode #voice,.school-mode #header-weather,.school-mode #voice-guide,.school-mode #offline-status{display:none!important}
.school-mode{background:#edf4ff;color:#162942}
.school-mode #main{max-width:1050px;margin:auto}
.school-shell{font-size:1.125rem;line-height:1.65}
.school-shell h1{font-size:clamp(1.8rem,4vw,2.6rem)}
.school-heading{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}
.school-level{background:#1767b3;color:white;border-radius:20px;padding:.35rem 1rem}
.school-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
.school-shell .card{background:white;border:1px solid #bdcfe8;border-radius:18px;color:#162942}
.school-shell button{min-height:48px;font-size:1.125rem}
.school-shell textarea{min-height:150px;font-size:1.125rem;background:white;color:#162942}
.school-problem{font-size:2rem;font-weight:700}
.school-reading{max-width:65ch;font-size:1.25rem}
.school-saved{white-space:pre-wrap;overflow-wrap:anywhere}
#school-canvas{width:100%;height:auto;background:white;border:2px solid #1767b3;touch-action:none;display:block;margin:1rem 0}
#school-color{width:100px;height:48px}
.school-mode #nav button{min-height:48px;font-size:1.05rem}
@media(max-width:600px){.school-grid{grid-template-columns:1fr}}
/* 3D studio: viewport first, library and precise inspector. */
.model-heading{display:flex;align-items:center;justify-content:space-between;gap:1rem}.model-heading h1{margin-bottom:.3rem}.model-heading p{margin-top:0}.model-count{font-variant-numeric:tabular-nums;background:#e4e9de;border-radius:20px;padding:.5rem 1rem;white-space:nowrap}.model-studio{padding:18px}.model-studio-bar{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;padding-bottom:1rem;border-bottom:1px solid #d6ddd4}.model-template-picker{display:flex;align-items:end;gap:.5rem}.model-template-picker label{margin:0}.model-template-picker select{min-width:130px}.model-studio button{font-size:.88rem;padding:.55rem .7rem;min-height:44px}.model-studio-layout{display:grid;grid-template-columns:170px minmax(0,1fr) 240px;gap:16px;padding-top:16px}.model-studio h2{font-size:1rem;margin:.2rem 0 .8rem}.model-studio h3{font-size:.9rem;margin:1rem 0 .5rem}.model-library,.model-inspector{min-width:0}.model-primitive-grid{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin-bottom:1.5rem}.model-object-list{display:grid;gap:4px;max-height:420px;overflow:auto}.model-object-list button{display:flex;align-items:center;gap:7px;background:transparent;color:#1a392e;text-align:start;border:1px solid transparent;overflow-wrap:anywhere}.model-object-list button[aria-pressed=true]{background:#e3efe7;border-color:#688878}.model-object-list button span{width:12px;height:12px;border-radius:4px;flex-shrink:0;border:1px solid #788b80}.model-object-list button small{margin-inline-start:auto}.model-object-select{display:none}.model-stage{min-width:0;background:#101727;border:1px solid #344359;border-radius:16px;padding:12px;align-self:start}.model-stage canvas{display:block;margin:0;border-radius:0}.model-stage .model-view-tools{display:flex;flex-wrap:wrap;margin:0;gap:5px!important}.model-stage button{background:#24344a;color:#edf4fc;border:1px solid #40536d}.model-stage [aria-pressed=true]{background:#bceee0;color:#12392e;border-color:#bceee0}.model-stage-help{color:#bacadc!important;font-size:.8rem;margin:.8rem 0 0}.model-inspector{padding:12px;background:#f1f3eb;border:1px solid #d6ddd4;border-radius:14px;align-self:start}.model-inspector input[type=number]{min-width:0;width:100%;padding:8px;border-radius:7px;font-size:.9rem;font-variant-numeric:tabular-nums}.model-inspector .model-controls{gap:6px}.model-inspector .model-controls label{font-size:.78rem;margin:0}.model-inspector .model-selection{gap:5px}.model-inspector label{font-size:.85rem}.model-inspector #model3d-name{padding:8px}.model-camera-tools{border-top:1px solid #344359;padding-top:.6rem}.model-export{position:relative}.model-export[open]{padding:8px;border:1px solid #a6b7aa;border-radius:10px}.model-studio #model3d-status{font-size:.85rem;color:#4c6859}.model-studio button:disabled{opacity:.4;cursor:default}
@media(min-width:1250px){body:has(.model-studio) main{max-width:1480px}}
@media(max-width:1080px){.model-studio-layout{grid-template-columns:140px minmax(0,1fr)}.model-inspector{grid-column:1/-1;display:block}.model-inspector .model-controls{grid-template-columns:repeat(4,minmax(0,1fr))}.model-inspector .model-selection{margin:.5rem 0}}
@media(max-width:650px){.model-studio{padding:10px}.model-studio-layout{display:flex;flex-direction:column;gap:12px}.model-stage{order:0;width:100%;box-sizing:border-box;padding:8px}.model-library{order:1}.model-inspector{order:2}.model-object-list{max-height:160px;grid-template-columns:1fr 1fr}.model-primitive-grid{grid-template-columns:repeat(4,1fr);margin-bottom:.8rem}.model-template-picker{width:100%}.model-template-picker label{flex:1}.model-studio-bar>.row{gap:5px;flex-wrap:wrap}.model-studio button{font-size:.8rem}.model-heading h1{font-size:2rem}.model-inspector .model-controls{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* EasyAI bridge identity */
.brand-button{display:inline-flex;align-items:center;gap:9px}.brand-logo{display:block;object-fit:contain;border-radius:9px;flex-shrink:0}.brand-button .brand-logo{width:40px;height:40px}.footer-brand{display:inline-flex;align-items:center;gap:8px}.footer-brand .brand-logo{width:32px;height:32px}

/* Reserve desktop space for the open navigation instead of covering the workspace. */
@media(min-width:901px){body.menu-open .layout{margin-inline-start:280px;margin-inline-end:0;width:calc(100% - 280px);max-width:none}body.menu-open main,body.menu-open.homepage main{min-width:0;width:100%}}

.school-selectors{display:flex;gap:1rem;flex-wrap:wrap;margin:1rem 0 1.5rem}.school-selectors label{flex:1 1 200px;min-width:0}.school-selectors select{width:100%;min-height:48px;font-size:1.1rem;background:white;color:#162942}.school-code{font-family:monospace;direction:ltr;min-height:200px!important}.school-shell pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#edf4ff;padding:1rem;border-radius:10px}.school-code-grid{display:grid;grid-template-columns:repeat(var(--school-cols),minmax(0,1fr));grid-template-rows:repeat(var(--school-cols),minmax(0,1fr));aspect-ratio:1;box-sizing:border-box;width:min(100%,360px);gap:4px;margin:1rem auto}.school-code-grid span{aspect-ratio:auto;box-sizing:border-box;min-width:0;min-height:0;line-height:1.1;display:flex;align-items:center;justify-content:center;border:1px solid #8499b3;border-radius:8px;font-size:.85rem;background:#f5f8ff}.school-code-grid .path{background:#dceafa}.school-code-grid .goal{border:3px solid #1767b3;background:#d6f4e4}.school-code-grid .obstacle{background:#34465d;color:white}.school-code-grid .robot{font-size:clamp(1rem,4vw,1.5rem);color:#1767b3}.school-shell article+article{border-top:1px solid #bdcfe8;margin-top:1.5rem;padding-top:1rem}

.school-mission-heading{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;align-items:start}.school-mission-heading p{margin:0}.school-mission-heading h2{margin:.4rem 0}.school-mission-heading label{max-width:100%;font-size:1rem}.school-workbench{display:grid;grid-template-columns:minmax(250px,1fr) minmax(0,1.3fr);gap:1.5rem;margin:1.25rem 0}.school-editor,.school-preview{min-width:0}.school-preview{background:#edf4ff;padding:1rem;border-radius:14px;align-self:start}.school-preview h3,.school-palette h3{margin:.25rem 0 .75rem}.school-editor-tabs{display:flex;gap:.5rem;margin-bottom:1rem}.school-block-list{padding-left:1.5rem;display:grid;gap:.6rem}.school-block-list li{background:#e6effb;border:1px solid #b6cce8;border-radius:10px;padding:.75rem}.school-block-list code{display:block;white-space:pre-wrap;font-size:.9rem;overflow-wrap:anywhere;margin-top:.3rem}.school-block-controls{display:flex;flex-wrap:wrap;gap:.25rem;margin-top:.5rem}.school-block-controls button{font-size:.9rem;min-height:40px;padding:.4rem .6rem}.school-code-compact{min-height:100px!important}.school-run-controls{margin:1rem 0}.school-code-grid{width:min(100%,320px)}.school-code-grid span{position:relative;flex-direction:column;gap:2px}.school-code-grid small:empty{display:none}.school-code-grid small{line-height:1.1;font-size:.75rem;color:#162942}.school-code-grid .obstacle small{color:white}.school-grid-legend{font-size:.9rem}.school-code-state{font-family:monospace;font-size:1rem;overflow-wrap:anywhere}.school-preview table{width:100%;font-size:1rem;border-collapse:collapse}.school-preview td,.school-preview th{padding:.5rem;border-bottom:1px solid #bdcfe8;text-align:left}.school-quiz-options{display:grid;gap:.8rem;margin:1rem 0}.school-quiz-options button{text-align:left;justify-content:flex-start;white-space:normal}.school-quiz-options .selected{outline:3px solid #1767b3;background:#e3efff}.school-quiz-options span{font-size:1.4rem}.school-workshop select{max-width:100%}@media(max-width:850px){.school-workbench{grid-template-columns:1fr}.school-preview{width:100%}.school-mission-heading label{width:100%}.school-mission-heading select{width:100%}}

.school-count-groups{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;margin:1rem 0}.school-count-group{display:flex;flex-wrap:wrap;gap:.65rem;max-width:230px;padding:1rem;border:2px solid #bdcfe8;border-radius:14px;background:#f5f8ff}.school-count-dot{width:24px;height:24px;border-radius:50%;background:#1767b3;display:block}.school-number-choices{display:flex;flex-wrap:wrap;gap:.6rem;margin:1rem 0}.school-number-choices button{min-width:54px;font-size:1.5rem}.school-block-list strong{font-size:1.15rem}

.school-code-grid{direction:ltr}.school-shell pre,.school-shell code{direction:ltr;unicode-bidi:isolate;text-align:left}.school-shell[dir="rtl"] .school-code-grid small{direction:rtl}

/* Product film: a generous player, legible titles and the app's actual brand. */
.intro-video.card{display:block;background:#0b1325;color:#edf4ff;border:1px solid #34485f;border-radius:24px;padding:clamp(14px,3vw,28px);overflow:hidden}
.intro-video>div{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:18px}
.intro-video h2{color:#edf4ff;font-size:clamp(1.2rem,2.6vw,1.6rem);line-height:1.3;margin:0}
.intro-video p{color:#b8c9dc;font-size:1rem;line-height:1.5;max-width:32ch;margin:0}
.intro-video video{display:block;width:100%;height:auto;max-height:none;aspect-ratio:16/9;background:#0b1325;border:1px solid #34485f;border-radius:16px}
.intro-video video:focus-visible{outline:3px solid #6ff4da;outline-offset:4px}
@media(max-width:600px){.intro-video>div{display:block;margin-bottom:12px}.intro-video p{margin-top:8px;max-width:none}.intro-video.card{border-radius:18px}.intro-video video{border-radius:10px}}

.world-workshop-choice{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.world-workshop-choice .card{padding:26px}.world-workshop-choice p{min-height:3em}.world-studio-frame{display:block;width:100%;height:1100px;border:0;border-radius:20px;background:#070c15}.world-workshop-tabs{margin:12px 0}.world-save-help{font-size:14px}@media(max-width:700px){.world-workshop-choice{grid-template-columns:1fr}.world-studio-frame{height:1050px;border-radius:12px}}

/* Glass recycling extends the existing educational surface. */
.recycling-page{max-width:1000px;margin:auto}.recycling-page h1{margin-bottom:14px}.recycling-intro{font-size:1.125rem;max-width:72ch}.recycling-page section{margin-block:28px}.recycling-process iframe{display:block;width:100%;height:870px;border:0;border-radius:16px;background:#171b1f}.recycling-note{font-size:.9375rem;line-height:1.6;max-width:85ch}.recycling-benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.recycling-benefits section{margin:0}.recycling-page p{line-height:1.7}.recycling-pictures{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.recycling-pictures figure{margin:0}.recycling-pictures img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:14px}.recycling-pictures figcaption{font-size:.9375rem;margin-top:10px}.recycling-sources li{margin-block:10px}.recycling-credit{font-size:.875rem;opacity:.85}@media(max-width:650px){.recycling-benefits,.recycling-pictures{grid-template-columns:1fr}.recycling-page section{margin-block:22px}.recycling-process iframe{border-radius:10px}}

.climate-tabs{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0}.climate-tabs button{min-height:44px;flex:1 1 140px}.climate-page>p{max-width:70ch;line-height:1.6}.climate-page .recycling-page>h1{font-size:1.4rem}

.week-tasks li{flex-wrap:wrap;align-items:center;border-bottom:1px solid var(--border,#526075);padding-bottom:.75rem}.week-tasks input[type=time]{flex:0 1 7rem;width:7rem}.week-tasks input[data-plan-edit]{flex:1 1 10rem}.week-tasks select{flex:1 1 8rem;min-width:0}.week-tasks input[type=checkbox]{flex:none}

/* Direct homepage and four primary choices. */
.home-start{background:#193c35;color:#fff;padding:36px max(24px,calc((100% - 880px)/2));}.home-heading h1{color:#fff;font:600 clamp(1.8rem,4vw,2.8rem)/1.15 system-ui;margin:8px 0 22px;letter-spacing:-.04em}.home-eyebrow{font-size:1rem;color:#cde5d5}.home-start .idea-box{background:#fff;color:#183a33;max-width:none}.home-start .idea-box label{font-size:1rem}.home-start .idea-box textarea{font:1rem/1.5 system-ui;min-height:82px;height:auto;width:100%;color:#183a33}.home-start .idea-actions{justify-content:space-between}.home-start .primary-action{background:#7044a8;color:white;font-size:1rem;min-height:48px}.home-start .voice-button{font-size:1.3rem;min-width:48px;min-height:48px}.home-start .starter-chips{margin-top:16px;font-size:.9rem}.home-start .chip{font-size:.9rem;color:white;background:#285348;border:1px solid #728f83}.home-main-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;max-width:928px;margin:24px auto;padding:0 24px}.home-choice{display:flex;align-items:center;gap:16px;text-align:start;background:#fff;color:#183a33;border:1px solid #c9d2c9;border-radius:16px;padding:24px;min-height:112px;box-shadow:0 3px 10px #193c3508}.home-choice b{display:block;font-size:1.15rem;line-height:1.3}.home-choice small{display:block;font-size:.9rem;line-height:1.4;margin-top:7px;color:#53675e}.home-choice-icon{display:grid;place-items:center;min-width:48px;height:48px;border-radius:12px;background:#e6efe6;color:#234b3d;font-size:1.8rem}.home-shortcuts{max-width:880px;margin:0 auto;padding:12px 24px;display:grid;grid-template-columns:1fr 1fr;gap:12px}.home-shortcuts button{border:0;background:#e6ece3;border-radius:12px;padding:16px;justify-content:center}.home-shortcuts b{font-size:1rem}.home-help{max-width:880px;margin:16px auto;padding:0 24px}.home-help summary{font-size:1rem;cursor:pointer;min-height:44px;padding:12px 0}.home-help-copy{font-size:1rem;line-height:1.6;padding:12px 0}.home-conversation{background:#fff;color:#183a33;border-radius:16px;margin-top:16px;padding:20px;overflow-wrap:anywhere}.home-message{padding:14px 0;border-bottom:1px solid #d6ddd5}.home-message b{font-size:.9rem}.home-message .message{font-size:1rem;line-height:1.6;white-space:pre-wrap}.home-conversation button{font-size:1rem;margin-top:12px}.home-conversation [role=alert]{color:#803920}.home-start button:focus-visible,.home-choice:focus-visible{outline:3px solid #d7aeff;outline-offset:3px}body.large .home-start,body.large .home-main-choices{font-size:1.2rem}body.contrast .home-start{background:#000}body.contrast .home-choice,body.contrast .home-conversation{border:2px solid #000;background:#fff;color:#000}@media(max-width:600px){.home-start{padding:24px 18px}.home-main-choices{padding:0 18px;gap:10px;margin:18px auto}.home-choice{padding:16px 12px;display:block;min-height:158px}.home-choice-icon{width:42px;min-width:42px;height:42px;margin-bottom:10px}.home-choice b{font-size:1rem}.home-choice small{font-size:.875rem}.home-shortcuts{padding:0 18px;gap:10px}.home-shortcuts button{padding:12px 8px;gap:8px}.home-shortcuts .strip-icon{font-size:1.5rem}.home-help{padding:0 18px}.home-conversation{padding:16px}}

/* Conversation viewport: only the transcript grows. */
body.chat-page{height:100dvh;overflow:hidden}body.chat-page .layout{height:var(--chat-height,calc(100dvh - 88px));min-height:0}body.chat-page #main{display:flex;flex-direction:column;height:100%;min-height:0;padding:12px 24px;gap:8px;overflow:hidden}.chat-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-shrink:0}.chat-heading h1{font-size:1.5rem;margin:0}.chat-heading button{font-size:.875rem;padding:9px 12px}.chat-settings{flex-shrink:0;font-size:.875rem}.chat-settings summary,.chat-tools summary,.chat-more summary{cursor:pointer}.chat-settings[open]{max-height:30%;overflow:auto}.chat-settings .ai-quota{margin:8px 0;padding:10px}.chat-settings #status{margin:8px 0}.chat-settings select{width:auto}.chat-shell{display:flex;flex:1;min-height:0;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden}.chat-log{position:relative;flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:18px 24px;scrollbar-gutter:stable}.chat-turn{max-width:780px;margin:0 auto 28px}.chat-turn.user{background:#e8efdf;padding:12px 16px;border-radius:16px;max-width:85%;margin-inline-start:auto;margin-inline-end:0}.chat-turn .message{margin:6px 0;overflow-wrap:anywhere}.chat-turn .message pre{overflow-x:auto;max-width:100%}.chat-tools{font-size:.875rem;margin-top:8px}.chat-tools .row{padding-top:8px}.chat-tools button{font-size:.875rem;padding:8px 10px}.chat-compose{flex-shrink:0;border-top:1px solid var(--line);padding:10px 18px max(10px,env(safe-area-inset-bottom));max-height:50%;overflow-y:auto}.chat-compose label{margin:0;font-size:.875rem}.chat-compose textarea{display:block;min-height:44px;height:44px;max-height:120px;margin:6px 0 8px;resize:none;line-height:1.5}.chat-compose .row button{padding:10px 16px}.chat-more{margin-top:6px;font-size:.875rem}.chat-more small{display:block;margin:8px 0}.chat-waiting{font-size:.875rem}.chat-page #help-notice:empty{display:none}.chat-page #help-notice:not(:empty){max-height:25%;overflow:auto;flex-shrink:0}.chat-page.contrast .chat-shell,.chat-page.contrast .chat-turn.user{background:#000;color:#fff;border:1px solid #fff}@media(max-width:720px){body.chat-page #main{padding:8px;gap:6px}.chat-log{padding:16px 12px}.chat-compose{padding-inline:12px}.chat-heading h1{font-size:1.25rem}.chat-turn.user{max-width:92%}} 

.reading-page{max-width:820px;margin:0 auto}.reading-stage{background:#17181d;color:#f7f6f3;border-radius:20px;height:260px;display:grid;place-items:center;position:relative;overflow:hidden;padding:12px}.reading-focus{position:absolute;width:2px;height:16px;top:25px;background:#f8b477}.reading-focus:after{content:"";position:absolute;top:194px;width:2px;height:16px;background:#f8b477}#reading-word{font-size:clamp(26px,7vw,58px);white-space:nowrap;width:max-content;max-width:none;line-height:1.8;font-family:Georgia,"Times New Roman",serif}.reading-letter{color:#ffc084;font-weight:bold}.reading-options{margin-top:20px}.reading-music{display:flex;align-items:center;gap:8px}.reading-music input{width:auto}#reading-progress{width:100%;height:8px;accent-color:#7544a5;margin-bottom:16px}#reading-text{min-height:90px}.reading-page button{min-height:44px}.reading-page details p{line-height:1.7}.reading-page #reading-status{font-variant-numeric:tabular-nums}.reading-page .row{flex-wrap:wrap}@media(max-width:600px){.reading-stage{height:230px}.reading-focus:after{top:164px}#reading-word{font-size:clamp(24px,8vw,46px)}}

/* Compact learning overview: content choices first, lesson details on demand. */
.learn-overview{max-width:800px;margin:0 auto}.learn-overview>h1{font-size:clamp(26px,4vw,36px);margin:0 0 16px}.learn-shortcuts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:16px}.learn-shortcuts button{min-height:52px;margin:0;padding:10px;white-space:normal;overflow-wrap:anywhere;line-height:1.3}.learn-course{padding:18px;margin-bottom:12px}.learn-course-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.learn-course-top h2{font-size:22px;margin:0}.learn-course-top .badge{margin:0;padding:5px 10px;font-size:14px}.learn-next-title{font-weight:650;color:var(--ink);margin:12px 0 2px}.learn-next-goal{margin:0 0 12px;font-size:15px;line-height:1.45}.learn-resume{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:14px}.learn-resume button{min-height:44px;margin:0;flex-shrink:0}.learn-course progress{display:block;height:6px;margin:12px 0 0}.learn-lessons{border:1px solid var(--line);border-radius:14px;background:white;overflow:hidden}.learn-lessons>summary{padding:15px 18px;cursor:pointer;font-weight:650;min-height:48px}.learn-lesson{border-top:1px solid var(--line)}.learn-lesson>summary{display:flex;align-items:center;gap:12px;min-height:52px;padding:12px 18px;cursor:pointer;list-style:none}.learn-lesson>summary::-webkit-details-marker{display:none}.learn-lesson>summary:after{content:'+';margin-inline-start:auto}.learn-lesson[open]>summary:after{content:'−'}.learn-level{font-size:13px;color:var(--muted);flex:0 0 58px}.learn-lesson-title{font-weight:600;font-size:15px;min-width:0;overflow-wrap:anywhere}.learn-lesson-body{padding:0 18px 16px}.learn-lesson-body p{margin:0 0 10px;line-height:1.5}.learn-lesson-body button{min-height:44px}.learn-overview summary:focus-visible{outline:3px solid #7544a5;outline-offset:-3px}body.large .learn-lesson-title,body.large .learn-next-goal{font-size:19px}body.large .learn-resume,body.large .learn-level{font-size:17px}@media(max-width:480px){.learn-shortcuts{grid-template-columns:repeat(2,minmax(0,1fr))}.learn-shortcuts button:last-child{grid-column:1/-1;min-height:44px}.learn-shortcuts button{font-size:14px}.learn-course{padding:14px}.learn-resume{flex-wrap:wrap}.learn-resume button{font-size:14px}.learn-lesson>summary{padding:12px 14px;gap:8px}.learn-level{flex-basis:52px}body.large .learn-shortcuts button,body.large .learn-resume button{font-size:18px}}

.figure-page{max-width:650px;margin:0 auto}.figure-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}.figure-heading h1{font-size:clamp(26px,4vw,34px);margin:0}.figure-heading .badge{font-size:13px;white-space:nowrap}.figure-intro{margin:8px 0 12px;font-size:15px;line-height:1.4}.figure-image{width:min(100%,280px);margin:0 auto;border-radius:50%;overflow:hidden}.figure-image>svg{display:block;width:100%;height:auto}.figure-question{font-size:18px;margin:12px 0 10px}.figure-answers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.figure-answers button{display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px}.figure-answers svg{width:24px;height:24px;flex-shrink:0}.figure-answers .figure-right{background:#d2e7ba;border:2px solid #355f39;opacity:1}.figure-actions{display:flex;gap:8px;flex-wrap:wrap}.figure-actions button{min-height:44px;padding:10px 14px;font-size:15px}#figure-feedback{min-height:22px;line-height:1.4;margin:10px 0;font-size:15px;color:var(--ink)}.figure-settings{margin:12px 0 0}.figure-settings summary{padding:8px 0;cursor:pointer;min-height:44px}.figure-settings label{margin:8px 0}.figure-contrast{display:flex;align-items:center;gap:8px}.figure-contrast input{width:auto}.figure-note{font-size:12px;margin:8px 0;line-height:1.4}.figure-finished{margin-top:18px}.figure-finished button{margin:4px}body.large .figure-intro,body.large #figure-feedback,body.large .figure-actions button{font-size:19px}body.large .figure-note{font-size:16px}body.contrast .figure-answers .figure-right{border:3px solid #000}.learn-shortcuts{grid-template-columns:repeat(2,minmax(0,1fr))}@media(max-width:480px){.learn-shortcuts button:last-child{grid-column:auto;min-height:52px}.figure-image{width:min(60vw,230px,30dvh)}}

/* A compact creation overview with a visual cue for each tool. */
.create-overview{max-width:820px;margin:0 auto}.create-overview>h1{font-size:clamp(26px,4vw,36px);line-height:1.2;margin:0 0 20px}.create-tool-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.create-tool{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;text-align:start;gap:7px;min-width:0;min-height:148px;padding:18px;background:#fff;color:var(--ink);border:1px solid var(--line);border-radius:18px;box-shadow:0 3px 12px #172d2805}.create-tool:hover{background:#fff;border-color:#95a58a;box-shadow:0 8px 18px #172d2810}.create-tool-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:#e6eddc;color:#355846;margin-bottom:3px;flex-shrink:0}.create-tool-icon svg{width:25px;height:25px}.create-tool-title{font-size:17px;font-weight:700;line-height:1.25;overflow-wrap:anywhere}.create-tool-description{color:var(--muted);font-size:13px;line-height:1.4;overflow-wrap:anywhere}.create-tool-editor .create-tool-icon{background:#e3ecf2;color:#38647d}.create-tool-sketch .create-tool-icon{background:#f5e8d7;color:#92622c}.create-tool-music .create-tool-icon{background:#ede4f6;color:#764b9a}.create-tool-model3d .create-tool-icon{background:#e0efeb;color:#337868}.create-tool-projects .create-tool-icon{background:#f2e6df;color:#955d42}body.large .create-tool-title{font-size:21px}body.large .create-tool-description{font-size:17px}body.contrast .create-tool{border-color:#000}body.contrast .create-tool-icon{background:#eee;color:#000}body.contrast .create-tool-description{color:#222}@media(max-width:600px){.create-tool-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.create-overview>h1{margin-bottom:16px}.create-tool{padding:14px;min-height:138px;border-radius:16px;gap:6px}.create-tool-icon{width:36px;height:36px;border-radius:11px;margin-bottom:2px}.create-tool-icon svg{width:23px;height:23px}.create-tool-title{font-size:16px}.create-tool-description{font-size:12px}}@media(max-width:280px){.create-tool-grid{grid-template-columns:minmax(0,1fr)}}

.sketch-project-page{max-width:820px;margin:auto}.sketch-project-page>button{margin-bottom:12px}.sketch-project-card{padding:18px}.sketch-project-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding-bottom:12px;border-bottom:1px solid var(--line)}.sketch-project-heading h1{font-size:24px;margin:4px 0;overflow-wrap:anywhere}.sketch-preview{flex:0 0 110px}.sketch-preview summary{cursor:pointer;list-style:none;text-align:center;font-size:12px;color:var(--muted)}.sketch-preview summary::-webkit-details-marker{display:none}.sketch-preview summary img{display:block;width:110px;height:74px;object-fit:contain;border:1px solid var(--line);border-radius:10px;background:#fff}.sketch-preview summary span{display:block;margin-top:4px}.sketch-preview[open]{flex-basis:50%;max-width:50%}.sketch-preview-full{margin-top:8px;max-height:240px;width:100%;object-fit:contain}.sketch-turn{margin:14px 0}.sketch-turn small{display:block;font-size:12px;color:var(--muted)}.sketch-turn .message{margin:6px 0;font-size:16px;line-height:1.5}.sketch-turn .message .ai-answer p{margin:8px 0;line-height:1.5}.sketch-simple-work details>summary{padding:8px 0;cursor:pointer;font-size:14px;min-height:36px}.sketch-answer-tools .row{gap:6px}.sketch-answer-tools button{font-size:14px;min-height:40px;padding:9px 12px}.sketch-composer{border-top:1px solid var(--line);padding-top:12px;margin-top:14px}.sketch-composer label{margin:0;font-weight:600}.sketch-composer textarea{min-height:64px;height:72px;margin:8px 0;resize:vertical}.sketch-composer>.row button{min-height:44px}.sketch-composer>p:empty{display:none}.sketch-suggestions{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.sketch-suggestions button{background:transparent;color:var(--ink);border:1px solid var(--line);font-size:13px;padding:8px 10px;min-height:36px}.sketch-earlier,.sketch-image-options{margin-top:12px;border-top:1px solid var(--line)}.sketch-earlier .sketch-turn{border-bottom:1px solid var(--line);padding-bottom:10px}.sketch-project-card>.project-material{margin-top:12px}.sketch-project-card>.project-material>summary{font-size:14px;min-height:40px;padding:8px 0;cursor:pointer}body.large .sketch-turn .message{font-size:21px}body.large .sketch-simple-work summary,body.large .sketch-suggestions button{font-size:18px}@media(max-width:600px){.sketch-project-card{padding:14px}.sketch-project-heading h1{font-size:21px}.sketch-preview{flex-basis:96px}.sketch-preview summary img{width:96px;height:66px}.sketch-preview[open]{flex-basis:100%;max-width:100%}.sketch-project-heading:has(.sketch-preview[open]){flex-wrap:wrap}.sketch-preview-full{max-height:210px}}

.home-presence-row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.active-visitors{display:inline-flex;align-items:center;gap:6px;font-size:.76rem;color:#c5daca;font-weight:400;white-space:nowrap;padding:5px 9px;border:1px solid #789b7c40;border-radius:99px;background:#94cba30a}.active-visitors b{font-variant-numeric:tabular-nums}.presence-dot{width:6px;height:6px;border-radius:50%;background:#a8df95;flex:none}.active-visitors.unavailable{opacity:.6}.active-visitors.unavailable .presence-dot{background:#97a59b}
.school-map-tools{padding:1rem;border:1px solid #b6cce8;border-radius:12px;margin-top:1rem;background:#f5f8ff}.school-map-grid button{padding:0;min-width:0;min-height:0;width:100%;height:100%;border:1px solid #8499b3;border-radius:8px;background:#f5f8ff;color:#162942;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1.1;gap:2px;font-size:.85rem}.school-map-grid button:disabled{opacity:1;cursor:default}.school-map-grid button:focus-visible{outline:3px solid #1767b3;outline-offset:1px}.school-map-grid small{font-size:.65rem}
/* A compact, visitor-controlled glimpse of Pro. */
.pro-coming-soon{margin:1.25rem 0;border:1px solid #a99ace;border-radius:18px;overflow:hidden;background:#101a31;color:#f6f2ff}.pro-coming-soon>summary{display:flex;align-items:center;gap:.65rem;min-height:60px;padding:1rem;cursor:pointer;list-style:none;background:linear-gradient(110deg,#14273c,#30204c);color:#fff;flex-wrap:wrap}.pro-coming-soon>summary::-webkit-details-marker{display:none}.pro-coming-soon>summary:focus-visible{outline:3px solid #b9eecc;outline-offset:-4px}.pro-coming-soon>summary strong{font-size:1rem;flex:1}.pro-soon-symbol{color:#c9afff;font-size:1.5rem}.pro-soon-badge{font-size:.8rem;padding:.3rem .6rem;border:1px solid #a99ace;border-radius:99px;white-space:nowrap;color:#f2eaff}.pro-soon-chevron{font-size:1.3rem}.pro-coming-soon[open] .pro-soon-chevron{transform:rotate(180deg)}.pro-soon-content{padding:clamp(1rem,3vw,1.75rem)}.pro-soon-content h2{color:#fff;font-size:clamp(1.5rem,4vw,2rem);margin:.5rem 0}.pro-soon-content p{color:#e0deee;line-height:1.6}.pro-soon-eyebrow{font-size:.9rem;letter-spacing:.05em}.pro-soon-eyebrow b{color:#c7b0ff}.pro-soon-stage{position:relative;margin:1rem 0 .75rem;border-radius:14px;overflow:hidden;background:#0b1324;aspect-ratio:8/5}.pro-soon-stage img{display:block;width:100%;height:100%;object-fit:cover}.pro-soon-stage:after{content:'';position:absolute;inset:40% 0 0;background:linear-gradient(transparent,rgba(5,9,25,.9));pointer-events:none}.pro-soon-stage figcaption{position:absolute;inset-inline-start:1.25rem;bottom:1.1rem;color:#fff;font-size:clamp(1.8rem,6vw,3rem);font-weight:700;z-index:1;text-shadow:0 2px 12px #000}.pro-soon-count{position:absolute;top:.75rem;inset-inline-end:.75rem;background:#0b1324cc;color:white;padding:.2rem .6rem;border-radius:99px;font-size:.85rem;direction:ltr}.pro-soon-controls{display:flex;direction:ltr;justify-content:center;gap:.75rem}.pro-soon-controls button{min-height:44px;min-width:48px;border:1px solid #8c7ead;background:#29314e;color:white;padding:.6rem 1rem;border-radius:10px}.pro-soon-controls button:focus-visible{outline:3px solid #b9eecc;outline-offset:2px}.pro-soon-announcement{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.pro-soon-image-note{font-size:.8rem}.pro-soon-status{padding:1rem;border-radius:10px;background:#243b3e;color:#edfff4!important}@media(max-width:650px){.pro-coming-soon>summary strong{flex-basis:60%}}

/* Automatic Pro glimpses: four original menu images, layered dissolve and zoom. */
.pro-soon-stage .pro-soon-frame{position:absolute;inset:0;opacity:0;transition:opacity 550ms ease;transform:scale(1);object-position:center;max-height:none;border-radius:0}
.pro-soon-stage .pro-soon-frame.is-active{opacity:1}
.pro-soon-stage .pro-soon-frame:is(.is-active,.is-leaving){animation:pro-soon-zoom 3150ms linear both;animation-play-state:paused}
.pro-coming-soon.is-playing .pro-soon-frame:is(.is-active,.is-leaving){animation-play-state:running}
.pro-soon-stage figcaption{pointer-events:none}.pro-soon-count{z-index:2}
@keyframes pro-soon-zoom{from{transform:scale(1)}to{transform:scale(1.085)}}
@media(prefers-reduced-motion:reduce){.pro-soon-stage .pro-soon-frame,.pro-soon-stage .pro-soon-frame.is-active{animation:none;transition:none;transform:none}}

/* Keep homepage conversations inside one viewport, with the composer below. */
.home-chat-shell.has-conversation{display:flex;flex-direction:column;height: min(680px,75dvh);min-height:300px;background:#fff;border-radius:16px;overflow:hidden;color:#183a33}
.home-chat-shell.has-conversation .home-conversation{display:flex;flex-direction:column;flex:1;min-height:0;margin:0;padding:0 16px;border-radius:0;overflow:hidden}
#home-chat-log{flex:1;min-height:0;overflow-y:auto;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;scrollbar-gutter:stable;overflow-anchor:none}
#home-chat-log:focus-visible{outline:2px solid #7044a8;outline-offset:-2px}
.home-chat-shell.has-conversation .home-conversation>button{align-self:flex-start;flex-shrink:0;margin:8px 0;font-size:.875rem;padding:8px 12px}
.home-chat-shell.has-conversation .idea-box{flex-shrink:0;margin:0;padding:12px 16px;border-radius:0;border-top:1px solid #d6ddd5;box-shadow:none}
.home-chat-shell.has-conversation .idea-box textarea{height:58px;min-height:44px;max-height:90px;resize:none}
.home-chat-shell.has-conversation .idea-actions{margin-top:6px}

.photo-studio{max-width:900px;margin:auto}.photo-start-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px}.photo-start-gallery button{display:flex;flex-direction:column;min-width:0;overflow:hidden}.photo-start-gallery img{width:100%;height:120px;object-fit:cover;border-radius:8px}.photo-start-gallery span{overflow-wrap:anywhere}.photo-editor fieldset{border:1px solid var(--line);border-radius:12px;margin:16px 0;padding:12px}.photo-editor input[type=color]{min-height:48px;width:100%}

.photo-editor button{min-height:48px}.photo-editor button:focus-visible{outline:3px solid #2377a1;outline-offset:3px}.photo-editor button[aria-pressed=true]{background:var(--ink);color:#fff;box-shadow:inset 0 0 0 2px #72b18b}.photo-zoom-buttons{align-items:center}.photo-zoom-buttons button[data-action^="editorzoom"]{min-width:48px;font-size:24px;font-weight:700}.photo-zoom-buttons output{min-width:64px;text-align:center;font-variant-numeric:tabular-nums}#photo-canvas{touch-action:none;cursor:grab}#photo-canvas:active{cursor:grabbing}.photo-save-actions{position:sticky;bottom:8px;background:var(--paper,#f6f6ed);padding:12px;border:1px solid var(--line);border-radius:14px;box-shadow:0 4px 20px #0001;z-index:2}.photo-large-preview{width:min(96vw,1200px);max-height:94dvh;border:0;border-radius:16px;padding:14px}.photo-large-preview::backdrop{background:#102720c9}.photo-large-preview form{display:flex;justify-content:flex-end;margin:0 0 10px}.photo-large-preview img{display:block;max-width:100%;max-height:76dvh;object-fit:contain;margin:auto}@media(max-width:600px){.photo-save-actions{position:static}.photo-save-actions button{flex:1 1 40%!important;font-size:15px;padding:12px}.photo-framing .row{gap:8px}}

/* Keep both photos visible while scrolling the editing controls. */
.photo-editor .photo-comparison{position:sticky;top:calc(var(--photo-header-height,88px) + 8px);z-index:1;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;background:inherit;padding:10px 0 12px;border-bottom:1px solid var(--line);box-shadow:0 9px 10px -12px #172d2880}
.photo-editor .photo-comparison img,.photo-editor .photo-comparison canvas{height:min(24dvh,240px);max-height:min(24dvh,240px);object-fit:contain}
.photo-editor .photo-comparison figcaption{margin:0 0 6px;font-size:14px;line-height:1.25}
@media(max-width:600px){.photo-editor .photo-comparison{gap:8px;top:calc(var(--photo-header-height,77px) + 4px)}.photo-editor .photo-comparison img,.photo-editor .photo-comparison canvas{height:min(23dvh,190px);max-height:min(23dvh,190px)}}
@media(max-height:480px){.photo-editor .photo-comparison img,.photo-editor .photo-comparison canvas{height:18dvh;max-height:18dvh}}

.model-size-tools{display:flex;justify-content:space-between;gap:8px;margin-bottom:8px}.model-size-tools button{min-height:44px}.model-large-dialog{padding:0;border:0;margin:0;inset:0;width:100vw;max-width:none;height:100dvh;max-height:none;background:#101727;color:#edf4fc}.model-large-dialog::backdrop{background:#101727}.model-large-dialog .model-stage{width:100%;height:100%;display:flex;flex-direction:column;border:0;border-radius:0;padding:max(8px,env(safe-area-inset-top)) max(8px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));gap:8px}.model-large-dialog #model3d-canvas{flex:1 1 0;min-height:0;height:0;width:100%;max-height:none;border-radius:0}.model-large-dialog .model-view-tools,.model-large-dialog .model-size-tools,.model-large-dialog .model-stage-help{flex-shrink:0}.model-large-dialog .model-stage-help{margin:0;font-size:12px}.model-large-dialog .model-view-tools{gap:4px!important}.model-large-dialog .model-view-tools button{min-height:40px;padding:6px 8px;font-size:12px}@media(max-height:480px){.model-large-dialog .model-stage-help{display:none}.model-large-dialog .model-stage{gap:4px}.model-large-dialog .model-view-tools button{min-height:34px}}

/* Full workspace keeps the same editing controls inside its modal. */
.model-large-dialog .model-studio{position:relative;display:flex;flex-direction:column;width:100%;height:100%;padding:0;margin:0;border:0;border-radius:0;background:#101727;overflow:hidden}
.model-large-dialog .model-studio-layout{position:relative;display:block;flex:1;min-height:0;width:100%;padding:0}
.model-large-dialog .model-library,.model-large-dialog .model-inspector,.model-large-dialog .model-studio-bar{display:none;position:absolute;inset-inline-end:8px;top:64px;width:min(340px,calc(100vw - 16px));max-height:calc(100% - 80px);overflow-y:auto;overscroll-behavior:contain;z-index:5;padding:14px;background:#f5f5ec;color:#172d28;border:1px solid #a8b9aa;border-radius:12px;box-shadow:0 8px 35px #0008}
.model-large-dialog [data-model-panel=shapes] .model-library,.model-large-dialog [data-model-panel=properties] .model-inspector{display:block}
.model-large-dialog [data-model-panel=files] .model-studio-bar{display:flex;flex-direction:column;align-items:stretch;top:72px;max-height:calc(100% - 96px)}
.model-large-dialog .model-studio-bar .model-template-picker{flex-wrap:wrap}.model-large-dialog .model-studio-bar .model-template-picker label{width:100%}
.model-large-dialog .model-library h2,.model-large-dialog .model-inspector h2{color:#172d28}.model-large-dialog .model-library .model-object-list{display:grid;max-height:180px;grid-template-columns:1fr 1fr}.model-large-dialog .model-library .model-primitive-grid{grid-template-columns:repeat(2,1fr)}
.model-large-dialog .model-library>button,.model-large-dialog .model-inspector>button:first-child{margin-bottom:12px;min-height:44px}
.model-large-dialog .model-studio>#model3d-status{flex-shrink:0;margin:0;padding:4px 12px;color:#bacadc;font-size:12px;line-height:1.25}
.model-large-dialog .model-studio>details{display:none}.model-large-dialog .model-expanded-tools{border-bottom:1px solid #344359;padding-bottom:6px}

.sport-exercise-guide{margin:.7rem 0 .3rem 2.3rem;padding:.7rem;border:1px solid #b9cfc4;border-radius:14px;background:#f8fbf7}.sport-exercise-guide>summary{cursor:pointer;font-weight:650;min-height:36px}.sport-guide-frames{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:12px 0}.sport-guide-frames figure{margin:0;min-width:0}.sport-guide-frames svg{display:block;width:100%;height:auto;max-height:280px}.sport-guide-frames figcaption{text-align:center;font-weight:650;margin-top:6px}.sport-guide-dialog{width:min(850px,94vw);max-height:90dvh;overflow:auto;border:0;border-radius:20px;padding:20px;color:#193e36;background:#fff}.sport-guide-dialog::backdrop{background:#102e28b3}.sport-guide-dialog form{display:flex;justify-content:flex-end}.sport-guide-dialog .sport-guide-frames svg{max-height:440px}.sport-exercise-guide .row{align-items:center;gap:12px}.sport-exercise-guide a{text-decoration:underline}.sport-exercise-guide small{display:block;margin-top:10px}@media(max-width:480px){.sport-exercise-guide{margin-left:0}.sport-guide-dialog{padding:12px}}
.sport-guide-task{display:block;width:100%;box-sizing:border-box;min-height:100px}.sport-ai-guide-image{display:block;width:100%;height:auto;border-radius:14px;margin:10px 0}.sport-guide-output>button{margin:6px 8px 6px 0}.sport-dynamic-guide .sport-dynamic-guide{margin:8px 0}.sport-guide-dialog>.sport-ai-guide-image{max-height:74dvh;object-fit:contain}.sport-dynamic-guide a{overflow-wrap:anywhere}
/* Sixty dot compositions, six difficulty levels. Motion uses transforms only. */
.figure-levels{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;margin:10px 0}.figure-levels button{min-height:44px;padding:8px;font-weight:700}.figure-levels button[aria-pressed=true]{background:#355f4a!important;color:#fff!important;box-shadow:inset 0 0 0 2px #355f4a}.figure-selector{display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-size:14px;margin-bottom:8px}.figure-selector label{margin:0}.figure-selector select{width:auto;min-height:44px;padding:8px 12px}.figure-selector>span{margin-inline-start:auto}.figure-motion-control{display:flex;justify-content:center;gap:12px;align-items:center;margin:8px 0}.figure-motion-control button{min-height:44px;padding:8px 14px;font-size:14px}.figure-motion-control small{font-variant-numeric:tabular-nums}.figure-moving{transform-origin:150px 150px;animation-duration:var(--figure-seconds,12s);animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-play-state:paused}.figure-moving.is-moving{animation-play-state:running}.figure-path-0{animation-name:figure-drift}.figure-path-1{animation-name:figure-sway}.figure-path-2{animation-name:figure-orbit}@keyframes figure-drift{0%,100%{transform:translate(-9px,-5px) rotate(-3deg)}50%{transform:translate(9px,5px) rotate(3deg)}}@keyframes figure-sway{0%,100%{transform:translate(0,-9px) rotate(-5deg)}50%{transform:translate(0,9px) rotate(5deg)}}@keyframes figure-orbit{0%,100%{transform:translate(-8px,0)}25%{transform:translate(0,-8px)}50%{transform:translate(8px,0)}75%{transform:translate(0,8px)}}@media(prefers-reduced-motion:reduce){.figure-moving:not(.is-moving){animation:none!important}}@media(max-width:480px){.figure-page .figure-image{width:min(64vw,250px,32dvh)}.figure-selector{gap:6px;font-size:13px}.figure-selector>span{margin-inline-start:0}.figure-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.figure-actions>button{font-size:14px}.figure-actions>button:last-child:nth-child(3){grid-column:1/-1}.figure-heading .badge{font-size:12px}.figure-page .figure-intro{font-size:14px}.figure-page .figure-question{margin-block:8px}}
.figure-kinds{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:12px 0}.figure-kinds button{padding:10px 6px;min-height:44px}.figure-kinds [aria-pressed=true]{background:#355f4a!important;color:#fff!important}.figure-pattern{display:flex;align-items:center;gap:10px;margin:8px 0}.figure-pattern select{width:auto;max-width:75%;min-height:44px}.figure-static{animation:none!important}.figure-floating,.figure-coherent{transform-origin:150px 150px;animation-duration:var(--figure-seconds,12s);animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-play-state:paused}.figure-floating{animation-name:figure-float-all}.figure-coherent{animation-name:figure-coherent-motion}.figure-floating.is-moving,.figure-coherent.is-moving{animation-play-state:running}@keyframes figure-float-all{0%,100%{transform:translate(-3px,1px) rotate(-2deg)}50%{transform:translate(3px,-1px) rotate(2deg)}}@keyframes figure-coherent-motion{0%,100%{transform:translate(0,0)}25%{transform:translate(var(--figure-amplitude,5px),-2px)}75%{transform:translate(calc(-1 * var(--figure-amplitude,5px)),2px)}}

nav .menu-description{font-size:.85rem;line-height:1.45;color:var(--muted,#53645b);margin:.15rem .5rem .65rem}

.standard-pro-preview{max-width:880px;margin:22px auto;border:1px solid #6872b0;border-radius:18px;overflow:hidden;background:linear-gradient(125deg,#112d47,#2d2447);color:#edf6ff}.standard-pro-preview-heading{padding:20px 22px 16px}.standard-pro-preview-heading>span{font-size:12px;letter-spacing:.12em;color:#b5dfff}.standard-pro-preview h2{color:#f5f1ff;font-size:clamp(20px,4vw,27px);line-height:1.25;margin:9px 0}.standard-pro-preview p{margin:0;color:#d6dfef;font-size:15px;line-height:1.5}.standard-pro-preview video{display:block;width:100%;aspect-ratio:16/9;background:#07111e;object-fit:contain}.standard-pro-preview-footer{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:15px 22px;flex-wrap:wrap}.standard-pro-preview-footer small{color:#c5d0e6;font-size:12px}.standard-pro-preview-footer a{display:inline-flex;align-items:center;min-height:42px;border:1px solid #b5b6ff;border-radius:10px;padding:8px 14px;background:#c7beff;color:#1a1740;text-decoration:none;font-size:14px;font-weight:650}.standard-pro-preview-footer a:focus-visible{outline:3px solid #fff;outline-offset:3px}.standard-pro-preview-error{padding:12px 22px!important}@media(max-width:720px){.standard-pro-preview{margin:18px 20px}.standard-pro-preview-heading{padding:17px}.standard-pro-preview-footer{padding:12px 17px}}
.standard-pro-preview a.standard-pro-demo-button{display:inline-flex;align-items:center;justify-content:center;min-height:50px;margin:16px 0 8px;padding:12px 20px;border:1px solid #a5d9ff;border-radius:13px;background:#1675df;color:#fff;text-decoration:none;font-size:18px;font-weight:750;line-height:1.3}.standard-pro-preview a.standard-pro-demo-button:hover{background:#1267c6}.standard-pro-preview a.standard-pro-demo-button:focus-visible{outline:3px solid #fff;outline-offset:4px}.standard-pro-preview .standard-pro-demo-note{font-size:13px;color:#d2ecff}

.explore-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.create-overview .explore-card{display:grid;box-sizing:border-box;text-decoration:none;grid-template-columns:clamp(76px,24%,108px) minmax(0,1fr) auto;align-items:stretch;gap:12px;width:100%;min-height:96px;padding:0;padding-inline-end:12px;text-align:start;overflow:hidden;background:#173f36;color:#fff;border:1px solid #173f36}
.explore-card img{display:block;width:100%;height:100%;max-height:140px;min-height:96px;object-fit:cover;align-self:stretch}
.explore-copy{align-self:center;min-width:0;padding-block:9px;overflow-wrap:anywhere}
.explore-copy strong,.explore-copy small{display:block;color:inherit}
.explore-copy small{margin-top:4px;color:#d6eee3;font-size:.85rem;line-height:1.35;font-weight:400}
.explore-card .explore-arrow{align-self:center;font-size:1.4em}
[dir="rtl"] .explore-arrow{transform:scaleX(-1)}
@media(max-width:620px){.explore-grid{grid-template-columns:1fr}}

.home-discovery{display:grid;gap:16px;align-items:start}
.home-standard,.home-pro-demos{min-width:0}
.home-discovery .home-start{padding-inline:clamp(12px,3vw,28px)}
.home-pro-demos{padding:20px;border-radius:18px;background:#272044;color:#fff}
.home-pro-demos h2{margin:0;color:inherit;font-size:1.35rem}
.home-pro-demos p{margin:6px 0 14px;color:#e0d9f5}
.home-pro-demos ul{list-style:none;padding:0;margin:0;display:grid;gap:8px}
.home-pro-demos a{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:4px 12px;min-height:44px;padding:8px 12px;border:1px solid #746895;border-radius:12px;background:#392e59;color:#fff;text-decoration:none}
.home-pro-demos a:hover,.home-pro-demos a:focus-visible{background:#534272}
.home-pro-demos a span{font-size:.8rem;color:#eee1ff}
@media(min-width:800px){.home-discovery{grid-template-columns:minmax(0,3fr) minmax(0,2fr)}}

#home-pro-demos{scroll-margin-top:80px}
.starter-chips .home-demo-shortcut{display:inline-flex;align-items:center;min-height:36px;padding:6px 12px;border-radius:999px;background:#e9dbff;color:#332051;font-weight:700;text-decoration:none}
.home-pro-demos a{display:grid;grid-template-columns:64px minmax(0,1fr) auto}
.home-pro-demos a img{display:block;width:64px;height:48px;object-fit:cover;border-radius:7px}
@media(max-width:420px){
 .home-pro-demos a{grid-template-columns:64px minmax(0,1fr)}
 .home-pro-demos a img{grid-row:span 2}
}
.create-tool.create-tool-stories{grid-column:1/-1;display:flex;flex-direction:row;align-items:center;gap:clamp(12px,4vw,22px);text-decoration:none}
.create-tool-stories img{width:clamp(76px,25vw,112px);height:auto;aspect-ratio:1;object-fit:cover;border-radius:12px;flex:none}
.create-tool-stories .create-tool-title,.create-tool-stories .create-tool-description,.create-story-action{display:block}
.create-story-action{margin-top:.45rem;font-weight:700;text-decoration:underline}