.txc-app{flex:1;display:flex;align-items:center;justify-content:center;background-color:var(--color-bg);min-height:calc(100vh - var(--header-height))}.txc-state{display:flex;flex-direction:column;align-items:center;gap:2rem}.txc-state.hidden{display:none}.txc-spinner{width:2rem;height:2rem;border:2px solid var(--color-border);border-top-color:var(--color-fg);border-radius:50%;animation:txc-spin .8s linear infinite}@keyframes txc-spin{to{transform:rotate(360deg)}}.txc-google-btn{display:flex;align-items:center;gap:.75rem;padding:.75rem 1.5rem;background:#fff;color:#3c4043;border:1px solid #dadce0;border-radius:9999px;font-size:.9375rem;font-weight:500;cursor:pointer;transition:box-shadow .2s,background .2s;box-shadow:0 1px 3px #00000014}.txc-google-btn:hover{box-shadow:0 2px 8px #00000024;background:#f8f9fa}.txc-google-btn svg{width:1.25rem;height:1.25rem;flex-shrink:0}[data-theme=dark] .txc-google-btn{background:#2a2a2e;color:#e8eaed;border-color:#5f6368}[data-theme=dark] .txc-google-btn:hover{background:#35363a}.txc-user-card{display:flex;align-items:center;gap:1rem;padding:1.25rem 1.5rem;border:1px solid var(--color-border);border-radius:1rem;width:100%;max-width:400px}.txc-avatar{width:2.5rem;height:2.5rem;border-radius:50%;object-fit:cover;flex-shrink:0}.txc-user-info{flex:1;display:flex;flex-direction:column;gap:.125rem;min-width:0}.txc-user-name{font-size:.9375rem;font-weight:600;color:var(--color-fg);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.txc-user-email{font-size:.8125rem;color:var(--color-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.txc-signout-btn{flex-shrink:0;padding:.4375rem 1rem;font-size:.8125rem;font-weight:500;color:var(--color-muted);background:transparent;border:1px solid var(--color-border);border-radius:9999px;cursor:pointer;transition:color .15s,border-color .15s}.txc-signout-btn:hover{color:var(--color-fg);border-color:var(--color-fg)}.txc-list{display:flex;flex-direction:row;gap:3rem;text-align:center}.txc-item{display:flex;flex-direction:column;gap:.375rem}.txc-item-name{font-size:1.25rem;font-weight:600;color:var(--color-fg);letter-spacing:-.02em}.txc-item-status{display:flex;align-items:center;justify-content:center;gap:.375rem;font-size:.8125rem;color:var(--color-muted)}.txc-dot{width:.4375rem;height:.4375rem;border-radius:50%;background:#22c55e;flex-shrink:0}.txc-storage{width:100%;max-width:400px;display:flex;flex-direction:column;gap:.5rem}.txc-storage-header{display:flex;justify-content:space-between;align-items:baseline;font-size:.8125rem;color:var(--color-muted)}.txc-storage-bar{width:100%;height:4px;background:var(--color-border);border-radius:9999px;overflow:hidden}.txc-storage-fill{height:100%;width:0%;background:var(--color-fg);border-radius:9999px;transition:width .4s ease}.txc-storage-fill--warn{background:#ef4444}.txc-contents-btn{align-self:flex-start;background:none;border:none;padding:0;font-size:.75rem;color:var(--color-muted);cursor:pointer;text-decoration:underline;text-underline-offset:3px;transition:color .15s}.txc-contents-btn:hover{color:var(--color-fg)}.txc-color-notes{background:#6366f1}.txc-color-images{background:#f59e0b}.txc-color-media{background:#10b981}.txc-modal{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:100;padding:1rem;animation:txc-fade-in .15s ease}@keyframes txc-fade-in{0%{opacity:0}to{opacity:1}}.txc-modal.hidden{display:none}.txc-modal-box{background:var(--color-bg);border:1px solid var(--color-border);border-radius:1rem;width:100%;max-width:480px;max-height:80vh;display:flex;flex-direction:column;overflow:hidden;animation:txc-slide-up .2s ease}@keyframes txc-slide-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.txc-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid var(--color-border);flex-shrink:0}.txc-modal-title{font-size:1rem;font-weight:600;color:var(--color-fg)}.txc-modal-close{background:none;border:none;padding:.375rem;color:var(--color-muted);cursor:pointer;border-radius:.5rem;display:flex;transition:color .15s,background .15s}.txc-modal-close:hover{color:var(--color-fg);background:var(--color-border)}.txc-contents-usage{padding:1.25rem 1.5rem;border-bottom:1px solid var(--color-border);flex-shrink:0}.txc-contents-usage.hidden{display:none}.txc-usage-info{display:flex;align-items:baseline;gap:.375rem;margin-bottom:.75rem}.txc-usage-total{font-size:1.5rem;font-weight:700;color:var(--color-fg);letter-spacing:-.03em;font-variant-numeric:tabular-nums}.txc-usage-label{font-size:.8125rem;color:var(--color-muted)}.txc-usage-bar{display:flex;height:6px;border-radius:9999px;overflow:hidden;background:var(--color-border);gap:2px}.txc-usage-seg{height:100%;border-radius:9999px;min-width:4px;transition:width .3s ease}.txc-usage-legend{display:flex;gap:1rem;margin-top:.625rem}.txc-legend-item{display:flex;align-items:center;gap:.375rem;font-size:.75rem;color:var(--color-muted)}.txc-legend-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.txc-contents-list{overflow-y:auto;flex:1;padding:1rem 1.5rem 1.5rem;display:flex;flex-direction:column;gap:.25rem}.txc-contents-loading{display:flex;justify-content:center;padding:2.5rem}.txc-contents-empty{text-align:center;font-size:.875rem;color:var(--color-muted);padding:2.5rem;margin:0}.txc-section-card{border-radius:.625rem;overflow:hidden}.txc-section-head{display:flex;align-items:center;gap:.625rem;padding:.625rem 0}.txc-section-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.txc-section-name{font-size:.8125rem;font-weight:600;color:var(--color-fg)}.txc-section-stats{font-size:.75rem;color:var(--color-muted)}.txc-section-size{font-size:.75rem;color:var(--color-muted);font-variant-numeric:tabular-nums;margin-left:auto}.txc-section-items{padding:0 0 .5rem}.txc-item-row{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;padding:.3125rem 0 .3125rem 1.375rem}.txc-item-name{font-size:.8125rem;color:var(--color-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.txc-item-size{font-size:.75rem;color:var(--color-muted);flex-shrink:0;font-variant-numeric:tabular-nums;opacity:.7}.txc-item-clickable{cursor:pointer;border-radius:.375rem;transition:background .15s}.txc-item-clickable:hover{background:var(--color-border)}.txc-item-clickable:hover .txc-item-name{color:var(--color-fg)}.txc-item-loading{opacity:.5;pointer-events:none}