.chat-list{display:flex;flex-direction:column;height:100%;background:var(--color-surface)}.chat-list-header{display:flex;align-items:center;justify-content:space-between;padding:1rem;border-bottom:1px solid var(--color-border)}.chat-list-header h1{font-size:1.5rem;font-weight:600;margin:0}.btn-new-chat{padding:.5rem 1rem;background:var(--color-primary);color:var(--color-surface);border:none;border-radius:999px;font-weight:500;cursor:pointer}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;gap:1rem;color:var(--color-text-secondary)}.thread-list{list-style:none;margin:0;padding:0;flex:1;overflow-y:auto}.thread-item{display:flex;flex-direction:column;gap:.5rem;padding:1rem;border-bottom:1px solid var(--color-border);cursor:pointer;transition:background .15s}.thread-item:hover{background:var(--color-surface-hover)}.thread-preview{font-size:.9375rem;color:var(--color-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.thread-meta{display:flex;align-items:center;justify-content:space-between;font-size:.8125rem;color:var(--color-text-secondary)}.btn-delete{background:transparent;border:none;color:var(--color-text-secondary);cursor:pointer;padding:.25rem .5rem;border-radius:4px;transition:all .15s}.btn-delete:hover{background:var(--color-error);color:#fff}.notebook{display:flex;flex-direction:column;gap:1rem;padding-top:1rem}.notebook-header h1{font-size:1.5rem;font-weight:600;margin:0 0 .25rem}.notebook-subtitle{color:var(--color-text-secondary);font-size:.875rem;margin:0}.notebook-create{display:flex;flex-direction:column;gap:.75rem;padding:1rem;background:var(--color-surface-elevated);border-radius:12px;border:1px solid var(--color-border)}.notebook-create .btn-primary{align-self:flex-start}.empty-state{text-align:center;padding:2rem 1rem;color:var(--color-text-secondary)}.notebook-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem}.notebook-item{padding:1rem;background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:12px}.notebook-item-header{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.notebook-name{font-weight:600;font-size:1rem}.status-badge{font-size:.75rem;padding:.125rem .5rem;border-radius:999px;font-weight:500}.status-ready{background:var(--color-success) / 15%;color:var(--color-success)}.status-processing{background:var(--color-warning) / 15%;color:var(--color-warning)}.notebook-source{font-size:.875rem;color:var(--color-text-secondary);margin-top:.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notebook-meta{font-size:.75rem;color:var(--color-hint);margin-top:.25rem}.notebook-loading,.notebook-error{text-align:center;padding:2rem 1rem;color:var(--color-text-secondary)}:root{--tg-theme-bg-color: #ffffff;--tg-theme-text-color: #000000;--tg-theme-hint-color: #999999;--tg-theme-link-color: #2481cc;--tg-theme-button-color: #2481cc;--tg-theme-button-text-color: #ffffff;--tg-theme-secondary-bg-color: #f0f0f0;--tg-theme-header-bg-color: #ffffff;--tg-theme-accent-text-color: #2481cc;--tg-theme-section-bg-color: #ffffff;--tg-theme-section-header-text-color: #6d6d71;--tg-theme-subtitle-text-color: #999999;--tg-theme-destructive-text-color: #e53935;--color-surface: var(--tg-theme-bg-color);--color-text: var(--tg-theme-text-color);--color-hint: var(--tg-theme-hint-color);--color-link: var(--tg-theme-link-color);--color-primary: var(--tg-theme-button-color);--color-primary-text: var(--tg-theme-button-text-color);--color-surface-elevated: var(--tg-theme-secondary-bg-color);--color-header-bg: var(--tg-theme-header-bg-color);--color-border: rgba(0, 0, 0, .08);--color-success: #22c55e;--color-error: #ef4444;--color-warning: #f59e0b;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--text-caption: 13px;--text-body: 15px;--text-title: 17px;--text-large: 20px;--text-h1: 24px;--shadow-1: 0 1px 2px rgba(0, 0, 0, .08);--shadow-2: 0 4px 12px rgba(0, 0, 0, .12);--shadow-3: 0 8px 24px rgba(0, 0, 0, .16);--tap-min: 44px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-full: 999px}body{margin:0;padding:0;font-family:var(--font-family);background:var(--color-surface);color:var(--color-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overscroll-behavior-y:contain}@supports (padding-top: env(safe-area-inset-top)){body{padding-top:env(safe-area-inset-top)}}*{box-sizing:border-box}a{color:var(--color-link);text-decoration:none}@keyframes breathe{0%,to{transform:scale(1);opacity:.8}50%{transform:scale(1.05);opacity:1}}@keyframes pulseShift{0%,to{transform:scale(1);filter:hue-rotate(0deg);opacity:.9}50%{transform:scale(1.08);filter:hue-rotate(15deg);opacity:1}}@keyframes rotatePulse{0%{transform:rotate(0) scale(1)}50%{transform:rotate(180deg) scale(1.08)}to{transform:rotate(360deg) scale(1)}}@keyframes flashSuccess{0%{box-shadow:0 0 #22c55eb3}50%{box-shadow:0 0 24px 8px #22c55e80}to{box-shadow:0 0 #22c55e00}}@keyframes shakeError{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.bottom-nav{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:space-around;padding-bottom:env(safe-area-inset-bottom);background:var(--color-surface);border-top:1px solid var(--color-border);z-index:100}.bottom-nav button{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 0;min-height:var(--tap-min);border:none;background:none;color:var(--color-hint);font-size:11px;cursor:pointer;-webkit-tap-highlight-color:transparent}.bottom-nav button.active{color:var(--color-primary)}.bottom-nav button svg{width:22px;height:22px}.app-content{padding-bottom:calc(72px + env(safe-area-inset-bottom));padding-left:16px;padding-right:16px;min-height:100vh;box-sizing:border-box;max-width:100vw;overflow-x:hidden}.card{background:var(--color-surface-elevated);border-radius:var(--radius-md);padding:var(--space-4);box-shadow:var(--shadow-1)}.btn-primary{display:inline-flex;align-items:center;justify-content:center;min-height:var(--tap-min);padding:0 var(--space-5);border:none;border-radius:var(--radius-full);background:var(--color-primary);color:var(--color-primary-text);font-size:var(--text-body);font-weight:600;cursor:pointer;-webkit-tap-highlight-color:transparent}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;min-height:var(--tap-min);padding:0 var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-full);background:transparent;color:var(--color-text);font-size:var(--text-body);cursor:pointer}.input-field{width:100%;min-height:var(--tap-min);padding:var(--space-2) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);font-size:var(--text-body);font-family:inherit;outline:none}.input-field:focus{border-color:var(--color-primary)}.skeleton{background:linear-gradient(90deg,var(--color-surface-elevated) 25%,rgba(0,0,0,.04) 50%,var(--color-surface-elevated) 75%);background-size:200% 100%;animation:skeletonShimmer 1.4s ease infinite;border-radius:var(--radius-sm)}@keyframes skeletonShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-thumb{background:#00000026;border-radius:999px}