.ti-panel{height:100%;min-height:0;color:var(--tm-text);flex-direction:column;display:flex}.ti-panel.is-compact{max-height:min(520px,70dvh)}.ti-panel.is-page{width:100%;max-width:52rem;height:auto;margin:0 auto}.ti-head{align-items:center;gap:var(--tm-space-2);min-height:48px;padding:var(--tm-space-2) var(--tm-space-2) var(--tm-space-2) var(--tm-space-4);border-bottom:1px solid var(--tm-border);display:flex}.ti-panel.is-page .ti-head{padding:0 0 var(--tm-space-3)}.ti-head>strong{font-size:var(--tm-fs-md);font-weight:var(--tm-fw-semibold)}.ti-head .tc-icon-btn,.ti-row .tc-icon-btn{border-radius:var(--tm-radius-sm);min-width:30px;height:30px;color:var(--tm-muted);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;display:inline-flex}.ti-row .tc-icon-btn:hover{background:var(--tm-hover);color:var(--tm-text)}.ti-tabs{min-width:0}.ti-tab__count{background:var(--tm-text);min-width:18px;color:var(--tm-on-primary);font-size:var(--tm-fs-xs);font-variant-numeric:tabular-nums;border-radius:999px;padding:0 5px;line-height:18px}.ti-allread{margin-left:auto}.ti-panel.is-compact .ti-allread__label{display:none}.ti-list{flex:auto;min-height:0;margin:0;padding:0;list-style:none;overflow-y:auto}.ti-day__label{z-index:1;padding:var(--tm-space-3) var(--tm-space-4) var(--tm-space-1);background:var(--tm-bg);color:var(--tm-muted);font-size:var(--tm-fs-sm);font-weight:var(--tm-fw-semibold);letter-spacing:.02em;margin:0;position:sticky;top:0}.ti-panel.is-page .ti-day__label{padding-inline:var(--tm-space-1)}.ti-day__rows{margin:0;padding:0;list-style:none}.ti-row{border-radius:var(--tm-radius-sm);align-items:flex-start;display:flex}.ti-row+.ti-row{margin-top:2px}.ti-row-main{gap:var(--tm-space-3);min-width:0;padding:var(--tm-space-2) var(--tm-space-2) var(--tm-space-2) var(--tm-space-5);border-radius:var(--tm-radius-sm);color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;flex:auto;display:flex;position:relative}.ti-row-main:hover{background:var(--tm-hover)}.ti-row-main:focus-visible{box-shadow:var(--tm-ring);outline:none}.ti-unread-dot{left:var(--tm-space-2);background:0 0;border-radius:50%;width:6px;height:6px;position:absolute;top:17px}.ti-row.is-unread .ti-unread-dot{background:var(--tm-unread)}.ti-icon{color:var(--tm-muted);flex:none;margin-top:1px;font-size:18px}.ti-body{flex-direction:column;gap:2px;min-width:0;display:flex}.ti-line{gap:var(--tm-space-2);font-size:var(--tm-fs-md);align-items:baseline;display:flex}.ti-line strong{font-weight:var(--tm-fw-medium)}.ti-row.is-unread .ti-line strong,.ti-row.is-unread .ti-text{font-weight:var(--tm-fw-semibold)}.ti-type{color:var(--tm-muted);font-size:var(--tm-fs-sm)}.ti-text{font-size:var(--tm-fs-md);-webkit-line-clamp:2;word-break:break-word;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.ti-meta{color:var(--tm-muted);font-size:var(--tm-fs-xs);font-variant-numeric:tabular-nums}.ti-toggle{margin:var(--tm-space-2) var(--tm-space-2) 0 0;opacity:0}.ti-row:is(:hover,:focus-within) .ti-toggle{opacity:1}@media (hover:none){.ti-toggle{opacity:1}}.ti-skel{align-items:center;gap:var(--tm-space-3);padding:var(--tm-space-3) var(--tm-space-4);display:flex}.ti-skel__lines{gap:var(--tm-space-2);flex-direction:column;flex:1;display:flex}.ti-zero{align-items:center;gap:var(--tm-space-1);padding:var(--tm-space-6) var(--tm-space-4);text-align:center;flex-direction:column;display:flex}.ti-zero__art.spot-illo{width:96px;height:96px}.ti-panel.is-compact .ti-zero__art.spot-illo{width:64px;height:64px}.ti-zero__title{margin:var(--tm-space-2) 0 0;font-size:var(--tm-fs-lg);font-weight:var(--tm-fw-semibold)}.ti-zero__body{color:var(--tm-muted);font-size:var(--tm-fs-md);margin:0}@media (prefers-reduced-motion:reduce){.ti-tabs button{transition:none}}