:root{--ink:#172019;--muted:#667268;--line:rgba(23,32,25,.16);--paper:#f8f9f4;--leaf:#dcebd4;--leaf-strong:#b8d89d;--glass:rgba(255,255,255,.78)}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--paper);color:var(--ink);font-family:"DM Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button,input{font:inherit}button{cursor:pointer}body{overflow-x:hidden}.shell{min-height:100vh;position:relative;isolation:isolate}.topbar{position:fixed;z-index:20;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:28px clamp(22px,5vw,72px);pointer-events:none}.wordmark{font-size:15px;letter-spacing:.43em;font-weight:600}.top-actions{display:flex;gap:10px;align-items:flex-start;pointer-events:auto}.icon-button{height:42px;min-width:42px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.68);backdrop-filter:blur(18px);color:var(--ink);display:grid;place-items:center;transition:.2s}.icon-button:hover{transform:translateY(-2px);background:#fff}.bubble-icon{font-size:24px;line-height:17px}.chevron{font-size:18px;margin-left:3px}.settings{font-size:20px}.conversation-wrap{position:relative}.conversation-menu{position:absolute;right:0;top:50px;width:212px;padding:7px;border:1px solid var(--line);border-radius:17px;background:rgba(255,255,255,.9);backdrop-filter:blur(20px);box-shadow:0 18px 45px rgba(20,40,24,.12)}.menu-item{display:flex;align-items:center;gap:10px;width:100%;padding:11px 12px;border:0;border-radius:11px;background:none;text-align:left;color:var(--ink)}.menu-item:hover{background:var(--leaf)}.menu-item.current{font-weight:600}.plus{font-size:22px}.home-view,.canvas-view{min-height:100vh;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:120px 20px 150px;transition:opacity .55s,transform .7s}.home-view{background:radial-gradient(ellipse at 50% 110%,#e2efd9 0,#f8f9f4 50%)}.hero-art{width:min(440px,68vw);margin-bottom:3px}.hero-art svg{display:block;width:100%;filter:drop-shadow(0 12px 9px rgba(49,75,38,.12))}.arch{fill:#748e49;stroke:#35492d;stroke-width:2}.arch-shadow{fill:#cad8b9;opacity:.55}.arch-hole{fill:#f8f9f4;stroke:#35492d;stroke-width:2}.moss{fill:#a2bd5e;opacity:.9}.home-copy{text-align:center;margin-bottom:46px}.home-copy h1{font-family:"Playfair Display",Georgia,serif;font-size:clamp(44px,8vw,76px);font-weight:500;line-height:1;margin:0 0 10px;letter-spacing:-.055em}.home-copy h1 em{color:#496d38}.home-copy p{font-family:"Playfair Display",Georgia,serif;font-size:clamp(23px,3.5vw,34px);margin:0;color:#222a24}.home-copy strong{font-weight:500}.input-dock{display:flex;align-items:center;width:min(770px,calc(100vw - 40px));height:72px;padding:8px 9px 8px 12px;border:1px solid rgba(30,45,32,.16);border-radius:40px;background:rgba(255,255,255,.72);box-shadow:0 18px 55px rgba(44,68,47,.12),inset 0 0 18px rgba(255,255,255,.9);backdrop-filter:blur(18px);transition:.25s}.input-dock:focus-within{border-color:#89a673;box-shadow:0 18px 65px rgba(44,68,47,.18),0 0 0 4px rgba(151,187,128,.13)}.input-mode{height:52px;min-width:68px;border:0;border-radius:28px;background:#fff;color:var(--ink);font-size:23px}.input-mode .chevron{font-size:16px}.input-dock input{min-width:0;flex:1;height:100%;border:0;outline:0;background:none;padding:0 17px;color:var(--ink);font-size:18px}.input-dock input::placeholder{color:#7c857e}.submit-button{width:54px;height:54px;border:0;border-radius:50%;background:var(--leaf-strong);color:#203321;font-size:31px;line-height:1;transition:.2s}.submit-button:hover{transform:scale(1.05);background:#a7ce8a}.examples-label{margin-top:28px;color:var(--muted);font-size:13px}.examples{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:10px}.examples button{border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.65);padding:10px 16px;color:var(--ink);font-size:13px;transition:.2s}.examples button:hover{background:#fff;transform:translateY(-2px)}.canvas-view{justify-content:flex-start;padding-top:130px;overflow:hidden;background:#bdd9df}.landscape{position:absolute;inset:0;z-index:-1;background:linear-gradient(#c1dfef 0 47%,#bad6bc 73%,#88a777 100%);overflow:hidden}.sun{position:absolute;width:180px;height:180px;right:15%;top:13%;border-radius:50%;background:rgba(255,255,224,.6);filter:blur(3px)}.cloud{position:absolute;background:rgba(255,255,255,.72);border-radius:999px;filter:blur(1px)}.cloud:before,.cloud:after{content:"";position:absolute;border-radius:50%;background:inherit}.cloud-one{width:360px;height:90px;left:-50px;top:18%}.cloud-one:before{width:145px;height:145px;left:70px;top:-60px}.cloud-one:after{width:115px;height:115px;left:190px;top:-45px}.cloud-two{width:430px;height:100px;right:-120px;top:30%}.cloud-two:before{width:160px;height:160px;left:100px;top:-72px}.mountains{position:absolute;left:-5%;right:-5%;bottom:31%;height:45%;background:linear-gradient(145deg,transparent 15%,rgba(126,163,183,.58) 15.3% 23%,transparent 23.3% 34%,rgba(113,151,170,.48) 34.3% 45%,transparent 45.3%),linear-gradient(35deg,transparent 18%,rgba(129,169,184,.45) 18.3% 29%,transparent 29.3% 41%,rgba(105,151,172,.5) 41.3% 50%,transparent 50.3%);opacity:.86}.hills{position:absolute;left:-10%;right:-10%;bottom:16%;height:35%;background:radial-gradient(ellipse at 35% 95%,#789b72 0 34%,transparent 34.4%),radial-gradient(ellipse at 75% 100%,#6f956e 0 40%,transparent 40.4%)}.field{position:absolute;inset:auto -10% 0;height:28%;background:repeating-linear-gradient(80deg,rgba(255,255,255,.15) 0 2px,transparent 2px 18px),linear-gradient(#a0bf89,#789969);transform:skewY(-2deg)}.canvas-copy{text-align:center;margin-top:20px}.canvas-copy h2{font-family:"Playfair Display",Georgia,serif;font-size:clamp(35px,6vw,62px);font-weight:500;letter-spacing:-.045em;margin:0 0 8px}.canvas-copy p{font-size:18px;margin:0;color:#3f5646}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;width:min(980px,100%);margin-top:58px}.cards article{min-height:126px;padding:20px 14px;text-align:center;border:1px solid rgba(255,255,255,.8);border-radius:18px;background:rgba(255,255,255,.74);backdrop-filter:blur(10px);box-shadow:0 12px 30px rgba(53,87,58,.11)}.cards span{display:block;color:#3b713d;font-size:24px;margin-bottom:8px}.cards b{display:block;font-size:15px}.cards small{display:block;color:#657367;font-size:12px;line-height:1.35;margin-top:7px}.activity{display:flex;gap:8px;align-items:center;margin-top:30px;padding:9px 14px;border-radius:999px;background:rgba(255,255,255,.7);font-size:12px;color:#466049}.pulse{width:8px;height:8px;border-radius:50%;background:#719a59;animation:pulse 1.2s infinite}.response{position:absolute;top:180px;left:50%;width:min(1080px,calc(100% - 40px));height:min(46vh,460px);transform:translateX(-50%);pointer-events:none}.response iframe{width:100%;height:100%;border:0;border-radius:22px;background:#fff;box-shadow:0 20px 70px rgba(31,66,38,.18);opacity:.94}.canvas-input{position:fixed;z-index:10;bottom:26px;left:50%;transform:translateX(-50%);height:62px;width:min(720px,calc(100% - 36px));background:rgba(255,255,255,.88)}.canvas-input .input-mode{height:44px;min-width:58px}.canvas-input .submit-button{width:46px;height:46px;font-size:26px}.dialog-backdrop{position:fixed;z-index:50;inset:0;display:grid;place-items:center;background:rgba(22,31,23,.22);backdrop-filter:blur(8px)}.dialog{position:relative;width:min(430px,calc(100% - 34px));padding:30px;border-radius:24px;background:#fff;box-shadow:0 25px 90px rgba(20,35,24,.2)}.dialog h3{margin:0 0 5px;font-family:"Playfair Display",Georgia,serif;font-size:30px}.dialog p{color:var(--muted);margin:0 0 24px;font-size:14px}.dialog label{display:block;font-size:12px;color:var(--muted);margin:14px 0}.dialog label span{opacity:.7}.dialog input{display:block;width:100%;margin-top:6px;padding:12px 13px;border:1px solid var(--line);border-radius:10px;outline:0}.save{width:100%;margin-top:12px;padding:13px;border:0;border-radius:12px;background:var(--leaf-strong);color:#243a26;font-weight:600}.close{position:absolute;right:15px;top:12px;border:0;background:none;font-size:28px;color:var(--muted)}[hidden]{display:none!important}@keyframes pulse{50%{opacity:.25;transform:scale(.7)}}@media(max-width:700px){.topbar{padding:20px}.cards{grid-template-columns:repeat(2,1fr);margin-top:32px}.cards article{min-height:108px;padding:15px 8px}.canvas-view{padding-top:105px}.response{top:155px;height:38vh}.canvas-copy{opacity:.95}.canvas-copy p{font-size:14px}.hero-art{width:330px}.home-copy{margin-bottom:34px}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
 .home-view.leaving{opacity:0;transform:translateY(18px) scale(.98)}.canvas-view.visible{animation:canvas-rise .78s cubic-bezier(.2,.8,.2,1)}@keyframes canvas-rise{from{opacity:0;transform:scale(1.035)}to{opacity:1;transform:none}}
.canvas-view{background:#fff!important;padding:0!important;justify-content:flex-start!important;}
.canvas-view .landscape,.canvas-view .canvas-copy,.canvas-view .cards{opacity:0;visibility:hidden;pointer-events:none;}
.canvas-view .activity{position:fixed;z-index:12;top:50%;left:50%;margin:0;transform:translate(-50%,-50%);transition:opacity .35s,top .45s,transform .45s;}
.response{position:absolute!important;inset:0!important;z-index:1;width:100%!important;height:100%!important;transform:none!important;opacity:0;pointer-events:none;transition:opacity .65s ease;}
.response iframe{position:absolute;inset:0;width:100%;height:100%;border:0;border-radius:0;box-shadow:none;opacity:1;background:#fff;}
.canvas-view.has-output .response{opacity:1;pointer-events:auto;}
.canvas-view.has-output .activity{top:auto;bottom:102px;transform:translateX(-50%);}
.canvas-view.has-output .activity .pulse{animation:none;}