:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;--tlove-accent: #c3263f;--tlove-ink: #0a0a0a;--tlove-secondary: #525252;--tlove-muted: #737373;--tlove-border: #d4d4d4;--tlove-line: #d4d4d4;--tlove-divider: #e5e5e5;--tlove-soft: #f5f5f5;--tlove-blush: #fce7f3;--tlove-black: #000;--tlove-white: #fff;color:var(--tlove-ink);background:var(--tlove-soft);font-synthesis:none}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%;touch-action:pan-x pan-y}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid var(--tlove-accent);outline-offset:2px}.shell{width:min(100%,520px);height:100dvh;margin:auto;background:var(--tlove-soft);display:flex;flex-direction:column;overflow:hidden}.app-header{min-height:68px;flex:none;display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--tlove-accent);color:var(--tlove-white);z-index:1}h1{font-size:20px;line-height:1.3;font-weight:600;letter-spacing:0;margin:0}.avatar{flex:none;display:grid;place-items:center;border-radius:50%;overflow:hidden;color:var(--tlove-ink);font-weight:600}.avatar img{width:100%;height:100%;object-fit:cover}.header-label{min-width:0;display:flex;flex-direction:column;gap:2px}.header-label strong{font-size:16px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header-label small{font-size:12px;color:var(--tlove-white);opacity:.88;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.icon-button{border:0;background:transparent;color:var(--tlove-white);padding:8px;display:grid;place-items:center}.back-button{margin-left:-8px}.list-view{background:var(--tlove-soft)}.chat-search{flex:none;display:flex;align-items:center;gap:10px;margin:16px;padding:12px 14px;min-height:48px;border:1px solid var(--tlove-border);border-radius:6px;background:var(--tlove-white);color:var(--tlove-secondary)}.chat-search:focus-within{border-color:var(--tlove-accent)}.chat-search input{flex:1;min-width:0;border:0;outline:0;background:transparent;color:var(--tlove-ink);font-size:16px}.chat-search input::placeholder{color:var(--tlove-secondary)}.chat-list{flex:1;overflow-y:auto;padding:0 16px 16px}.chat-row{width:100%;min-height:80px;margin-bottom:8px;padding:12px;display:flex;align-items:center;gap:12px;border:1px solid var(--tlove-border);border-radius:12px;background:var(--tlove-white);text-align:left}.chat-row:active{background:var(--tlove-blush)}.chat-row:focus-visible{border-color:var(--tlove-accent);outline:2px solid var(--tlove-accent);outline-offset:1px}.chat-row-label{min-width:0;flex:1;display:flex;flex-direction:column;gap:4px}.chat-row-label strong,.chat-row-label small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-row-label strong{font-size:15px;font-weight:600}.chat-row-label small{font-size:13px;color:var(--tlove-secondary)}.chat-preview{display:flex;align-items:center;gap:3px}.chat-preview>span:last-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.read-checks{display:inline-flex;flex:none;align-items:center;justify-content:center;color:var(--tlove-border);vertical-align:middle}.read-checks.is-read{color:var(--tlove-accent)}.chat-row-meta{align-self:stretch;display:flex;flex-direction:column;align-items:flex-end;justify-content:space-between;gap:5px}.chat-row time{font-size:11px;color:var(--tlove-secondary)}.unread-badge{min-width:23px;height:23px;padding:0 6px;border-radius:6px;display:grid;place-items:center;background:var(--tlove-accent);color:var(--tlove-white);font-size:12px;font-weight:600}.chat-view{background:var(--tlove-soft)}.chat-view .app-header{display:grid;grid-template-columns:40px minmax(0,1fr) 40px;gap:8px;background:var(--tlove-accent)}.chat-view .back-button{margin-left:-8px}.chat-view .header-label{text-align:center;align-items:center}.messages{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:16px;overscroll-behavior:contain;touch-action:pan-y;-webkit-overflow-scrolling:touch}.messages-loading{visibility:hidden}.message-row{display:flex;align-items:center;gap:4px;max-width:100%}.message-row.mine{align-self:flex-end}.message-row .bubble{max-width:min(75vw,420px)}.heart-button,.heart-indicator{flex:none;width:30px;height:32px;display:grid;place-items:center;border:0;border-radius:50%;background:transparent}.heart-button{color:var(--tlove-border);transition:transform .16s ease,color .16s ease}.heart-button.active,.heart-indicator{color:var(--tlove-accent)}.heart-button:active{transform:scale(1.16)}.heart-button:focus-visible{outline:2px solid var(--tlove-ink);outline-offset:2px}.bubble{min-width:92px;padding:10px 12px 7px;background:var(--tlove-white);border:1px solid var(--tlove-border);border-radius:12px 12px 12px 3px}.bubble.mine{background:var(--tlove-blush);border-color:var(--tlove-border);border-radius:12px 12px 3px}.bubble p{margin:0 0 4px;font-size:15px;line-height:1.45;white-space:pre-wrap;overflow-wrap:anywhere}.bubble a{color:var(--tlove-accent);font-size:14px;font-weight:600;text-decoration:underline;overflow-wrap:anywhere}.bubble-foot{display:flex;justify-content:flex-end;align-items:center;gap:3px;min-height:15px}.bubble-foot small,.mine .bubble-foot small{color:var(--tlove-secondary);font-size:10px}.bubble-foot .read-checks{margin-left:0}.message-photo{max-width:100%;max-height:280px;border-radius:4px}.photo-thumbnail{display:block;max-width:100%;padding:0;border:0;background:transparent;line-height:0;cursor:zoom-in}.photo-thumbnail:focus-visible{outline:2px solid var(--tlove-accent);outline-offset:2px}.photo-viewer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:flex;align-items:center;justify-content:center;padding:72px 12px 24px;background:#000e;touch-action:pan-x pan-y}.photo-viewer>img{display:block;max-width:100%;max-height:100%;object-fit:contain}.photo-viewer-close{position:absolute;top:calc(12px + max(env(safe-area-inset-top,0px),var(--app-device-safe-top, 0px)) + var(--app-content-safe-top, 0px));right:12px;width:44px;height:44px;border:0;border-radius:6px;background:var(--tlove-accent);color:var(--tlove-white);font-size:32px;line-height:1}.photo-warning{display:flex;flex-direction:column;gap:10px;min-width:190px;padding:8px 2px;color:var(--tlove-secondary)}.photo-warning strong{font-size:13px;color:var(--tlove-ink)}.photo-warning span{font-size:12px}.photo-warning button{align-self:flex-start;border:0;border-radius:6px;background:var(--tlove-accent);color:var(--tlove-white);padding:9px 13px;font-size:12px;font-weight:600}.composer{flex:none;display:flex;align-items:center;gap:5px;min-height:64px;margin:0;padding:8px 12px;border-top:1px solid var(--tlove-line);background:var(--tlove-white)}.composer>input{min-width:0;flex:1;border:0;outline:none;background:transparent;padding:10px 2px;font-size:16px}.composer>input::placeholder{color:var(--tlove-secondary)}.attach-control{position:relative;flex:none;width:38px;height:42px;display:grid;place-items:center;color:var(--tlove-secondary)}.attach-control select{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.attach-control:focus-within{outline:2px solid var(--tlove-accent);outline-offset:2px;border-radius:6px}.send{flex:none;width:42px;height:42px;display:grid;place-items:center;border:0;border-radius:6px;background:var(--tlove-accent);color:var(--tlove-white)}.send:disabled{background:var(--tlove-soft);color:var(--tlove-border)}.error{margin:8px 12px;padding:9px 12px;border:1px solid var(--tlove-accent);border-radius:6px;background:var(--tlove-white);color:var(--tlove-accent);font-size:13px}.onboarding-card .error{margin:0}.loading-state{flex:1;display:grid;place-items:center;color:var(--tlove-secondary);font-size:14px}.onboarding{background:var(--tlove-soft)}.onboarding-scroll{flex:1;min-height:0;overflow-y:auto;padding:16px}.onboarding-card{display:flex;flex-direction:column;gap:16px;padding:20px;border:1px solid var(--tlove-border);border-radius:12px;background:var(--tlove-white)}.onboarding .app-header h1{font-size:20px}.muted{margin:0;color:var(--tlove-secondary);font-size:14px}.preview{display:flex;justify-content:center;padding:16px 0 20px;border-bottom:1px solid var(--tlove-divider)}.onboarding label{display:block;font-size:13px;font-weight:600}.onboarding input{display:block;width:100%;margin-top:8px;padding:14px;border:1px solid var(--tlove-border);border-radius:6px;background:var(--tlove-white);outline-color:var(--tlove-accent);font-size:16px}.onboarding input[hidden]{display:none}.onboarding input:focus{border-color:var(--tlove-accent)}.profile-row{display:flex;gap:10px}.profile-row input{flex:1;min-width:0}.upload{align-self:flex-end;padding:15px;border:1px solid var(--tlove-border);border-radius:6px;background:var(--tlove-white);color:var(--tlove-accent);white-space:nowrap;cursor:pointer}.colors{display:flex;gap:11px}.colors button{width:34px;height:34px;border:3px solid var(--tlove-white);border-radius:50%;box-shadow:0 0 0 1px var(--tlove-border)}.colors button.selected{outline:2px solid var(--tlove-accent);outline-offset:2px}.primary{width:100%;padding:16px;border:0;border-radius:6px;background:var(--tlove-accent);color:var(--tlove-white);font-weight:600}.primary:disabled{opacity:.55;cursor:default}.onboarding a.primary{display:block;text-align:center;text-decoration:none}@media(max-width:767px){.shell{width:100%;max-width:none}}.telegram-mobile,.telegram-mobile body,.telegram-mobile #root{height:100%;overflow:hidden;overscroll-behavior:none}.telegram-mobile .shell{width:100%;max-width:none;height:var(--app-viewport-height, 100dvh)}.telegram-mobile .onboarding-scroll{overflow-y:auto}.telegram-fullscreen .shell{--app-top-inset: calc(max(env(safe-area-inset-top, 0px), var(--app-device-safe-top, 0px)) + var(--app-content-safe-top, 0px));--app-bottom-inset: calc(max(env(safe-area-inset-bottom, 0px), var(--app-device-safe-bottom, 0px)) + var(--app-content-safe-bottom, 0px));position:relative;padding-top:var(--app-top-inset);padding-bottom:var(--app-bottom-inset)}.telegram-fullscreen .shell:before,.telegram-fullscreen .shell:after{content:"";position:absolute;left:0;right:0;pointer-events:none}.telegram-fullscreen .shell:before{top:0;height:var(--app-top-inset);background:var(--tlove-accent)}.telegram-fullscreen .shell:after{bottom:0;height:var(--app-bottom-inset);background:var(--tlove-white)}.typing-label{color:var(--tlove-accent)!important;font-weight:600}.chat-view .header-label .typing-label{color:var(--tlove-white)!important}.typing-bubble{display:flex;align-items:center;gap:5px;height:36px;min-width:57px;padding:0 13px;border:1px solid var(--tlove-line);border-radius:12px 12px 12px 3px;background:var(--tlove-white)}.typing-bubble i{display:block;width:6px;height:6px;border-radius:50%;background:var(--tlove-accent);animation:typing-dot 1.25s infinite ease-in-out}.typing-bubble i:nth-child(2){animation-delay:.16s}.typing-bubble i:nth-child(3){animation-delay:.32s}@keyframes typing-dot{0%,60%,to{transform:translateY(0);opacity:.45}30%{transform:translateY(-4px);opacity:1}}@media(prefers-reduced-motion:reduce){.typing-bubble i{animation:none;opacity:.8}}