:root{--bg:#fcfbf9;--bg-2:#f3f1ec;--card:#ffffff;--ink:#1d1b18;--ink-2:#97907f;--line:rgba(60,50,30,0.08);--accent:#d9882c;--accent-deep:#bd7320;--danger-soft:#8c4a3a}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}body,html{margin:0;padding:0;height:100%;color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}#app,body,html{background:var(--bg)}#app{display:flex;flex-direction:column;height:100dvh;max-width:560px;margin:0 auto;position:relative}.header{display:flex;align-items:center;gap:11px;padding:10px 14px;background:rgba(252,251,249,.82);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);border-bottom:.5px solid var(--line);position:-webkit-sticky;position:sticky;top:0;z-index:5}.header .name{font-weight:600;font-size:17px;letter-spacing:-.3px}.header .sub{font-size:12.5px;color:var(--accent);margin-top:1px;letter-spacing:-.1px}.head-text{display:flex;flex-direction:column;min-width:0}.header .avatar{width:40px;height:40px}.room-header{padding:8px 12px}.room-header .head-center{flex:1 1;text-align:center;min-width:0}.room-header .head-center .name{font-size:17px;font-weight:600;letter-spacing:-.3px}.room-header .head-center .sub{font-size:13px}.list-header{padding:14px 20px 12px;position:static;-webkit-backdrop-filter:none;backdrop-filter:none;background:var(--bg);border-bottom:none}.list-header .name.big{font-size:34px;font-weight:700;letter-spacing:-.8px}.list-header .sub{font-size:14px;margin-top:2px;color:#93673a;font-weight:500}.bubble .time{float:right;margin:7px -3px -2px 9px;font-size:11px;line-height:1.3;color:var(--ink-2);white-space:nowrap}.bubble.me .time{color:rgba(74,53,13,.5)}.ticks{margin-left:4px;font-weight:600}.ticks.read{color:#25b34c;letter-spacing:-3px}body.night .bubble.darsee .time{color:#8d8275}.back{border:none;background:transparent;color:var(--accent);font-size:32px;line-height:1;width:28px;margin:-4px 0 -4px -4px;cursor:pointer}.avatar,.avatar-sm{border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;color:#f6eee0;position:relative}.avatar:before{content:"";position:absolute;inset:0;border-radius:50%;background:linear-gradient(180deg,rgba(255,255,255,.16),transparent 58%)}.avatar{width:54px;height:54px;box-shadow:0 3px 10px rgba(90,65,30,.18)}.avatar-sm{width:28px;height:28px;align-self:flex-end}.avatar svg,.avatar-sm svg{width:54%;height:54%;display:block;position:relative}.av-darsee{background:linear-gradient(145deg,#5ec27a,#2f9e57)}.av-album{background:linear-gradient(145deg,#3a5a93,#1e3563)}.av-envelope{background:linear-gradient(145deg,#3a3a3c,#161618)}.avatar.night{filter:brightness(.88)}.paw-emoji{font-size:28px;line-height:1}.avatar-sm .paw-emoji{font-size:15px}.header .avatar .paw-emoji{font-size:22px}.chat-list{flex:1 1;overflow-y:auto}.chat-row{display:flex;align-items:center;gap:12px;width:100%;padding:9px 16px;background:transparent;border:none;text-align:left;cursor:pointer;font-family:inherit;position:relative}.chat-row:active{background:rgba(60,50,30,.05)}.chat-row:not(:last-child):before{content:"";position:absolute;left:82px;right:0;bottom:0;height:.5px;background:var(--line)}.chat-row:after{content:"›";margin-left:auto;color:rgba(60,50,30,.22);font-size:22px;font-weight:500;line-height:1}.chat-row-text{min-width:0;flex:1 1}.chat-row-title{font-weight:600;font-size:17px;letter-spacing:-.3px;color:var(--ink)}.chat-row-preview{font-size:14.5px;color:var(--ink-2);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:-.1px}.chat-row.sealed .chat-row-title{color:var(--ink-2);font-weight:500}.chat-row.sealed .av-envelope{filter:grayscale(.3) brightness(.97);opacity:.92}.list-header{animation:rowIn .5s ease both}.chat-row{animation:rowIn .5s cubic-bezier(.22,.61,.36,1) both}.chat-row:first-of-type{animation-delay:.05s}.chat-row:nth-of-type(2){animation-delay:.16s}.chat-row:nth-of-type(3){animation-delay:.27s}.chat-row .avatar{animation:avFade .5s ease both}.chat-row .avatar svg{animation:iconPop .55s cubic-bezier(.34,1.56,.64,1) both}.chat-row:first-of-type .avatar svg{animation-delay:.18s}.chat-row:nth-of-type(2) .avatar svg{animation-delay:.32s}.chat-row:nth-of-type(3) .avatar svg{animation-delay:.46s}@keyframes rowIn{0%{opacity:0;transform:translateY(9px)}to{opacity:1;transform:none}}@keyframes avFade{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes iconPop{0%{opacity:0;transform:scale(.2)}60%{transform:scale(1.18)}to{opacity:1;transform:scale(1)}}.messages{flex:1 1;overflow-y:auto;padding:14px 12px 10px;display:flex;flex-direction:column;gap:2px;background:url(/paws.svg) repeat,radial-gradient(135% 70% at 50% -6%,rgba(210,165,105,.14),transparent 54%),var(--bg)}.row{display:flex;gap:7px;align-items:flex-end;margin-top:10px}.me-row{justify-content:flex-end}.darsee-row{justify-content:flex-start}.darsee-col{display:flex;flex-direction:column;gap:3px;max-width:78%;align-items:flex-start}.bubble{position:relative;max-width:80%;padding:8px 13px;border-radius:19px;font-size:16px;line-height:1.42;letter-spacing:-.2px;white-space:pre-wrap;word-wrap:break-word;cursor:pointer}.darsee-col .bubble{max-width:100%}.bubble.darsee{background:var(--card);color:var(--ink);box-shadow:0 1px 2px rgba(0,0,0,.06)}.bubble.darsee.tail{border-bottom-left-radius:6px}.bubble.me{background:linear-gradient(160deg,#edc578,#dba23e);color:#4a350d;box-shadow:0 1px 2px rgba(180,130,40,.22)}.bubble.me.tail{border-bottom-right-radius:6px}.bubble img{max-width:100%;border-radius:13px;display:block;margin-bottom:5px}.bubble.pic{background:transparent;box-shadow:none;padding:3px}.bubble.pic .time{float:none;position:absolute;bottom:11px;right:11px;margin:0;background:rgba(0,0,0,.42);color:#fff;padding:1px 7px;border-radius:9px}.bubble.pic.me .time{color:#fff}.photo-frame{display:inline-block;line-height:0;max-width:100%}.photo-frame img{display:block;max-width:100%;width:100%;border-radius:0!important;margin:0!important}.photo-frame.f0{padding:7px;border-radius:2px;background:linear-gradient(135deg,#d9b45a,#8a6520 42%,#f4e3a6 56%,#9c7423);box-shadow:0 3px 10px rgba(0,0,0,.28)}.photo-frame.f0 img{box-shadow:0 0 0 2px #5a4012}.photo-frame.f1{padding:13px;background:#fff;box-shadow:0 3px 12px rgba(0,0,0,.16)}.photo-frame.f1 img{box-shadow:0 0 0 1px #d8d2c6}.photo-frame.f2{padding:8px;border-radius:2px;background:linear-gradient(135deg,#7a5230,#4f3318 45%,#8a6038);box-shadow:0 3px 10px rgba(0,0,0,.28)}.photo-frame.f2 img{box-shadow:0 0 0 1.5px #34220f}.photo-frame.f3{padding:11px;background:#fff;box-shadow:0 0 0 4px #18181a,0 4px 12px rgba(0,0,0,.22)}.photo-frame.f4{padding:9px;border-radius:2px;background:linear-gradient(135deg,#efe6d2,#d6c5a0);box-shadow:0 3px 10px rgba(0,0,0,.2),inset 0 0 0 2px rgba(255,255,255,.55),inset 0 0 0 3px rgba(150,120,70,.4)}.photo-frame.f4 img{box-shadow:0 0 0 1px rgba(120,95,55,.5)}.photo-frame.f5{padding:10px 10px 28px;background:#fefefe;box-shadow:0 4px 14px rgba(0,0,0,.2);transform:rotate(-1.8deg)}.reaction{position:absolute;bottom:-9px;right:9px;z-index:3;background:var(--card);border:.5px solid var(--line);border-radius:999px;padding:1px 6px;font-size:14px;line-height:1.3;box-shadow:0 2px 6px rgba(0,0,0,.16)}.me-row .reaction{right:auto;left:9px}.typing-dots{display:flex;gap:4px;padding:13px 14px;align-items:center}.typing-dots span{width:7px;height:7px;border-radius:50%;background:var(--ink-2);opacity:.5;animation:blink 1.3s infinite both}.typing-dots span:nth-child(2){animation-delay:.2s}.typing-dots span:nth-child(3){animation-delay:.4s}@keyframes blink{0%,80%,to{opacity:.25}40%{opacity:.9}}.composer{border-top:.5px solid var(--line);padding:8px 11px calc(8px + env(safe-area-inset-bottom));background:rgba(252,251,249,.86);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);display:flex;gap:7px;align-items:flex-end}.composer textarea{flex:1 1;resize:none;border:.5px solid var(--line);border-radius:21px;padding:9px 15px;font-size:16px;font-family:inherit;background:var(--card);color:var(--ink);max-height:120px;outline:none;letter-spacing:-.2px}.composer textarea:focus{border-color:rgba(240,152,46,.5)}.icon-btn{background:var(--bg-2)}.icon-btn,.send-btn{border:none;border-radius:50%;width:40px;height:40px;font-size:18px;cursor:pointer;flex-shrink:0}.send-btn{background:linear-gradient(160deg,#e0a44f,#cf8628);color:#fff;box-shadow:0 2px 6px rgba(180,120,30,.3);transition:transform .12s ease}.send-btn:disabled{opacity:.35;box-shadow:none}.send-btn:active:not(:disabled){transform:scale(.88)}.icon-btn{transition:transform .12s ease}.icon-btn:active{transform:scale(.88)}.btn{transition:transform .12s ease,opacity .12s ease}.btn:active{transform:scale(.98);opacity:.9}.composer-icon{border:none;background:transparent;color:var(--ink-2);width:38px;height:38px;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:transform .12s ease,color .12s ease}.composer-icon svg{width:25px;height:25px}.composer-icon:active{transform:scale(.85)}.composer-icon.attach{position:relative;overflow:hidden}.composer-icon.attach input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;font-size:0}.composer-icon.mic.listening{color:#ff4d4f;animation:micPulse 1s ease-in-out infinite}@keyframes micPulse{0%,to{transform:scale(1)}50%{transform:scale(1.18)}}.send-btn svg{width:22px;height:22px}body.night .composer-icon{color:#9a8f7d}.icon-btn.listening{background:#ff4d4f;color:#fff;animation:pulse 1.1s ease-in-out infinite}@keyframes pulse{0%,to{box-shadow:0 0 0 0 rgba(255,77,79,.5)}50%{box-shadow:0 0 0 9px rgba(255,77,79,0)}}.preview{position:relative;display:inline-block;margin:8px 14px}.preview img{max-height:92px;border-radius:12px;display:block;box-shadow:0 3px 10px rgba(0,0,0,.15)}.preview .x{position:absolute;top:-8px;right:-8px;background:var(--ink);color:#fff;border:2px solid var(--bg);border-radius:50%;width:24px;height:24px;cursor:pointer;line-height:1;font-size:14px}.overlay{position:fixed;inset:0;background:rgba(20,16,12,.5);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:24px;z-index:30;animation:fadeIn .25s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.sheet{background:var(--card);border-radius:24px;padding:26px 24px calc(22px + env(safe-area-inset-bottom));max-width:440px;width:100%;box-shadow:0 24px 70px rgba(0,0,0,.34);animation:sheetIn .32s cubic-bezier(.2,.9,.3,1)}@keyframes sheetIn{0%{opacity:0;transform:translateY(16px) scale(.97)}to{opacity:1;transform:none}}.sheet p{font-size:16.5px;line-height:1.55;margin:0 0 20px;white-space:pre-wrap;letter-spacing:-.2px}.sheet .stack{display:flex;flex-direction:column;gap:10px}.btn{border:none;border-radius:15px;padding:15px;font-size:16px;font-weight:500;cursor:pointer;font-family:inherit;letter-spacing:-.2px}.btn-crisis{background:var(--danger-soft);color:#fff}.btn-peek{background:var(--bg-2);color:var(--ink)}.picker-backdrop{position:fixed;inset:0;z-index:40}.reaction-bar{display:flex;gap:3px;background:rgba(255,255,255,.92);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:999px;padding:7px 11px;box-shadow:0 12px 38px rgba(0,0,0,.24)}.reaction-bar.floating{position:fixed;transform:translateX(-50%);z-index:41;animation:pickerPop .22s cubic-bezier(.34,1.56,.64,1)}@keyframes pickerPop{0%{opacity:0;transform:translateX(-50%) scale(.8)}to{opacity:1;transform:translateX(-50%) scale(1)}}.reaction-bar button{border:none;background:transparent;font-size:28px;line-height:1;padding:3px;cursor:pointer;border-radius:50%}.reaction-bar button:active{transform:scale(1.3)}.album-grid{flex:1 1;overflow-y:auto;display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:min-content;align-content:start;grid-gap:2px;gap:2px;padding:2px}.album-grid img{width:100%;aspect-ratio:1;object-fit:cover;display:block}.album-empty{flex:1 1;display:flex;align-items:center;text-align:center;padding:44px 34px;color:var(--ink-2);font-size:16px;line-height:1.55;letter-spacing:-.2px}body.night{color:#ece6db}body.night,body.night #app{background:#100e0c}body.night .header{background:rgba(16,14,12,.78);border-bottom-color:rgba(255,255,255,.07)}body.night .header .sub{color:#9a8f7d}body.night .back{color:#c79a52}body.night .messages{background:radial-gradient(135% 70% at 50% -6%,rgba(150,120,75,.13),transparent 54%),#100e0c}body.night .bubble.darsee{background:#262220;color:#ece6db;box-shadow:none}body.night .bubble.me{background:linear-gradient(160deg,#4a3b24,#3a2f1e);color:#f0e6d4;box-shadow:none}body.night .composer{background:rgba(16,14,12,.82);border-top-color:rgba(255,255,255,.07)}body.night .composer textarea{background:#221e1b;border-color:rgba(255,255,255,.08);color:#ece6db}body.night .icon-btn{background:#221e1b}body.night .reaction{background:#262220;border-color:rgba(255,255,255,.1)}