:root{--bg-gradient-from: #faf8f3;--bg-gradient-to: #f0ebe0;--bg-app: #fdfcfa;--bg-header: rgba(255, 255, 255, .95);--bg-input-form: rgba(255, 255, 255, .95);--bg-input-wrapper: #fff;--bg-toggle: rgba(212, 196, 176, .15);--bg-toggle-active: #8b7355;--bg-btn-hover: rgba(122, 101, 80, .06);--bg-message: rgba(255, 255, 255, .8);--bg-user-message-from: #7a6550;--bg-user-message-to: #6a5540;--bg-source-card: rgba(122, 101, 80, .04);--bg-source-card-hover: rgba(122, 101, 80, .06);--text-primary: #2a1a0a;--text-secondary: #3a2a1a;--text-muted: #7a6a5a;--text-faint: #9a8a7a;--text-accent: #7a6550;--text-on-accent: #f5f1e8;--text-on-user: #fdfcfa;--text-input: #2a1a0a;--text-heading: #3a2a1a;--border-light: rgba(90, 74, 58, .08);--border-medium: rgba(122, 101, 80, .12);--border-toggle: rgba(139, 115, 85, .15);--border-btn: rgba(122, 101, 80, .2);--border-btn-hover: rgba(122, 101, 80, .3);--border-message: rgba(122, 101, 80, .08);--border-source: #7a6550;--shadow-sm: rgba(58, 42, 26, .06);--shadow-md: rgba(58, 42, 26, .08);--shadow-lg: rgba(58, 42, 26, .12);--shadow-user: rgba(122, 101, 80, .15);--shadow-input: rgba(58, 42, 26, .08);--shadow-input-focus: rgba(58, 42, 26, .12);--shadow-btn: rgba(122, 101, 80, .2);--accent: #8b7355;--accent-hover: rgba(139, 115, 85, .1);--accent-light: rgba(122, 101, 80, .12);--accent-gradient-from: #7a6550;--accent-gradient-to: #6a5540;--scrollbar-thumb: rgba(122, 101, 80, .2);--scrollbar-thumb-hover: rgba(122, 101, 80, .3);--reader-bg: #fdfcf8;--reader-paper: #fff;--reader-toolbar-bg: #faf8f3;--reader-chapter-text: #2a1a0a;--drop-cap-color: #7a6550;--highlight-color: rgba(255, 230, 120, .45);--tooltip-bg: #3a2a1a;--tooltip-text: #f5f1e8;--notes-panel-bg: #faf8f3}[data-theme=dark]{--bg-gradient-from: #1a1714;--bg-gradient-to: #141210;--bg-app: #1e1b18;--bg-header: rgba(30, 27, 24, .95);--bg-input-form: rgba(30, 27, 24, .95);--bg-input-wrapper: #2a2622;--bg-toggle: rgba(90, 78, 62, .2);--bg-toggle-active: #a08660;--bg-btn-hover: rgba(160, 134, 96, .1);--bg-message: rgba(42, 38, 34, .8);--bg-user-message-from: #6a5540;--bg-user-message-to: #5a4530;--bg-source-card: rgba(160, 134, 96, .06);--bg-source-card-hover: rgba(160, 134, 96, .1);--text-primary: #e8e0d4;--text-secondary: #d4c8b8;--text-muted: #9a8a7a;--text-faint: #6a5e52;--text-accent: #c4a878;--text-on-accent: #1a1714;--text-on-user: #f0ebe0;--text-input: #e8e0d4;--text-heading: #d4c8b8;--border-light: rgba(160, 134, 96, .08);--border-medium: rgba(160, 134, 96, .12);--border-toggle: rgba(160, 134, 96, .15);--border-btn: rgba(160, 134, 96, .2);--border-btn-hover: rgba(160, 134, 96, .3);--border-message: rgba(160, 134, 96, .08);--border-source: #c4a878;--shadow-sm: rgba(0, 0, 0, .15);--shadow-md: rgba(0, 0, 0, .2);--shadow-lg: rgba(0, 0, 0, .3);--shadow-user: rgba(0, 0, 0, .25);--shadow-input: rgba(0, 0, 0, .15);--shadow-input-focus: rgba(0, 0, 0, .25);--shadow-btn: rgba(0, 0, 0, .3);--accent: #c4a878;--accent-hover: rgba(196, 168, 120, .12);--accent-light: rgba(196, 168, 120, .1);--accent-gradient-from: #6a5540;--accent-gradient-to: #5a4530;--scrollbar-thumb: rgba(160, 134, 96, .2);--scrollbar-thumb-hover: rgba(160, 134, 96, .35);--reader-bg: #1e1b18;--reader-paper: #262220;--reader-toolbar-bg: #2a2622;--reader-chapter-text: #d4c8b8;--drop-cap-color: #c4a878;--highlight-color: rgba(196, 168, 120, .25);--tooltip-bg: #f0ebe0;--tooltip-text: #1a1714;--notes-panel-bg: #2a2622}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;overflow:hidden}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Georgia,Times New Roman,serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,var(--bg-gradient-from),var(--bg-gradient-to));color:var(--text-primary);transition:background .3s ease,color .3s ease}#root{height:100%}.reader{flex:1;display:flex;flex-direction:column;overflow:hidden;background:var(--reader-bg);transition:background .3s ease}.reader-library{flex:1;overflow-y:auto;padding:3rem 2rem;max-width:700px;margin:0 auto;width:100%}.library-header{text-align:center;margin-bottom:2.5rem}.library-icon{color:var(--text-accent);margin-bottom:.75rem}.library-header h2{font-family:Georgia,serif;font-size:1.75rem;font-weight:400;color:var(--text-heading);margin-bottom:.5rem;transition:color .3s ease}.library-subtitle{font-size:.9375rem;color:var(--text-faint);font-style:italic;transition:color .3s ease}.new-book-btn{width:100%;padding:1.25rem;border:2px dashed var(--border-btn);border-radius:12px;background:transparent;color:var(--text-accent);font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease;margin-bottom:2rem;font-family:Georgia,serif}.new-book-btn:hover{border-color:var(--accent);background:var(--accent-hover);transform:translateY(-1px)}.new-book-btn:active{transform:translateY(0)}.session-list{display:flex;flex-direction:column;gap:1rem}.session-card{background:var(--bg-message);border:1px solid var(--border-medium);border-radius:12px;padding:1.25rem 1.5rem;cursor:pointer;transition:all .2s ease;display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.session-card:hover{box-shadow:0 4px 16px var(--shadow-md);transform:translateY(-1px);border-color:var(--border-btn-hover)}.session-info{flex:1;min-width:0}.session-info h3{font-family:Georgia,serif;font-size:1.125rem;font-weight:500;color:var(--text-heading);margin-bottom:.375rem;transition:color .3s ease}.session-meta{font-size:.8125rem;color:var(--text-faint);margin-bottom:.5rem;transition:color .3s ease}.session-feeling{font-size:.875rem;color:var(--text-muted);font-style:italic;line-height:1.5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:color .3s ease}.session-delete{background:transparent;border:none;color:var(--text-faint);font-size:1.25rem;cursor:pointer;padding:.25rem .5rem;border-radius:4px;transition:all .15s ease;flex-shrink:0}.session-delete:hover{color:#c44;background:#cc444414}.library-empty{text-align:center;padding:3rem 1rem;color:var(--text-faint);font-style:italic;font-size:.9375rem}.reader-intake{flex:1;overflow-y:auto;padding:2rem}.back-btn{display:inline-flex;align-items:center;gap:.375rem;background:transparent;border:1px solid var(--border-btn);color:var(--text-accent);padding:.5rem 1rem;border-radius:8px;cursor:pointer;font-size:.875rem;transition:all .2s ease;margin-bottom:2rem}.back-btn:hover{background:var(--bg-btn-hover);border-color:var(--border-btn-hover)}.intake-content{max-width:560px;margin:0 auto;text-align:center}.intake-icon{font-size:3.5rem;color:var(--text-accent);margin-bottom:1.5rem;font-weight:100}.intake-content h2{font-family:Georgia,serif;font-size:1.5rem;font-weight:400;color:var(--text-heading);margin-bottom:1rem;transition:color .3s ease}.intake-prompt{font-size:1.0625rem;color:var(--text-secondary);line-height:1.7;margin-bottom:.75rem;font-family:Georgia,serif;transition:color .3s ease}.intake-hint{font-size:.875rem;color:var(--text-faint);font-style:italic;margin-bottom:2rem;transition:color .3s ease}.intake-textarea{width:100%;padding:1.25rem;border:1px solid var(--border-medium);border-radius:12px;background:var(--bg-input-wrapper);color:var(--text-primary);font-family:Georgia,serif;font-size:1rem;line-height:1.6;resize:vertical;transition:all .2s ease;margin-bottom:1.5rem}.intake-textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-light)}.intake-textarea::placeholder{color:var(--text-faint);font-style:italic}.intake-submit{display:inline-flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,var(--accent-gradient-from),var(--accent-gradient-to));color:#fff;border:none;padding:.875rem 2rem;border-radius:10px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px var(--shadow-btn)}.intake-submit:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 16px var(--shadow-btn)}.intake-submit:disabled{opacity:.4;cursor:not-allowed;transform:none}.reader-error{color:#c44;font-size:.875rem;margin-bottom:1rem}.reader-generating{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;padding:2rem;text-align:center}.generating-animation{color:var(--text-accent)}.spin{animation:spin 1.5s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.reader-generating h2{font-family:Georgia,serif;font-size:1.375rem;font-weight:400;color:var(--text-heading);transition:color .3s ease}.generating-sub{font-size:.9375rem;color:var(--text-faint);font-style:italic;max-width:400px;line-height:1.6;transition:color .3s ease}.reader-topbar{display:flex;justify-content:space-between;align-items:center;padding:.75rem 2rem;border-bottom:1px solid var(--border-light);background:var(--bg-header);flex-shrink:0;transition:background .3s ease,border-color .3s ease}.topbar-right{display:flex;align-items:center;gap:.75rem}.toolbar-toggle{display:inline-flex;align-items:center;gap:.3rem;background:transparent;border:1px solid var(--border-btn);color:var(--text-accent);padding:.4rem .75rem;border-radius:7px;cursor:pointer;font-size:.8125rem;transition:all .2s ease}.toolbar-toggle:hover{background:var(--bg-btn-hover);border-color:var(--border-btn-hover)}.toolbar-toggle.active{background:var(--accent);color:var(--text-on-accent);border-color:var(--accent)}.toggle-label{font-size:.75rem;font-weight:500}.notes-badge{background:var(--accent);color:var(--text-on-accent);font-size:.625rem;font-weight:700;padding:.15rem .4rem;border-radius:10px;min-width:1.1rem;text-align:center;line-height:1}.chapter-indicator{font-size:.8125rem;color:var(--text-faint);font-style:italic;transition:color .3s ease}.reader-toolbar{display:flex;align-items:center;gap:1.25rem;padding:.75rem 2rem;background:var(--reader-toolbar-bg);border-bottom:1px solid var(--border-light);flex-shrink:0;animation:slideDown .2s ease-out;transition:background .3s ease,border-color .3s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.toolbar-section{display:flex;align-items:center;gap:.5rem}.toolbar-label{font-size:.75rem;font-weight:600;color:var(--text-faint);text-transform:uppercase;letter-spacing:.05em;transition:color .3s ease}.toolbar-hint{font-size:.75rem;color:var(--text-faint);font-style:italic;transition:color .3s ease}.toolbar-divider{width:1px;height:1.5rem;background:var(--border-medium);transition:background .3s ease}.font-selector{display:flex;gap:.375rem}.font-option{background:transparent;border:1px solid var(--border-btn);color:var(--text-muted);padding:.35rem .75rem;border-radius:6px;cursor:pointer;font-size:.8125rem;transition:all .15s ease}.font-option:hover{border-color:var(--border-btn-hover);color:var(--text-accent)}.font-option.active{background:var(--accent);color:var(--text-on-accent);border-color:var(--accent)}.size-controls{display:flex;align-items:center;gap:.5rem}.size-btn{background:transparent;border:1px solid var(--border-btn);color:var(--text-accent);padding:.3rem;border-radius:5px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.size-btn:hover:not(:disabled){background:var(--bg-btn-hover);border-color:var(--border-btn-hover)}.size-btn:disabled{opacity:.3;cursor:not-allowed}.size-value{font-size:.8125rem;color:var(--text-muted);font-weight:500;min-width:2.5rem;text-align:center;transition:color .3s ease}.reader-book-wrapper{flex:1;display:flex;overflow:hidden}.reader-book{flex:1;overflow-y:auto;padding:3rem 2rem;scroll-behavior:smooth}.reader-book::-webkit-scrollbar{width:6px}.reader-book::-webkit-scrollbar-track{background:transparent}.reader-book::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:3px}.reader-book::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}.chapter{max-width:680px;margin:0 auto;padding-bottom:2rem}.chapter-number{font-size:.75rem;font-weight:600;color:var(--text-faint);text-transform:uppercase;letter-spacing:.15em;margin-bottom:.75rem;transition:color .3s ease}.chapter-title{font-family:Georgia,serif;font-size:2rem;font-weight:400;color:var(--text-heading);line-height:1.3;margin-bottom:1.25rem;transition:color .3s ease}.chapter-epigraph{font-family:Georgia,serif;font-style:italic;color:var(--text-muted);border-left:3px solid var(--accent-light);padding:.75rem 1.25rem;margin-bottom:1.5rem;font-size:1rem;line-height:1.7;transition:color .3s ease,border-color .3s ease}.chapter-divider{text-align:center;color:var(--text-faint);font-size:.875rem;letter-spacing:.5em;margin-bottom:2.5rem;transition:color .3s ease}.chapter-content{color:var(--reader-chapter-text);line-height:1.9;text-align:justify;hyphens:auto;-webkit-hyphens:auto;transition:color .3s ease}.chapter-content p{margin-bottom:1.5em}.chapter-content p:first-of-type:first-letter{font-size:4rem;float:left;line-height:.8;padding-right:.15em;padding-top:.05em;font-family:Georgia,serif;font-weight:400;color:var(--drop-cap-color);background:linear-gradient(135deg,var(--drop-cap-color),var(--accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.chapter-content em{font-style:italic;color:var(--text-accent)}.chapter-content strong{font-weight:600;color:var(--text-heading)}.content-heading{font-family:Georgia,serif;font-size:1.375rem;font-weight:400;color:var(--text-heading);margin:2.5em 0 1em;padding-bottom:.5rem;border-bottom:1px solid var(--border-light);transition:color .3s ease,border-color .3s ease}.content-subheading{font-family:Georgia,serif;font-size:1.125rem;font-weight:500;color:var(--text-secondary);margin:2em 0 .75em;transition:color .3s ease}.content-quote{border-left:3px solid var(--accent);padding:1rem 1.5rem;margin:2em 0;background:var(--bg-source-card);border-radius:0 8px 8px 0;font-style:italic;color:var(--text-muted);line-height:1.7;transition:background .3s ease,color .3s ease,border-color .3s ease}.content-quote p{margin-bottom:.5em}.content-quote p:last-child{margin-bottom:0}.content-divider{text-align:center;color:var(--text-faint);font-size:1.25rem;letter-spacing:.75em;margin:2.5em 0;-webkit-user-select:none;user-select:none;transition:color .3s ease}.highlight-tooltip{position:absolute;z-index:100;display:flex;align-items:center;gap:.25rem;background:var(--tooltip-bg);padding:.35rem .5rem;border-radius:8px;box-shadow:0 4px 16px #0003;animation:tooltipIn .15s ease-out}@keyframes tooltipIn{0%{opacity:0;transform:translateY(4px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.ht-btn{background:transparent;border:none;color:var(--tooltip-text);padding:.35rem .5rem;border-radius:5px;cursor:pointer;display:flex;align-items:center;gap:.3rem;font-size:.75rem;transition:background .15s ease}.ht-btn:hover{background:#ffffff1f}.ht-close{opacity:.6}.ht-close:hover{opacity:1}.notes-panel{width:320px;flex-shrink:0;background:var(--notes-panel-bg);border-left:1px solid var(--border-light);display:flex;flex-direction:column;overflow:hidden;animation:slideIn .2s ease-out;transition:background .3s ease,border-color .3s ease}@keyframes slideIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.notes-panel-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;border-bottom:1px solid var(--border-light)}.notes-panel-header h3{font-family:Georgia,serif;font-size:1rem;font-weight:500;color:var(--text-heading);transition:color .3s ease}.notes-close{background:transparent;border:none;color:var(--text-faint);cursor:pointer;padding:.25rem;border-radius:4px;display:flex;align-items:center;transition:all .15s ease}.notes-close:hover{color:var(--text-accent);background:var(--bg-btn-hover)}.notes-panel-body{flex:1;overflow-y:auto;padding:1rem 1.25rem}.notes-empty{color:var(--text-faint);font-size:.875rem;font-style:italic;text-align:center;padding:2rem 0;transition:color .3s ease}.notes-section{margin-bottom:1.5rem}.notes-section h4{font-size:.75rem;font-weight:600;color:var(--text-faint);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.75rem;transition:color .3s ease}.note-item{background:var(--bg-message);border:1px solid var(--border-medium);border-radius:8px;padding:.75rem 1rem;margin-bottom:.625rem;position:relative}.note-item.highlight-only{border-left:3px solid var(--accent)}.note-highlight-text{font-size:.8125rem;color:var(--text-muted);font-style:italic;line-height:1.5;margin-bottom:.375rem;transition:color .3s ease}.note-content{font-size:.875rem;color:var(--text-primary);line-height:1.5;transition:color .3s ease}.note-delete{position:absolute;top:.375rem;right:.375rem;background:transparent;border:none;color:var(--text-faint);font-size:1rem;cursor:pointer;padding:.125rem .375rem;border-radius:3px;opacity:0;transition:all .15s ease}.note-item:hover .note-delete{opacity:1}.note-delete:hover{color:#c44;background:#cc444414}.chapter-actions{max-width:680px;margin:2rem auto 1.5rem;text-align:center}.continue-btn{display:inline-flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,var(--accent-gradient-from),var(--accent-gradient-to));color:#fff;border:none;padding:1rem 2.5rem;border-radius:10px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 12px var(--shadow-btn);font-family:Georgia,serif}.continue-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px var(--shadow-btn)}.continue-btn:active{transform:translateY(0)}.chapter-nav{max-width:680px;margin:0 auto 3rem;display:flex;justify-content:center;gap:.5rem}.chapter-nav-btn{width:2.25rem;height:2.25rem;border:1px solid var(--border-btn);border-radius:50%;background:transparent;color:var(--text-muted);font-size:.8125rem;font-weight:500;cursor:pointer;transition:all .15s ease;display:flex;align-items:center;justify-content:center}.chapter-nav-btn:hover{border-color:var(--accent);color:var(--text-accent)}.chapter-nav-btn.active{background:var(--accent);color:var(--text-on-accent);border-color:var(--accent)}.reader-dialogue{flex:1;display:flex;flex-direction:column;overflow:hidden}.dialogue-messages{flex:1;overflow-y:auto;padding:2rem}.dialogue-messages::-webkit-scrollbar{width:6px}.dialogue-messages::-webkit-scrollbar-track{background:transparent}.dialogue-messages::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:3px}.dialogue-msg{max-width:800px;margin:0 auto 1.5rem;display:flex;gap:1rem;animation:slideUp .3s ease-out}.dialogue-msg.user{flex-direction:row-reverse}.dialogue-avatar{font-size:1.5rem;color:var(--text-accent);flex-shrink:0;font-weight:100;line-height:1;-webkit-user-select:none;user-select:none}.dialogue-bubble{background:var(--bg-message);padding:1.25rem 1.5rem;border-radius:1rem;box-shadow:0 2px 8px var(--shadow-sm);line-height:1.7;color:var(--text-primary);font-size:1rem;max-width:80%;border:1px solid var(--border-message);transition:all .2s ease}.dialogue-msg.user .dialogue-bubble{background:linear-gradient(135deg,var(--bg-user-message-from),var(--bg-user-message-to));color:var(--text-on-user);border:none;box-shadow:0 2px 12px var(--shadow-user)}.dialogue-bubble p{margin-bottom:.75rem}.dialogue-bubble p:last-child{margin-bottom:0}.dialogue-bubble.contemplating{text-align:center;padding:1.5rem}.dialogue-bottom{padding:1rem 2rem 1.5rem;background:var(--bg-input-form);border-top:1px solid var(--border-light);flex-shrink:0;display:flex;flex-direction:column;gap:.75rem;transition:background .3s ease,border-color .3s ease}.next-chapter-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;background:transparent;border:1px solid var(--accent);color:var(--text-accent);padding:.625rem 1.25rem;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;align-self:center}.next-chapter-btn:hover{background:var(--accent);color:var(--text-on-accent);transform:translateY(-1px)}.dialogue-form{width:100%}.dialogue-input-wrapper{max-width:800px;margin:0 auto;display:flex;gap:.75rem;background:var(--bg-input-wrapper);border-radius:12px;padding:.5rem;box-shadow:0 2px 12px var(--shadow-input);border:1px solid var(--border-medium);transition:all .2s ease}.dialogue-input-wrapper:focus-within{box-shadow:0 4px 20px var(--shadow-input-focus);border-color:var(--scrollbar-thumb)}.dialogue-input-wrapper input{flex:1;border:none;outline:none;padding:.75rem 1rem;font-size:1rem;background:transparent;color:var(--text-input);font-family:Georgia,serif}.dialogue-input-wrapper input::placeholder{color:var(--text-faint);font-style:italic;opacity:.7}.dialogue-input-wrapper button{background:linear-gradient(135deg,var(--accent-gradient-from),var(--accent-gradient-to));border:none;color:#fff;padding:.75rem 1rem;border-radius:8px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px var(--shadow-btn)}.dialogue-input-wrapper button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px var(--shadow-btn)}.dialogue-input-wrapper button:disabled{opacity:.4;cursor:not-allowed;transform:none}@media(max-width:768px){.reader-library{padding:2rem 1.25rem}.reader-topbar{padding:.75rem 1.25rem}.reader-toolbar{padding:.75rem 1.25rem;flex-wrap:wrap;gap:.75rem}.reader-book{padding:2rem 1.25rem}.chapter-title{font-size:1.5rem}.chapter-content p:first-of-type:first-letter{font-size:3rem}.notes-panel{position:fixed;top:0;right:0;bottom:0;width:280px;z-index:50;box-shadow:-4px 0 20px #0000001a}.dialogue-messages{padding:1.5rem 1.25rem}.dialogue-bottom{padding:.75rem 1.25rem 1rem}}.app{width:100vw;max-width:100%;height:100vh;display:flex;flex-direction:column;background:var(--bg-app);transition:background .3s ease}.header{background:var(--bg-header);border-bottom:1px solid var(--border-light);padding:1.75rem 2.5rem;flex-shrink:0;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:background .3s ease,border-color .3s ease}.header-content{max-width:1100px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.logo{display:flex;align-items:center;gap:1rem}.symbol{font-size:2.25rem;color:var(--text-accent);font-weight:200;line-height:1;-webkit-user-select:none;user-select:none}.logo h1{color:var(--text-heading);font-size:1.5rem;font-weight:400;letter-spacing:.5px;font-family:Georgia,serif;transition:color .3s ease}.subtitle{font-size:.875rem;color:var(--text-muted);font-style:italic;font-weight:300;margin-left:.5rem;animation:fadeIn .8s ease-out;transition:color .3s ease}.header-actions{display:flex;align-items:center;gap:1rem}.mode-toggle{display:flex;gap:.5rem;background:var(--bg-toggle);padding:.25rem;border-radius:10px;border:1px solid var(--border-toggle);transition:background .3s ease,border-color .3s ease}.mode-btn{background:transparent;border:none;color:var(--text-accent);padding:.5rem 1rem;border-radius:7px;cursor:pointer;font-size:.813rem;font-weight:500;transition:all .2s cubic-bezier(.4,0,.2,1);white-space:nowrap;display:flex;align-items:center;gap:.4rem}.mode-btn.active{background:var(--bg-toggle-active);color:var(--text-on-accent);box-shadow:0 2px 4px var(--shadow-sm)}.mode-btn:not(.active):hover{background:var(--accent-hover)}.mode-btn:active{transform:scale(.98)}.model-toggle{display:flex;gap:.5rem;background:var(--bg-toggle);padding:.25rem;border-radius:10px;border:1px solid var(--border-toggle);transition:background .3s ease,border-color .3s ease}.model-btn{background:transparent;border:none;color:var(--text-accent);padding:.5rem 1rem;border-radius:7px;cursor:pointer;font-size:.813rem;font-weight:500;transition:all .2s cubic-bezier(.4,0,.2,1);white-space:nowrap}.model-btn.active{background:var(--accent);color:var(--text-on-accent);box-shadow:0 2px 4px var(--shadow-sm)}.model-btn:not(.active):hover{background:var(--accent-hover)}.model-btn:active{transform:scale(.98)}.theme-toggle-btn{background:transparent;border:1px solid var(--border-btn);color:var(--text-accent);padding:.625rem;border-radius:8px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center}.theme-toggle-btn:hover{background:var(--bg-btn-hover);border-color:var(--border-btn-hover);transform:scale(1.02)}.theme-toggle-btn:active{transform:scale(.98)}.clear-btn{background:transparent;border:1px solid var(--border-btn);color:var(--text-accent);padding:.625rem;border-radius:8px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center}.clear-btn:hover{background:var(--bg-btn-hover);border-color:var(--border-btn-hover);transform:scale(1.02)}.clear-btn:active{transform:scale(.98)}.clear-btn.just-cleared{background:#7a65501f;border-color:#7a655066;animation:clearPulse .5s ease-out}@keyframes clearPulse{0%{transform:rotate(0) scale(1)}25%{transform:rotate(-90deg) scale(1.1)}to{transform:rotate(-360deg) scale(1)}}.messages-container{flex:1;overflow-y:auto;overflow-x:hidden;padding:3rem 2rem;scroll-behavior:smooth}.messages-container::-webkit-scrollbar{width:6px}.messages-container::-webkit-scrollbar-track{background:transparent}.messages-container::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:3px}.messages-container::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}.welcome{max-width:700px;margin:0 auto;text-align:center;padding:6rem 2rem;animation:fadeIn .6s ease-out}.welcome-icon{font-size:4.5rem;margin-bottom:2.5rem;color:var(--text-accent);font-weight:100;line-height:1;opacity:.9}.welcome-text{font-size:1.375rem;font-style:italic;margin-bottom:1.25rem;line-height:1.8;color:var(--text-secondary);font-family:Georgia,serif;font-weight:400;transition:color .3s ease}.welcome-attribution{font-size:.9375rem;color:var(--text-muted);margin-bottom:2.5rem;font-weight:400;transition:color .3s ease}.welcome-subtext{font-size:.9375rem;color:var(--text-faint);font-style:italic;font-weight:300;transition:all .3s ease}.welcome.fresh-start{animation:freshStart .6s ease-out}.welcome.fresh-start .welcome-subtext{color:var(--text-accent);font-weight:400}@keyframes freshStart{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.message{max-width:900px;margin:0 auto 2.5rem;display:flex;gap:1.25rem;animation:slideUp .4s cubic-bezier(.4,0,.2,1)}.message.user{flex-direction:row-reverse}.avatar{font-size:2rem;color:var(--text-accent);flex-shrink:0;font-weight:100;line-height:1;-webkit-user-select:none;user-select:none;opacity:.85}.message-content{background:var(--bg-message);padding:1.5rem 1.75rem;border-radius:1rem;box-shadow:0 2px 8px var(--shadow-sm);line-height:1.7;color:var(--text-primary);font-size:1.0625rem;max-width:85%;border:1px solid var(--border-message);transition:all .2s ease}.message.user .message-content{background:linear-gradient(135deg,var(--bg-user-message-from),var(--bg-user-message-to));color:var(--text-on-user);box-shadow:0 2px 12px var(--shadow-user);border:none}.message-content:hover{box-shadow:0 4px 16px var(--shadow-md)}.message-content p{margin-bottom:1rem}.message-content p:last-child{margin-bottom:0}.contemplating{padding:2rem;text-align:center}.contemplation{font-style:italic;color:var(--text-faint);font-size:.9375rem;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.4}50%{opacity:.8}}.sources{margin-top:1.75rem;padding-top:1.75rem;border-top:1px solid var(--border-medium)}.sources-header{margin-bottom:1rem;font-size:.875rem;font-weight:500;color:var(--text-accent);font-style:italic;text-transform:lowercase}.sources-list{display:flex;flex-direction:column;gap:.875rem}.source-card{background:var(--bg-source-card);padding:1rem 1.25rem;border-radius:8px;border-left:2px solid var(--border-source);transition:all .2s ease}.source-card:hover{background:var(--bg-source-card-hover);transform:translate(2px)}.source-title{font-weight:500;font-size:.875rem;margin-bottom:.5rem;color:var(--text-heading);transition:color .3s ease}.source-snippet{font-size:.8125rem;color:var(--text-muted);font-style:italic;line-height:1.6;transition:color .3s ease}.input-form{padding:1.5rem 2rem 2rem;background:var(--bg-input-form);border-top:1px solid var(--border-light);flex-shrink:0;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:background .3s ease,border-color .3s ease}.input-wrapper{max-width:900px;margin:0 auto;display:flex;gap:.75rem;background:var(--bg-input-wrapper);border-radius:12px;padding:.5rem;box-shadow:0 2px 12px var(--shadow-input);border:1px solid var(--border-medium);transition:all .2s ease}.input-wrapper:focus-within{box-shadow:0 4px 20px var(--shadow-input-focus);border-color:var(--scrollbar-thumb)}.input-wrapper input{flex:1;border:none;outline:none;padding:.875rem 1rem;font-size:1rem;background:transparent;color:var(--text-input);font-family:Georgia,serif}.input-wrapper input::placeholder{color:var(--text-faint);font-style:italic;opacity:.7}.input-wrapper button{background:linear-gradient(135deg,var(--accent-gradient-from),var(--accent-gradient-to));border:none;color:#fff;padding:.875rem 1.25rem;border-radius:8px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px var(--shadow-btn)}.input-wrapper button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px var(--shadow-btn)}.input-wrapper button:active:not(:disabled){transform:translateY(0)}.input-wrapper button:disabled{opacity:.4;cursor:not-allowed;transform:none}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.header{padding:1.25rem 1.5rem}.header-content{flex-wrap:wrap;gap:.75rem}.header-actions{flex-wrap:wrap;gap:.5rem}.messages-container{padding:2rem 1.25rem}.message-content{max-width:90%;font-size:1rem}.welcome{padding:4rem 1.5rem}.welcome-text{font-size:1.125rem}.input-form{padding:1rem 1rem 1.25rem}}