.profile-image{width:50px;height:50px;border-radius:50%;margin-bottom:10px}.sidebar-footer{display:flex;flex-direction:column;align-items:center;text-align:center}.hamburger-menu{display:none;position:fixed;top:1rem;left:1rem;z-index:1001}.hamburger-icon{background:var(--button);border:none;cursor:pointer;padding:.5rem;border-radius:.375rem;display:flex;flex-direction:column;justify-content:space-around;width:2.5rem;height:2.5rem;box-shadow:var(--standard-shadow)}.icon-bar{width:1.5rem;height:2px;background-color:#fff;transition:all .3s ease}.icon-bar.open:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.icon-bar.open:nth-child(2){opacity:0}.icon-bar.open:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.mobile-nav{position:fixed;top:0;left:-100%;width:250px;height:100vh;background-color:var(--card-bg);transition:left .3s ease;z-index:1000;padding-top:4rem}.mobile-nav.open{left:0}.mobile-nav nav ul{list-style:none;padding:0;margin:0}.mobile-nav nav li{margin-bottom:.5rem}.mobile-nav nav a{text-decoration:none;color:var(--text);font-weight:500;font-size:1.2rem;display:block;padding:1rem 1.5rem;border-radius:.375rem;transition:background-color .2s,color .2s}.mobile-nav nav a:hover{background-color:var(--pill-hover)}.mobile-nav nav a.active{background-color:var(--button);color:var(--background)}.overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;z-index:999}@media(max-width:768px){.hamburger-menu{display:block}}.email-button-wrapper{position:relative;display:flex;flex-direction:column;align-items:center}.copied-message{position:absolute;top:100%;margin-top:.5rem;background-color:var(--button);color:#fff;padding:.4rem .8rem;border-radius:.375rem;font-size:.75rem;white-space:nowrap;box-shadow:0 2px 8px #00000026;animation:fadeIn .2s ease-in;z-index:20}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media(max-width:1440px){.copied-message{font-size:.7rem;padding:.35rem .7rem}}@media(max-width:1024px){.copied-message{font-size:.65rem;padding:.3rem .6rem}}.home-container{padding:var(--spacing-lg) var(--spacing-lg) var(--spacing-lg) 0;max-width:var(--page-max-width-medium);margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:var(--text)}.intro-text{text-align:left;margin-bottom:var(--spacing-xl)}.intro-text h1{font-size:var(--font-size-h2-lg);font-weight:600;margin-bottom:var(--spacing-xs)}@media(max-width:1440px){.intro-text h1{font-size:var(--font-size-h2-md)}}@media(max-width:1024px){.intro-text h1{font-size:var(--font-size-h2-sm)}}.intro-text p{font-size:1rem;line-height:1.5}@media(max-width:1440px){.intro-text p{font-size:.9rem}}.intro-description{font-size:1.05rem;line-height:1.6;color:var(--text-secondary);margin-top:var(--spacing-xs)}.qa-section{text-align:left}.qa-pair{margin-bottom:1.8rem}.question{font-size:1.1rem;font-weight:600;margin-bottom:.4rem}@media(max-width:1440px){.question{font-size:1rem}}.answer{font-size:1rem;line-height:1.5;padding-left:var(--spacing-sm);border-left:3px solid var(--accent-blue)}@media(max-width:1440px){.answer{font-size:.9rem}}.dark .answer{border-left:3px solid var(--accent-blue-hover)}.features-tour{margin-top:3rem;padding-top:var(--spacing-lg);border-top:1px solid var(--border-light)}.dark .features-tour{border-top:1px solid var(--border-dark)}.tour-heading{font-size:var(--font-size-h3-lg);font-weight:600;margin-bottom:var(--spacing-md);color:var(--text)}@media(max-width:1440px){.tour-heading{font-size:var(--font-size-h3-md);margin-bottom:1.2rem}}@media(max-width:1024px){.tour-heading{font-size:var(--font-size-h3-sm)}}.features-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-md)}@media(max-width:1440px){.features-grid{gap:1.2rem}}@media(max-width:1024px){.features-grid{gap:var(--spacing-sm)}}.feature-card{display:block;padding:var(--card-padding-lg);background:var(--card-bg);border-radius:8px;border:1px solid var(--border-light);text-decoration:none;color:inherit;transition:all .2s ease}.feature-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a;border-color:var(--accent-blue)}.dark .feature-card{border-color:var(--border-dark)}.dark .feature-card:hover{box-shadow:0 4px 12px #0000004d;border-color:var(--accent-blue-hover)}.feature-title{font-size:1.1rem;font-weight:600;margin-bottom:var(--spacing-xs);color:var(--accent-blue)}@media(max-width:1440px){.feature-title{font-size:1rem}}.dark .feature-title{color:var(--accent-blue-hover)}.feature-description{font-size:.95rem;line-height:1.5;color:var(--text-secondary);margin:0}@media(max-width:1440px){.feature-description{font-size:.85rem}}@media(max-width:768px){.features-grid{grid-template-columns:1fr}.features-tour{margin-top:2rem;padding-top:1.5rem}}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--standard-transition: background-color .2s;--standard-shadow: 0 10px 25px rgba(0,0,0,.1);--standard-font: .875rem;--sidebar-width: 200px;--page-padding: 2rem;--page-max-width-wide: 1200px;--page-max-width-medium: 700px;--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 1.5rem;--spacing-lg: 2rem;--spacing-xl: 2.5rem;--grid-gap-lg: 2rem;--grid-gap-md: 1.5rem;--grid-gap-sm: 1rem;--card-padding-lg: 1.5rem;--card-padding-md: 1.25rem;--card-padding-sm: 1rem;--font-size-h1-lg: 2.5rem;--font-size-h1-md: 2rem;--font-size-h1-sm: 1.75rem;--font-size-h2-lg: 1.8rem;--font-size-h2-md: 1.5rem;--font-size-h2-sm: 1.3rem;--font-size-h3-lg: 1.4rem;--font-size-h3-md: 1.2rem;--font-size-h3-sm: 1.1rem;--font-size-h4-lg: 1.25rem;--font-size-h4-md: 1.1rem;--font-size-h4-sm: 1rem;--border-light: #e0e0e0;--border-dark: #444;--accent-blue: #007bff;--accent-blue-hover: #1a8cff}@media(max-width:1440px){:root{--standard-font: .8rem;--page-padding: 1.5rem;--page-max-width-wide: 1000px;--page-max-width-medium: 600px;--grid-gap-lg: 1.5rem;--grid-gap-md: 1.25rem;--card-padding-lg: 1.25rem;--card-padding-md: 1rem;--sidebar-width: 180px}}@media(max-width:1024px){:root{--page-padding: 1.25rem;--page-max-width-wide: 900px;--page-max-width-medium: 550px;--grid-gap-lg: 1.25rem;--grid-gap-md: 1rem;--card-padding-lg: 1rem;--card-padding-md: .875rem;--sidebar-width: 160px}}.light{--background: #f8f4eb;--card-bg: #ffffff;--text: #2c2c2c;--text-secondary: #666666;--border: #e8e1d4;--button: #826f5d;--button-hover: #6d5c4d;--input: #ffffff;--chat-bg: #f0f0f0;--pill-bg: #e8e1d4;--pill-hover: #d8d1c4;--scroll-button: rgba(255, 255, 255, .9);--scrollbar-thumb: #c0c0c0;--scrollbar-track: #f0f0f0}.dark{--background: #1a1a1a;--card-bg: #2a2a2a;--text: #ffffff;--text-secondary: #a0a0a0;--border: #404040;--button: #4a4a4a;--button-hover: #5a5a5a;--input: #333333;--chat-bg: #252525;--pill-bg: #333333;--pill-hover: #404040;--scroll-button: rgba(42, 42, 42, .9);--scrollbar-thumb: #404040;--scrollbar-track: #2a2a2a}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}.container{height:100vh;width:100vw;padding:1rem;background-color:var(--background);display:flex;align-items:center;justify-content:center;box-sizing:border-box;margin:0;position:relative;overflow:hidden}@media(max-width:1440px){.container{padding:.75rem}}@media(max-width:1024px){.container{padding:.5rem}}.content{width:100%;max-width:800px;height:650px;margin:0 auto;display:flex;flex-direction:column;background-color:var(--card-bg);border-radius:1rem;box-shadow:var(--standard-shadow);overflow:hidden;position:relative;z-index:1}@media(max-width:1440px){.content{max-width:700px;height:550px}}@media(max-width:1024px){.content{max-width:600px;height:500px}}@media(max-width:768px){.container{padding:5rem .5rem 3rem}.content{height:calc(100vh - 5rem);max-height:650px}.message{max-width:85%;padding:.7rem;font-size:.85rem}.header{padding:.75rem}.header-title{font-size:1.3rem}.reset-button{font-size:1rem;min-width:1.75rem;height:1.75rem;padding:.4rem}.input-area{padding:.75rem}.input{padding:.7rem}.send-button{padding:.7rem 1rem}.suggested-questions-container{padding:.4rem 1rem}.question-pill{padding:.4rem .8rem;font-size:.8rem}.sidebar{display:none}.main-content{padding-top:5rem}.footer{left:0}}.header{padding:1rem;border-bottom:1px solid var(--border);background-color:var(--card-bg)}.header-content{display:flex;justify-content:space-between;align-items:center}.header-title{color:var(--text);font-size:1.5rem;font-weight:700;margin:0;flex:1;text-align:center}@media(max-width:1440px){.header-title{font-size:1.3rem}}@media(max-width:1024px){.header-title{font-size:1.2rem}}.reset-button{background:none;border:none;color:var(--text-secondary);font-size:1.2rem;cursor:pointer;padding:.5rem;border-radius:.25rem;transition:all .2s ease;opacity:.6;display:flex;align-items:center;justify-content:center;min-width:2rem;height:2rem}.reset-button:hover{opacity:1;background-color:var(--border);color:var(--text)}.chat-container{flex:1;overflow-y:auto;padding:1rem;background-color:var(--chat-bg);scroll-behavior:smooth;scrollbar-width:thin}.chat-container::-webkit-scrollbar{width:8px}.chat-container::-webkit-scrollbar-track{background:var(--scrollbar-track);border-radius:4px}.chat-container::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:4px}.message-list{display:flex;flex-direction:column;gap:1rem}.message{max-width:80%;padding:.75rem;border-radius:.75rem;font-size:var(--standard-font);word-break:break-word}@media(max-width:1440px){.message{padding:.6rem}}.assistant-message{background-color:var(--button);color:#fff;align-self:flex-start}.user-message{background-color:var(--border);color:var(--text);align-self:flex-end}.suggested-questions-container{position:relative;padding:.5rem 1rem;border-top:1px solid var(--border);background-color:var(--card-bg)}.suggested-questions{display:flex;gap:.5rem;overflow-x:auto;scroll-behavior:smooth;-ms-overflow-style:none;scrollbar-width:none;padding:.5rem}.suggested-questions::-webkit-scrollbar{display:none}.scroll-button{position:absolute;top:50%;transform:translateY(-50%);width:2rem;height:2rem;border-radius:50%;background-color:var(--scroll-button);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text);z-index:2;box-shadow:0 2px 4px #0000001a;transition:opacity .2s}.scroll-button-left{left:0}.scroll-button-right{right:0}.question-pill{background-color:var(--pill-bg);color:var(--text);padding:.5rem 1rem;border-radius:999px;font-size:var(--standard-font);border:none;cursor:pointer;white-space:nowrap;transition:var(--standard-transition)}.question-pill:hover{background-color:var(--pill-hover)}.input-area{display:flex;padding:1rem;border-top:1px solid var(--border);background-color:var(--card-bg);gap:.5rem}.input{flex:1;padding:.75rem;border-radius:.375rem;border:1px solid var(--border);background-color:var(--input);color:var(--text);font-size:var(--standard-font)}.input:focus{outline:none;border-color:var(--button)}.send-button{padding:.75rem 1.25rem;border-radius:.375rem;background-color:var(--button);color:#fff;border:none;cursor:pointer;transition:var(--standard-transition);font-size:var(--standard-font)}.send-button:hover{background-color:var(--button-hover)}.footer{position:fixed;bottom:.5rem;left:var(--sidebar-width);right:0;text-align:center;font-size:clamp(.75rem,1.8vw,.875rem);color:var(--text-secondary);pointer-events:none;z-index:10}@media(max-width:768px){.ai-disclaimer{font-size:.5em;padding:2px 0;margin-bottom:4px}}.link{color:var(--button);text-decoration:none;font-weight:700;pointer-events:auto}.link:hover{text-decoration:underline}.header-controls{position:fixed;right:1rem;top:1rem;display:flex;gap:.5rem;z-index:10}@media(max-width:1440px){.header-controls{right:.75rem;top:.75rem}}@media(max-width:1024px){.header-controls{right:.5rem;top:.5rem}}.control-button{width:2.5rem;height:2.5rem;border-radius:.5rem;background-color:var(--button);border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--standard-transition);font-size:1.2rem}@media(max-width:1440px){.control-button{width:2.2rem;height:2.2rem;font-size:1.1rem}}@media(max-width:1024px){.control-button{width:2rem;height:2rem;font-size:1rem}}.control-button:hover{background-color:var(--button-hover)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background-color:var(--card-bg);padding:2rem;border-radius:1rem;width:90%;max-width:400px;position:relative;box-shadow:var(--standard-shadow)}.modal-close{position:absolute;right:1rem;top:1rem;background:none;border:none;font-size:1.5rem;color:var(--text);cursor:pointer;padding:.5rem}.modal-title{color:var(--text);margin:0 0 1.5rem;font-size:1.5rem}.modal-form{display:flex;flex-direction:column;gap:1rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{color:var(--text);font-size:var(--standard-font)}.modal-input{padding:.75rem;border-radius:.375rem;border:1px solid var(--border);background-color:var(--input);color:var(--text);font-size:var(--standard-font)}.modal-input:focus{outline:none;border-color:var(--button)}.modal-hint{font-size:.75rem;color:var(--text-secondary);margin:0}.modal-submit{padding:.75rem 1.25rem;border-radius:.375rem;background-color:var(--button);color:#fff;border:none;cursor:pointer;transition:var(--standard-transition);font-size:var(--standard-font);width:100%}.modal-submit:hover{background-color:var(--button-hover)}.send-button{transition:opacity .3s ease}.send-button.loading{opacity:.6;cursor:not-allowed}.input:disabled{opacity:.6;cursor:not-allowed}.ai-disclaimer{font-size:.65em;color:var(--text-secondary);text-align:center;padding:3px 0;opacity:.8;font-weight:400;letter-spacing:.01em;margin-top:0}.resize-controls{position:absolute;bottom:2px;right:2px;display:flex;flex-direction:column;gap:4px;z-index:10}.size-reset-button{background:none;border:none;color:var(--text-secondary);font-size:10px;cursor:pointer;padding:2px;border-radius:3px;transition:all .2s ease;opacity:0;display:flex;align-items:center;justify-content:center;width:16px;height:16px;align-self:flex-end;margin-right:-2px;margin-bottom:-4px;transform:scale(.8)}.resize-handle{width:16px;height:16px;cursor:nw-resize;display:flex;align-items:center;justify-content:center;transition:all .2s ease;opacity:.4;-webkit-user-select:none;user-select:none;padding:2px}.resize-handle:hover{opacity:.8}.resize-handle.resizing{opacity:1}.resize-dots{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;width:12px;height:12px;pointer-events:none}.resize-dot{width:2px;height:2px;background-color:transparent;border-radius:50%;transition:background-color .2s ease}.resize-dot-visible{background-color:var(--text-secondary)}.resize-dot:nth-child(6){background-color:var(--text-secondary)}.resize-handle:hover .resize-dot-visible,.resize-handle:hover .resize-dot:nth-child(6){background-color:var(--text)}.resize-handle.resizing .resize-dot-visible,.resize-handle.resizing .resize-dot:nth-child(6){background-color:var(--button)}.resize-controls:hover .size-reset-button{opacity:.6;color:var(--text-secondary);transform:scale(1)}.size-reset-button:hover{opacity:.8;color:var(--text);transform:scale(1.1)}.container.resizing{-webkit-user-select:none;user-select:none}.container.resizing *{cursor:nw-resize!important}.sidebar{width:var(--sidebar-width);background-color:var(--card-bg);padding:1rem;height:100vh;border-right:1px solid var(--border);display:flex;flex-direction:column;box-sizing:border-box}@media(max-width:1440px){.sidebar{padding:.75rem}}@media(max-width:1024px){.sidebar{padding:.5rem}}.sidebar nav{margin-top:2rem}.sidebar nav ul{list-style:none;padding:0;margin:0}.sidebar nav li{margin-bottom:.5rem}.sidebar nav a{text-decoration:none;color:var(--text);font-weight:500;font-size:1rem;display:block;padding:.75rem 1rem;border-radius:.375rem;transition:background-color .2s,color .2s}@media(max-width:1440px){.sidebar nav a{font-size:.9rem;padding:.6rem .8rem}}@media(max-width:1024px){.sidebar nav a{font-size:.85rem;padding:.5rem .6rem}}.sidebar nav a:hover{background-color:var(--pill-hover)}.sidebar nav a.active{background-color:var(--button);color:var(--background)}.sidebar-footer{margin-top:auto;padding:1rem;text-align:center;font-size:.8rem;color:var(--text-secondary)}.app-layout{display:flex;height:100vh;width:100vw;background-color:var(--background);overflow:hidden}.main-content{flex:1;overflow-y:auto;overflow-x:hidden;display:flex;justify-content:center;align-items:flex-start;padding:1rem}@media(max-width:1440px){.main-content{padding:.75rem}}@media(max-width:1024px){.main-content{padding:.5rem}}.card{background-color:var(--card-bg);border:1px solid var(--border);border-radius:.5rem;padding:var(--card-padding-lg);box-shadow:var(--standard-shadow);transition:transform .2s,box-shadow .2s;display:flex;flex-direction:column;justify-content:space-between}.card-image{width:100%;height:200px;object-fit:cover;border-radius:.5rem .5rem 0 0;margin:calc(-1 * var(--card-padding-lg)) calc(-1 * var(--card-padding-lg)) var(--card-padding-lg) calc(-1 * var(--card-padding-lg));background-color:#f0f0f0}@media(max-width:1440px){.card-image{height:180px}}@media(max-width:1024px){.card-image{height:160px}}.book-card .card-image{object-fit:contain;height:320px}@media(max-width:1440px){.book-card .card-image{height:280px}}@media(max-width:1024px){.book-card .card-image{height:240px}}.card:hover{transform:translateY(-5px);box-shadow:0 15px 30px #0000001f}.card-title{color:var(--text);font-size:var(--font-size-h4-lg);font-weight:600;margin:0 0 .75rem}@media(max-width:1440px){.card-title{font-size:var(--font-size-h4-md)}}@media(max-width:1024px){.card-title{font-size:var(--font-size-h4-sm)}}.card-description{color:var(--text-secondary);font-size:.95rem;line-height:1.5;margin:0 0 var(--spacing-md) 0;flex-grow:1;font-weight:400}@media(max-width:1440px){.card-description{font-size:.875rem;margin:0 0 var(--card-padding-md) 0}}@media(max-width:1024px){.card-description{font-size:.85rem;margin:0 0 var(--spacing-sm) 0}}.card-link{color:var(--text);text-decoration:none;font-weight:600;transition:color .2s}.card-link.learn-more{color:var(--button);font-weight:600}.card-link:hover{color:var(--button-hover);text-decoration:underline}button.card-link{background:none;border:none;padding:0;margin:0;cursor:pointer;text-align:inherit;font:inherit}.popup-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000bf;display:flex;justify-content:center;align-items:center;z-index:1000}.popup-content{position:relative;background-color:#fff;padding:20px;border-radius:8px;width:90%;height:90%;max-width:1400px;box-shadow:0 4px 8px #0003;display:flex;flex-direction:column}.popup-close{background:none;border:none;font-size:24px;cursor:pointer;color:#333;padding:5px;line-height:1}.popup-controls{position:absolute;top:5px;right:5px;display:flex;align-items:center;gap:5px;background-color:#fff;padding:5px;border-radius:5px}.popup-open-new-tab{display:flex;align-items:center;justify-content:center;padding:5px}.popup-open-new-tab img{width:18px;height:18px}.popup-content iframe{border:none;flex-grow:1}.projects-page{width:100%;max-width:var(--page-max-width-wide);margin:0 auto;padding:var(--page-padding)}.projects-page h1{color:var(--text);font-size:var(--font-size-h1-lg);margin-bottom:var(--spacing-lg);text-align:center}@media(max-width:1440px){.projects-page h1{font-size:var(--font-size-h1-md);margin-bottom:var(--spacing-md)}}@media(max-width:1024px){.projects-page h1{font-size:var(--font-size-h1-sm);margin-bottom:var(--card-padding-md)}}.books-page{width:100%;max-width:var(--page-max-width-wide);margin:0 auto;padding:var(--page-padding)}.books-page h1{color:var(--text);font-size:var(--font-size-h1-lg);margin-bottom:var(--spacing-lg);text-align:center}@media(max-width:1440px){.books-page h1{font-size:var(--font-size-h1-md);margin-bottom:var(--spacing-md)}}@media(max-width:1024px){.books-page h1{font-size:var(--font-size-h1-sm);margin-bottom:var(--card-padding-md)}}.books-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:var(--spacing-md)}@media(max-width:1440px){.books-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--card-padding-md)}}@media(max-width:1024px){.books-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--spacing-sm)}}.software-page{width:100%;max-width:var(--page-max-width-wide);margin:0 auto;padding:var(--page-padding)}.software-page h1{color:var(--text);font-size:var(--font-size-h1-lg);margin-bottom:var(--spacing-lg);text-align:center}@media(max-width:1440px){.software-page h1{font-size:var(--font-size-h1-md);margin-bottom:var(--spacing-md)}}@media(max-width:1024px){.software-page h1{font-size:var(--font-size-h1-sm);margin-bottom:var(--card-padding-md)}}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--grid-gap-lg)}@media(max-width:1440px){.card-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--grid-gap-md)}}@media(max-width:1024px){.card-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--grid-gap-sm)}}.blog-container{padding:var(--spacing-lg) var(--spacing-lg) var(--spacing-lg) 0;max-width:var(--page-max-width-medium);margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:var(--text)}