@keyframes now-note-in{0%{opacity:0;transform:translateY(12px) scale(.9)}to{opacity:1;transform:none}}@keyframes now-bubble-pop{0%{opacity:0;transform:translateY(6px) scale(.7)}60%{opacity:1;transform:translateY(-1px) scale(1.04)}to{transform:none}}@keyframes now-ring-turn{to{transform:rotate(1turn)}}@keyframes now-chip-in{0%{opacity:0;transform:translateY(8px) scale(.94)}to{opacity:1;transform:none}}@keyframes now-saving{50%{transform:scale(.97);opacity:.8}}.now-notes{margin:0 0 18px;padding:16px 0 10px;border-radius:24px;background:var(--ns-glass-strong);box-shadow:inset 0 1px 0 var(--ns-rim),inset 0 0 0 1px var(--ns-rim-low);-webkit-backdrop-filter:blur(22px) saturate(170%);backdrop-filter:blur(22px) saturate(170%)}.now-notes-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px;padding:0 18px}.now-notes-head>span{display:inline-flex;align-items:center;gap:7px;color:var(--ns-ink);font-family:var(--ns-display);font-size:17px;font-weight:600;letter-spacing:-.02em}.now-notes-head small{color:var(--ns-ink-3);font-size:12.5px}.now-notes-row{display:flex;gap:6px;padding:12px 18px 6px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scroll-padding-inline:18px;scrollbar-width:none}.now-notes-row::-webkit-scrollbar{display:none}.now-note{position:relative;width:104px;flex:0 0 104px;display:grid;justify-items:center;align-content:start;gap:5px;padding:0 2px 4px;border:0;background:transparent;color:inherit;font:inherit;text-align:center;text-decoration:none;cursor:pointer;scroll-snap-align:start;animation:now-note-in .55s var(--ns-spring) both;animation-delay:calc(var(--i, 0) * 55ms);-webkit-tap-highlight-color:transparent}.now-note:focus-visible{outline:none}.now-note:focus-visible .now-note-avatar{box-shadow:0 0 0 3px var(--ns-solid),0 0 0 5px var(--ns-blue)}.now-note-bubble{position:relative;z-index:1;max-width:100%;min-height:36px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;align-self:end;padding:7px 10px;overflow:hidden;border-radius:16px;background:var(--ns-solid);box-shadow:0 10px 22px -16px rgba(13,27,61,.55),inset 0 0 0 1px var(--ns-hair);color:var(--ns-ink);font-size:12px;font-weight:600;line-height:1.3;overflow-wrap:anywhere;animation:now-bubble-pop .6s var(--ns-spring) both;animation-delay:calc(var(--i, 0) * 55ms + .12s);transition:transform .4s var(--ns-spring)}.now-note-bubble:after{content:"";position:absolute;left:50%;bottom:-4px;width:9px;height:9px;border-radius:2px;background:inherit;box-shadow:inset -1px -1px 0 var(--ns-hair);transform:translateX(-50%) rotate(45deg)}.now-note-bubble b{margin-right:4px;font-size:14px;font-weight:400}.now-note-bubble.is-empty{display:inline-flex;align-items:center;gap:4px;background:color-mix(in srgb,var(--ns-blue) 12%,var(--ns-solid));box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--ns-blue) 45%,transparent);color:var(--ns-blue)}.now-note-bubble.is-empty:after{box-shadow:inset -1.5px -1.5px 0 color-mix(in srgb,var(--ns-blue) 45%,transparent)}.now-note-avatar{position:relative;width:60px;height:60px;display:grid;place-items:center;margin-top:2px;border-radius:50%;transition:transform .45s var(--ns-spring),box-shadow .2s}.now-note-avatar:before{content:"";position:absolute;inset:-3px;border-radius:50%;background:conic-gradient(from 210deg,var(--person-color,var(--ns-blue)),var(--ns-blue),var(--ns-mint),var(--person-color,var(--ns-blue)));-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 2.5px),#000 calc(100% - 2px));mask:radial-gradient(farthest-side,transparent calc(100% - 2.5px),#000 calc(100% - 2px));animation:now-ring-turn 9s linear infinite}.now-note-avatar .person-avatar{width:54px;height:54px;font-size:15px;box-shadow:0 0 0 2px var(--ns-solid)}.now-note.is-me:not(.is-set) .now-note-avatar:before{background:none;border:2px dashed color-mix(in srgb,var(--ns-blue) 55%,transparent);-webkit-mask:none;mask:none;animation:none}.now-note strong{color:var(--ns-ink);font-size:12.5px;font-weight:650}.now-note small,.now-note strong{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.now-note small{color:var(--ns-ink-3);font-size:11px}.now-note:hover .now-note-avatar{transform:translateY(-2px) scale(1.04)}.now-note:hover .now-note-bubble{transform:translateY(-2px)}.now-note:active .now-note-avatar{transform:scale(.94)}.now-note-hint{flex:0 0 auto;align-self:center;display:inline-flex;align-items:center;gap:8px;max-width:220px;margin-left:4px;padding:12px 14px;border-radius:16px;background:var(--ns-tint);color:var(--ns-ink-3);font-size:12.5px;line-height:1.4;animation:now-note-in .55s var(--ns-spring) .1s both}.now-note-hint span{font-size:18px}.now-composer{gap:16px}.now-chips{display:flex;flex-wrap:wrap;gap:8px}.now-chips button{height:40px;display:inline-flex;align-items:center;gap:7px;padding:0 14px 0 6px;border:0;border-radius:999px;background:var(--ns-tint);color:var(--ns-ink);font:inherit;font-size:13.5px;font-weight:600;cursor:pointer;animation:now-chip-in .45s var(--ns-spring) both;animation-delay:calc(var(--i, 0) * 22ms);transition:transform .4s var(--ns-spring),background-color .2s,box-shadow .2s}.now-chips button>span:first-child{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:var(--ns-solid);box-shadow:0 2px 6px -3px rgba(13,27,61,.4);font-size:16px;line-height:1;transition:transform .45s var(--ns-spring)}.now-chips button>svg{color:var(--ns-blue)}.now-chips button:hover:not(:disabled){background:color-mix(in srgb,var(--ns-blue) 12%,var(--ns-solid));transform:translateY(-2px);box-shadow:0 10px 20px -14px var(--ns-blue)}.now-chips button:hover:not(:disabled)>span:first-child{transform:scale(1.12) rotate(-8deg)}.now-chips button:active:not(:disabled){transform:scale(.94)}.now-chips button:focus-visible{outline:none;box-shadow:inset 0 0 0 1.5px var(--ns-blue),0 0 0 4px color-mix(in srgb,var(--ns-blue) 16%,transparent)}.now-chips button.is-current{background:color-mix(in srgb,var(--ns-blue) 14%,var(--ns-solid));box-shadow:inset 0 0 0 1.5px var(--ns-blue)}.now-chips button.is-saving{animation:now-saving .9s ease-in-out infinite;opacity:1}.now-chips button:disabled:not(.is-saving){opacity:.5;cursor:default}.now-compose{min-height:52px;display:grid;grid-template-columns:40px minmax(0,1fr) auto 40px;align-items:center;gap:8px;padding:6px;border-radius:18px;background:var(--ns-solid);box-shadow:inset 0 0 0 1px var(--ns-hair);transition:box-shadow .2s}.now-compose:focus-within{box-shadow:inset 0 0 0 1.5px var(--ns-blue),0 0 0 4px color-mix(in srgb,var(--ns-blue) 14%,transparent)}.now-compose input{min-width:0;height:40px;border:0;outline:0;background:transparent;color:var(--ns-ink);font:inherit;font-size:15px}.now-compose input::placeholder{color:var(--ns-ink-3)}.now-compose em{color:var(--ns-ink-3);font-size:11.5px;font-style:normal;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.now-compose em.is-over{color:var(--ns-coral);font-weight:700}.now-compose-emoji{width:40px;height:40px;display:grid;place-items:center;border:0;border-radius:13px;background:var(--ns-tint);font-size:20px;line-height:1;cursor:pointer;transition:transform .4s var(--ns-spring),background-color .2s}.now-compose-emoji.is-open,.now-compose-emoji:hover:not(:disabled){background:color-mix(in srgb,var(--ns-blue) 14%,var(--ns-solid));transform:rotate(-8deg) scale(1.06)}.now-compose-send{width:40px;height:40px;display:grid;place-items:center;border:0;border-radius:50%;background:linear-gradient(135deg,var(--ns-blue),var(--ns-blue-strong));color:#fff;cursor:pointer;box-shadow:0 10px 20px -12px var(--ns-blue);transition:transform .4s var(--ns-spring),opacity .2s}.now-compose-send:hover:not(:disabled){transform:translateY(-2px) scale(1.05)}.now-compose-send:active:not(:disabled){transform:scale(.92)}.now-compose-send:disabled{opacity:.35;cursor:default;box-shadow:none}.now-composer>.now-clear{width:100%;justify-content:center}@media (max-width:520px){.now-notes{margin-inline:0;border-radius:22px}.now-notes-row{gap:2px;padding-inline:12px;scroll-padding-inline:12px}.now-notes-head{padding-inline:14px}.now-note{width:92px;flex-basis:92px}.now-note-avatar{width:54px;height:54px}.now-note-avatar .person-avatar{width:48px;height:48px;font-size:14px}.now-chips{gap:6px}.now-chips button{height:38px;padding-right:12px;font-size:13px}}@media (prefers-reduced-motion:reduce){:is(.now-note,.now-note-bubble,.now-note-hint,.now-chips button,.now-note-avatar:before){animation:none!important}:is(.now-note-avatar,.now-note-bubble,.now-chips button,.now-chips button>span:first-child,.now-compose-emoji,.now-compose-send){transition:none}}