@font-face{font-family:Outfit;src:url('/assets/outfit.woff2') format('woff2');font-style:normal;font-weight:300 800;font-display:swap}
:root{color-scheme:dark;--bg:#202020;--sidebar:#171717;--surface:#2a2a2a;--surface-hover:#303030;--bubble:#2d2d2d;--line:#343434;--line-soft:#292929;--text:#eeeeeb;--muted:#a1a19d;--faint:#83837f;--accent:#b6daec;--user-bg:#e8e8e2;--user-ink:#282827;--green:#accdb9;--orange:#e5bc88;--shadow:0 20px 90px #0006;font-family:Outfit,system-ui,sans-serif;font-synthesis:none}
[data-theme=light]{color-scheme:light;--bg:#fafaf8;--sidebar:#f0f0ed;--surface:#e9e9e4;--surface-hover:#dfdfda;--bubble:#eeeee9;--line:#d6d6d0;--line-soft:#e3e3dd;--text:#252525;--muted:#61615e;--faint:#72726d;--accent:#346986;--user-bg:#353936;--user-ink:#fff;--green:#46745b;--orange:#936029;--shadow:0 20px 90px #0002}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}body{background:var(--bg);color:var(--text);font-size:15px;-webkit-font-smoothing:antialiased}button,input,textarea,select{font:inherit}button,a,input,textarea{ -webkit-tap-highlight-color:transparent }button{color:inherit;cursor:pointer}button:disabled{cursor:default;opacity:.38}button{transition:background .15s ease,color .15s ease,transform .12s ease}button:active:not(:disabled){transform:translateY(1px)}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--accent);outline-offset:4px}a{color:inherit}button svg{pointer-events:none}svg{display:block;flex-shrink:0}button{border:0}h1,h2,h3,p{margin:0}button{background:none}h1,h2,h3{font-weight:500}input,textarea{color:var(--text)}input::placeholder,textarea::placeholder{color:var(--faint)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}[hidden]{display:none!important}.skip-link{position:absolute;z-index:100;top:-60px;left:20px;padding:12px;background:var(--text);color:var(--bg)}.skip-link:focus{top:10px}
.messenger{display:grid;grid-template-columns:318px minmax(0,1fr);height:100dvh;max-width:2200px;margin:auto}.sidebar{display:flex;flex-direction:column;min-width:0;min-height:0;background:var(--sidebar);border-right:1px solid var(--line-soft);padding:0 14px}.sidebar-header{height:83px;padding:0 9px;display:flex;align-items:center;justify-content:space-between}.wordmark{font-size:30px;font-weight:600;letter-spacing:-1.5px;text-decoration:none;display:flex;align-items:baseline;gap:5px}.brand-pixel{height:6px;width:6px;background:var(--accent);margin-bottom:3px}.icon-button{display:grid;place-items:center;width:36px;height:36px;border-radius:9px;color:var(--muted);flex-shrink:0}.icon-button:hover{background:var(--surface);color:var(--text)}.icon-button svg{width:20px;height:20px}.workspace-button{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:10px;padding:10px 11px;margin:0 5px 22px;color:var(--text);text-align:left;font-size:14px}.workspace-button>span:nth-child(2){flex:1}.workspace-button:hover{background:var(--surface)}.workspace-mark{font-size:11px;display:grid;place-items:center;background:var(--surface-hover);width:22px;height:22px;border-radius:5px;color:var(--muted)}.workspace-button svg{width:15px;color:var(--muted)}.search-box{height:40px;display:flex;align-items:center;gap:9px;padding:0 10px;margin:0 5px 28px;background:var(--surface);border-radius:8px}.search-box svg{width:17px;color:var(--faint)}.search-box input{background:none;border:0;width:100%;min-width:0;outline:none;font-size:13px}.search-box:focus-within{outline:1px solid var(--muted)}.search-box kbd{white-space:nowrap;font:10px Outfit,sans-serif;color:var(--faint);border:1px solid var(--line);border-radius:4px;padding:2px 4px}.list-heading{display:flex;align-items:center;gap:8px;padding:0 12px;margin-bottom:17px}.list-heading h1{font-size:15px;font-weight:500}.list-heading>span{color:var(--faint);font-size:12px}.filters{display:flex;align-items:center;gap:5px;margin:0 6px 12px}.filters button{padding:6px 10px;border-radius:7px;font-size:12px;color:var(--muted);display:flex;align-items:center;gap:5px;white-space:nowrap}.filters button:hover{color:var(--text)}.filters button.selected{background:var(--surface);color:var(--text)}.filters span{font-size:10px;background:var(--surface-hover);padding:1px 4px;border-radius:3px;color:var(--orange)}.conversation-list{overflow-y:auto;overflow-x:hidden;min-height:0;scrollbar-width:thin;scrollbar-color:var(--line) transparent;padding-bottom:8px}.conversation-row{display:flex;align-items:center;gap:13px;border-radius:11px;padding:14px 11px;margin-bottom:4px;text-decoration:none;position:relative}.conversation-row:hover{background:var(--surface)}.conversation-row.active{background:var(--surface)}.avatar{display:block;width:46px;height:46px;flex-shrink:0;position:relative;border-radius:13px;overflow:hidden;background-color:#202020}.avatar.big{width:100px;height:100px;border-radius:22px}.avatar.small{width:34px;height:34px;border-radius:9px}.avatar::after{content:'';position:absolute;inset:0;border-radius:inherit;border:1px solid #ffffff07}.row-copy{flex:1;min-width:0}.row-top{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:6px}.row-name{font-size:16px;letter-spacing:-.1px;font-weight:500}.row-time{font-size:11px;color:var(--faint);white-space:nowrap;font-variant-numeric:tabular-nums}.row-bottom{display:flex;align-items:center;gap:8px}.row-preview{font-size:12.5px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;line-height:1.4}.row-preview.working{color:var(--green)}.unread-dot{width:6px;height:6px;background:var(--accent);border-radius:50%;margin-left:3px;flex-shrink:0}.working-dot{width:5px;height:5px;background:var(--green);border-radius:50%;display:inline-block;margin-right:5px}.invite-row{display:flex;align-items:center;gap:10px;color:var(--faint);padding:15px 14px;font-size:12px;text-align:left}.invite-row svg{width:15px}.invite-row:hover{color:var(--text)}.sidebar-footer{margin-top:auto;padding:18px 7px 16px}.profile-button{display:flex;gap:11px;align-items:center;width:100%;padding:12px 4px;text-align:left}.profile-avatar{width:33px;height:33px;display:grid;place-items:center;border:1px solid #59594f;background:#34352e;color:#d8dac7;border-radius:50%;font-size:11px}.profile-copy{flex:1;display:flex;flex-direction:column;gap:3px;min-width:0}.profile-copy strong{font-size:13px;font-weight:500}.profile-copy>span{font-size:11px;color:var(--faint)}.profile-button svg{width:18px;color:var(--muted)}.preview-label{display:flex;align-items:center;justify-content:center;gap:6px;border-top:1px solid var(--line-soft);padding-top:15px;margin-top:6px;font-size:10px;letter-spacing:.1px;color:var(--faint)}.preview-label>span{display:block;width:4px;height:4px;background:var(--faint);border-radius:50%}
.conversation{min-width:0;min-height:0;display:flex;flex-direction:column;position:relative}.conversation-header{height:83px;flex-shrink:0;border-bottom:1px solid var(--line-soft);display:flex;align-items:center;gap:12px;padding:0 34px}.conversation-header .avatar{width:40px;height:40px}.header-person{display:flex;flex-direction:column;gap:3px;flex:1;min-width:0}.header-person h2{font-size:17px;line-height:1.2;font-weight:500}.header-person p{font-size:12px;color:var(--muted)}.header-actions{display:flex;gap:5px}.header-state{display:flex;align-items:center;gap:7px;font-size:11px;color:var(--muted);margin-right:15px}.header-state i{width:5px;height:5px;border-radius:50%;background:var(--green)}.mobile-back{display:none}.message-scroll{overflow-y:auto;overscroll-behavior:contain;flex:1;min-height:0;scrollbar-width:thin;scrollbar-color:var(--line) transparent;scroll-behavior:smooth}.message-feed{max-width:870px;margin:auto;padding:31px 38px 24px;display:flex;flex-direction:column;gap:20px;min-height:100%}.date-separator{text-align:center;font-size:11px;color:var(--faint);margin:0 0 6px}.message-group{display:flex;flex-direction:column;align-items:flex-start;gap:7px}.message-group.user{align-items:flex-end}.message-meta{font-size:11px;color:var(--faint);display:flex;gap:8px;padding:0 3px}.bubble{max-width:86%;background:var(--bubble);border-radius:16px 16px 16px 5px;padding:13px 17px;font-size:15px;line-height:1.55;color:var(--text);white-space:pre-wrap;overflow-wrap:anywhere}.user .bubble{background:var(--user-bg);color:var(--user-ink);border-radius:16px 16px 5px 16px;max-width:78%}.message-event{display:flex;align-items:center;justify-content:center;gap:8px;color:var(--muted);font-size:11px;margin:0 auto;padding:5px 0;max-width:100%;text-align:center}.message-event svg{width:14px;height:14px;color:var(--faint)}.event-label{display:inline-flex;align-items:center;gap:6px;color:var(--text);margin-left:3px}.approval-card{background:var(--bubble);border:1px solid var(--line);border-radius:13px;width:min(540px,94%);overflow:hidden}.approval-body{padding:20px}.approval-eyebrow{color:var(--orange);font-size:10px;display:flex;align-items:center;gap:6px;margin-bottom:10px}.approval-eyebrow i{width:5px;height:5px;border-radius:50%;background:currentColor}.approval-card h3{font-size:18px;letter-spacing:-.2px;margin-bottom:7px;font-weight:500}.approval-card p{font-size:12px;color:var(--muted);line-height:1.5}.file-preview{display:flex;align-items:center;gap:12px;padding:13px 14px;border:1px solid var(--line);background:var(--bg);border-radius:9px;margin-top:17px;width:100%;text-align:left}.file-preview:hover{background:var(--surface-hover)}.file-symbol{width:34px;height:39px;display:grid;place-items:center;border-radius:5px;background:#34413b;color:#b0cebc;flex-shrink:0}.file-symbol svg{width:19px}.file-copy{flex:1;display:flex;flex-direction:column;gap:3px;min-width:0}.file-copy strong{font-size:12px;font-weight:500;overflow:hidden;text-overflow:ellipsis}.file-copy span{font-size:10px;color:var(--faint)}.file-preview>svg{width:15px;color:var(--muted)}.approval-actions{display:flex;gap:8px;align-items:center;border-top:1px solid var(--line);padding:12px 18px}.button{display:inline-flex;align-items:center;justify-content:center;gap:7px;border-radius:7px;padding:9px 13px;font-size:12px;line-height:1.4;white-space:nowrap;background:var(--surface-hover);color:var(--text)}.button svg{width:14px;height:14px}.button:hover{filter:brightness(1.12)}.button.primary{background:var(--user-bg);color:var(--user-ink)}.button.quiet{color:var(--muted);background:none}.button.quiet:hover{color:var(--text);background:var(--surface-hover)}.approval-actions .reviewed{color:var(--green);font-size:12px;display:flex;align-items:center;gap:8px}.reviewed svg{width:16px}.attachment-message{display:flex;gap:8px;align-items:center;margin-top:7px;font-size:12px}.attachment-message svg{width:16px}.compose-area{padding:8px 34px 18px;flex-shrink:0;width:100%;max-width:940px;margin:0 auto}.composer{display:flex;align-items:flex-end;gap:10px;border:1px solid var(--line);border-radius:17px;padding:11px 12px;background:var(--bg)}.composer:focus-within{border-color:#656561}.composer textarea{background:none;outline:none;border:0;resize:none;flex:1;padding:8px 0;line-height:1.5;max-height:160px;min-width:0;font-size:14px}.composer textarea:focus-visible{outline:none}.attach-button{width:34px;height:36px}.send-button{width:34px;height:34px;border-radius:10px;background:var(--user-bg);color:var(--user-ink);display:grid;place-items:center;margin-bottom:1px;flex-shrink:0}.send-button svg{width:19px}.composer-caption{display:flex;justify-content:space-between;gap:10px;color:var(--faint);font-size:10px;padding:10px 4px 0}.key-arrow{padding-left:4px}.attachment-tray{display:flex;flex-wrap:wrap;gap:8px;padding:7px 0 12px}.attachment-chip{display:flex;gap:7px;align-items:center;max-width:260px;padding:7px 9px;border:1px solid var(--line);border-radius:7px;font-size:11px}.attachment-chip>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.attachment-chip svg{width:13px}.attachment-chip button{display:grid;place-items:center;padding:2px}.empty-list{text-align:center;padding:32px 15px;color:var(--muted);font-size:13px;line-height:1.6}.thread-welcome{margin:auto;text-align:center;padding:60px 10px;max-width:370px;display:flex;flex-direction:column;align-items:center;gap:15px}.thread-welcome h3{font-size:23px}.thread-welcome p{color:var(--muted);font-size:14px;line-height:1.7}.thread-welcome .prompt-button{margin-top:7px;border:1px solid var(--line);padding:10px 16px;border-radius:9px;font-size:12px;color:var(--muted)}
.messenger.details-open{grid-template-columns:290px minmax(0,1fr) 285px}.details-panel{background:var(--sidebar);border-left:1px solid var(--line-soft);overflow-y:auto;min-height:0;padding:21px 23px}.details-top{display:flex;align-items:center;justify-content:space-between;font-size:13px}.details-person{display:flex;align-items:center;flex-direction:column;text-align:center;padding:27px 0 25px;gap:7px;border-bottom:1px solid var(--line)}.details-person .avatar{margin-bottom:10px}.details-person h3{font-size:23px}.details-person p{color:var(--muted);font-size:12px}.detail-section{padding:24px 0;border-bottom:1px solid var(--line)}.detail-section h3{font-size:12px;margin-bottom:12px;color:var(--muted)}.detail-section p{font-size:13px;line-height:1.75}.detail-label{font-size:12px;display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:12px}.detail-label svg{width:15px;color:var(--muted)}.detail-label>span{flex:1}.detail-label button{font-size:11px;color:var(--muted);text-decoration:underline}.tool-chips{display:flex;flex-wrap:wrap;gap:6px}.tool-chips span{padding:7px 9px;background:var(--surface);border:1px solid var(--line);border-radius:6px;font-size:11px}.note-list{padding:0;list-style:none;margin:0 0 10px;display:flex;flex-direction:column;gap:10px}.note-list li{font-size:12px;line-height:1.6;display:flex;justify-content:space-between;gap:9px}.note-list button{color:var(--faint)}.note-list svg{width:13px}.detail-foot{color:var(--faint);font-size:10px;line-height:1.6;padding-top:21px}.toast{position:fixed;left:50%;bottom:32px;transform:translate(-50%,12px);background:var(--user-bg);color:var(--user-ink);padding:12px 18px;border-radius:10px;box-shadow:var(--shadow);font-size:13px;opacity:0;pointer-events:none;transition:opacity .15s,transform .15s;z-index:80;max-width:calc(100vw - 32px);text-align:center}.toast.show{opacity:1;transform:translate(-50%,0)}
dialog{padding:0;border:1px solid var(--line);border-radius:18px;background:var(--bg);color:var(--text);box-shadow:var(--shadow);width:min(500px,calc(100vw - 30px));max-height:calc(100dvh - 40px);overflow-y:auto}dialog::backdrop{background:#0008;backdrop-filter:blur(5px)}.modal-head{padding:22px 24px 15px;display:flex;align-items:center;justify-content:space-between;gap:15px}.modal-head h2{font-size:20px}.modal-body{padding:0 24px 24px}.modal-body>p{color:var(--muted);line-height:1.65;font-size:13px;margin-bottom:20px}.form-label{display:block;font-size:12px;color:var(--muted);margin:18px 0 8px}.field{width:100%;border:1px solid var(--line);border-radius:8px;background:var(--sidebar);padding:11px 12px;outline:none;font-size:14px}.field:focus{border-color:var(--accent)}textarea.field{resize:vertical;min-height:80px}.character-picker{display:grid;grid-template-columns:repeat(6,1fr);gap:7px;margin:12px 0 21px}.character-option{padding:4px;border:1px solid transparent;border-radius:12px;display:flex;align-items:center;justify-content:center}.character-option.selected{border-color:var(--accent);background:var(--surface)}.character-option .avatar{width:48px;height:48px}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:24px}.modal-actions .button{padding:11px 16px}.modal-form-note{font-size:11px;color:var(--faint);margin-top:14px;line-height:1.6}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 0;border-bottom:1px solid var(--line)}.settings-row strong{display:block;font-size:14px;font-weight:400}.settings-row p{font-size:11px;color:var(--muted);margin-top:5px}.settings-row .field{width:auto}.document-preview{border:1px solid var(--line);border-radius:10px;margin-top:18px;padding:20px;background:var(--sidebar)}.document-preview h3{font-size:15px;margin:0 0 8px}.document-preview p{font-size:13px;line-height:1.8;color:var(--muted);white-space:pre-wrap}.document-separator{height:1px;background:var(--line);margin:18px 0}.document-label{font-size:10px;text-transform:uppercase;letter-spacing:1px;color:var(--faint);margin-bottom:15px}.schedule-row{display:grid;grid-template-columns:1fr 1fr;gap:13px}.workspace-choice{display:flex;align-items:center;gap:12px;width:100%;border:1px solid var(--line);padding:14px;border-radius:9px;font-size:14px}.workspace-choice>span:nth-child(2){flex:1;text-align:left}.workspace-choice svg{width:17px;color:var(--green)}
@media(min-width:1700px){.messenger{grid-template-columns:350px minmax(0,1fr)}.message-feed{max-width:1020px;padding-top:40px;gap:26px}.bubble{font-size:17px;padding:16px 20px}.compose-area{max-width:1090px}.conversation-header{padding:0 46px}.conversation-row{padding-top:17px;padding-bottom:17px}.row-name{font-size:17px}.row-preview{font-size:14px}}
@media(max-width:1150px){.messenger.details-open{grid-template-columns:290px minmax(0,1fr)}.details-panel{position:absolute;right:0;top:0;bottom:0;width:310px;z-index:20;box-shadow:-30px 0 60px #0004}.message-feed{padding-left:26px;padding-right:26px}.conversation-header{padding:0 24px}.compose-area{padding-left:24px;padding-right:24px}.header-state{margin-right:2px}.messenger{grid-template-columns:290px minmax(0,1fr)}}
@media(max-width:760px){.messenger,.messenger.details-open{display:block;height:100dvh}.sidebar{height:100%;width:100%;padding:0 16px;border:0}.sidebar-header{height:76px}.workspace-button{margin-bottom:17px}.search-box{margin-bottom:24px}.conversation-list{flex:1}.sidebar-footer{padding-top:5px}.profile-button{padding-top:8px;padding-bottom:8px}.preview-label{padding-top:12px}.conversation-row{padding:15px 12px}.row-name{font-size:17px}.row-preview{font-size:14px}.row-time{font-size:12px}.avatar{width:51px;height:51px}.conversation{display:none;height:100%;width:100%}.messenger.thread-open .sidebar{display:none}.messenger.thread-open .conversation{display:flex}.conversation-header{height:75px;padding:0 14px;gap:10px}.conversation-header .avatar{width:35px;height:35px}.header-person h2{font-size:16px}.header-person p{font-size:11px}.mobile-back{display:grid;margin-left:-5px;width:26px}.header-state{display:none}.header-actions{gap:0}.header-actions .icon-button{width:33px}.message-feed{padding:24px 17px 18px;gap:21px}.bubble{max-width:94%;font-size:14px;padding:12px 14px}.user .bubble{max-width:89%}.approval-card{width:94%}.approval-body{padding:17px}.approval-card h3{font-size:17px}.approval-actions{padding:12px 14px}.message-event{font-size:10px;line-height:1.6;flex-wrap:wrap;gap:5px}.compose-area{padding:8px 13px max(11px,env(safe-area-inset-bottom))}.composer{padding:8px;border-radius:15px;gap:5px}.composer textarea{font-size:16px}.composer-caption{font-size:9px;padding-top:8px;justify-content:center}.composer-caption>span:last-child{display:none}.details-panel{width:min(340px,100%)}.message-group{gap:6px}.modal-head{padding:18px 20px 13px}.modal-body{padding:0 20px 20px}.character-picker{gap:3px}.character-option .avatar{width:39px;height:39px}.character-option{padding:3px}.toast{bottom:95px}.invite-row{padding-top:12px;padding-bottom:12px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

@media(max-width:380px){.character-picker{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.character-option .avatar{width:50px;height:50px}}

.message-scroll{scroll-behavior:auto}

/* Connected views retain the approved messaging layout and character motion. */
[hidden]{display:none!important}.auth-gate{min-height:100dvh;display:grid;place-items:center;padding:24px}.auth-card{width:min(100%,400px)}.auth-card h1{font-size:30px;font-weight:500;line-height:1.2;margin:22px 0 12px}.auth-card p{color:var(--muted);line-height:1.6;margin:14px 0}.auth-characters{display:flex;gap:12px;margin-top:40px}.auth-card form{display:grid;gap:12px;margin:22px 0}.auth-card label{font-size:13px}.auth-card button{justify-content:center}.job-activity{font-size:12px;margin-top:12px;color:var(--muted)}.job-activity>div{padding:10px 0;border-top:1px solid var(--line)}.job-activity summary{cursor:pointer}.job-activity p{white-space:pre-wrap;overflow-wrap:anywhere}.bubble>p{margin-top:10px;white-space:pre-wrap}.approval-body>p{white-space:pre-wrap;overflow-wrap:anywhere;max-height:180px;overflow:auto}.preserve-text{white-space:pre-wrap;overflow-wrap:anywhere}.modal-body label{display:block;margin:16px 0 8px}.modal-body h4{margin:22px 0 8px}.modal-body ul,.modal-body ol{padding-left:22px;line-height:1.7}.modal-body details{margin:16px 0}.file-content{white-space:pre-wrap;overflow-wrap:anywhere;max-height:330px;overflow:auto;background:var(--surface);padding:14px;border-radius:10px;font:12px/1.6 monospace}.credit-balance{display:flex;align-items:baseline;gap:12px;margin:12px 0}.credit-balance>strong{font-size:46px;font-weight:500}.credit-balance>span{color:var(--muted)}.credit-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:14px 0 24px}.credit-option{border:1px solid var(--line);border-radius:12px;padding:14px}.credit-option h4{margin:0 0 15px}.credit-option>strong{font-size:25px}.credit-option small{font-size:11px;color:var(--muted);font-weight:400}.credit-option p{font-size:12px;line-height:1.4}.integration-note{font-size:12px!important;color:var(--muted);border-left:2px solid var(--line);padding-left:12px}.hire-messages .bubble{margin:12px 0;font-size:14px;white-space:pre-wrap}.hire-messages .bubble.user{background:var(--surface-hover);color:var(--text)}.hire-messages{max-height:300px;overflow:auto}.modal-body .character-picker{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin-top:16px}.modal-body .character-option{padding:5px;border-radius:12px;border:1px solid transparent}.modal-body .character-option.selected{border-color:var(--accent)}.row-time{max-width:75px;overflow:hidden;text-overflow:ellipsis}.auth-card .field{width:100%}.modal-body input[type=file]{max-width:100%}.modal-body>a,.modal-body p a{color:var(--accent)}
@media(max-width:500px){.credit-options{grid-template-columns:1fr}.credit-option{display:flex;align-items:baseline;flex-wrap:wrap;gap:10px}.credit-option h4{flex:1;margin:0}.credit-option p{width:100%;margin:0}.modal-body .character-picker{grid-template-columns:repeat(3,1fr)}.character-option .avatar{margin:auto}}
.auth-gate{height:100dvh;overflow-y:auto;align-items:safe center}.auth-card{padding:16px 0}
/* Free profile setup and paid work are separate actions. */
#profile-form{padding-bottom:20px;border-bottom:1px solid var(--line)}.optional-plans summary{cursor:pointer;color:var(--muted);font-size:13px}.optional-plans p{font-size:13px}.profile-copy strong{overflow:hidden;text-overflow:ellipsis}
/* Explore before signing in or purchasing. */
.explore-welcome{max-width:500px;padding-top:40px;padding-bottom:30px}.explore-eyebrow{display:block;font-size:12px;color:var(--muted);margin:25px 0 12px}.explore-welcome h3{font-size:30px;font-weight:500;letter-spacing:-.7px;text-wrap:balance}.explore-welcome>p{max-width:360px;margin:16px auto 28px}.example-prompts{display:grid;gap:10px;text-align:left}.example-prompts .prompt-button{display:flex;align-items:center;justify-content:space-between;gap:20px;width:100%;line-height:1.5;text-align:left;border:1px solid var(--line);padding:16px 18px}.example-prompts svg{width:16px;flex-shrink:0;color:var(--muted)}.explore-caption{display:block;font-size:11px;color:var(--faint);margin-top:15px}.credit-gate-characters .avatar{margin:2px 0 20px}.credit-gate-intro{font-size:22px!important;color:var(--text)!important;letter-spacing:-.35px}.saved-prompt{padding:15px 18px;background:var(--surface);border-radius:12px;margin:24px 0 12px}.saved-prompt>span{font-size:11px;color:var(--muted)}.saved-prompt p{color:var(--text);white-space:pre-wrap;overflow-wrap:anywhere;max-height:160px;overflow:auto;margin:8px 0 0}.credit-gate-note{font-size:12px!important;color:var(--muted)}.pending-request{display:flex;align-items:center;gap:12px;font-size:12px;color:var(--muted);padding:8px 4px 14px}.pending-request>span{flex:1}.pending-request button{color:var(--accent);min-height:30px}.install-app{display:block;width:100%;text-align:left;color:var(--muted);font-size:12px;padding:8px 4px}.install-app:hover{color:var(--text)}
@media(max-width:760px){.explore-welcome{padding:15px 0;max-width:100%}.explore-welcome h3{font-size:27px}.example-prompts .prompt-button{padding:13px}.pending-request{font-size:11px}.credit-gate-intro{font-size:20px!important}.modal-actions{flex-wrap:wrap}.explore-welcome>p{margin-bottom:20px}}