@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&display=swap');
:root{font-family:'DM Sans',system-ui,sans-serif;color:#282b29;background:#fff;--paper:#fff;--sidebar:#f4f4f0;--line:#e5e6df;--muted:#868b82;--ink:#282b29;--accent:#234f40;--soft:#f0f1eb;--green:#52b7a2}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer;color:inherit}button:disabled{cursor:wait;opacity:.5}button:focus-visible,a:focus-visible{outline:2px solid #52b7a2;outline-offset:4px}button{border:0;background:none}a{color:inherit}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.icon-btn{width:34px;height:34px;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;color:#72776e;flex-shrink:0}.icon-btn:hover{background:#e7e9e1;color:var(--ink)}.button{display:inline-flex;justify-content:center;align-items:center;gap:8px;border:1px solid var(--line);border-radius:10px;background:#fff;padding:10px 16px;text-decoration:none;font-size:13px;font-weight:550}.button.primary{background:var(--accent);color:white;border-color:var(--accent)}.button:hover{filter:brightness(.97)}.button.wide{width:100%}.muted{color:var(--muted)}.fine{font-size:12px;line-height:1.6;color:#7b8177}.row{display:flex;align-items:center;gap:10px}.between{justify-content:space-between}.eyebrow{font-size:10px;font-weight:650;letter-spacing:1.5px;text-transform:uppercase;color:#858b80}.bot-face{--bot:#52b7a2;width:36px;height:36px;border-radius:50%;background:var(--bot);display:inline-flex;align-items:center;justify-content:center;gap:5px;flex-shrink:0;position:relative;transform:rotate(-12deg)}.bot-face:before,.bot-face:after{content:'';width:4px;height:10px;border-radius:5px;background:#173b30;transform:rotate(-8deg)}.bot-face.large{width:62px;height:62px;gap:8px}.bot-face.large:before,.bot-face.large:after{width:6px;height:16px}.bot-face.small{width:23px;height:23px;gap:3px}.bot-face.small:before,.bot-face.small:after{width:3px;height:7px}.bot-face.group{border-radius:12px;transform:rotate(0)}.shell{display:grid;grid-template-columns:278px minmax(0,1fr);height:100dvh;overflow:hidden}.sidebar{background:var(--sidebar);border-right:1px solid var(--line);padding:22px 14px 12px;display:flex;flex-direction:column;min-width:0}.sidebar-brand{padding:0 6px 22px}.wordmark{font-size:18px;font-weight:700;letter-spacing:-.7px;text-decoration:none}.wordmark span{font-weight:450;color:#94998f;font-size:14px;letter-spacing:-.2px;margin-left:4px}.live-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#52b7a2;margin-right:6px}.sidebar-search{display:flex;align-items:center;gap:8px;border:1px solid #dfe2d7;background:#eceee6;border-radius:9px;padding:8px 10px;margin-bottom:22px;color:#94998f}.sidebar-search svg{width:15px;height:15px}.sidebar-search input{border:0;outline:0;background:none;width:100%;min-width:0;font-size:12px;color:var(--ink)}.sidebar-label{padding:0 9px 10px;display:flex;justify-content:space-between;align-items:center}.conversations{overflow:auto;flex:1;min-height:0}.conversation{display:flex;align-items:center;gap:11px;width:100%;text-align:left;padding:12px 10px;border-radius:11px;margin-bottom:3px}.conversation:hover{background:#eaece4}.conversation.selected{background:#e5e9de}.conv-text{min-width:0;flex:1}.conv-title{display:flex;gap:8px;align-items:center;justify-content:space-between;font-size:13px;font-weight:550}.conv-title time{font-size:10px;color:#969c90;font-weight:400;flex-shrink:0}.conv-preview{font-size:11px;color:#8a9085;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:5px}.sidebar-empty{padding:14px 10px;font-size:12px;line-height:1.8;color:#8c9386}.sidebar-footer{border-top:1px solid #e2e5da;padding:14px 6px 0}.footer-links{display:flex;gap:5px;margin-bottom:16px}.footer-links button{font-size:11px;display:flex;align-items:center;gap:6px;padding:7px;border-radius:7px}.footer-links svg{width:15px;height:15px}.footer-links button:hover{background:#e6e9df}.user-button{display:flex;width:100%;align-items:center;gap:9px;text-align:left;padding:4px}.user-monogram{width:30px;height:30px;background:#e4e8dd;border:1px solid #d9dfd1;border-radius:50%;font-size:10px;display:grid;place-items:center}.user-name{font-size:12px;font-weight:500;flex:1;overflow:hidden;text-overflow:ellipsis}.workspace{display:flex;flex-direction:column;min-width:0;position:relative;background:#fff}.topbar{height:68px;border-bottom:1px solid #eff0eb;display:flex;align-items:center;justify-content:space-between;padding:0 28px;gap:12px;flex-shrink:0}.chat-title{font-size:13px;font-weight:550;display:flex;gap:9px;align-items:center;min-width:0}.chat-title button{text-align:left;display:flex;align-items:center;gap:8px}.topbar-actions{display:flex;align-items:center;gap:5px}.status-label{font-size:10px;color:#8f9687;margin-right:14px;letter-spacing:.2px}.content-columns{display:flex;flex:1;min-height:0;min-width:0}.chat-column{display:flex;flex-direction:column;flex:1;min-width:0;position:relative}.message-scroll{flex:1;overflow-y:auto;overscroll-behavior:contain;padding:30px clamp(20px,5vw,88px) 20px;scroll-behavior:smooth}.welcome{max-width:690px;margin:clamp(30px,7vh,90px) auto 30px;text-align:center}.welcome-mascots{display:flex;justify-content:center;gap:12px;margin-bottom:32px}.welcome-mascots .bot-face:nth-child(2){transform:translateY(-11px) rotate(12deg)}.welcome h1{font-size:clamp(29px,3.1vw,44px);font-weight:450;letter-spacing:-1.9px;line-height:1.15;margin:0 0 16px}.welcome p{color:#8a9084;font-size:13px;line-height:1.8;max-width:370px;margin:0 auto 26px}.welcome-actions{display:flex;justify-content:center;gap:10px}.template-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;max-width:530px;margin:45px auto 0;text-align:left}.template-card{border:1px solid #eceee6;border-radius:11px;padding:16px;display:flex;gap:12px;align-items:flex-start;text-align:left;transition:border-color .15s,transform .15s}.template-card:hover{border-color:#b6c5ad;transform:translateY(-2px)}.template-card .bot-face{width:28px;height:28px}.template-card strong{font-size:12px;font-weight:550;display:block;margin-bottom:5px}.template-card p{font-size:10px;color:#93998d;line-height:1.5;margin:0}.template-card .arrow{margin-left:auto;color:#a6af9d}.welcome-note{font-size:10px;color:#a4aa9d;margin-top:24px}.messages{max-width:760px;margin:auto}.day-divider{font-size:10px;color:#a0a69a;text-align:center;margin:0 0 28px}.message{margin:0 0 22px;max-width:92%;animation:arrive .18s ease}.message.user{margin-left:auto;max-width:82%}.message-author{display:flex;align-items:center;gap:7px;font-size:11px;font-weight:550;color:#798171;margin-bottom:7px}.bubble{font-size:13px;line-height:1.8;white-space:pre-wrap;overflow-wrap:anywhere;padding:14px 17px;background:#f1f2ed;border-radius:4px 15px 15px 15px}.message.user .bubble{background:#e8ecdf;border-radius:15px 4px 15px 15px}.message.system{max-width:100%;text-align:center;font-size:11px;color:#939a8b;margin:25px 0}.message-tools{display:flex;gap:10px;margin-top:7px}.message-tools button{font-size:10px;color:#9aa28f;display:flex;align-items:center;gap:4px}.message-tools svg{width:13px;height:13px}.task-card{border:1px solid #e2e6d9;border-radius:12px;background:#fafbf7;padding:14px;margin-bottom:12px;font-size:12px;line-height:1.7}.task-card strong{font-size:12px;font-weight:550}.task-card .actions{display:flex;gap:8px;margin-top:12px}.task-card pre{font-size:10px;background:#f0f2ea;padding:10px;border-radius:7px;overflow:auto;white-space:pre-wrap;max-height:150px}.badge{font-size:10px;padding:3px 7px;border-radius:5px;background:#e6eee1;color:#54724a}.badge.warn{background:#fff2d3;color:#96751e}.badge.error{background:#ffebe4;color:#ad5a46}.composer-wrap{padding:14px clamp(18px,5vw,88px) 18px;background:linear-gradient(transparent,#fff 22%);flex-shrink:0}.composer{max-width:760px;margin:0 auto;border:1px solid #dfe4d6;border-radius:17px;background:#fcfcf9;box-shadow:0 3px 10px #253d1a03;padding:10px 10px 8px}.composer:focus-within{border-color:#a9b89c}.composer textarea{border:0;outline:none;resize:none;max-height:160px;min-height:36px;width:100%;font-size:13px;line-height:1.6;background:none;padding:2px 7px;color:#303a2b}.composer textarea::placeholder{color:#a4ab9c}.composer-bottom{display:flex;justify-content:space-between;align-items:center}.composer-bottom .icon-btn{width:29px;height:29px;border-radius:50%}.composer-bottom .icon-btn svg{width:16px;height:16px}.send-btn{background:#2c4937!important;color:#fff!important}.send-btn:disabled{background:#e2e7da!important;color:#9ca88e!important}.composer-hint{text-align:center;font-size:9px;color:#a8afa0;margin:9px 0 0}.composer-recipient{font-size:10px;color:#859476;max-width:180px;border:0;background:transparent}.attachments{display:flex;gap:6px;padding:2px 6px 8px;flex-wrap:wrap}.attachment{font-size:10px;border:1px solid #d8dfce;padding:5px 8px;border-radius:6px;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.detail-panel{width:340px;flex-shrink:0;border-left:1px solid var(--line);background:#fafbf7;display:flex;flex-direction:column;min-width:0}.detail-panel[hidden]{display:none}.panel-head{height:57px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;border-bottom:1px solid #e9ecdf;font-size:12px;font-weight:550}.panel-body{overflow-y:auto;padding:20px;flex:1}.panel-section{margin-bottom:28px}.panel-section h3{font-size:11px;font-weight:550;margin:0 0 13px}.screen-preview{width:100%;border:1px solid #e0e5d6;border-radius:10px;display:block;background:#eef1e7;cursor:crosshair}.screen-placeholder{border:1px dashed #d7decb;border-radius:12px;padding:28px 15px;text-align:center;color:#919d84;font-size:11px;line-height:1.8}.screen-placeholder svg{margin:0 auto 10px;display:block;width:28px;height:28px}.browser-controls{display:flex;gap:6px;margin:9px 0}.browser-controls input{min-width:0;flex:1;font-size:11px}.panel-body label,.form label{display:block;font-size:11px;font-weight:500;margin-bottom:14px;color:#747f69}.panel-body input,.panel-body textarea,.panel-body select,.form input,.form textarea,.form select{display:block;width:100%;margin-top:7px;border:1px solid #dce2d1;border-radius:8px;padding:10px 11px;background:#fff;color:#303c27;outline:none;font-size:12px}.panel-body input:focus,.form input:focus,.form textarea:focus{border-color:#8caa77}.panel-body textarea,.form textarea{resize:vertical;min-height:100px;line-height:1.7}.panel-body .button{font-size:11px;padding:8px 11px}.toggle-row{display:flex;justify-content:space-between;align-items:center;background:#eff2e7;border:1px solid #e5eadb;border-radius:10px;padding:12px;margin:14px 0;font-size:11px;gap:14px}.toggle-row input{width:18px;margin:0;accent-color:#557647}.bot-settings-face{display:flex;justify-content:center;padding:12px 0 28px}.routine-item{padding:12px 0;border-bottom:1px solid #e8ecdf;display:flex;gap:10px;align-items:flex-start;font-size:11px}.routine-item svg{width:16px;height:16px;color:#b89a46}.routine-item strong{font-weight:550}.routine-item small{font-size:10px;display:block;margin-top:5px;color:#8e9b82}.routine-item button{font-size:10px;color:#6c8059}.routine-actions{display:flex;gap:12px;margin-top:8px}.connection-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.connection-app{border:1px solid #e2e7d8;border-radius:9px;padding:13px 4px;background:#fff;text-align:center;font-size:9px;color:#718061}.connection-app .app-letter{width:24px;height:24px;display:grid;place-items:center;background:#f2f4ec;border-radius:6px;font-size:13px;font-weight:600;margin:0 auto 7px;color:#506a3f}.alert{background:#fff7df;border:1px solid #efe0af;color:#8b7337;border-radius:8px;padding:10px;font-size:11px;line-height:1.6;margin:12px 0}.empty-note{font-size:11px;color:#8c9980;line-height:1.8}.bot-picker-dialog,dialog{border:1px solid #e1e6d7;border-radius:17px;padding:0;max-width:560px;width:calc(100% - 30px);color:var(--ink);box-shadow:0 20px 100px #25351c20;background:#fff}dialog::backdrop{background:#202d222d;backdrop-filter:blur(3px)}.dialog-head{display:flex;justify-content:space-between;align-items:center;padding:19px 22px;border-bottom:1px solid #edf0e6;font-size:13px;font-weight:550}.dialog-body{padding:22px;max-height:75dvh;overflow:auto}.dialog-search{border:1px solid #dde4d3;background:#f7f9f1;border-radius:9px;width:100%;padding:11px 13px;outline:none;font-size:12px;margin-bottom:16px}.picker-bot{display:flex;gap:13px;align-items:center;padding:11px 9px;border-radius:10px;cursor:pointer;font-size:12px}.picker-bot:hover{background:#f0f4e8}.picker-bot .picker-text{flex:1}.picker-bot small{display:block;font-size:10px;color:#929e86;margin-top:5px}.picker-bot input{accent-color:#4b6f3a}.picker-create{width:100%;display:flex;gap:12px;padding:13px 11px;border-radius:10px;background:#eff4e5;text-align:left;align-items:center;font-size:12px;margin:6px 0 16px}.dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:22px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-grid label{margin:0}.preset-list{display:flex;gap:6px;overflow-x:auto;margin:0 0 20px;padding:3px 0 10px}.preset-list button{border:1px solid #dfe6d5;border-radius:20px;padding:7px 11px;font-size:10px;white-space:nowrap}.preset-list button.active{background:#e9f0de;border-color:#b3c49f}.toast-region{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);z-index:9999;display:flex;flex-direction:column;gap:8px;width:min(450px,calc(100% - 30px))}.toast-item{background:#2e4430;color:#fff;padding:13px 18px;border-radius:11px;box-shadow:0 8px 30px #19241722;font-size:12px;line-height:1.7}.toast-item.error{background:#7a483b}.mobile-only{display:none}.busy-dot{width:6px;height:6px;background:#a0b68c;display:inline-block;border-radius:50%;animation:pulse 1s infinite}.account-meta{display:flex;gap:10px;align-items:center;padding:4px 0 20px}.account-meta strong{font-size:14px}.workspace-links{display:flex;gap:16px;font-size:11px;margin-top:24px}.plan-summary{border:1px solid #e0e6d6;border-radius:12px;padding:16px;margin:15px 0;font-size:12px;line-height:1.8}.plan-options{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.plan-option{border:1px solid #e1e7d7;border-radius:10px;padding:13px;font-size:11px}.plan-option strong{display:block;margin-bottom:6px;font-size:13px}.plan-option .button{margin-top:10px;font-size:10px;padding:6px}.notification-item{padding:12px 0;border-bottom:1px solid #ecf0e4;font-size:12px;line-height:1.7}.notification-item button{font-size:10px;margin-top:5px;color:#738d60}.recording{color:#bb6652!important;background:#fff0e9!important}.steps-list{font-size:11px;line-height:1.8}.steps-list pre{white-space:pre-wrap;max-height:250px;overflow:auto;font-size:10px;background:#f3f6eb;padding:12px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes arrive{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{50%{opacity:.3}}@media(min-width:1600px){.shell{grid-template-columns:300px minmax(0,1fr)}.detail-panel{width:380px}}@media(max-width:1100px){.detail-panel{width:310px}.message-scroll{padding:25px 24px}.composer-wrap{padding:12px 24px 16px}.shell{grid-template-columns:245px minmax(0,1fr)}.sidebar{padding:20px 10px 12px}}@media(max-width:820px){.shell{grid-template-columns:218px minmax(0,1fr)}.detail-panel{position:absolute;right:0;top:68px;bottom:0;width:330px;z-index:30;box-shadow:-20px 0 50px #27361e0b}.status-label{display:none}.topbar{padding:0 18px}.welcome{margin-top:45px}.welcome h1{font-size:31px;letter-spacing:-1.2px}.template-grid{grid-template-columns:1fr;margin-top:30px}.template-card:nth-child(n+3){display:none}}@media(max-width:600px){.shell{display:block}.sidebar{position:fixed;inset:0 auto 0 0;width:285px;z-index:60;transform:translateX(-100%);transition:transform .2s;box-shadow:15px 0 60px #253b1b1a}.shell.sidebar-open .sidebar{transform:translateX(0)}.workspace{height:100dvh}.mobile-only{display:inline-flex}.topbar{height:60px;padding:0 13px}.chat-title{font-size:12px}.topbar .icon-btn{width:30px;height:30px}.topbar-actions{gap:2px}.message-scroll{padding:23px 18px 12px}.composer-wrap{padding:10px 12px 12px}.composer{border-radius:20px}.composer-hint{font-size:8px}.welcome{margin-top:48px}.welcome-mascots{gap:10px;margin-bottom:28px}.welcome-mascots .bot-face.large{width:49px;height:49px}.welcome h1{font-size:31px}.welcome p{font-size:12px;max-width:280px}.template-grid{margin:35px 0 0;grid-template-columns:1fr 1fr;gap:7px}.template-card{padding:12px 10px;gap:8px;flex-direction:column}.template-card strong{font-size:11px}.template-card p{font-size:9px}.template-card .arrow{display:none}.message{max-width:98%}.message.user{max-width:89%}.bubble{font-size:12px;padding:12px 14px}.detail-panel{width:100%;top:auto;max-height:82dvh;bottom:0;border-top:1px solid #dce4d2;border-radius:19px 19px 0 0;box-shadow:0 -20px 50px #28361f15}.panel-head{height:54px;min-height:54px}.screen-preview{max-height:280px;object-fit:contain}.dialog-body{padding:18px}.plan-options{grid-template-columns:1fr}.plan-option{display:flex;align-items:center;justify-content:space-between;gap:8px}.plan-option .button{margin:0}.form-grid{grid-template-columns:1fr}.status-label{display:none}.sidebar-footer{padding-bottom:10px}.welcome-note{font-size:9px}.welcome-actions .button{font-size:11px}}

.sidebar-backdrop{display:none}@media(max-width:600px){.shell.sidebar-open .sidebar-backdrop{display:block;position:fixed;inset:0;z-index:55;background:#26361f30;border:0}}

.shell{grid-template-rows:minmax(0,1fr)}.workspace,.chat-column{min-height:0}

.first-wins{margin:32px auto 0;max-width:620px;text-align:left}.first-wins h2{font-size:23px;font-weight:450;letter-spacing:-.6px}.first-win-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.first-win{border:1px solid #dce5d2;background:#f5f8ef;border-radius:16px;padding:20px;text-align:left;display:grid;gap:12px;color:#3b5031;cursor:pointer}.first-win strong{font-size:13px}.first-win>span:not(.bot-face){font-size:11px;line-height:1.8;color:#7d8d70}.first-win small{color:#2e6850}.first-win:hover{background:#eaf1df}.starter-prompts{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 25px}.starter-prompts>p{width:100%}.starter-prompts .button{font-size:11px;text-align:left;white-space:normal}@media(max-width:500px){.first-win-grid{grid-template-columns:1fr}.first-wins{margin:25px 0}.first-win{padding:17px}}

.payment-methods{background:#edf4e5;border:1px solid #d9e5cc;border-radius:14px;padding:16px}.payment-methods>strong{font-size:13px}.payment-methods p{margin-bottom:0}.payment-progress{display:flex;align-items:center;gap:12px;padding:16px;background:#f2f4ed;border-radius:12px;font-size:12px;line-height:1.8}.payment-help{border:1px solid #dce4d3;border-radius:12px;padding:15px;margin-top:16px}.payment-help summary{cursor:pointer;font-size:12px}.payment-help form{margin-top:18px}
.composer{position:relative}.skill-menu{position:absolute;left:10px;right:10px;bottom:calc(100% + 8px);background:#fff;border:1px solid #dfe4d6;border-radius:12px;box-shadow:0 12px 40px #25351c18;padding:6px;z-index:5}.skill-menu button{display:grid;width:100%;text-align:left;padding:8px 10px;border-radius:8px;gap:2px}.skill-menu button:hover{background:#f3f6ee}.skill-menu strong{font-size:12px;font-weight:550}.skill-menu span{font-size:10px;color:#7b8177;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.trial-coach{text-align:center;background:radial-gradient(120% 80% at 50% 0%,#f7fbf2 0%,#f3f7ee 55%,#fff 100%);border:1px solid #dce5d2;border-radius:22px;padding:22px 22px 8px;margin:0 auto 22px;max-width:640px}.trial-coach h2{font-size:28px;font-weight:450;letter-spacing:-.8px;margin:8px 0}.trial-steps{margin:8px 0 12px;padding-left:18px;font-size:12px;line-height:1.7;color:#3b5031;text-align:left}.minute-ring{width:118px;height:118px;border-radius:50%;margin:0 auto 18px;display:grid;place-items:center;background:conic-gradient(#234f40 calc(var(--left)*1turn),#e4eee0 0);box-shadow:0 16px 40px #234f4018;position:relative}.minute-ring:before{content:'';position:absolute;inset:9px;border-radius:50%;background:#fff}.minute-core{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:2px}.minute-ring strong{font-size:32px;font-weight:500;letter-spacing:-1.4px;line-height:1;color:#234f40}.minute-ring span{font-size:10px;letter-spacing:1.4px;text-transform:uppercase;color:#7d8b74}.hour-invite,.keep-team{max-width:520px;margin:0 auto}.hour-invite h1,.keep-team h1{font-size:clamp(40px,5vw,64px);font-weight:450;letter-spacing:-2.4px;line-height:.98;margin:12px 0 16px;color:#1d2a22}.hour-invite p,.keep-team p{color:#4e5d48;font-size:16px;line-height:1.65;max-width:460px;margin:0 auto 22px}.welcome-invite,.welcome-live{margin-top:clamp(12px,3vh,36px)}.welcome-after{margin-top:clamp(28px,6vh,72px)}.keep-team .welcome-mascots{margin-bottom:22px}.welcome-actions{flex-wrap:wrap;gap:10px}.hour-go{min-height:50px;padding:14px 26px;border-radius:999px;font-size:14px;letter-spacing:-.2px}.keep-price{font-size:13px;color:#2c4034;letter-spacing:-.2px;margin:0 auto 18px}.hour-promises{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;list-style:none;padding:0;margin:18px 0 0}.hour-promises li{font-size:11px;color:#3e5344;background:#fff;border:1px solid #dce6d4;border-radius:999px;padding:8px 12px}.stage-faces .bot-face.large{width:74px;height:74px;box-shadow:0 18px 36px #234f4016}.trial-coach{background:transparent;border:0;box-shadow:none;padding:8px 0 0;max-width:560px}.trial-coach h2{font-size:clamp(32px,4vw,48px);letter-spacing:-1.8px;color:#1d2a22}.trial-coach p{font-size:15px;color:#4e5d48;max-width:440px;margin:0 auto}@media(prefers-reduced-motion:reduce){.minute-ring{background:#234f40}}
body[data-phase="invite"] .workspace,body[data-phase="live"] .workspace{background:radial-gradient(920px 420px at 50% -80px,#e7f4de 0%,transparent 68%),#fcfcf9}
body[data-phase="after"] .workspace{background:radial-gradient(860px 480px at 50% -40px,#f4ead6 0%,transparent 66%),#fcfcf9}
.first-win{transition:transform .18s ease,box-shadow .18s ease}
.first-win:hover{transform:translateY(-3px);box-shadow:0 16px 32px #234f4012}
body[data-phase="after"] .composer-wrap{display:none}
body[data-phase="after"] .message-scroll{display:grid;align-content:center}
@media(max-width:600px){.hour-invite h1,.keep-team h1{font-size:34px;letter-spacing:-1.5px}.hour-promises{gap:6px}.stage-faces .bot-face.large{width:56px;height:56px}}
.topbar{height:auto;min-height:56px;margin:10px 12px 0;padding:6px 8px 6px 14px;border:1px solid #e3ead9;border-bottom:1px solid #e3ead9;border-radius:20px;background:#fffcf8ee;box-shadow:0 12px 30px #234f4012;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.topbar .chat-title{min-width:0;overflow:hidden}
.topbar .chat-title button,.topbar .chat-title>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.topbar-actions{flex-shrink:0}
@media(max-width:600px){.topbar{min-height:52px;margin:max(8px,env(safe-area-inset-top)) 8px 0;padding:4px 4px 4px 8px;border-radius:18px}.topbar .icon-btn{width:40px;height:40px}.workspace{height:100dvh;padding-bottom:env(safe-area-inset-bottom)}}
body{font-family:Outfit,system-ui,sans-serif;background:#f6f1e6}
.welcome h1,.hour-invite h1,.keep-team h1,.trial-coach h2,.message-author{font-family:Fraunces,Georgia,serif;font-weight:560;letter-spacing:-.03em}
.welcome h1 em,.hour-invite h1{font-size:clamp(42px,6vw,68px);line-height:.95}
.hour-replies{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 18px}
.hour-replies .fine{width:100%}
.hour-replies .button{border-radius:999px;background:#fff;border:1px solid #e4d8c4}
body[data-phase="live"] .composer{border-color:#f0d2bf}