*{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:minmax(0,1fr) minmax(0,1fr);gap:1.5rem;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}}