@import "https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400;0,500;0,600;1,400;1,500&family=Inter:wght@400;500;600&display=swap";:root{--surface:#faf6f0;--bg:#f3ede3;--primary:#4a3e3d;--on-primary:#faf6f0;--secondary:#8c7a6b;--tertiary:#c2a882;--on-surface:#2e2420;--surface-variant:#ede8df;--divider:#ddd7ce;--error:#8b4a3d;--bg-color:var(--surface);--text-color:var(--on-surface);--text-secondary:var(--secondary);--border-color:var(--divider);--font-serif:"Lora", Georgia, serif;--font-ui:"Inter", system-ui, sans-serif;--content-width:65ch;--header-height:56px;--sp-xs:.25rem;--sp-sm:.5rem;--sp-md:1rem;--sp-lg:1.5rem;--sp-xl:2.5rem;--sp-2xl:4rem;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-pill:3rem;--ease-slow:.4s ease-in-out;--ease-fast:.2s ease}@media (prefers-color-scheme:dark){:root{--surface:#1e232a;--bg:#191e24;--primary:#e2dcd5;--on-primary:#1e232a;--secondary:#aaa39a;--tertiary:#b89a6e;--on-surface:#eae4dc;--surface-variant:#272d35;--divider:#2e3540;--error:#cf8a7e;--bg-color:var(--surface);--text-color:var(--on-surface);--text-secondary:var(--secondary);--border-color:var(--divider)}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth;font-size:16px}body{background-color:var(--bg-color);color:var(--text-color);font-family:var(--font-serif);transition:background-color var(--ease-slow), color var(--ease-slow);min-height:100vh;font-size:1rem;line-height:1.65}#root{flex-direction:column;min-height:100vh;display:flex}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit;line-height:1}a{color:inherit;text-decoration:none}h1,h2,h3,h4,h5,h6{font-family:var(--font-serif);color:var(--text-color);font-weight:500;line-height:1.27}.app-layout{background-color:var(--bg-color);flex-direction:column;min-height:100vh;display:flex}.app-body{flex:1;min-width:0;min-height:0;display:flex}.app-center{flex-direction:column;flex:1;min-width:0;min-height:100vh;display:flex}.app-header-inner,.app-main-inner{width:100%;max-width:var(--content-width);padding:0 var(--sp-md);margin:0 auto}.app-header-inner--wide{max-width:none}.app-header-left{align-items:center;gap:var(--sp-xs);min-width:0;display:flex}.app-wordmark-block{min-width:0;color:inherit;flex-direction:column;text-decoration:none;display:flex}.app-wordmark-sub{font-family:var(--font-ui);letter-spacing:.04em;color:var(--primary);white-space:nowrap;text-overflow:ellipsis;max-width:14rem;margin-top:-.1rem;font-size:.65rem;font-weight:600;line-height:1.2;overflow:hidden}.header-btn--active{color:var(--primary);background-color:color-mix(in srgb, var(--on-surface) 8%, transparent)}.app-header{z-index:100;background-color:var(--bg-color);border-bottom:.5px solid var(--border-color);transition:background-color var(--ease-slow);-webkit-backdrop-filter:blur(8px);background-color:color-mix(in srgb, var(--bg-color) 90%, transparent);position:sticky;top:0}.app-header-inner{height:var(--header-height);justify-content:space-between;align-items:center;gap:var(--sp-md);display:flex}.app-wordmark{font-family:var(--font-serif);letter-spacing:-.02em;color:var(--text-color);transition:opacity var(--ease-fast);font-size:1.2rem;font-weight:500;text-decoration:none}.app-wordmark:hover{opacity:.7}.header-actions{align-items:center;gap:var(--sp-xs);display:flex}.header-btn{border-radius:var(--radius-sm);width:36px;height:36px;color:var(--text-secondary);transition:color var(--ease-fast), background-color var(--ease-fast);justify-content:center;align-items:center;display:flex;position:relative}.header-btn:hover{color:var(--text-color);background-color:color-mix(in srgb, var(--on-surface) 6%, transparent)}.sync-status{font-family:var(--font-ui);letter-spacing:.03em;color:var(--text-secondary);background-color:var(--surface-variant);border:.5px solid var(--border-color);border-radius:var(--radius-pill);margin-right:var(--sp-xs);white-space:nowrap;transition:color var(--ease-fast), background-color var(--ease-fast);align-items:center;gap:.35rem;padding:.25rem .65rem;font-size:.7rem;font-weight:500;display:inline-flex}button.sync-status:hover{color:var(--text-color);background-color:color-mix(in srgb, var(--on-surface) 8%, transparent)}.sync-status--offline{color:var(--tertiary)}.app-main{flex-direction:column;flex:1;display:flex}.app-main-inner{padding-top:var(--sp-md);flex:1;padding-bottom:6rem}.auth-gate-container{text-align:center;min-height:100vh;padding:var(--sp-xl) var(--sp-md);background-color:var(--bg-color);flex-direction:column;justify-content:center;align-items:center;display:flex}.auth-gate-logo{font-family:var(--font-serif);letter-spacing:-.04em;color:var(--text-color);margin-bottom:var(--sp-sm);font-size:3rem;font-weight:400}.auth-gate-tagline{font-family:var(--font-serif);color:var(--text-secondary);margin-bottom:var(--sp-xl);font-size:1.05rem;font-style:italic}.sign-in-button{background-color:var(--on-surface);color:var(--bg-color);font-family:var(--font-ui);letter-spacing:.01em;border-radius:var(--radius-md);cursor:pointer;transition:opacity var(--ease-fast), transform var(--ease-fast);border:none;align-items:center;gap:.625rem;padding:.75rem 1.75rem;font-size:.9rem;font-weight:500;display:inline-flex}.sign-in-button:hover{opacity:.88;transform:translateY(-1px)}.sign-in-button:active{transform:translateY(0)}.sign-in-button svg{width:18px;height:18px}.auth-gate-loading{font-family:var(--font-serif);color:var(--text-secondary);font-size:1rem;font-style:italic}.error-message{margin-top:var(--sp-md);font-size:.9rem;color:var(--error)!important}.timeline-root{--rail-x:1.5rem;--rail-gap:1.25rem;padding-left:calc(var(--rail-x) + var(--rail-gap));position:relative}.timeline-rail{top:0;bottom:0;left:var(--rail-x);background-color:color-mix(in srgb, var(--on-surface) 10%, transparent);z-index:0;width:1px;position:absolute}.timeline-group{margin-bottom:var(--sp-xl);position:relative}.timeline-header{top:var(--header-height);z-index:10;padding:var(--sp-lg) 0 var(--sp-sm);background-color:var(--bg-color);transition:background-color var(--ease-slow), left var(--ease-slow);position:sticky}@media (width>=1024px){.timeline-header{left:calc(-1 * var(--rail-gap) - 6.5rem);width:6rem;padding:var(--sp-lg) 0 var(--sp-sm);background:0 0;position:sticky}.timeline-header-label{text-align:right;background:0 0;padding-right:0;display:block}}.timeline-header-label{font-family:var(--font-ui);letter-spacing:.12em;text-transform:uppercase;color:color-mix(in srgb, var(--on-surface) 42%, transparent);background-color:var(--bg-color);padding-right:var(--sp-md);font-size:.7rem;font-weight:600;display:inline-block}.timeline-entries{flex-direction:column;display:flex}.timeline-entry{position:relative}.timeline-dot{left:calc(-1 * var(--rail-gap) - 5.5px);background-color:var(--bg-color);border:1.5px solid color-mix(in srgb, var(--on-surface) 42%, transparent);z-index:2;box-sizing:content-box;width:8px;height:8px;transition:border-color var(--ease-fast), transform var(--ease-fast);border-radius:50%;position:absolute;top:1.25rem}.timeline-entry:hover .timeline-dot{border-color:var(--primary);transform:scale(1.15)}.entry-card-link{color:var(--text-color);text-decoration:none;display:block}.entry-card{padding:var(--sp-md) var(--sp-sm) var(--sp-md) 0;border-bottom:.5px solid var(--border-color);transition:background-color var(--ease-fast);background-color:#0000}.entry-card-link:hover .entry-card{background-color:color-mix(in srgb, var(--on-surface) 3%, transparent)}.entry-title{font-family:var(--font-serif);letter-spacing:.01em;transition:color var(--ease-fast);white-space:nowrap;text-overflow:ellipsis;margin-bottom:.2rem;font-size:1rem;font-weight:500;line-height:1.4;overflow:hidden}.entry-title--untitled{color:color-mix(in srgb, var(--on-surface) 35%, transparent);font-weight:400}.entry-preview{font-family:var(--font-serif);color:color-mix(in srgb, var(--on-surface) 62%, transparent);-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;margin-top:.15rem;font-size:.9375rem;line-height:1.6;display:-webkit-box;overflow:hidden;-webkit-mask-image:linear-gradient(#000 50%,#0000 100%);mask-image:linear-gradient(#000 50%,#0000 100%)}.entry-meta{align-items:center;gap:var(--sp-sm);margin-top:var(--sp-sm);font-family:var(--font-ui);letter-spacing:.04em;color:color-mix(in srgb, var(--secondary) 80%, transparent);font-size:.7rem;font-weight:500;display:flex}.entry-meta-dot{opacity:.5;background-color:currentColor;border-radius:50%;width:2px;height:2px}.state-chip{font-family:var(--font-ui);letter-spacing:.06em;text-transform:uppercase;color:var(--tertiary);font-size:.65rem;font-style:italic;font-weight:600}.empty-state{text-align:center;padding:var(--sp-2xl) var(--sp-md);justify-content:center;align-items:center;gap:var(--sp-sm);flex-direction:column;min-height:50vh;display:flex}.empty-state-text{font-family:var(--font-serif);color:var(--text-secondary);font-size:1rem;font-style:italic}.entry-view{padding-top:var(--sp-md)}.entry-view-topbar{margin-bottom:var(--sp-lg);justify-content:space-between;align-items:center;display:flex}.entry-view-back-btn{font-family:var(--font-ui);color:var(--text-secondary);padding:var(--sp-xs) var(--sp-sm);margin-left:calc(-1 * var(--sp-sm));border-radius:var(--radius-sm);transition:color var(--ease-fast), background-color var(--ease-fast);align-items:center;gap:.2rem;font-size:.875rem;font-weight:500;display:flex}.entry-view-back-btn:hover{color:var(--text-color);background-color:color-mix(in srgb, var(--on-surface) 6%, transparent)}.entry-view-history-btn{align-items:center;gap:var(--sp-xs);font-family:var(--font-ui);color:var(--text-secondary);padding:var(--sp-xs) var(--sp-sm);border-radius:var(--radius-sm);transition:color var(--ease-fast), background-color var(--ease-fast);font-size:.8rem;font-weight:500;display:flex}.entry-view-history-btn:hover{color:var(--text-color);background-color:color-mix(in srgb, var(--on-surface) 6%, transparent)}.entry-title-row{align-items:flex-start;gap:var(--sp-sm);margin-bottom:var(--sp-xs);display:flex}.entry-title-input{min-width:0;font-family:var(--font-serif);letter-spacing:-.01em;color:var(--text-color);caret-color:var(--primary);background:0 0;border:none;outline:none;flex:1;padding:.15rem 0;font-size:1.75rem;font-weight:500}.entry-title-input::placeholder{color:color-mix(in srgb, var(--on-surface) 35%, transparent);font-weight:400}.sparkle-btn{border-radius:var(--radius-sm);width:32px;height:32px;color:var(--tertiary);transition:background-color var(--ease-fast), opacity var(--ease-fast);flex-shrink:0;justify-content:center;align-items:center;margin-top:.3rem;display:flex}.sparkle-btn:hover:not(:disabled){background-color:color-mix(in srgb, var(--tertiary) 12%, transparent)}.sparkle-btn:disabled{opacity:.35;cursor:not-allowed}.sparkle-spinner{border:1.5px solid color-mix(in srgb, var(--tertiary) 35%, transparent);border-top-color:var(--tertiary);border-radius:50%;width:14px;height:14px;animation:.7s linear infinite sparkle-spin}@keyframes sparkle-spin{to{transform:rotate(360deg)}}.entry-view-date{font-family:var(--font-ui);letter-spacing:.1em;text-transform:uppercase;color:color-mix(in srgb, var(--secondary) 80%, transparent);margin-bottom:var(--sp-lg);font-size:.75rem;font-weight:600}.entry-view-layout{display:block}.entry-view-editor{min-width:0}.entry-textarea{width:100%;min-height:60vh;color:var(--text-color);font-family:var(--font-serif);resize:none;caret-color:var(--primary);background:0 0;border:none;outline:none;font-size:1.0625rem;line-height:1.8}.entry-textarea::placeholder{color:color-mix(in srgb, var(--secondary) 60%, transparent);font-style:italic}.entry-image-grid{gap:var(--sp-sm);margin-top:var(--sp-lg);grid-template-columns:repeat(auto-fill,minmax(140px,1fr));display:grid}.entry-image{aspect-ratio:1;object-fit:cover;border-radius:var(--radius-md);background-color:var(--surface-variant);width:100%}.history-drawer-backdrop{z-index:200;animation:overlay-in var(--ease-fast) both;background-color:#00000047;position:fixed;inset:0}.history-drawer{background-color:var(--bg-color);width:min(320px,88vw);box-shadow:-12px 0 40px color-mix(in srgb, var(--on-surface) 16%, transparent);z-index:201;padding:var(--sp-lg);animation:drawer-in var(--ease-slow) both;flex-direction:column;display:flex;position:fixed;top:0;bottom:0;right:0}@keyframes drawer-in{0%{transform:translate(100%)}to{transform:translate(0)}}.history-drawer-header{margin-bottom:var(--sp-sm);justify-content:space-between;align-items:center;display:flex}.history-drawer-close{border-radius:var(--radius-sm);width:28px;height:28px;color:var(--text-secondary);transition:color var(--ease-fast), background-color var(--ease-fast);justify-content:center;align-items:center;display:flex}.history-drawer-close:hover{color:var(--text-color);background-color:color-mix(in srgb, var(--on-surface) 6%, transparent)}.history-drawer-body{flex:1;overflow-y:auto}.history-sidebar-title{font-family:var(--font-ui);letter-spacing:.1em;text-transform:uppercase;color:var(--text-secondary);margin-bottom:var(--sp-md);font-size:.75rem;font-weight:600}.history-item{padding:var(--sp-sm) 0;border-bottom:.5px solid var(--border-color);font-size:.8rem}.history-item:last-child{border-bottom:none}.history-item-time{font-family:var(--font-ui);color:var(--text-color);font-weight:500}.history-item-time--past{color:var(--text-secondary)}.history-item-meta{font-family:var(--font-ui);color:var(--text-secondary);margin-top:.15rem;font-size:.75rem}.history-item-toggle{text-align:left;border-radius:var(--radius-sm);width:100%;transition:background-color var(--ease-fast);margin:-.15rem -.25rem;padding:.15rem .25rem;display:block}.history-item-toggle:hover{background-color:color-mix(in srgb, var(--on-surface) 5%, transparent)}.history-item-detail{margin-top:var(--sp-sm);padding:var(--sp-sm) var(--sp-md);background-color:var(--surface-variant);border-radius:var(--radius-sm)}.history-item-detail-title{font-family:var(--font-serif);color:var(--text-color);margin-bottom:var(--sp-xs);font-size:.85rem;font-weight:600}.history-item-detail-text{font-family:var(--font-serif);color:color-mix(in srgb, var(--on-surface) 75%, transparent);white-space:pre-wrap;max-height:10rem;font-size:.8125rem;line-height:1.6;overflow-y:auto}.history-restore-btn{margin-top:var(--sp-sm);font-family:var(--font-ui);color:var(--primary);border-radius:var(--radius-sm);transition:background-color var(--ease-fast);align-items:center;gap:.3rem;margin-left:-.5rem;padding:.25rem .5rem;font-size:.75rem;font-weight:500;display:inline-flex}.history-restore-btn:hover{background-color:color-mix(in srgb, var(--on-surface) 7%, transparent)}.settings-page{max-width:560px;padding-top:var(--sp-lg);margin:0 auto}.settings-page-back-btn{font-family:var(--font-ui);color:var(--text-secondary);padding:var(--sp-xs) var(--sp-sm);margin-left:calc(-1 * var(--sp-sm));margin-bottom:var(--sp-lg);border-radius:var(--radius-sm);transition:color var(--ease-fast), background-color var(--ease-fast);align-items:center;gap:.2rem;font-size:.875rem;font-weight:500;display:inline-flex}.settings-page-back-btn:hover{color:var(--text-color);background-color:color-mix(in srgb, var(--on-surface) 6%, transparent)}.settings-page-title{font-family:var(--font-serif);color:var(--text-color);margin-bottom:var(--sp-xl);font-size:1.5rem;font-weight:400}.settings-section{margin-bottom:var(--sp-xl)}.settings-section-title{font-family:var(--font-ui);letter-spacing:.12em;text-transform:uppercase;color:color-mix(in srgb, var(--secondary) 80%, transparent);margin-bottom:var(--sp-md);padding-bottom:var(--sp-sm);border-bottom:.5px solid var(--border-color);font-size:.7rem;font-weight:600}.settings-row{justify-content:space-between;align-items:center;gap:var(--sp-md);padding:var(--sp-md) 0;border-bottom:.5px solid color-mix(in srgb, var(--border-color) 50%, transparent);display:flex}.settings-row:last-child{border-bottom:none}.settings-row-label{font-family:var(--font-serif);color:var(--text-color);flex:1;font-size:.9375rem;font-weight:500}.settings-row-sublabel{font-family:var(--font-serif);color:var(--text-secondary);margin-top:.15rem;font-size:.8125rem;font-style:italic}.btn{justify-content:center;align-items:center;gap:var(--sp-xs);font-family:var(--font-ui);letter-spacing:.01em;border-radius:var(--radius-md);cursor:pointer;transition:opacity var(--ease-fast), transform var(--ease-fast), background-color var(--ease-fast);white-space:nowrap;border:none;padding:.5rem 1rem;font-size:.8rem;font-weight:500;display:inline-flex}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-primary{background-color:var(--on-surface);color:var(--bg-color)}.btn-primary:hover:not(:disabled){opacity:.88}.btn-outline{color:var(--text-color);border:.5px solid var(--border-color);background-color:#0000}.btn-outline:hover:not(:disabled){background-color:color-mix(in srgb, var(--on-surface) 5%, transparent)}.btn-outline--active{background-color:var(--on-surface);color:var(--bg-color);border-color:var(--on-surface)}.btn-danger{color:var(--error);background:0 0;padding:0;font-size:.875rem;text-decoration:underline}.fab-pill{bottom:var(--sp-xl);right:var(--sp-xl);-webkit-backdrop-filter:blur(24px);z-index:50;width:56px;transition:box-shadow var(--ease-fast), right var(--ease-slow);background:linear-gradient(135deg,#ffffff8c 0%,#ffffff38 100%);border:1px solid #ffffffa6;border-radius:28px;flex-direction:column;align-items:center;gap:6px;padding:6px 4px;display:flex;position:fixed;box-shadow:0 3px 12px #0000001f}.fab-pill:hover{box-shadow:0 6px 20px #00000029}.fab-btn{cursor:pointer;width:48px;height:48px;transition:background-color var(--ease-fast), transform var(--ease-fast), color var(--ease-fast);color:var(--text-secondary);background-color:#0000;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex}.fab-btn:hover{background-color:color-mix(in srgb, var(--on-surface) 8%, transparent);color:var(--text-color)}.fab-btn--active{color:var(--primary);background-color:color-mix(in srgb, var(--on-surface) 8%, transparent)}.fab-btn--mic{background-color:var(--primary);color:var(--on-primary);width:48px;height:48px}.fab-btn--mic:hover{background-color:var(--primary);color:var(--on-primary);opacity:.92;transform:none}.fab-btn--recording{background-color:var(--error);color:#fff;animation:1.5s ease-in-out infinite pulse-recording}.fab-btn--recording:hover{background-color:var(--error);color:#fff;opacity:1}@keyframes pulse-recording{0%,to{box-shadow:0 0 0 0 color-mix(in srgb, var(--error) 40%, transparent)}50%{box-shadow:0 0 0 8px #0000}}@media (prefers-color-scheme:dark){.fab-pill{background:linear-gradient(135deg,#ffffff29 0%,#ffffff0a 100%);border-color:#fff3;box-shadow:0 8px 24px #0000008c}.fab-pill:hover{box-shadow:0 10px 28px #0009}}.rec-overlay{-webkit-backdrop-filter:blur(4px);z-index:1100;animation:overlay-in var(--ease-fast) both;background-color:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.rec-card{background-color:var(--bg-color);border-radius:var(--radius-lg);width:100%;max-width:380px;padding:var(--sp-2xl) var(--sp-xl);animation:modal-in var(--ease-slow) both;flex-direction:column;align-items:center;display:flex;box-shadow:0 24px 64px #00000052}.rec-visualizer{justify-content:center;align-items:center;width:132px;height:132px;display:flex;position:relative}.rec-ring{background-color:var(--primary);border-radius:50%;transition:transform .12s ease-out,opacity .12s ease-out;position:absolute;inset:0}.rec-ring--outer{background-color:var(--tertiary)}.rec-stop-btn{z-index:1;background-color:var(--error);color:#fff;width:76px;height:76px;transition:transform var(--ease-fast);border-radius:50%;justify-content:center;align-items:center;display:flex;position:relative}.rec-stop-btn:hover{transform:scale(1.05)}.rec-timer{margin-top:var(--sp-lg);font-family:var(--font-serif);color:var(--text-color);font-variant-numeric:tabular-nums;font-size:2rem;font-weight:400}.rec-caption{margin-top:var(--sp-xs);font-family:var(--font-ui);color:var(--text-secondary);font-size:.8rem}.rec-caption--lg{margin-top:var(--sp-lg);font-size:.9375rem}.rec-controls-row{justify-content:center;align-items:center;gap:var(--sp-lg);margin-top:var(--sp-xl);min-height:32px;display:flex}.rec-text-btn{font-family:var(--font-ui);color:var(--primary);align-items:center;gap:.35rem;font-size:.8125rem;font-weight:500;display:inline-flex}.rec-text-btn--danger{color:var(--error)}.rec-discard-confirm{align-items:center;gap:var(--sp-sm);font-family:var(--font-ui);color:var(--text-secondary);font-size:.8125rem;display:flex}.rec-bars{align-items:center;gap:4px;height:28px;display:flex}.rec-bars span{background-color:var(--primary);border-radius:2px;width:4px;height:10px;animation:.9s ease-in-out infinite rec-bar-bounce;display:block}.rec-bars span:nth-child(2){animation-delay:.1s}.rec-bars span:nth-child(3){animation-delay:.2s}.rec-bars span:nth-child(4){animation-delay:.3s}.rec-bars span:nth-child(5){animation-delay:.4s}@keyframes rec-bar-bounce{0%,to{opacity:.5;height:8px}50%{opacity:1;height:26px}}.rec-pill-btn{align-items:center;gap:var(--sp-xs);margin-top:var(--sp-lg);border-radius:var(--radius-pill);background-color:var(--surface-variant);border:.5px solid var(--border-color);color:var(--primary);font-family:var(--font-ui);padding:.55rem 1.1rem;font-size:.8rem;font-weight:500;display:inline-flex}.rec-done{flex-direction:column;align-items:flex-start;width:100%;display:flex}.rec-done-label{font-family:var(--font-ui);letter-spacing:.1em;text-transform:uppercase;color:color-mix(in srgb, var(--on-surface) 45%, transparent);margin-bottom:var(--sp-md);font-size:.7rem;font-weight:600}.rec-done-text{font-family:var(--font-serif);color:var(--text-color);max-height:12rem;font-size:.9375rem;line-height:1.7;overflow-y:auto}.rec-done-actions{justify-content:flex-end;gap:var(--sp-sm);margin-top:var(--sp-xl);width:100%;display:flex}.rec-error-icon{color:var(--error);opacity:.8;margin:0 auto var(--sp-md)}.ask-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);animation:overlay-in var(--ease-fast) both;background-color:#00000073;justify-content:center;align-items:flex-start;padding-top:10vh;display:flex;position:fixed;inset:0}@keyframes overlay-in{0%{opacity:0}to{opacity:1}}.ask-modal{background-color:var(--bg-color);border-radius:var(--radius-lg);width:100%;max-width:600px;max-height:80vh;animation:modal-in var(--ease-slow) both;border:.5px solid var(--border-color);flex-direction:column;display:flex;overflow:hidden;box-shadow:0 24px 64px #00000047}@keyframes modal-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.ask-modal-search-row{align-items:center;gap:var(--sp-sm);padding:var(--sp-md) var(--sp-lg);border-bottom:.5px solid var(--border-color);display:flex}.ask-modal-search-icon{color:var(--text-secondary);flex-shrink:0}.ask-modal-input{font-family:var(--font-serif);color:var(--text-color);background:0 0;border:none;outline:none;flex:1;min-width:0;font-size:1.05rem}.ask-modal-input::placeholder{color:color-mix(in srgb, var(--secondary) 65%, transparent);font-style:italic}.ask-modal-body{padding:var(--sp-md) var(--sp-lg);gap:var(--sp-md);flex-direction:column;flex:1;display:flex;overflow-y:auto}.ask-modal-footer{padding:var(--sp-sm) var(--sp-lg);border-top:.5px solid var(--border-color);justify-content:flex-end;align-items:center;gap:var(--sp-sm);display:flex}.mirror-response{background-color:var(--surface-variant);border-radius:var(--radius-md);padding:var(--sp-md) var(--sp-lg)}.mirror-response-label{font-family:var(--font-ui);letter-spacing:.1em;text-transform:uppercase;color:var(--tertiary);margin-bottom:var(--sp-sm);font-size:.65rem;font-weight:600}.mirror-response-grounding{font-family:var(--font-ui);color:var(--text-secondary);margin-bottom:var(--sp-sm);font-size:.75rem;font-style:italic}.mirror-error{font-family:var(--font-serif);color:var(--error);padding:var(--sp-sm) var(--sp-md);border:.5px solid color-mix(in srgb, var(--error) 35%, transparent);border-radius:var(--radius-md);background-color:color-mix(in srgb, var(--error) 6%, transparent);font-size:.9rem;font-style:italic}.mirror-response-text{font-family:var(--font-serif);color:var(--text-color);white-space:pre-wrap;font-size:.9375rem;line-height:1.7}.mirror-response-hint{margin-top:var(--sp-md);justify-content:space-between;align-items:center;display:flex}.mirror-response-hint-text{font-family:var(--font-ui);color:var(--text-secondary);font-size:.75rem;font-style:italic}.search-results-label{font-family:var(--font-ui);letter-spacing:.1em;text-transform:uppercase;color:var(--text-secondary);margin-bottom:var(--sp-sm);font-size:.7rem;font-weight:600}.search-result-item{padding:var(--sp-sm) var(--sp-md);border-radius:var(--radius-sm);border:.5px solid var(--border-color);cursor:pointer;transition:background-color var(--ease-fast), border-color var(--ease-fast)}.search-result-item:hover{background-color:var(--surface-variant);border-color:var(--secondary)}.search-result-head{justify-content:space-between;align-items:baseline;gap:var(--sp-sm);margin-bottom:.15rem;display:flex}.search-result-title{font-family:var(--font-serif);color:var(--text-color);white-space:nowrap;text-overflow:ellipsis;font-size:.875rem;font-weight:600;overflow:hidden}.search-result-title--untitled{color:color-mix(in srgb, var(--on-surface) 40%, transparent);font-weight:400}.search-result-date{font-family:var(--font-ui);letter-spacing:.04em;color:var(--text-secondary);flex-shrink:0;font-size:.68rem;font-weight:500}.search-result-preview{font-family:var(--font-serif);color:var(--text-color);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;font-size:.875rem;line-height:1.55;display:-webkit-box;overflow:hidden}.ask-hint-empty{font-family:var(--font-serif);color:var(--text-secondary);text-align:center;padding:var(--sp-xl) 0;font-size:.9375rem;font-style:italic}.kbd{font-family:var(--font-ui);letter-spacing:.02em;color:var(--text-secondary);background-color:var(--surface-variant);border:.5px solid var(--border-color);border-radius:4px;align-items:center;padding:.1rem .35rem;font-size:.65rem;font-weight:600;display:inline-flex}.citation-chip{background-color:color-mix(in srgb, var(--tertiary) 20%, transparent);min-width:1.1rem;height:1.1rem;color:var(--tertiary);font-family:var(--font-ui);vertical-align:middle;transition:background-color var(--ease-fast);border-radius:999px;justify-content:center;align-items:center;margin:0 .1rem;padding:0 .3rem;font-size:.65rem;font-weight:600;display:inline-flex}.citation-chip:hover{background-color:color-mix(in srgb, var(--tertiary) 32%, transparent)}.search-page{padding-top:var(--sp-md)}.search-page-title{font-family:var(--font-serif);color:var(--text-color);margin-bottom:var(--sp-lg);font-size:1.5rem;font-weight:400}.search-page-panel{background-color:var(--surface);border-radius:var(--radius-lg);border:.5px solid var(--border-color);flex-direction:column;min-height:50vh;display:flex;overflow:hidden}.loading-text{font-family:var(--font-serif);color:var(--text-secondary);text-align:center;padding:var(--sp-xl);font-style:italic}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:color-mix(in srgb, var(--secondary) 40%, transparent);border-radius:2px}::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb, var(--secondary) 60%, transparent)}:focus-visible{outline:2px solid var(--primary);outline-offset:2px}input:focus,input:focus-visible,textarea:focus,textarea:focus-visible{box-shadow:none;border:none;outline:none}input,textarea{outline:none}.sidebar-backdrop{z-index:180;opacity:0;pointer-events:none;transition:opacity var(--ease-slow);background-color:#00000047;position:fixed;inset:0}.sidebar-backdrop.is-open{opacity:1;pointer-events:auto}.chapters-sidebar{background-color:var(--bg-color);border-right:.5px solid var(--border-color);z-index:90;flex-direction:column;display:flex}.chapters-sidebar--rail{--sidebar-w:240px;width:0;min-width:0;height:100vh;transition:width var(--ease-slow), min-width var(--ease-slow), border-color var(--ease-slow);border-right-color:#0000;flex-shrink:0;position:sticky;top:0;overflow:hidden}.chapters-sidebar--rail.is-open{width:var(--sidebar-w);min-width:var(--sidebar-w);border-right-color:var(--border-color)}.chapters-sidebar--rail .chapters-sidebar-inner{width:var(--sidebar-w);opacity:.6;transition:transform var(--ease-slow), opacity var(--ease-slow);transform:translate(-12px)}.chapters-sidebar--rail.is-open .chapters-sidebar-inner{opacity:1;transform:translate(0)}.chapters-sidebar--drawer{z-index:190;width:min(280px,86vw);box-shadow:12px 0 40px color-mix(in srgb, var(--on-surface) 16%, transparent);pointer-events:none;transition:transform var(--ease-slow);position:fixed;top:0;bottom:0;left:0;transform:translate(-100%)}.chapters-sidebar--drawer.is-open{pointer-events:auto;transform:translate(0)}.chapters-sidebar-inner{flex-direction:column;height:100%;min-height:0;display:flex}.chapters-sidebar-header{padding:var(--sp-lg) var(--sp-md) var(--sp-md);flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.chapters-sidebar-title{font-family:var(--font-serif);letter-spacing:-.01em;font-size:1.15rem;font-weight:500}.chapters-show-all{margin:0 var(--sp-md) var(--sp-sm);font-family:var(--font-ui);color:var(--text-secondary);border-radius:var(--radius-sm);transition:color var(--ease-fast), background-color var(--ease-fast);align-self:flex-start;align-items:center;gap:.35rem;padding:.3rem .5rem;font-size:.78rem;font-weight:500;display:inline-flex}.chapters-show-all:hover{color:var(--text-color);background-color:color-mix(in srgb, var(--on-surface) 6%, transparent)}.chapters-list{padding:var(--sp-xs) var(--sp-sm) var(--sp-md);flex:1;min-height:0;overflow-y:auto}.chapters-empty{font-family:var(--font-ui);color:var(--text-secondary);text-align:center;padding:var(--sp-xl) var(--sp-md);font-size:.85rem;line-height:1.5}.chapters-item{text-align:left;border-radius:var(--radius-md);width:100%;font-family:var(--font-ui);color:var(--text-color);transition:background-color var(--ease-fast), color var(--ease-fast);align-items:center;gap:.55rem;padding:.55rem .65rem;font-size:.875rem;display:flex}.chapters-item:hover{background-color:color-mix(in srgb, var(--on-surface) 5%, transparent)}.chapters-item-icon{opacity:.55;color:var(--text-secondary);transition:opacity var(--ease-fast), color var(--ease-fast);flex-shrink:0}.chapters-item-icon--on{opacity:1;color:var(--primary)}.chapters-item-label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.chapters-footer{border-top:.5px solid var(--border-color);padding:var(--sp-sm);flex-shrink:0}.chapters-settings-link{border-radius:var(--radius-md);font-family:var(--font-ui);color:var(--text-color);transition:background-color var(--ease-fast);align-items:center;gap:.55rem;padding:.65rem;font-size:.875rem;font-weight:500;display:flex}.chapters-settings-link:hover{background-color:color-mix(in srgb, var(--on-surface) 5%, transparent)}:root{--chat-panel-w:0px}.ai-chat-panel{background-color:var(--bg-color);border-left:.5px solid var(--border-color);z-index:90;flex-direction:column;min-height:0;display:flex;position:relative}.ai-chat-panel-inner{flex-direction:column;flex:1;min-width:0;height:100%;min-height:0;display:flex}.ai-chat-panel--rail{--chat-w:380px;width:0;min-width:0;height:100vh;transition:width var(--ease-slow), min-width var(--ease-slow), border-color var(--ease-slow);border-left-color:#0000;flex-shrink:0;position:sticky;top:0;overflow:hidden}.ai-chat-panel--rail.is-open{width:var(--chat-w);min-width:var(--chat-w);border-left-color:var(--border-color)}.ai-chat-panel--rail.is-resizing{-webkit-user-select:none;user-select:none;transition:none}.ai-chat-panel--rail .ai-chat-panel-inner{width:var(--chat-w);opacity:.6;transition:transform var(--ease-slow), opacity var(--ease-slow);transform:translate(12px)}.ai-chat-panel--rail.is-open .ai-chat-panel-inner{opacity:1;transform:translate(0)}.ai-chat-panel--rail.is-resizing .ai-chat-panel-inner{transition:none}.ai-chat-panel--rail:not(.is-open){pointer-events:none}.ai-chat-resize-handle{z-index:5;cursor:col-resize;touch-action:none;background:0 0;width:6px;position:absolute;top:0;bottom:0;left:0}.ai-chat-resize-handle:after{content:"";opacity:0;background:color-mix(in srgb, var(--on-surface) 28%, transparent);width:2px;transition:opacity .12s;position:absolute;top:0;bottom:0;left:0}.ai-chat-resize-handle:hover:after,.ai-chat-panel--rail.is-resizing .ai-chat-resize-handle:after{opacity:1}.ai-chat-panel--overlay{z-index:190;width:min(400px,100vw);box-shadow:-12px 0 40px color-mix(in srgb, var(--on-surface) 16%, transparent);pointer-events:none;transition:transform var(--ease-slow);position:fixed;top:0;bottom:0;right:0;transform:translate(100%)}.ai-chat-panel--overlay.is-open{pointer-events:auto;transform:translate(0)}.ai-chat-header{justify-content:space-between;align-items:flex-start;gap:var(--sp-sm);padding:var(--sp-md);border-bottom:.5px solid var(--border-color);flex-shrink:0;display:flex}.ai-chat-header-main{flex-direction:column;flex:1;gap:.2rem;min-width:0;display:flex}.ai-chat-title-btn{min-width:0;max-width:100%;font-family:var(--font-serif);color:var(--text-color);border-radius:var(--radius-sm);transition:background-color var(--ease-fast);align-items:center;gap:.35rem;margin:-.15rem -.25rem;padding:.15rem .25rem;font-size:1rem;font-weight:500;display:inline-flex}.ai-chat-title-btn:hover{background-color:color-mix(in srgb, var(--on-surface) 5%, transparent)}.ai-chat-title{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ai-chat-chevron{color:var(--text-secondary);transition:transform var(--ease-fast);flex-shrink:0}.ai-chat-chevron--open{transform:rotate(180deg)}.ai-chat-model-wrap{align-self:flex-start;position:relative}.ai-chat-model-btn{font-family:var(--font-ui);color:var(--text-secondary);border-radius:var(--radius-sm);transition:color var(--ease-fast), background-color var(--ease-fast);align-items:center;gap:.15rem;padding:.1rem .25rem;font-size:.72rem;font-weight:500;display:inline-flex}.ai-chat-model-btn:hover{color:var(--text-color);background-color:color-mix(in srgb, var(--on-surface) 5%, transparent)}.ai-chat-model-menu{background:var(--bg-color);border:.5px solid var(--border-color);border-radius:var(--radius-md);min-width:6.5rem;box-shadow:0 8px 24px color-mix(in srgb, var(--on-surface) 14%, transparent);z-index:20;margin-top:.25rem;padding:.25rem;position:absolute;top:100%;left:0}.ai-chat-model-option{text-align:left;border-radius:var(--radius-sm);width:100%;font-family:var(--font-ui);color:var(--text-color);padding:.4rem .55rem;font-size:.8rem;display:block}.ai-chat-model-option:hover,.ai-chat-model-option.is-active{background-color:color-mix(in srgb, var(--on-surface) 6%, transparent)}.ai-chat-model-option.is-active{color:var(--primary);font-weight:600}.ai-chat-header-actions{flex-shrink:0;align-items:center;gap:.15rem;display:flex}.ai-chat-sessions{border-bottom:.5px solid var(--border-color);background:color-mix(in srgb, var(--surface-variant) 40%, var(--bg-color));flex-shrink:0;max-height:40%;overflow-y:auto}.ai-chat-sessions-head{padding:var(--sp-sm) var(--sp-md);font-family:var(--font-ui);letter-spacing:.08em;text-transform:uppercase;color:var(--text-secondary);justify-content:space-between;align-items:center;font-size:.7rem;font-weight:600;display:flex}.ai-chat-sessions-new{font-family:var(--font-ui);letter-spacing:0;text-transform:none;color:var(--primary);border-radius:var(--radius-sm);align-items:center;gap:.25rem;padding:.2rem .4rem;font-size:.75rem;font-weight:500;display:inline-flex}.ai-chat-sessions-new:hover{background-color:color-mix(in srgb, var(--on-surface) 6%, transparent)}.ai-chat-sessions-empty{font-family:var(--font-ui);color:var(--text-secondary);padding:var(--sp-md);text-align:center;font-size:.85rem}.ai-chat-sessions-list{padding:0 0 var(--sp-sm);list-style:none}.ai-chat-session-row{padding:0 var(--sp-sm);align-items:center;gap:.15rem;display:flex}.ai-chat-session-row.is-active .ai-chat-session-btn{color:var(--primary);background-color:color-mix(in srgb, var(--primary) 8%, transparent);font-weight:600}.ai-chat-session-btn{text-align:left;border-radius:var(--radius-sm);min-width:0;font-family:var(--font-ui);color:var(--text-color);text-overflow:ellipsis;white-space:nowrap;transition:background-color var(--ease-fast);flex:1;padding:.45rem .55rem;font-size:.85rem;overflow:hidden}.ai-chat-session-btn:hover{background-color:color-mix(in srgb, var(--on-surface) 5%, transparent)}.ai-chat-session-delete{border-radius:var(--radius-sm);width:28px;height:28px;color:var(--text-secondary);opacity:0;transition:opacity var(--ease-fast), background-color var(--ease-fast), color var(--ease-fast);justify-content:center;align-items:center;display:flex}.ai-chat-session-row:hover .ai-chat-session-delete,.ai-chat-session-delete:focus-visible{opacity:1}.ai-chat-session-delete:hover{color:var(--error);background-color:color-mix(in srgb, var(--error) 10%, transparent)}.ai-chat-rename-form{flex:1;min-width:0}.ai-chat-rename-form input{width:100%;font-family:var(--font-ui);border-radius:var(--radius-sm);background:var(--surface-variant);color:var(--text-color);border:none;outline:none;padding:.4rem .5rem;font-size:.85rem}.ai-chat-messages{padding:var(--sp-md);gap:var(--sp-md);flex-direction:column;flex:1;min-height:0;display:flex;overflow-y:auto}.ai-chat-empty{text-align:center;padding:var(--sp-xl) var(--sp-md);max-width:16rem;margin:auto}.ai-chat-empty-icon{color:var(--text-secondary);opacity:.55;margin-bottom:var(--sp-sm)}.ai-chat-empty-title{font-family:var(--font-serif);margin-bottom:.35rem;font-size:1.05rem;font-weight:500}.ai-chat-empty-hint{font-family:var(--font-ui);color:var(--text-secondary);font-size:.8rem;line-height:1.45}.ai-chat-bubble{animation:.28s both chat-bubble-in}@keyframes chat-bubble-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.ai-chat-bubble--user{align-self:flex-end;max-width:85%}.ai-chat-bubble--assistant{align-self:stretch;width:100%;max-width:100%}.ai-chat-bubble-text{font-family:var(--font-serif);white-space:pre-wrap;word-break:break-word;font-size:.925rem;line-height:1.55}.ai-chat-bubble--user .ai-chat-bubble-text{border-radius:var(--radius-lg);border-bottom-right-radius:var(--radius-sm);background-color:var(--on-surface);color:var(--bg-color);padding:.65rem .85rem}.ai-chat-bubble--assistant .ai-chat-bubble-text{color:var(--text-color);background:0 0;border-radius:0;width:100%;padding:.15rem 0}.ai-chat-bubble-text--md{white-space:normal}.chat-md-p{margin:0 0 .45em}.chat-md-p:last-child{margin-bottom:0}.chat-md-list{margin:.25em 0 .5em 1.1em;padding:0}.chat-md-list li{margin-bottom:.2em}.chat-md-code{background:color-mix(in srgb, var(--on-surface) 8%, transparent);border-radius:3px;padding:.1em .3em;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.85em}.chat-md-spacer{height:.4em}.ai-chat-thinking{font-family:var(--font-ui);color:var(--text-secondary);align-items:center;gap:.35rem;padding:.15rem 0;font-size:.8rem;display:inline-flex}.ai-chat-dot{background:var(--text-secondary);border-radius:50%;width:5px;height:5px;animation:1.2s ease-in-out infinite chat-dot-pulse}.ai-chat-dot:nth-child(2){animation-delay:.15s}.ai-chat-dot:nth-child(3){animation-delay:.3s}@keyframes chat-dot-pulse{0%,80%,to{opacity:.3;transform:scale(.85)}40%{opacity:1;transform:scale(1)}}.ai-chat-thinking-label{margin-left:.25rem}.ai-chat-error{font-family:var(--font-ui);color:var(--error);background:color-mix(in srgb, var(--error) 10%, transparent);border-radius:var(--radius-md);padding:.5rem .65rem;font-size:.8rem}.ai-chat-consent,.ai-chat-ask{border-radius:var(--radius-lg);border:.5px solid var(--border-color);background:var(--surface-variant);font-family:var(--font-ui);margin:.35rem 0 .75rem;padding:.75rem .85rem}.ai-chat-consent-title,.ai-chat-ask-question{color:var(--text-color);margin:0 0 .55rem;font-size:.875rem;font-weight:600;line-height:1.35}.ai-chat-consent-list{color:var(--text-muted);margin:0 0 .75rem;padding-left:1.1rem;font-size:.8rem;line-height:1.4}.ai-chat-consent-list li{margin-bottom:.25rem}.ai-chat-consent-actions{justify-content:flex-end;gap:.5rem;display:flex}.ai-chat-consent-btn,.ai-chat-ask-option{font-family:var(--font-ui);border-radius:var(--radius-md);cursor:pointer;border:none;padding:.45rem .85rem;font-size:.8rem;font-weight:500;transition:background .12s,color .12s}.ai-chat-consent-btn--deny{color:var(--text-muted);border:.5px solid var(--border-color);background:0 0}.ai-chat-consent-btn--deny:hover{background:color-mix(in srgb, var(--text-color) 6%, transparent)}.ai-chat-consent-btn--allow{background:var(--primary);color:var(--on-primary,#fff)}.ai-chat-consent-btn--allow:hover{filter:brightness(1.05)}.ai-chat-ask-options{flex-direction:column;gap:.4rem;display:flex}.ai-chat-ask-option{text-align:left;background:var(--bg-color);color:var(--text-color);border:.5px solid var(--border-color)}.ai-chat-ask-option:hover{border-color:var(--primary);background:color-mix(in srgb, var(--primary) 8%, transparent)}.ai-chat-composer{padding:var(--sp-sm) var(--sp-md) var(--sp-md);border-top:.5px solid var(--border-color);background:var(--bg-color);flex-shrink:0;align-items:flex-end;gap:.5rem;display:flex}.ai-chat-input{resize:none;min-height:2.5rem;max-height:8rem;font-family:var(--font-serif);color:var(--text-color);background:var(--surface-variant);border-radius:var(--radius-lg);box-shadow:none;border:none;outline:none;flex:1;padding:.65rem .75rem;font-size:.925rem;line-height:1.45}.ai-chat-input:focus,.ai-chat-input:focus-visible{box-shadow:none;border:none;outline:none}.ai-chat-input::placeholder{color:color-mix(in srgb, var(--text-secondary) 80%, transparent)}.ai-chat-send{background:var(--on-surface);width:40px;height:40px;color:var(--bg-color);transition:opacity var(--ease-fast), transform var(--ease-fast);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.ai-chat-send:hover:not(:disabled){opacity:.9;transform:scale(1.04)}.ai-chat-send:disabled{opacity:.35;cursor:not-allowed}@media (width>=1024px){.app-layout--chat-open .fab-pill{right:calc(var(--chat-panel-w,0px) + var(--sp-xl))}}@media (width<=600px){:root{--content-width:100%}.fab-pill{bottom:var(--sp-lg);right:var(--sp-lg)}.ask-overlay{align-items:flex-end;padding-top:5vh}.ask-modal{border-radius:var(--radius-lg) var(--radius-lg) 0 0;max-height:90vh}.entry-title-input{font-size:1.4rem}.ai-chat-panel--overlay{width:100vw}}