:root{--bg-color:#121212;--card-color:#1e1e1e;--text-color:#e0e0e0;--accent-color:#a0a0a0;--border-color:#333;--tag-bg:#2a2a2a;--tag-text:#a0a0a0;--explanation-bg:#1a1a1a;--quote-text-color:#e0e0e0;--author-color:#e0e0e0;--link-color:#f0f0f0;--icon-color:#a0a0a0;--button-bg:hsla(0,0%,100%,.05);--button-hover-bg:hsla(0,0%,100%,.1);--button-active-bg:hsla(0,0%,100%,.15);--button-active-shadow:hsla(0,0%,100%,.1);--header-bg:#121212;--header-shadow:rgba(0,0,0,.2);--modal-bg:#1e1e1e;--input-bg:hsla(0,0%,100%,.1)}[data-theme=light]{--bg-color:#f0f2f5;--card-color:#fff;--text-color:#1c1e21;--accent-color:#65676b;--border-color:#ced0d4;--tag-bg:#e7f3ff;--tag-text:#1877f2;--explanation-bg:#f5f5f5;--quote-text-color:#1c1e21;--author-color:#1c1e21;--link-color:#000;--icon-color:#65676b;--button-bg:rgba(0,0,0,.04);--button-hover-bg:rgba(0,0,0,.08);--button-active-bg:rgba(0,0,0,.12);--button-active-shadow:rgba(0,0,0,.1);--header-bg:#fff;--header-shadow:rgba(0,0,0,.1);--modal-bg:#fff;--input-bg:rgba(0,0,0,.05)}*{box-sizing:border-box;font-family:Georgia,serif}*,body,html{margin:0;padding:0}body,html{background-color:var(--bg-color);color:var(--text-color);min-height:100vh}a{color:inherit;text-decoration:none}.container{padding:1rem;max-width:600px;margin:0 auto;overflow:visible;width:100%}.header-container{margin-bottom:1.5rem;position:relative;overflow:visible}.header{text-align:center;padding:1rem;border-bottom:1px solid var(--border-color);background-color:var(--header-bg);position:-webkit-sticky;position:sticky;top:0;z-index:999;box-shadow:0 2px 5px var(--header-shadow);width:100%}.header-main{display:flex;justify-content:space-between;align-items:center;max-width:600px;margin:0 auto}.header-subtitle{text-align:left;padding:.5rem 1rem;border-bottom:1px solid var(--border-color);background-color:var(--header-bg);max-width:600px;margin:0 auto 1.5rem}.header-icons{display:flex;gap:1rem}.icon-button{background:none;border:none;cursor:pointer;color:var(--icon-color);display:flex;align-items:center;justify-content:center;padding:.5rem;border-radius:50%;transition:background-color .2s ease,color .2s ease,transform .2s ease}.icon-button:hover{background-color:var(--button-hover-bg);color:var(--text-color);transform:scale(1.1)}.icon-button:active{transform:scale(.95)}.header h1{font-size:1.75rem;font-weight:700;margin:0;font-family:Playfair Display,Times New Roman,serif;letter-spacing:.5px;color:var(--text-color)}.header-subtitle p{color:var(--accent-color);font-size:1rem;padding-left:2px;margin:0}.tabs{display:none}.search-container{display:flex;margin-bottom:1.25rem;gap:.5rem}.search-input{flex:1 1;background:transparent;border:none;padding:.75rem 0;font-size:1rem;color:var(--text-color);width:100%;outline:none;-webkit-appearance:none;-webkit-user-select:text;-moz-user-select:text;user-select:text;cursor:text;pointer-events:auto!important;font-size:16px}.search-btn{padding:.5rem 1rem;background-color:var(--accent-color);color:var(--bg-color);border:none;border-radius:4px;cursor:pointer}.quote-item{padding:1.5rem 1rem;margin-bottom:0;border-bottom:1px solid var(--border-color);position:relative}.quote-header,.share-btn{display:none}.quote-text{font-size:1.125rem;line-height:1.6;margin-bottom:1rem;quotes:""" """ "'" "'";white-space:pre-line;color:var(--quote-text-color)}.quote-text:before{content:open-quote;color:var(--accent-color)}.quote-text:after{content:close-quote;color:var(--accent-color)}.quote-attribution{display:flex;flex-direction:column;align-items:flex-end;margin-bottom:1rem}.quote-author{font-size:1.1rem;color:var(--author-color);margin-bottom:.2rem;font-weight:500}.quote-author,.quote-source{text-align:right;font-style:italic}.quote-source{font-size:.9rem;color:var(--accent-color)}.author-link{cursor:pointer;text-decoration:underline;color:var(--link-color);transition:color .2s;display:inline-flex;align-items:center;border-bottom:1px solid;text-decoration:none;padding-bottom:1px}.author-arrow,.author-link:hover{color:var(--accent-color)}.author-arrow{display:inline-block;margin-left:4px;transform:rotate(0deg)}.quote-actions{display:flex;justify-content:space-around;padding:.5rem 0;width:100%;margin:.5rem auto;border-top:none;border-bottom:none;gap:8px;height:64px;position:relative;z-index:1;will-change:transform;contain:layout}.fb-action-btn{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-font-smoothing:subpixel-antialiased;display:flex;align-items:center;justify-content:center;gap:.5rem;background-color:var(--button-bg);border:none;border-radius:9999px;cursor:pointer;color:var(--icon-color);font-size:.9rem;transition:background-color .15s ease,color .15s ease,transform .15s ease,box-shadow .15s ease;margin:0 .25rem;width:48px;height:48px;padding:0;flex-shrink:0;outline:none}.fb-action-btn:first-child{margin-left:0}.fb-action-btn:last-child{margin-right:0}.fb-action-btn:hover{background-color:var(--button-hover-bg);color:var(--text-color);transform:translateY(-1px)}.fb-action-btn:active{transform:scale(.97)}.fb-action-btn.active{color:var(--text-color);background-color:var(--button-active-bg);box-shadow:0 0 0 1px var(--button-active-shadow) inset;transition:background-color .15s ease,color .15s ease,transform .15s ease,box-shadow .15s ease}.fb-action-btn.liked{color:#ff5c85}.fb-action-btn.liked svg{fill:#ff5c85;color:#ff5c85}.fb-action-btn span{font-weight:500}.action-btn,.tag-list{display:none}.search-modal{position:fixed;top:0;left:0;right:0;bottom:0;background-color:var(--modal-bg);z-index:1000;display:flex;flex-direction:column;overflow-y:auto;-webkit-overflow-scrolling:touch}.search-modal-header{padding:.75rem 1rem;background-color:var(--header-bg);border-bottom:1px solid var(--border-color);position:-webkit-sticky;position:sticky;top:0;z-index:10}.search-form{display:flex;align-items:center;gap:1rem;width:100%}.search-input-container{display:flex;align-items:center;background-color:var(--input-bg);border-radius:10px;padding:.25rem .75rem;flex:1 1;position:relative;cursor:text;-webkit-tap-highlight-color:rgba(0,0,0,0)}.search-icon{color:var(--icon-color);margin-right:.5rem}.search-input::placeholder{color:var(--accent-color)}.cancel-btn{background:none;border:none;color:var(--text-color);font-size:1rem;cursor:pointer;padding:.5rem 0;transition:opacity .2s ease}.cancel-btn:hover{opacity:.8}.search-results{flex:1 1;padding:0;display:flex;flex-direction:column}.search-stats{text-align:center;color:var(--accent-color);margin:1rem 0}.page-header{display:flex;align-items:center;gap:1rem;padding:1rem;background-color:var(--header-bg);box-shadow:0 2px 5px var(--header-shadow);margin-bottom:0;position:-webkit-sticky;position:sticky;top:0;z-index:10;border-bottom:1px solid var(--border-color)}.page-title{font-size:1.5rem;font-weight:400;margin:0;color:var(--text-color)}.error,.loading{padding:2rem;text-align:center;color:var(--accent-color)}.author-header{text-align:center;margin-bottom:0;padding:1rem;background-color:var(--header-bg);border-bottom:1px solid var(--border-color);position:-webkit-sticky;position:sticky;top:0;z-index:10}.author-name{font-size:1.5rem;font-weight:700;margin-bottom:.25rem;color:var(--text-color)}.author-quote-count{color:var(--accent-color)}.explanation,.similar-quotes{margin-top:1.5rem;margin-bottom:1rem;padding:1.25rem;background-color:var(--explanation-bg);border-radius:12px;font-size:.9rem;line-height:1.6;letter-spacing:.01em;box-shadow:0 2px 8px var(--header-shadow);border:none;animation:fadeIn .4s ease-out}.explanation,.explanation h4,.similar-quotes,.similar-quotes h4{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.explanation h4,.similar-quotes h4{font-weight:500;margin-bottom:.75rem;color:var(--text-color);font-size:1rem}.explanation p{white-space:pre-line;color:var(--text-color)}@keyframes fadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.main-layout{width:100%;min-height:100vh;display:flex;flex-direction:column;overflow-x:hidden}.back-arrow{background:none;border:none;cursor:pointer;color:var(--icon-color);display:flex;align-items:center;justify-content:center;padding:.5rem;border-radius:50%;transition:all .2s ease;margin-right:.75rem}.back-arrow:hover{background-color:var(--button-hover-bg);color:var(--text-color);transform:scale(1.1)}.back-arrow:active{transform:scale(.95)}.header-main h1{flex:1 1;text-align:left}.similar-container{display:flex;flex-direction:column;gap:1rem}.similar-quote-item{background-color:var(--button-bg);padding:1rem;border-radius:8px;transition:all .2s ease}.similar-quote-item:hover{background-color:var(--button-hover-bg);transform:translateY(-2px)}.similar-quote-text{font-size:.95rem;line-height:1.5;margin-bottom:.5rem;font-style:italic;white-space:pre-line;color:var(--text-color)}.similar-quote-author{font-size:.85rem;color:var(--accent-color);text-align:right}.loading-similar{text-align:center;color:var(--accent-color);padding:1rem 0}.similar-author-link{margin-left:.25rem;cursor:pointer;color:var(--link-color);transition:color .2s;border-bottom:1px solid;text-decoration:none;padding-bottom:1px}.no-results,.similar-author-link:hover{color:var(--text-color)}.no-results{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:3rem 1.5rem;max-width:500px;margin:0 auto}.no-results-icon{color:var(--icon-color);opacity:.7;margin-bottom:1.5rem}.no-results h3{font-size:1.5rem;margin-bottom:.75rem;font-weight:500;color:var(--text-color)}.no-results p{margin-bottom:2rem;color:var(--accent-color)}.no-results-tips{background-color:var(--button-bg);border-radius:12px;padding:1.25rem;width:100%;text-align:left}.no-results-tips h4{font-size:1rem;margin-bottom:.75rem;font-weight:500;color:var(--accent-color)}.no-results-tips ul{list-style-type:none;padding:0}.no-results-tips li{position:relative;padding-left:1.5rem;margin-bottom:.5rem;color:var(--text-color)}.no-results-tips li:before{content:"•";position:absolute;left:.5rem;color:var(--accent-color)}