:root{--bg:#fff8e1;--bg-deep:#fff2c6;--glow:#f5c5186b;--ink:#1a1400;--ink-soft:#6f6440;--ink-faint:#a89c6c;--them:#ffffffb8;--them-ink:#1a1400;--me:#f5c518;--me-ink:#1a1400;--yellow:#f5c518;--glass:#f5c51842;--glass-rim:#fff9;--glass-shine:#ffffff73;--pill:#ffffff9e;--field:#ffffffa8;--field-rim:#ffffffb3;--circle:#1a140014;--scrim:#1a14004d;--sheet:#fff8e1;--sheet-field:#fffc;--danger:#b5543c;--end:#ff3b30;--sans:-apple-system, system-ui, "SF Pro Text", "Segoe UI", Roboto, sans-serif;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--app-height:100dvh;--app-top:0px;--header-h:128px;--composer-h:56px;--composer-bottom:max(8px, calc(var(--safe-bottom) - 8px));--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#0f0d08;--bg-deep:#17130a;--glow:#f5c51847;--ink:#fff4cf;--ink-soft:#b3a677;--ink-faint:#6c6243;--them:#262318;--them-ink:#fff4cf;--me:#f5c518;--me-ink:#1a1400;--glass:#f5c51833;--glass-rim:#ffecaa47;--glass-shine:#ffffff24;--pill:#3c3624bf;--field:#262318cc;--field-rim:#fff4cf1f;--circle:#fff4cf1f;--scrim:#0009;--sheet:#15120a;--sheet-field:#221e12;--danger:#e08a72}}:root[data-keyboard]{--safe-bottom:0px;--composer-bottom:8px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{background:var(--bg);height:100%;color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;overscroll-behavior:none;margin:0}body{overflow:hidden}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}input,textarea{font:inherit;color:inherit;font-size:17px}.app{left:0;right:0;top:var(--app-top);height:var(--app-height);background:radial-gradient(58% 24% at 50% 9%, var(--glow), transparent 72%),  linear-gradient(180deg, var(--bg) 0%, var(--bg-deep) 100%);max-width:680px;margin:0 auto;position:fixed}.glass{width:44px;height:44px;color:var(--ink);background:var(--glass);-webkit-backdrop-filter:blur(18px)saturate(1.6);backdrop-filter:blur(18px)saturate(1.6);box-shadow: inset 0 0 0 1px var(--glass-rim), inset 0 1px 0 var(--glass-shine);border-radius:50%;place-items:center;transition:transform .12s,background .2s;display:grid;position:relative;overflow:hidden}.glass:before{content:"";background:linear-gradient(180deg, var(--glass-shine), transparent);pointer-events:none;border-radius:50%;height:40%;position:absolute;top:6%;left:15%;right:15%}.glass:active{transform:scale(.94)}.glass[disabled]{color:var(--ink-faint);cursor:default}.glass svg{position:relative}.topbar{height:calc(var(--safe-top) + var(--header-h));z-index:3;pointer-events:none;position:absolute;top:0;left:0;right:0}.topbar .edge{top:calc(var(--safe-top) + 10px);pointer-events:auto;position:absolute}.topbar .edge.left{left:14px}.topbar .edge.right{right:14px}.contact{left:50%;top:calc(var(--safe-top) + 2px);pointer-events:auto;justify-items:center;display:grid;position:absolute;transform:translate(-50%)}.contact .name{background:var(--pill);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:inset 0 0 0 .5px var(--glass-rim);color:var(--ink);border-radius:999px;align-items:center;gap:3px;margin-top:-18px;padding:5px 13px 6px;font-size:15px;font-weight:600;line-height:1;display:flex}.contact .name svg{color:var(--ink-faint)}.contact .status{color:var(--ink-soft);min-height:15px;margin-top:4px;font-size:12px;line-height:15px}.oncall{background:var(--yellow);color:#1a1400;font-variant-numeric:tabular-nums;border-radius:999px;align-items:center;gap:8px;height:44px;padding:0 14px 0 12px;font-size:14px;font-weight:600;display:flex}.oncall i{background:#1a1400;border-radius:50%;width:8px;height:8px;animation:1.4s ease-in-out infinite pulse}@keyframes pulse{50%{opacity:.35}}.thread{-webkit-overflow-scrolling:touch;padding:calc(var(--safe-top) + var(--header-h) + 24px) 16px calc(var(--composer-bottom) + var(--composer-h) + 16px);-webkit-mask-image:linear-gradient( 180deg, transparent calc(var(--safe-top) + 100px), #000 calc(var(--safe-top) + var(--header-h) + 20px), #000 calc(100% - var(--composer-bottom) - var(--composer-h) - 6px), transparent calc(100% - var(--composer-bottom) - 24px));-webkit-mask-image:linear-gradient( 180deg, transparent calc(var(--safe-top) + 100px), #000 calc(var(--safe-top) + var(--header-h) + 20px), #000 calc(100% - var(--composer-bottom) - var(--composer-h) - 6px), transparent calc(100% - var(--composer-bottom) - 24px));mask-image:linear-gradient( 180deg, transparent calc(var(--safe-top) + 100px), #000 calc(var(--safe-top) + var(--header-h) + 20px), #000 calc(100% - var(--composer-bottom) - var(--composer-h) - 6px), transparent calc(100% - var(--composer-bottom) - 24px));position:absolute;inset:0;overflow-y:auto}.thread-inner{flex-direction:column;justify-content:flex-end;gap:8px;min-height:100%;display:flex}.stamp{color:var(--ink-faint);align-self:center;margin:10px 0 2px;font-size:12px;font-weight:500}.stamp span{font-weight:400}.bubble{white-space:pre-wrap;overflow-wrap:anywhere;border-radius:20px;max-width:100%;padding:11px 15px;font-size:17px;line-height:1.32}.bubble p{margin:0 0 .6em}.bubble p:last-child{margin-bottom:0}.bubble.them{background:var(--them);color:var(--them-ink);align-self:flex-start}.bubble.me{background:var(--me);color:var(--me-ink);align-self:flex-end}.row.me+.row.them,.row.them+.row.me{margin-top:6px}.receipt{color:var(--ink-faint);align-self:flex-end;margin:-3px 6px 2px 0;font-size:11px;font-weight:600}.receipt span{font-weight:400}.typing{align-items:center;gap:4px;height:22px;padding:0 2px;display:flex}.typing i{background:var(--ink-faint);border-radius:50%;width:8px;height:8px;animation:1.3s ease-in-out infinite typing}.typing i:nth-child(2){animation-delay:.16s}.typing i:nth-child(3){animation-delay:.32s}@keyframes typing{0%,60%,to{opacity:.5;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}.msg-error{font-size:16px}.msg-error button{color:var(--ink);text-underline-offset:3px;margin-top:6px;font-weight:600;text-decoration:underline;display:block}.empty{text-align:center;justify-items:center;gap:8px;margin:auto 0;padding-bottom:14vh;display:grid}.empty h1{letter-spacing:-.02em;margin:0;font-size:28px;font-weight:700}.empty p{color:var(--ink-soft);max-width:30ch;margin:0;font-size:17px;line-height:1.35}.empty .link{background:var(--me);color:var(--me-ink);border-radius:999px;margin-top:10px;padding:11px 20px;font-size:16px;font-weight:600}.meta{color:var(--ink-faint);align-self:center;justify-items:center;gap:2px;margin:4px 0 2px;font-size:12px;display:grid}.meta span:first-child{font-weight:500}.row{max-width:76%;display:flex;position:relative}.row.me{align-self:flex-end}.row.them{align-self:flex-start}.row.has-tapback{margin-top:20px}.tapback{background:var(--them);width:30px;height:30px;box-shadow:0 0 0 2.5px var(--bg), 0 3px 8px -3px #1a140059;border-radius:50%;place-items:center;font-size:15px;line-height:1;display:grid;position:absolute;top:-22px}.row.me .tapback{left:-20px}.row.them .tapback{right:-20px}.tapback:after{content:"";background:inherit;width:8px;height:8px;box-shadow:0 0 0 2px var(--bg);border-radius:50%;position:absolute;bottom:-3px}.row.me .tapback:after{right:-1px}.row.them .tapback:after{left:-1px}.tapback-picker{white-space:nowrap;background:var(--pill);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:2;border-radius:999px;gap:2px;padding:6px;display:flex;position:absolute;bottom:calc(100% + 6px);left:0;box-shadow:0 8px 24px -12px #1a140066}.tapback-picker button{border-radius:50%;width:38px;height:38px;font-size:20px;line-height:1;transition:transform .1s,background .15s}.tapback-picker button:active{transform:scale(1.2)}.tapback-picker button[aria-pressed=true]{background:var(--me)}.detected{text-decoration:underline;-webkit-text-decoration-color:color-mix(in srgb, currentColor 45%, transparent);text-decoration-color:color-mix(in srgb, currentColor 45%, transparent);text-underline-offset:3px;text-decoration-thickness:1px}.composer{left:16px;right:16px;bottom:var(--composer-bottom);z-index:3;position:absolute}.composer-field{background:var(--field);-webkit-backdrop-filter:blur(22px)saturate(1.5);backdrop-filter:blur(22px)saturate(1.5);min-height:48px;box-shadow: inset 0 0 0 1px var(--field-rim), 0 10px 30px -18px #1a140073;border-radius:26px;align-items:flex-end;gap:4px;padding:4px 6px;display:flex}.composer textarea{resize:none;background:0 0;border:0;outline:none;flex:1;min-height:40px;max-height:150px;padding:9px 4px;line-height:1.3}.composer textarea::placeholder{color:var(--ink-faint)}.round{width:40px;height:40px;color:var(--ink-soft);border-radius:50%;flex:none;place-items:center;transition:transform .12s;display:grid}.round:active{transform:scale(.92)}.round.send{background:var(--me);color:var(--me-ink)}.round.filled{background:var(--circle);color:var(--ink)}.round[disabled]{color:var(--ink-faint);cursor:default}.wave{flex:1;min-width:0;height:40px;display:block}.rec-time{font-variant-numeric:tabular-nums;color:var(--ink-soft);flex:none;padding:0 4px;font-size:15px;line-height:40px}.scrim{background:var(--scrim);z-index:10;position:fixed;inset:0}.sheet{max-width:680px;height:calc(100% - var(--safe-top) - 10px);background:var(--sheet);z-index:11;border-radius:28px 28px 0 0;flex-direction:column;margin:0 auto;display:flex;position:fixed;bottom:0;left:0;right:0}.sheet-handle{touch-action:none;flex:none;place-items:center;padding:10px 0 2px;display:grid}.sheet-handle:before{content:"";background:var(--ink-faint);opacity:.5;border-radius:3px;width:36px;height:5px}.sheet-head{touch-action:none;justify-items:center;gap:2px;padding:6px 22px 10px;display:grid;position:relative}.sheet-head h2{letter-spacing:-.02em;margin:-6px 0 0;font-size:24px;font-weight:700}.sheet-head p{color:var(--ink-soft);margin:0;font-size:15px}.sheet-head .done{color:var(--ink);padding:8px 0 8px 12px;font-size:17px;font-weight:600;position:absolute;top:6px;right:18px}.sheet-body{padding:6px 18px calc(var(--safe-bottom) + 32px);flex:1;overflow-y:auto}.section{margin-bottom:26px}.section-title{color:var(--ink);margin:0 0 4px 6px;font-size:15px;font-weight:600}.section-note{color:var(--ink-soft);margin:0 0 10px 6px;font-size:14px;line-height:1.4}.field{margin-bottom:10px;display:block}.field span{color:var(--ink-soft);margin:0 0 6px 6px;font-size:13px;display:block}.field input,.field textarea{background:var(--sheet-field);border:0;border-radius:16px;outline:none;width:100%;padding:12px 14px;transition:box-shadow .2s}.field input:focus,.field textarea:focus{box-shadow:0 0 0 2px var(--yellow)}.field textarea{resize:vertical;min-height:200px;line-height:1.5}.rules{background:var(--sheet-field);border-radius:16px;margin:0 0 10px;padding:0;list-style:none;overflow:hidden}.rules li{align-items:center;gap:8px;min-height:48px;padding:4px 4px 4px 14px;display:flex}.rules li+li{box-shadow:inset 0 .5px 0 var(--circle)}.rules li span{flex:1;padding:8px 0;line-height:1.4}.rules li button{width:40px;height:40px;color:var(--ink-faint);flex:none;place-items:center;display:grid}.rule-add{gap:8px;display:flex}.pill{background:var(--me);color:var(--me-ink);border-radius:16px;flex:none;padding:0 18px;font-size:16px;font-weight:600}.pill:disabled{opacity:.3}.danger{background:var(--sheet-field);width:100%;color:var(--danger);border-radius:16px;padding:14px;font-weight:600}.call{z-index:20;padding:calc(var(--safe-top) + 8px) 24px calc(var(--safe-bottom) + 34px);color:#1a1400;background:radial-gradient(70% 36% at 50% -6%,#ffe27a 0%,#0000 70%),linear-gradient(#f8cc2c 0%,#f0b70a 55%,#dd9f00 100%);grid-template-rows:auto 1fr auto;justify-items:center;display:grid;position:fixed;inset:0}.call[hidden]{display:none}.call-top{grid-template-columns:44px 1fr 44px;align-items:start;width:100%;display:grid}.call-top .glass{color:#1a1400;--glass-rim:#ffffff8c;--glass-shine:#ffffff80;background:#ffffff47;margin-top:2px}.call-id{justify-items:center;gap:0;display:grid}.call-name{margin-top:-14px;font-size:16px;font-weight:600}.call-timer{letter-spacing:.01em;font-variant-numeric:tabular-nums;margin-top:22px;font-size:32px;font-weight:300}.call-middle{align-self:center;justify-items:center;gap:16px;width:100%;max-width:420px;display:grid}.call-status{color:#1a14009e;text-align:center;min-height:24px;margin:0;font-size:17px;line-height:1.4}.call-status.is-problem{color:#1a1400;font-size:16px}.call-note{text-align:center;color:#1a14009e;max-width:32ch;margin:0;font-size:14px;line-height:1.4}.captions{gap:8px;width:100%;font-size:15px;line-height:1.4;display:grid}.captions p{color:#1a1400;background:#ffffff80;border-radius:18px;margin:0;padding:10px 14px}.captions span{color:#1a140099;margin-right:6px;font-weight:600}.call-buttons{align-items:flex-start;gap:30px;display:flex}.call-btn{color:#1a1400;justify-items:center;gap:9px;width:74px;font-size:14px;display:grid}.call-btn-icon{border-radius:50%;place-items:center;width:72px;height:72px;transition:transform .1s,background .2s;display:grid}.call-btn:active .call-btn-icon{transform:scale(.94)}.call-btn.is-solid .call-btn-icon{color:#1a1400;background:#fff}.call-btn.is-glass .call-btn-icon{color:#1a1400;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff4d}.call-btn.is-on .call-btn-icon{color:#ffe9a3;background:#1a1400}.call-btn.is-end .call-btn-icon{background:var(--end);color:#fff}@media (prefers-reduced-motion:reduce){*,:before,:after{animation-duration:.001ms!important;animation-iteration-count:1!important}}