:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#163739;background:#e9eeea;color-scheme:light}*{box-sizing:border-box}html,body,#root{margin:0;height:100%;min-height:100%;width:100%}body{overscroll-behavior-y:none}#root{display:flex;flex-direction:column}a{color:#0c514b}button,input{font:inherit}button,a,input,summary{-webkit-tap-highlight-color:transparent}button,summary{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible,[role=button]:focus-visible{outline:3px solid #d69f32!important;outline-offset:3px}.browser-shell{display:flex;min-height:100dvh;height:100dvh;width:100%;max-width:1480px;margin:0 auto;background:#f8f6f0}.desktop-intro{width:34%;max-width:440px;background:#123b3a;color:#eef7f3;padding:44px clamp(28px,4vw,64px);display:flex;flex-direction:column;justify-content:space-between}.wordmark{font-size:24px;color:#fff;text-decoration:none;font-weight:750}.desktop-intro h2{font-size:clamp(30px,3.3vw,48px);line-height:1.14;letter-spacing:-1.5px;margin:18px 0}.desktop-intro p{color:#c7dcd6;line-height:1.7;font-size:17px}.eyebrow{font-size:12px!important;text-transform:uppercase;letter-spacing:2px;font-weight:800;color:#0c514b}.desktop-intro .eyebrow{color:#b1d7c9}.aside-tags{display:flex;gap:9px;flex-wrap:wrap;margin-top:28px}.aside-tags span{font-size:12px;border:1px solid #5c7f78;padding:9px 12px;border-radius:100px;color:#e1eee8}.aside-footer{font-size:13px!important}.app-pane{flex:1;min-width:0;display:flex;flex-direction:column;min-height:0}.app-viewport{display:flex;flex:1;flex-direction:column;min-height:0;position:relative;overflow:hidden}.app-viewport>div{flex:1;min-height:0}.web-status{font-size:12px;padding:10px 24px;border-bottom:1px solid #dae5de;display:flex;gap:12px;justify-content:space-between;align-items:center;background:#eff4ef;color:#3c5f57}.web-status a{text-decoration:none}.web-status button{background:none;border:0;text-decoration:underline;color:#0c514b;font-size:12px}.web-footer{font-size:12px;padding:10px 20px;line-height:1.5;border-top:1px solid #d6e2db;color:#5a706b;background:#f8f6f0}.web-footer a{margin-left:8px}.welcome{padding:clamp(26px,5vw,64px);max-width:760px;margin:auto;width:100%;overflow:auto}.heart{display:grid;place-items:center;background:#dceee6;color:#0c514b;width:76px;height:76px;font-size:55px;border-radius:24px;margin-bottom:28px}.welcome h1{font-size:clamp(32px,4.2vw,53px);line-height:1.08;letter-spacing:-1.7px;margin:20px 0}.welcome p{font-size:17px;line-height:1.65;color:#5a706b}.setup-note{background:#e5eee7;padding:20px 22px;border-radius:18px;margin:28px 0 22px}.setup-note p{margin:8px 0 0;font-size:15px}.welcome button{padding:16px 24px;border:0;border-radius:13px;background:#0c514b;color:#fff;font-weight:750;min-height:50px}.welcome button span{padding-left:18px}.welcome .fine{font-size:13px;line-height:1.55}.welcome details{border-top:1px solid #d4dfd7;margin-top:28px;padding:20px 0}.welcome summary{font-size:14px;font-weight:750;color:#0c514b}.welcome label{display:block;font-size:14px;font-weight:700;margin:18px 0 12px}.welcome input{display:block;width:100%;padding:13px;border:1px solid #bdccc3;border-radius:9px;background:#fff;margin-top:8px}.welcome .error{color:#a12929;font-size:14px}.loading{padding:40px;color:#0c514b;text-align:center}@media(min-width:1500px){.browser-shell{box-shadow:0 0 60px #143b3812}}@media(max-width:850px){.desktop-intro{display:none}.browser-shell{max-width:760px}.web-status{padding:8px 16px}.web-footer{padding:7px 16px;font-size:11px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}.desktop-intro[hidden]{display:none}.browser-shell.intro-collapsed{max-width:1180px}.web-status>span{flex:1}.web-status .intro-toggle{text-decoration:none;font-weight:700;border:1px solid #bbd1c6;padding:6px 10px;border-radius:7px;white-space:nowrap}.web-status{flex-wrap:wrap}@media(max-width:850px){.web-status .intro-toggle{display:none}}