.mobile-route-surface .v-cl{background:var(--clue-bg);width:100%;min-height:100svh;color:var(--clue-ink-1);-webkit-font-smoothing:antialiased;--verify:var(--clue-verify);flex-direction:column;display:flex;position:relative}.mobile-route-surface .v-cl *,.mobile-route-surface .v-cl :before,.mobile-route-surface .v-cl :after{box-sizing:border-box;margin:0}.mobile-route-surface .v-cl button{border:0;font-family:inherit}.mobile-route-surface .cl-head{z-index:var(--clue-z-raised);padding:18px 24px 12px;padding-top:calc(18px + env(safe-area-inset-top));border-bottom:1px solid var(--clue-hairline);background:var(--clue-bg);position:sticky;top:0}.mobile-route-surface .cl-head h1{color:var(--clue-ink-1);letter-spacing:0;font-size:24px;font-weight:800}.mobile-route-surface .cl-list{padding:var(--clue-messages-list-top-inset) 0 calc(86px + env(safe-area-inset-bottom));scrollbar-width:none;flex:1 0 auto;overflow-y:visible}.mobile-route-surface .cl-list::-webkit-scrollbar{display:none}.mobile-route-surface .cl-empty{margin:var(--clue-compact-empty-list-margin);padding:var(--clue-compact-empty-list-padding);color:var(--clue-meta);font-size:var(--clue-compact-empty-list-title);font-weight:var(--clue-compact-empty-list-title-weight)}.mobile-route-surface .cl-empty-t{font-size:var(--clue-compact-empty-list-title);font-weight:var(--clue-compact-empty-list-title-weight)}.mobile-route-surface .cl-divider{margin-top:var(--clue-s2);padding:var(--clue-s5) var(--clue-s6) var(--clue-s2);border-top:8px solid var(--clue-fill);color:var(--clue-muted);font-size:13px;font-weight:700}.mobile-route-surface .cl-row{border-bottom:1px solid var(--clue-fill);background:var(--clue-bg);text-align:left;align-items:center;gap:14px;width:100%;padding:15px 24px;display:flex}.mobile-route-surface .cl-avwrap{flex:0 0 52px;position:relative}.mobile-route-surface .cl-av{object-fit:cover;object-position:center 18%;border-radius:50%;width:52px;height:52px;display:block}.mobile-route-surface .cl-av-fallback{background:var(--clue-fill);color:var(--clue-meta);justify-content:center;align-items:center;font-size:18px;font-weight:900;display:flex}.mobile-route-surface .cl-row.is-ended .cl-av{opacity:.75;filter:grayscale(.7)}.mobile-route-surface .cl-badge{border:2px solid var(--clue-bg);border-radius:var(--clue-r-pill);background:var(--clue-brand);min-width:19px;height:19px;color:var(--clue-bg);justify-content:center;align-items:center;padding:0 5px;font-size:11px;font-weight:700;display:flex;position:absolute;top:-2px;right:-2px}.mobile-route-surface .cl-body{flex-direction:column;flex:1;min-width:0;display:flex}.mobile-route-surface .cl-top{justify-content:space-between;align-items:baseline;gap:var(--clue-s2);display:flex}.mobile-route-surface .cl-name{color:var(--clue-ink-1);align-items:center;gap:5px;font-size:15.5px;font-weight:700;display:inline-flex}.mobile-route-surface .cl-time{color:var(--clue-disabled);flex:none;font-size:12px;font-weight:600}.mobile-route-surface .cl-sub{color:var(--clue-muted-warm);margin-top:3px;font-size:12px;font-weight:600}.mobile-route-surface .cl-row.is-ended .cl-sub{color:var(--clue-disabled)}.mobile-route-surface .cl-preview{color:var(--clue-meta);text-overflow:ellipsis;white-space:nowrap;margin-top:5px;font-size:13.5px;font-weight:500;overflow:hidden}.mobile-route-surface .cl-preview.is-unread{color:var(--clue-ink-2);font-weight:700}.mobile-route-surface .cl-row.is-ended .cl-preview{color:var(--clue-disabled)}@media (hover:hover) and (pointer:fine){.mobile-route-surface .cl-row:hover{background:var(--clue-hover-fill)}}.mobile-route-surface .cl-row:active{background:var(--clue-press-fill);transform:scale(var(--clue-press-scale-subtle))}