.tg-app{background:#f4f5f7;color:#111827;display:flex;flex-direction:column;min-height:100dvh}.tg-app .tg-header{background:#fff;border-bottom:1px solid #eceef1;padding:.75rem 1rem;position:sticky;top:0;z-index:10}.tg-app .tg-header h1{font-size:var(--fs-lg);font-weight:600;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tg-app .tg-main{flex:1;padding:.75rem .75rem calc(.75rem + env(safe-area-inset-bottom))}.tg-app .tg-state{align-items:center;display:flex;flex-direction:column;gap:.5rem;justify-content:center;min-height:60dvh;padding:1.5rem;text-align:center}.tg-app .tg-state h2{font-size:var(--fs-lg);margin:0}.tg-app .tg-state p{color:#6b7280;font-size:var(--fs-sm);margin:0 0 .5rem}.tg-app .tg-state-icon{height:3rem;width:3rem}.tg-app .tg-card{background:#fff;border-radius:.75rem;margin-bottom:.625rem;padding:.875rem}.tg-app .tg-card-title{color:#6b7280;font-size:var(--fs-sm);font-weight:600;letter-spacing:.02em;margin:0 0 .625rem;text-transform:uppercase}.tg-app .tg-meta{display:grid;font-size:var(--fs-sm);gap:.5rem .75rem;grid-template-columns:minmax(0,2fr) minmax(0,3fr);margin:0}.tg-app .tg-meta dt{color:#6b7280}.tg-app .tg-meta dd{margin:0;overflow-wrap:anywhere}.tg-app .tg-tags{display:flex;flex-wrap:wrap;gap:.375rem}.tg-app .tg-tags+.tg-meta{margin-top:.75rem}.tg-app .tg-content{font-size:var(--fs-sm);line-height:1.5;overflow-x:auto}.tg-app .tg-content img{height:auto;max-width:100%}.tg-app .tg-row{align-items:center;border-top:1px solid #f0f1f3;display:flex;font-size:var(--fs-sm);gap:.625rem;justify-content:space-between;padding:.625rem 0}.tg-app .tg-row:first-of-type{border-top:0}.tg-app .tg-actions{background:#f4f5f7;bottom:0;display:flex;gap:.625rem;padding:.625rem 0 calc(.25rem + env(safe-area-inset-bottom));position:sticky}.tg-app .tg-actions .el-button{flex:1;margin:0;min-height:var(--touch-target)}.tg-app .tg-empty{color:#6b7280;font-size:var(--fs-sm);padding:3rem 1rem;text-align:center}.tg-app .tg-tabs{background:#fff;border-top:1px solid #eceef1;bottom:0;display:flex;padding:0 env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);position:sticky}.tg-app .tg-tab{align-items:center;color:#6b7280;display:flex;flex:1 1 0;flex-direction:column;font-size:var(--fs-xs);gap:.125rem;min-height:var(--touch-target);min-width:0;padding:.375rem .125rem;text-decoration:none}.tg-app .tg-tab svg{height:1.375rem;width:1.375rem}.tg-app .tg-tab.is-active{color:#111827}.tg-app .tg-tab-label{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tg-app .tg-tab-icon{display:flex;position:relative}.tg-app .tg-tab-badge{background:#ef4444;border-radius:.5rem;color:#fff;font-size:.625rem;font-weight:600;height:1rem;line-height:1rem;min-width:1rem;padding:0 .25rem;position:absolute;right:-.625rem;text-align:center;top:-.25rem}