.mention{--tone:var(--c,var(--ink-3));border-radius:var(--r-pill);vertical-align:baseline;max-width:100%;font:var(--w-bold) .84em/1.55 var(--sans);color:var(--ink);background:color-mix(in oklab, var(--tone) 14%, var(--surface));box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--tone) 32%, transparent);transition:scale var(--dur-3) var(--spring), box-shadow var(--dur-2), background-color var(--dur-2);align-items:baseline;gap:5px;margin:0 1px;padding:1px 9px 1px 3px;text-decoration:none;display:inline-flex;position:relative;overflow:clip;translate:0 -1px}.mention>:not(:last-child){align-self:center}.mention>span:last-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mention .avatar{flex:none;font-size:8px!important}.mention.is-book{border-radius:var(--r-s);padding-left:4px}.mention.is-book .book-cover{border-radius:var(--r-2xs);box-shadow:none}.mention.is-book .book-cover-title{display:none}.mention.is-note,.mention.is-trap,.mention.is-law,.mention.is-principle{border-radius:var(--r-s);padding-left:5px}.mention.is-note>svg,.mention.is-trap>svg,.mention.is-law>svg,.mention.is-principle>svg{color:color-mix(in oklab, var(--tone) 70%, var(--ink));flex:none}.mention:after{content:"";pointer-events:none;animation:tag-sheen var(--dur-5) ease-out .2s;background:linear-gradient(100deg,#0000 20%,#ffffff8c 50%,#0000 80%);position:absolute;inset:0;translate:-110%}:root[data-theme=dark] .mention:after{background:linear-gradient(100deg,#0000 20%,#ffffff29 50%,#0000 80%)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .mention:after{background:linear-gradient(100deg,#0000 20%,#ffffff29 50%,#0000 80%)}}.note-chip.is-quiet .mention:after{display:none}@keyframes tag-sheen{0%{translate:-110%}to{translate:110%}}@media (hover:hover){.mention:hover{background:color-mix(in oklab, var(--tone) 22%, var(--surface));box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--tone) 45%, transparent), 0 5px 14px -6px color-mix(in oklab, var(--tone) 70%, transparent)}.mention.is-song:hover .mini-record{animation:1.8s linear infinite turn}}.mention:active{scale:var(--press,.93);transition-duration:var(--dur-0), var(--dur-2), var(--dur-2)}.mention:focus-visible{outline:2px solid var(--ink);outline-offset:1px;border-radius:var(--r-pill)}.mention:is(.is-book,.is-note,.is-trap,.is-law,.is-principle):focus-visible{border-radius:var(--r-s)}.mention.is-missing{box-shadow:none;color:var(--ink-3);font-weight:var(--w-medium);background:0 0;padding:0;overflow:visible}.mention.is-missing:after{display:none}.peek{z-index:75;isolation:isolate;border-radius:var(--r-l);background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-3);transform-origin:var(--tail) 0;animation:peek-in var(--dur-2) var(--ease-emph);gap:12px;padding:14px;display:grid;position:fixed}.peek.is-above{transform-origin:var(--tail) 100%}.peek-content{max-height:max(0px, calc(var(--peek-height) - 30px));overscroll-behavior:contain;gap:12px;display:grid;overflow-y:auto}.peek:before{content:"";z-index:-1;border-radius:inherit;pointer-events:none;background:radial-gradient(130% 80% at var(--tail) 0%, color-mix(in oklab, var(--c,var(--ink-3)) 20%, transparent), transparent 72%);position:absolute;inset:0}.peek.is-above:before{background:radial-gradient(130% 80% at var(--tail) 100%, color-mix(in oklab, var(--c,var(--ink-3)) 20%, transparent), transparent 72%)}.peek:after{content:"";top:-7px;left:calc(var(--tail) - 7px);border-radius:var(--r-xs) 0 0 0;background:color-mix(in oklab, var(--c,var(--ink-3)) 12%, var(--surface));border-left:1px solid var(--line);border-top:1px solid var(--line);width:13px;height:13px;position:absolute;rotate:45deg}.peek.is-above:after{border:0;border-right:1px solid var(--line);border-bottom:1px solid var(--line);border-radius:0 0 var(--r-xs) 0;background:var(--surface);top:auto;bottom:-7px}@keyframes peek-in{0%{opacity:.6;scale:.96}}.peek-head{align-items:center;gap:13px;display:flex}.peek-who{gap:2px;min-width:0;display:grid}.peek-name{font:var(--w-bold) var(--text-l)/1.25 var(--serif);text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.peek-sub{font-size:var(--text-m);color:var(--ink-3);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.peek-head>.avatar{box-shadow:0 0 0 4px color-mix(in oklab, var(--c,transparent) 22%, transparent);flex:none}.peek-head>:is(.record,.cassette,.book-cover){flex:none}.peek-feelings{flex-wrap:wrap;gap:6px;display:flex}.peek-actions{gap:8px;display:flex}@media (pointer:coarse){.peek-actions .btn-s{height:var(--h-m)}}.peek .progress{margin:-4px 0 0}.ref-rows{margin-top:12px}.ref-row-icon{border-radius:var(--r-s);width:36px;height:36px;color:color-mix(in oklab, var(--c) 70%, var(--ink));background:color-mix(in oklab, var(--c) 16%, transparent);font-size:var(--text-m);font-variant-numeric:tabular-nums;flex:none;place-items:center;display:grid}.peek-note-icon{border-radius:var(--r-m);width:46px;height:46px;color:color-mix(in oklab, var(--c,var(--ink-3)) 70%, var(--ink));background:color-mix(in oklab, var(--c,var(--ink-3)) 16%, var(--surface));box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--c,var(--ink-3)) 30%, transparent);flex:none;place-items:center;display:grid}.peek-text{font:var(--w-regular) var(--text-base)/1.5 var(--serif);color:var(--ink-2);white-space:pre-line;-webkit-line-clamp:4;-webkit-box-orient:vertical;margin:0;display:-webkit-box;overflow:hidden}.mention-strip{touch-action:pan-x;flex:none;align-items:center;gap:6px;min-height:44px;padding:2px 4px;display:flex}.mention-at{border-radius:var(--r-pill);width:30px;height:30px;font:var(--w-bold) var(--text-base)/1 var(--sans);color:var(--on-ink);background:var(--ink);flex:none;justify-content:center;align-items:center;display:inline-flex}.mention-close{border-radius:var(--r-pill);width:30px;height:30px;color:var(--ink-2);background:var(--surface-2);flex:none;justify-content:center;align-items:center;margin-right:2px;display:inline-flex;position:relative}.mention-close:before{content:"";position:absolute;inset:-7px -4px}.mention-pick{--tone:var(--c,var(--ink-3));border-radius:var(--r-pill);text-align:left;background:color-mix(in oklab, var(--tone) 12%, var(--surface));max-width:220px;height:40px;box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--tone) 24%, transparent);transition:background-color var(--dur-1), box-shadow var(--dur-2);flex:none;align-items:center;gap:8px;padding:0 13px 0 6px;display:inline-flex}.mention-pick[aria-selected=true]{background:color-mix(in oklab, var(--tone) 20%, var(--surface));box-shadow:inset 0 0 0 2px color-mix(in oklab, var(--tone) 75%, var(--ink)), 0 6px 18px -8px color-mix(in oklab, var(--tone) 80%, transparent)}.mention-thumb{flex:none;justify-content:center;align-items:center;width:28px;height:28px;display:inline-flex}.mention-thumb .mini-record{width:25px;height:25px}.mention-thumb .mini-record img{width:10px;height:10px}.mention-thumb .mini-tape{width:26px;height:17px}.mention-thumb .book-cover{border-radius:var(--r-2xs) var(--r-xs) var(--r-xs) var(--r-2xs)}.mention-thumb .book-cover-title{display:none}.mention-pick.is-song[aria-selected=true] .mini-record{animation:1.8s linear infinite turn}.mention-text{min-width:0;line-height:1.15;display:grid}.mention-text b{font-size:var(--text-m);font-weight:var(--w-bold);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mention-text small{font-size:var(--text-xs);color:var(--ink-3);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mention-pick.is-new{background:var(--surface-2);box-shadow:inset 0 0 0 1px var(--line-2);color:var(--ink-2)}.mention-pick.is-new[aria-selected=true]{box-shadow:inset 0 0 0 2px var(--ink)}.mention-empty{font-size:var(--text-m);color:var(--ink-3);white-space:nowrap;padding:0 6px}.mention-burst{z-index:90;pointer-events:none;width:0;height:0;position:absolute}.mention-burst:before{content:"";left:calc(var(--w) / -2 - 5px);top:calc(var(--h) / -2 - 3px);width:calc(var(--w) + 10px);height:calc(var(--h) + 6px);border-radius:var(--r-pill);border:2px solid var(--c);animation:burst-ring var(--dur-4) ease-out forwards;position:absolute}.mention-burst i{border-radius:var(--r-pill);background:var(--c);width:6px;height:6px;animation:burst-dot var(--dur-4) var(--ease) forwards;position:absolute;top:-3px;left:-3px}@keyframes burst-ring{0%{opacity:.9;scale:.85}to{opacity:0;scale:1.2}}@keyframes burst-dot{0%{opacity:1;scale:1;translate:calc(cos(var(--a)) * var(--w) / 2) calc(sin(var(--a)) * var(--h) / 2)}to{opacity:0;scale:.2;translate:calc(cos(var(--a)) * (var(--w) / 2 + var(--d))) calc(sin(var(--a)) * (var(--h) / 2 + var(--d)))}}@media (prefers-reduced-motion:reduce){.peek,.mention-pick,.mention-at,.mention .mini-record,.mention-pick .mini-record{animation:none!important}.mention,.mention-pick{transition:none}.mention:active{scale:1}.mention:after{display:none}}.mention-read{cursor:text;white-space:normal}.mention-read .md{font:inherit;color:inherit}textarea.is-tucked-away{opacity:0;pointer-events:none;clip-path:inset(50%);border:0;width:1px;height:1px;min-height:0;margin:0;padding:0;position:absolute;overflow:hidden}
