.tot-inbox{display:grid;grid-gap:var(--space-4);gap:var(--space-4);width:100%;max-width:720px;margin:0 auto}.tot-conv__heading{margin:0;font-family:var(--font-family-display);font-size:var(--font-size-2xl);line-height:var(--line-height-heading);color:var(--color-text-primary)}.tot-inbox__empty{display:grid;justify-items:center;grid-gap:var(--space-4);gap:var(--space-4)}.tot-inbox__list{display:grid;margin:0;padding:0;list-style:none;border-top:1px solid var(--color-divider)}.tot-inbox__row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;grid-gap:var(--space-3);gap:var(--space-3);min-height:var(--touch-comfortable);padding:var(--space-3) var(--space-2);border-bottom:1px solid var(--color-divider);color:var(--color-text-primary);text-decoration:none}.tot-inbox__row:hover{background:var(--color-surface-sunken)}.tot-inbox__row:focus-visible{outline:var(--focus-ring-width) solid var(--color-focus-ring);outline-offset:calc(-1 * var(--focus-ring-width))}.tot-conv__photo,.tot-inbox__photo{width:56px;height:56px;border-radius:var(--radius-md);object-fit:cover;background:var(--color-surface-sunken)}.tot-conv__photo--none,.tot-inbox__photo--none{display:block}.tot-conv__head--removed .tot-conv__photo,.tot-inbox__row--removed .tot-inbox__photo{opacity:.5}.tot-inbox__text{display:grid;grid-gap:var(--space-0-5);gap:var(--space-0-5);min-width:0;font-family:var(--font-family-ui)}.tot-inbox__top{display:flex;justify-content:space-between;gap:var(--space-2)}.tot-inbox__who{font-weight:var(--font-weight-semibold)}.tot-inbox__line,.tot-inbox__listing,.tot-inbox__when{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.tot-inbox__line{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.tot-inbox__row--unread .tot-inbox__line{font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.tot-inbox__badge{min-width:24px;padding:0 var(--space-2);border-radius:var(--radius-pill);background:var(--color-action-primary);color:var(--color-action-primary-text);font-family:var(--font-family-ui);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);line-height:24px;text-align:center}.tot-inbox__list--compact{border-top:0}.tot-inbox__list--compact .tot-inbox__row{padding:var(--space-2);gap:var(--space-2);border-bottom:0;border-radius:var(--radius-button)}.tot-inbox__list--compact .tot-inbox__photo{width:var(--space-10);height:var(--space-10)}.tot-inbox__dot{width:var(--space-2);height:var(--space-2);border-radius:var(--radius-pill);background:var(--color-action-hot)}.tot-conv{display:grid;grid-gap:var(--space-4);gap:var(--space-4);width:100%;max-width:720px;margin:0 auto}.tot-conv__back{font-size:var(--font-size-sm);color:var(--color-text-link)}.tot-conv__back,.tot-conv__head{font-family:var(--font-family-ui)}.tot-conv__head{position:-webkit-sticky;position:sticky;top:0;z-index:1;display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);border:1px solid var(--color-border-default);border-radius:var(--radius-card);background:var(--color-surface-raised);color:var(--color-text-primary);text-decoration:none}.tot-conv__head-text{display:grid;grid-gap:var(--space-0-5);gap:var(--space-0-5);min-width:0}.tot-conv__who{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.tot-conv__title{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.tot-conv__price,.tot-conv__title{font-weight:var(--font-weight-semibold)}.tot-conv__removed{font-size:var(--font-size-sm);color:var(--color-text-tertiary)}.tot-conv__list{display:flex;flex-direction:column;gap:var(--space-2);margin:0;padding:0;list-style:none}.tot-conv__bubble{max-width:80%;padding:var(--space-2) var(--space-3);border-radius:var(--radius-lg);font-family:var(--font-family-ui);font-size:var(--font-size-base);line-height:var(--line-height-normal)}.tot-conv__bubble--mine{align-self:flex-end;background:var(--color-action-primary);color:var(--color-action-primary-text)}.tot-conv__bubble--theirs{align-self:flex-start;border:1px solid var(--color-border-default);background:var(--color-surface-raised);color:var(--color-text-primary)}.tot-conv__text{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}.tot-conv__system{display:flex;align-items:center;align-self:center;gap:var(--space-2);max-width:90%;padding:var(--space-2) var(--space-3);font-family:var(--font-family-ui);font-size:var(--font-size-sm);color:var(--color-text-secondary);text-align:center}.tot-conv__end{height:0}.tot-msg__masked{display:inline-flex;align-items:center;gap:var(--space-1);margin:0 var(--space-0-5);padding:0 var(--space-2);border-radius:var(--radius-badge);background:var(--color-surface-sunken);color:var(--color-text-secondary);font-size:var(--font-size-sm);font-style:italic;vertical-align:baseline;-webkit-user-select:none;-moz-user-select:none;user-select:none}.tot-conv__composer{position:-webkit-sticky;position:sticky;bottom:0;display:grid;grid-gap:var(--space-2);gap:var(--space-2);padding:var(--space-3) 0;background:var(--color-surface)}.tot-conv__warning{display:flex;align-items:flex-start;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-left:3px solid var(--color-status-warning-accent);border-radius:var(--radius-md);background:var(--color-status-warning-background);color:var(--color-status-warning-foreground);font-family:var(--font-family-ui);font-size:var(--font-size-sm)}.tot-conv__warning p{margin:0}.tot-conv__field{position:relative;border:1px solid var(--color-border-control);border-radius:var(--radius-textarea);background:var(--color-surface-raised)}.tot-conv__field:focus-within{outline:var(--focus-ring-width) solid var(--color-focus-ring);outline-offset:var(--focus-ring-offset)}.tot-conv__input,.tot-conv__mirror{box-sizing:border-box;width:100%;min-height:calc(var(--touch-comfortable) * 2);margin:0;padding:var(--space-3);border:0;font-family:var(--font-family-ui);font-size:var(--font-size-base);line-height:var(--line-height-normal);white-space:pre-wrap;overflow-wrap:break-word}.tot-conv__mirror{position:absolute;inset:0;overflow:hidden;color:transparent;pointer-events:none}.tot-conv__mark{background:transparent;color:transparent;-webkit-text-decoration:underline wavy var(--color-status-warning-accent);text-decoration:underline wavy var(--color-status-warning-accent);text-decoration-thickness:2px;text-underline-offset:3px}.tot-conv__input{position:relative;display:block;resize:vertical;background:transparent;color:var(--color-text-primary)}.tot-conv__input:focus{outline:none}.tot-conv__actions{display:flex;justify-content:flex-end}@media (min-width:768px){.tot-conv__bubble{max-width:70%}}.tot-msgIcon{position:relative;flex:0 0 auto;margin-left:auto;display:inline-flex;align-items:center;justify-content:center;width:var(--touch-min);height:var(--touch-min);padding:0;border:0;border-radius:var(--radius-pill);background:transparent;color:var(--color-action-primary);cursor:pointer;text-decoration:none}.tot-msgIcon:hover{background:var(--color-action-ghost-hover);color:var(--color-action-primary-hover)}.tot-msgIcon:disabled{cursor:progress;opacity:.55}.tot-msgIcon__tip{display:none;left:auto;right:0;white-space:nowrap;--tot-tip-arrow-x:calc(100% - var(--touch-min) / 2)}.tot-msgIcon:focus-visible .tot-msgIcon__tip,.tot-msgIcon:hover .tot-msgIcon__tip{display:block}@media (hover:none){.tot-msgIcon:hover .tot-msgIcon__tip{display:none}}