:root{--font-system:-apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro Display", "Helvetica Neue", Helvetica, Arial, sans-serif;--bg:#fff;--bg-elevated:#f2f2f7;--text:#000;--text-secondary:#8e8e93;--separator:#3c3c431f;--blue:#007aff;--bubble-incoming:#e9e9eb;--bubble-outgoing:#007aff;--bubble-text-outgoing:#fff;--bubble-text-incoming:#000}@media (prefers-color-scheme:dark){:root{--bg:#000;--bg-elevated:#1c1c1e;--text:#fff;--text-secondary:#8e8e93;--separator:#54545857;--blue:#0a84ff;--bubble-incoming:#2c2c2e;--bubble-outgoing:#0a84ff;--bubble-text-outgoing:#fff;--bubble-text-incoming:#fff}}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--text);font-family:var(--font-system);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overscroll-behavior:none;margin:0;padding:0}#app{background:var(--bg);max-width:480px;min-height:100%;margin:0 auto}button{color:inherit;cursor:pointer;background:0 0;border:none;padding:0;font-family:inherit}.safe-top{height:env(safe-area-inset-top,0px)}.messages-header{padding:12px 16px 4px}.messages-header-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.messages-title{letter-spacing:-.5px;margin:4px 0;font-size:34px;font-weight:700}.profile-button{background:var(--bg-elevated);width:30px;height:30px;color:var(--text);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:11px;font-weight:600;display:flex}.profile-button:active{opacity:.6}.search-container{align-items:center;gap:8px;margin:8px 16px 12px;display:flex}.search-bar-input{background:var(--bg-elevated);border-radius:10px;flex:1;align-items:center;gap:6px;min-width:0;padding:7px 10px;display:flex}.search-icon{color:var(--text-secondary);opacity:.7;flex-shrink:0;font-size:13px}.search-input{color:var(--text);background:0 0;border:none;outline:none;flex:1;min-width:0;padding:0;font-family:inherit;font-size:17px}.search-input::placeholder{color:var(--text-secondary)}.search-clear{width:18px;height:18px;color:var(--bg);text-align:center;background:#78788066;border-radius:50%;flex-shrink:0;padding:0;font-size:14px;line-height:18px}.search-cancel{color:var(--blue);white-space:nowrap;padding:0 4px;font-size:17px}.search-results{padding-bottom:40px}.search-section-label{text-transform:uppercase;color:var(--text-secondary);letter-spacing:.3px;margin:12px 16px 6px;font-size:13px;font-weight:400}.framework-result-list{margin:0;padding:0;list-style:none}.framework-result{border-bottom:.5px solid var(--separator);text-align:left;width:100%;padding:12px 16px;display:block}.framework-result:active{background:var(--bg-elevated)}.framework-result-title{color:var(--text);margin-bottom:3px;font-size:17px;font-weight:600}.framework-result-template{color:var(--text-secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:6px;font-size:13px;line-height:1.3;display:-webkit-box;overflow:hidden}.framework-result-type{text-transform:uppercase;color:var(--blue);letter-spacing:.4px;background:#007aff1a;border-radius:10px;padding:2px 8px;font-size:10px;font-weight:700;display:inline-block}@media (prefers-color-scheme:dark){.framework-result-type{background:#0a84ff2e}}.contact-list{margin:0;padding:0;list-style:none}.category-pill-bar{padding:0 16px 8px}.contact-row{text-align:left;border-bottom:.5px solid var(--separator);align-items:center;gap:12px;width:100%;padding:10px 16px;display:flex}.contact-row:active{background:var(--bg-elevated)}.contact-row-pinned{background:#ff3b300a}.contact-row-pinned:active{background:#ff3b301a}.contact-avatar-fav{background:#ff3b301f}.contact-row-recent{background:#007aff0a}.contact-row-recent:active{background:#007aff1a}.contact-avatar-recent{background:#007aff1f}.contact-avatar{background:var(--bg-elevated);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:50px;height:50px;font-size:28px;display:flex}.contact-body{flex:1;min-width:0}.contact-name{white-space:nowrap;text-overflow:ellipsis;margin-bottom:2px;font-size:17px;font-weight:600;overflow:hidden}.contact-preview{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:15px;overflow:hidden}.contact-meta{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:4px;display:flex}.contact-time{color:var(--text-secondary);font-size:13px}.contact-chevron{color:var(--text-secondary);opacity:.4;font-size:18px}.convo-sticky{background:var(--bg);z-index:10;position:sticky;top:0}.convo-header{border-bottom:.5px solid var(--separator);justify-content:center;align-items:center;padding:8px 16px 10px;display:flex;position:relative}.pill-bar{scrollbar-width:none;-ms-overflow-style:none;border-bottom:.5px solid var(--separator);gap:8px;padding:10px 16px;display:flex;overflow-x:auto}.pill-bar::-webkit-scrollbar{display:none}.pill{background:var(--bg-elevated);color:var(--text);white-space:nowrap;border-radius:16px;flex-shrink:0;padding:6px 14px;font-size:14px;font-weight:500;transition:background .12s,color .12s}.pill.active{background:var(--blue);color:#fff}.pill:active{opacity:.7}.convo-back{color:var(--blue);align-items:center;gap:2px;font-size:17px;display:flex;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.convo-contact{flex-direction:column;align-items:center;gap:2px;display:flex}.convo-avatar{background:var(--bg-elevated);border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:22px;display:flex}.convo-name{color:var(--text-secondary);font-size:11px;font-weight:500}.convo-thread{flex-direction:column;gap:6px;padding:16px;display:flex}.thread-timestamp{text-align:center;color:var(--text-secondary);letter-spacing:.2px;margin:4px 0 12px;font-size:11px;font-weight:500}.bubble-status{text-align:right;color:var(--text-secondary);margin:4px 4px 0 0;font-size:11px;font-weight:500}.topics-section{border-bottom:.5px solid var(--separator);background:var(--bg);padding:12px 0 4px}.topics-header{justify-content:space-between;align-items:baseline;gap:8px;padding:0 16px 6px;display:flex}.topics-label{text-transform:uppercase;color:var(--text-secondary);letter-spacing:.5px;font-size:13px;font-weight:600}.topics-hint{color:var(--text-secondary);opacity:.7;font-size:11px}.topic-chip-row{scrollbar-width:none;-ms-overflow-style:none;gap:8px;padding:0 16px 8px;display:flex;overflow-x:auto}.topic-chip-row::-webkit-scrollbar{display:none}.topic-chip{background:var(--bg-elevated);color:var(--text);white-space:nowrap;border-radius:16px;flex-shrink:0;padding:7px 14px;font-size:14px;font-weight:500;transition:background .12s,color .12s}.topic-chip.active{background:var(--blue);color:#fff}.topic-chip:active{opacity:.7}.topic-card{background:var(--bg-elevated);border-radius:14px;margin:4px 16px 12px;padding:12px 14px}.topic-line-list{margin:0;padding:0;list-style:none}.topic-line-list li{margin-bottom:4px;padding:0 0 0 14px;position:relative}.topic-line-list li:last-child{margin-bottom:0}.topic-line-list li:before{content:"•";color:var(--text-secondary);position:absolute;top:6px;left:0}.topic-line-btn{text-align:left;width:100%;color:var(--text);cursor:pointer;background:0 0;border-radius:4px;padding:6px 0;font-family:inherit;font-size:15px;line-height:1.4;transition:background .1s;display:block}.topic-line-btn:active{background:#0000000f}@media (prefers-color-scheme:dark){.topic-line-btn:active{background:#ffffff14}}.topic-card-hint{color:var(--text-secondary);text-align:center;margin-top:10px;font-size:11px;font-style:italic}.bubble-row{justify-content:flex-end;transition:margin-top .16s;display:flex}.bubble-row-group-prev{margin-top:-3px}.bubble-row-group-prev .bubble-card:not(.bubble-card-expanded){border-top-right-radius:6px}.bubble-row-group-next .bubble-card:not(.bubble-card-expanded){border-bottom-right-radius:6px}.bubble-skeleton{background:var(--bubble-outgoing);opacity:.35;border-radius:18px;height:56px;animation:1.4s ease-in-out infinite skeleton-pulse}@keyframes skeleton-pulse{0%,to{opacity:.35}50%{opacity:.15}}.bubble-card{background:var(--bubble-outgoing);color:var(--bubble-text-outgoing);cursor:pointer;word-wrap:break-word;text-align:left;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;border-radius:18px;outline:none;max-width:78%;padding:10px 14px;font-size:17px;line-height:1.3;transition:background-color .22s,color .22s,max-width .22s,font-size .22s,line-height .22s,padding .22s;position:relative}.bubble-card-expanded{background:var(--bubble-incoming);color:var(--bubble-text-incoming);max-width:92%;padding:14px 16px;font-size:15px;line-height:1.45}.bubble-header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.bubble-title{flex:1;min-width:0;font-weight:600}.bubble-card-expanded .bubble-title{font-size:17px}.bubble-card:not(.bubble-card-expanded) .fav-btn{opacity:0;pointer-events:none;width:0;margin:0;padding:0;transition:opacity .12s,width .2s;overflow:hidden}.bubble-card-expanded .fav-btn{opacity:1;width:24px;transition:opacity .2s .1s,width .2s}.bubble-preview-wrapper{opacity:1;grid-template-rows:1fr;margin-top:4px;transition:grid-template-rows .22s,margin-top .22s,opacity .14s;display:grid}.bubble-card-expanded .bubble-preview-wrapper{opacity:0;grid-template-rows:0fr;margin-top:0}.bubble-preview-wrapper>*{min-height:0;overflow:hidden}.bubble-preview-inner{opacity:.92;font-size:15px}.bubble-detail-wrapper{opacity:0;grid-template-rows:0fr;margin-top:0;transition:grid-template-rows .26s,margin-top .22s,opacity .18s;display:grid}.bubble-card-expanded .bubble-detail-wrapper{opacity:1;grid-template-rows:1fr;margin-top:10px;transition:grid-template-rows .26s,margin-top .22s,opacity .2s .12s}.bubble-detail-wrapper>*{min-height:0;overflow:hidden}.bubble-longpress-hint{color:var(--text-secondary);text-align:center;border-top:.5px solid var(--separator);margin-top:14px;padding-top:10px;font-size:11px;font-style:italic}.fav-btn{color:var(--text-secondary);flex-shrink:0;padding:0 2px;font-size:22px;line-height:1;transition:color .12s,transform .12s}.fav-btn.active{color:#ff3b30}.fav-btn:active{transform:scale(1.2)}.bubble-source{color:var(--text-secondary);margin:-4px 0 8px;font-size:13px;font-style:italic}.bubble-section-label{text-transform:uppercase;color:var(--text-secondary);letter-spacing:.5px;margin:12px 0 4px;font-size:11px;font-weight:700}.example-list{margin:0;padding:0;list-style:none}.example-list li{padding:0 0 0 14px;position:relative}.example-list li:before{content:"•";color:var(--text-secondary);position:absolute;top:3px;left:0}.example-btn{text-align:left;width:100%;font-size:inherit;color:inherit;font-family:inherit;line-height:inherit;cursor:pointer;background:0 0;border-radius:4px;padding:3px 0;transition:background .1s;display:block}.example-btn:active{background:#0000000f}@media (prefers-color-scheme:dark){.example-btn:active{background:#ffffff14}}.bubble-section-hint{text-transform:none;opacity:.65;letter-spacing:0;margin-left:6px;font-size:11px;font-weight:400}.helping-phrase-list{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.helping-phrase-btn{background:var(--bg);color:var(--text);border:.5px solid var(--separator);cursor:pointer;border-radius:14px;padding:5px 10px;font-family:inherit;font-size:13px;font-weight:500;transition:background .1s;display:inline-block}.helping-phrase-btn:active{background:var(--bg-elevated)}@media (prefers-color-scheme:dark){.helping-phrase-btn{background:#ffffff0f;border-color:#ffffff1a}.helping-phrase-btn:active{background:#ffffff1f}}.response-phrase-btn{color:#1f7a3a;cursor:pointer;background:#34c7591a;border:.5px solid #34c75940;border-radius:14px;padding:5px 10px;font-family:inherit;font-size:13px;font-weight:500;transition:background .1s;display:inline-block}.response-phrase-btn:active{background:#34c75933}@media (prefers-color-scheme:dark){.response-phrase-btn{color:#5dde85;background:#30d15824;border-color:#30d15840}.response-phrase-btn:active{background:#30d1583d}}.empty-state{text-align:center;color:var(--text-secondary);margin-top:60px;padding:0 24px;font-size:15px}.onboarding-overlay{background:var(--bg);z-index:300;padding:env(safe-area-inset-top,0px) 24px env(safe-area-inset-bottom,24px);flex-direction:column;animation:.22s onboarding-in;display:flex;position:fixed;inset:0}@keyframes onboarding-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.onboarding-skip{top:max(16px, env(safe-area-inset-top,16px));background:var(--bg-elevated);width:36px;height:36px;color:var(--text-secondary);border-radius:50%;justify-content:center;align-items:center;font-size:16px;display:flex;position:absolute;right:18px}.onboarding-stage{flex:1;position:relative;overflow:hidden}.onboarding-content-wrap{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.onboarding-content{text-align:center;max-width:360px;padding:0 24px}.onboarding-emoji{margin-bottom:24px;font-size:72px;line-height:1}.onboarding-title{letter-spacing:-.4px;color:var(--text);margin:0 0 14px;font-size:28px;font-weight:700}.onboarding-body{color:var(--text-secondary);margin:0;font-size:16px;line-height:1.5}.onboarding-footer{flex-direction:column;align-items:center;gap:20px;padding-bottom:12px;display:flex}.onboarding-dots{gap:8px;display:flex}.onboarding-dot{background:var(--bg-elevated);border-radius:50%;width:7px;height:7px;padding:0;transition:background .16s,transform .16s}.onboarding-dot.active{background:var(--blue);transform:scale(1.15)}.onboarding-cta{background:var(--blue);color:#fff;border-radius:14px;width:100%;max-width:320px;padding:14px 24px;font-size:17px;font-weight:600;transition:opacity .1s}.onboarding-cta:active{opacity:.8}.settings-link{color:var(--blue);text-align:left;padding:0;font-size:17px;font-weight:500}.settings-link:active{opacity:.6}.prompt-backdrop{z-index:250;padding:24px 12px env(safe-area-inset-bottom,24px);background:#0006;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}@media (width>=480px){.prompt-backdrop{align-items:center}}.prompt-sheet{background:var(--bg);border-radius:16px;width:100%;max-width:360px;padding:20px 16px 12px;box-shadow:0 10px 30px #00000040}@media (prefers-color-scheme:dark){.prompt-sheet{background:#1c1c1e}}.prompt-title{text-align:center;color:var(--text);margin-bottom:14px;font-size:17px;font-weight:600}.prompt-input{background:var(--bg-elevated);border:.5px solid var(--separator);width:100%;color:var(--text);border-radius:10px;outline:none;margin-bottom:16px;padding:12px 14px;font-family:inherit;font-size:17px}.prompt-input:focus{border-color:var(--blue)}.prompt-actions{flex-direction:column;gap:8px;display:flex}.prompt-btn{background:var(--bg-elevated);width:100%;color:var(--text);border-radius:12px;padding:12px 16px;font-size:17px;font-weight:500;transition:opacity .1s}.prompt-btn-primary{background:var(--blue);color:#fff;font-weight:600}.prompt-btn-destructive{background:var(--bg-elevated);color:#ff3b30;font-weight:500}.prompt-btn:active{opacity:.7}.toast{color:#fff;z-index:200;pointer-events:none;background:#000000e0;border-radius:22px;align-items:center;gap:12px;max-width:calc(100% - 32px);padding:10px 16px;font-size:14px;font-weight:500;animation:.18s toast-in;display:flex;position:fixed;bottom:60px;left:50%;transform:translate(-50%);box-shadow:0 4px 16px #0003}.toast-with-action{pointer-events:auto;padding:8px 8px 8px 18px}.toast-message{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.toast-action{color:#69b3ff;white-space:nowrap;border-radius:16px;padding:6px 14px;font-size:14px;font-weight:600;transition:background .12s}.toast-action:active{background:#69b3ff2e}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,10px)}to{opacity:1;transform:translate(-50%)}}.settings-header{border-bottom:.5px solid var(--separator);background:var(--bg);z-index:10;justify-content:center;align-items:center;padding:14px 16px;display:flex;position:sticky;top:0}.settings-header-title{font-size:17px;font-weight:600}.settings-scroll{background:var(--bg-elevated);min-height:calc(100vh - 60px);padding-bottom:40px}@media (prefers-color-scheme:dark){.settings-scroll{background:#000}}.settings-group{margin-top:28px}.settings-group-label{text-transform:uppercase;color:var(--text-secondary);letter-spacing:.3px;margin:0 32px 6px;font-size:13px;font-weight:400}.settings-rows{background:var(--bg);border-top:.5px solid var(--separator);border-bottom:.5px solid var(--separator)}@media (prefers-color-scheme:dark){.settings-rows{background:#1c1c1e;border-top:none;border-bottom:none;border-radius:10px;margin:0 16px;overflow:hidden}}.settings-group-footer{color:var(--text-secondary);margin:8px 32px 0;font-size:13px;line-height:1.4}.settings-row{border-bottom:.5px solid var(--separator);padding:12px 16px}.settings-row:last-child{border-bottom:none}.settings-row-inline{justify-content:space-between;align-items:center;gap:12px;display:flex}.settings-row-stacked{flex-direction:column;gap:10px;display:flex}.settings-row-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.settings-row-label{color:var(--text);font-size:17px}.settings-row-description{color:var(--text-secondary);font-size:13px;line-height:1.3}.settings-row-value{color:var(--text-secondary);font-size:17px}.toggle.svelte-aw96os{cursor:pointer;background:#e9e9eb;border-radius:16px;flex-shrink:0;width:51px;height:31px;padding:2px;transition:background .18s;position:relative}.toggle.on.svelte-aw96os{background:#34c759}.thumb.svelte-aw96os{background:#fff;border-radius:50%;width:27px;height:27px;transition:transform .18s;display:block;box-shadow:0 3px 6px #00000026,0 1px 1px #0000000f}.toggle.on.svelte-aw96os .thumb:where(.svelte-aw96os){transform:translate(20px)}@media (prefers-color-scheme:dark){.toggle.svelte-aw96os{background:#39393d}.toggle.on.svelte-aw96os{background:#34c759}}.segmented.svelte-gs07n3{background:#78788029;border-radius:9px;gap:2px;width:100%;padding:2px;display:flex}.segment.svelte-gs07n3{color:var(--text);white-space:nowrap;text-overflow:ellipsis;border-radius:7px;flex:1;min-width:0;padding:6px 4px;font-size:13px;font-weight:500;transition:background .12s;overflow:hidden}.segment.active.svelte-gs07n3{background:var(--bg);font-weight:600;box-shadow:0 3px 8px #0000001f,0 1px 1px #0000000a}@media (prefers-color-scheme:dark){.segmented.svelte-gs07n3{background:#7676803d}.segment.active.svelte-gs07n3{background:#636366}}