:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#37352f;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Poppins,sans-serif;font-weight:400;line-height:1.5}body{min-width:320px;min-height:100vh;padding:0;padding-bottom:env(safe-area-inset-bottom);margin:0;overflow:hidden}#root{width:100vw;height:100vh;min-height:100dvh;padding:0;padding-bottom:env(safe-area-inset-bottom);margin:0}*{box-sizing:border-box}
*{box-sizing:border-box;margin:0;padding:0}body{color:#37352f;background-color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Poppins,sans-serif;line-height:1.5;overflow-y:auto}.empty-state{text-align:center;color:#9b9a97;justify-content:center;align-items:center;min-height:200px;margin-top:40px;padding:60px 20px;font-size:16px;font-style:italic;line-height:1.5;display:flex}.empty-thoughts{text-align:center;color:#9b9a97;padding:20px;font-style:italic;list-style:none}.node-card{z-index:1000;background:#fff;border:1px solid #e0e0e0;border-radius:12px;width:350px;transition:right .3s cubic-bezier(.4,0,.2,1);animation:.3s ease-out slideIn;position:absolute;top:20px;right:20px;box-shadow:0 8px 32px #0000001f}.node-card.sidebar-collapsed{right:200px}@keyframes slideIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.node-card-header{border-bottom:1px solid #f0f0f0;justify-content:space-between;align-items:flex-start;margin-bottom:16px;padding:16px 20px 0;display:flex}.node-card-header h3{color:#37352f;flex:1;margin:0;padding-right:12px;font-size:18px;font-weight:600;line-height:1.3}.node-card-header .close-btn{color:#9b9a97;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;width:24px;height:24px;padding:0;font-size:20px;transition:all .2s;display:flex}.node-card-header .close-btn:hover{color:#37352f;background:#f7f6f3}.node-card-content{padding:0 20px 20px}.node-card-content p{color:#37352f;margin:0 0 16px;font-size:14px;line-height:1.6}.node-card-meta{border-top:1px solid #f0f0f0;align-items:center;gap:12px;margin-top:16px;padding-top:16px;display:flex}.node-category{color:#37352f;background:#f7f6f3;border-radius:4px;padding:4px 8px;font-size:12px;font-weight:500}.node-date{color:#9b9a97;font-size:12px}.thought-item{cursor:pointer;border-radius:6px;padding:8px 12px;transition:background-color .2s}.thought-item:hover{background-color:#f7f6f3}:root{--auth-primary:#000;--auth-secondary:#6b7280;--auth-background:#fff;--auth-input-bg:#f3f4f6;--auth-input-border:#e5e7eb;--auth-button-radius:12px;--auth-shadow:0 2px 8px #0000000a;--auth-divider:#e5e7eb;--auth-font:"Poppins",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}.auth-container{min-height:100vh;font-family:var(--auth-font);justify-content:center;align-items:center;margin:0;padding:0;display:flex;position:relative}.auth-background-layer{-webkit-filter:blur(45px)brightness(1.2)grayscale(.1);z-index:0;background:url(https://previews.123rf.com/images/imagedb/imagedb1108/imagedb110807904/10230120-splash-of-different-color-paints-on-a-white-background.jpg) 50% 60%/250% 150% no-repeat;width:100vw;height:100vh;animation:30s ease-in-out infinite alternate cloudMove;position:fixed;top:0;left:0;transform:scale(1.2)}@keyframes cloudMove{0%{background-position:50% 60%}to{background-position:50% 100%}}@media (max-width:600px){.auth-background-layer{background-position:50% 60%;background-size:300% 200%}}.auth-blur-layer{z-index:1;background:#ffffff8c;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.auth-form{z-index:2;width:100%;max-width:360px;min-height:60vh;box-shadow:none;background:0 0;border:none;flex-direction:column;justify-content:flex-start;align-items:center;margin:0 auto;padding:0 16px;display:flex;position:relative}.auth-header{text-align:center;z-index:3;margin-bottom:32px}.auth-header h1{color:var(--auth-primary);text-align:center;margin-bottom:32px;font-size:2rem;font-weight:500;line-height:1.3}.auth-header p{color:var(--auth-secondary);margin-bottom:0;font-size:16px;line-height:1.5}.form-group{width:100%;margin-bottom:20px}.form-group label{display:none}.form-group input{background:var(--auth-input-bg);border:1px solid var(--auth-input-border);border-radius:var(--auth-button-radius);width:100%;color:var(--auth-primary);box-sizing:border-box;font-size:1rem;font-family:var(--auth-font);outline:none;padding:16px 14px;transition:border-color .2s}.form-group input:focus{border-color:var(--auth-primary)}.form-group input:disabled{cursor:not-allowed;color:#9b9a97;background-color:#f7f6f3}.auth-button{background:var(--auth-primary);color:#fff;border-radius:var(--auth-button-radius);cursor:pointer;width:100%;box-shadow:var(--auth-shadow);box-sizing:border-box;font-size:1.1rem;font-weight:500;font-family:var(--auth-font);border:none;margin-bottom:20px;padding:16px 0;transition:background .2s}.auth-button:hover:not(:disabled),.auth-button:active{background:#222}.auth-button:disabled{cursor:not-allowed;background-color:#9b9a97}.auth-footer{text-align:center;width:100%;margin-top:24px}.auth-footer p{color:var(--auth-secondary);font-size:15px;line-height:1.5}.link-button{color:var(--auth-primary);cursor:pointer;font-size:inherit;font-family:var(--auth-font);background:0 0;border:none;padding:0;font-weight:500;text-decoration:underline;transition:color .2s}.link-button:hover{color:#222}.error-message{color:#dc2626;border-radius:var(--auth-button-radius);font-size:14px;line-height:1.5;font-family:var(--auth-font);box-sizing:border-box;background-color:#fef2f2;border:1px solid #fecaca;width:100%;margin-bottom:20px;padding:14px 16px}.success-message{color:#16a34a;border-radius:var(--auth-button-radius);font-size:14px;line-height:1.5;font-family:var(--auth-font);box-sizing:border-box;background-color:#f0fdf4;border:1px solid #bbf7d0;width:100%;margin-bottom:20px;padding:14px 16px}@media (max-width:480px){.auth-form{width:90%;max-width:340px;padding:0 16px}}@media (min-width:1024px){.auth-form{max-width:320px;min-height:unset;justify-content:center;margin:60px auto 0;padding:0}.auth-header h1{margin-bottom:24px}}.signup-container{min-height:100vh;font-family:var(--auth-font);background-color:#fff;justify-content:center;align-items:center;margin:0;padding:0;display:flex;position:relative}.signup-form{z-index:2;background:#fff;border:1px solid #e0e0e0;border-radius:12px;flex-direction:column;justify-content:flex-start;align-items:center;width:100%;max-width:360px;min-height:60vh;margin:0 auto;padding:48px 32px;display:flex;position:relative;box-shadow:0 8px 32px #0000001f}@media (max-width:480px){.signup-form{width:90%;max-width:340px;padding:32px 16px}}@media (min-width:1024px){.signup-form{max-width:400px;min-height:unset;justify-content:center;margin:0 auto;padding:48px 40px}}.popup-notification{bottom:2rem;bottom:calc(2rem + env(safe-area-inset-bottom));z-index:10000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);white-space:nowrap;background:#ffffff4d;border-radius:12px;justify-content:center;align-items:center;gap:.4rem;max-width:90vw;padding:.6rem 1rem;display:none;position:fixed;left:50%;transform:translate(-50%)}.popup-notification.show{animation:.3s ease-out popupSlideUp;display:flex}.popup-notification.hide{animation:.3s ease-out popupSlideDown}@keyframes popupSlideUp{0%{opacity:0;transform:translate(-50%)translateY(20px)}to{opacity:1;transform:translate(-50%)translateY(0)}}@keyframes popupSlideDown{0%{opacity:1;transform:translate(-50%)translateY(0)}to{opacity:0;transform:translate(-50%)translateY(20px)}}.popup-icon{flex-shrink:0;justify-content:center;align-items:center;width:14px;height:14px;margin:0;display:flex}.popup-icon svg{width:100%;height:100%}.popup-message{color:#333;white-space:nowrap;margin:0;font-family:Poppins,sans-serif;font-size:.75rem;line-height:1}.popup-success .popup-icon svg{fill:#28a745}.popup-error .popup-icon svg{fill:#dc3545}.logo{align-items:center;gap:8px;display:flex}.logo-icon{flex-shrink:0}.about-section{width:100%;max-width:1200px;padding:40px 40px 60px;padding-bottom:calc(60px + env(safe-area-inset-bottom));margin:0 auto}.about-container{align-items:flex-start;gap:48px;display:flex}.about-image{flex-shrink:0;width:280px;position:sticky;top:40px}.profile-image{object-fit:cover;aspect-ratio:1;border-radius:12px;width:100%;height:auto;box-shadow:0 8px 24px #0000001f}.about-content{flex-direction:column;flex:1;gap:32px;min-width:0;display:flex}.about-name{color:#37352f;letter-spacing:-.02em;margin:0;font-size:36px;font-weight:700;line-height:1.2}.about-tagline{color:#787774;margin:8px 0 0;font-size:16px;line-height:1.5}.about-contact{flex-wrap:wrap;align-items:center;gap:12px;margin-top:4px;display:flex}.about-contact a{color:#2eaadc;font-size:14px;font-weight:500;text-decoration:none;transition:color .2s}.about-contact a:hover{color:#1a8ab8;text-decoration:underline}.about-contact .separator{color:#9b9a97;font-size:14px}.about-section-block{border-bottom:1px solid #e9e9e7;padding-bottom:24px}.about-section-block:last-child{border-bottom:none;padding-bottom:0}.about-section-block h2{color:#37352f;margin:0 0 16px;font-size:20px;font-weight:600;line-height:1.3}.about-section-block p{color:#37352f;margin:0 0 12px;font-size:14px;line-height:1.7}.about-section-block p:last-child{margin-bottom:0}.about-section-block a{color:#2eaadc;font-weight:500;text-decoration:none}.about-section-block a:hover{text-decoration:underline}.experience-item{margin-bottom:24px}.experience-item:last-child{margin-bottom:0}.experience-header{justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:4px;display:flex}.experience-header h3{color:#37352f;margin:0;font-size:16px;font-weight:600;line-height:1.3}.experience-date{color:#9b9a97;white-space:nowrap;font-size:13px;font-weight:500}.experience-title{color:#787774;margin:4px 0;font-size:14px;font-weight:500;line-height:1.4}.experience-detail{color:#37352f;margin:4px 0 0;font-size:14px;line-height:1.6}.skills-list{color:#37352f;font-size:14px;line-height:1.8}@media (max-width:1024px){.about-container{flex-direction:column;gap:32px}.about-image{width:200px;margin:0 auto;position:static}.about-content{gap:28px}}@media (max-width:768px){.about-section{padding:30px 20px 40px}.about-container{gap:24px}.about-image{width:160px}.about-name{font-size:28px}.about-tagline{font-size:14px}.about-contact{gap:8px;font-size:13px}.about-section-block{padding-bottom:20px}.about-section-block h2{margin-bottom:12px;font-size:18px}.experience-header{flex-direction:column;align-items:flex-start;gap:4px}.experience-item{margin-bottom:20px}}.blog-section{width:100%;max-width:900px;padding:60px 40px 80px;padding-bottom:calc(80px + env(safe-area-inset-bottom));margin:0 auto}.blog-header{margin-bottom:60px}.blog-header h1{color:#37352f;letter-spacing:-.03em;margin:0 0 16px;font-size:48px;font-weight:700;line-height:1.1}.blog-subtitle{color:#787774;margin:0;font-size:20px;font-weight:400;line-height:1.5}.blog-articles-grid{flex-direction:column;gap:48px;display:flex}.blog-article-card{cursor:pointer;background:0 0;border:none;border-bottom:1px solid #e9e9e7;flex-direction:column;gap:12px;padding:0 0 48px;transition:all .2s;display:flex}.blog-article-card:hover .article-card-title{color:#2eaadc}.article-card-header{flex-direction:column;gap:12px;display:flex}.article-card-title{color:#37352f;letter-spacing:-.01em;margin:0;font-size:28px;font-weight:600;line-height:1.2;transition:color .2s}.article-card-meta{color:#9b9a97;text-transform:uppercase;letter-spacing:.5px;flex-wrap:wrap;align-items:center;gap:8px;font-size:14px;display:flex}.article-card-date,.article-card-read-time{font-weight:400}.category-tags{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.category-tag{text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;border-radius:4px;padding:3px 8px;font-size:11px;font-weight:500;transition:all .2s;display:inline-block}.article-card-excerpt{color:#787774;margin:0;font-size:18px;font-weight:400;line-height:1.6}.article-card-footer{display:none}.read-more{color:#2eaadc;align-items:center;gap:4px;font-size:14px;font-weight:500;display:inline-flex}.article-view{width:100%;max-width:800px;padding:60px 40px 80px;padding-bottom:calc(80px + env(safe-area-inset-bottom));margin:0 auto}.back-to-blog{color:#787774;cursor:pointer;margin-bottom:48px;margin-top:max(20px,env(safe-area-inset-top));background:0 0;border:none;align-items:center;gap:8px;padding:0;font-family:Poppins,sans-serif;font-size:15px;font-weight:400;transition:all .2s;display:inline-flex}.back-to-blog:hover{color:#37352f}.article-content{background:0 0;border:none;padding:0}.article-header{border-bottom:none;margin-bottom:32px;padding-bottom:0}.article-meta-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;display:flex}.article-meta-info{flex-wrap:wrap;flex:1;align-items:center;gap:8px;display:flex}.article-date-standalone,.article-read-time{color:#9b9a97;text-transform:uppercase;letter-spacing:.5px;font-size:14px}.separator{color:#9b9a97;-webkit-user-select:none;user-select:none;font-size:14px}.article-title{color:#37352f;letter-spacing:-.03em;margin:0 0 32px;font-size:48px;font-weight:700;line-height:1.1}.share-button{cursor:pointer;color:#37352f;background:0 0;border:1px solid #e9e9e7;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;padding:10px;transition:all .2s;display:flex}.share-button:hover{background:#f7f6f3;border-color:#d3d3d1}.share-button:active{transform:scale(.95)}.share-button svg{display:block}.article-meta{display:none}.article-date,.article-read-time{font-weight:500}.article-audio-player{border-bottom:1px solid #e9e9e7;align-items:center;gap:16px;margin-bottom:48px;padding-bottom:32px;display:flex}.audio-play-button{cursor:pointer;background:#37352f;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;transition:all .2s;display:flex}.audio-play-button:hover{background:#2eaadc;transform:scale(1.05)}.audio-play-button svg{fill:#fff;width:20px;height:20px;margin-left:2px}.audio-play-button.playing svg{margin-left:0}.audio-controls{flex-direction:column;flex:1;gap:8px;display:flex}.audio-time{color:#9b9a97;font-variant-numeric:tabular-nums;font-size:13px;font-weight:500}.audio-progress-container{cursor:pointer;background:#e9e9e7;border-radius:3px;width:100%;height:6px;position:relative;overflow:hidden}.audio-progress-bar{background:#37352f;border-radius:3px;height:100%;transition:width .1s linear;position:relative}.audio-progress-bar:after{content:"";opacity:0;background:#37352f;border-radius:50%;width:12px;height:12px;transition:opacity .2s;position:absolute;top:50%;right:-6px;transform:translateY(-50%)}.audio-progress-container:hover .audio-progress-bar:after{opacity:1}.article-body{color:#37352f;font-size:16px;line-height:1.8}.article-h1{color:#37352f;letter-spacing:-.01em;margin:32px 0 16px;font-size:32px;font-weight:700;line-height:1.3}.article-h2{color:#37352f;margin:32px 0 12px;font-size:24px;font-weight:600;line-height:1.3}.article-h3{color:#37352f;margin:24px 0 8px;font-size:18px;font-weight:600;line-height:1.4}.article-p{color:#37352f;margin:0 0 16px;line-height:1.8}.article-li{color:#37352f;margin:8px 0;line-height:1.7}.article-ul,.article-ol{margin:16px 0;padding-left:28px}.article-ul{list-style-type:disc}.article-ol{list-style-type:decimal}.article-ul .article-li{list-style-type:disc}.article-ol .article-li{list-style-type:decimal}.article-pre{background:#f7f6f3;border-left:3px solid #2eaadc;border-radius:6px;margin:20px 0;padding:16px 20px;font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace;font-size:14px;line-height:1.6;overflow-x:auto}.article-code{white-space:pre-wrap;word-wrap:break-word;background:0 0;font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace;font-size:14px;line-height:1.6;display:block}.article-inline-code{color:#eb5757;background:#f7f6f3;border-radius:3px;padding:2px 6px;font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace;font-size:.9em}.article-blockquote{color:#6b6b6b;border-left:3px solid #e0e0e0;margin:20px 0;padding-left:20px;font-style:italic}.article-body hr{background:#e9e9e7;border:none;height:1px;margin:32px 0}.article-li-numbered{list-style-type:none}.article-code-marker{display:none}.article-body strong{color:#37352f;font-weight:600}.article-body em{font-style:italic}.article-link{color:#2eaadc;border-bottom:1px solid #0000;font-weight:500;text-decoration:none;transition:all .2s}.article-link:hover{color:#1a8ab8;border-bottom-color:#1a8ab8}.article-link:visited{color:#2eaadc}.video-player-container{background:#000;border-radius:8px;width:100%;margin-bottom:48px;padding-bottom:56.25%;position:relative;overflow:hidden}.video-player{border:none;width:100%;height:100%;position:absolute;top:0;left:0}.related-section{border-top:1px solid #e9e9e7;margin-top:64px;padding-top:48px}.related-title{color:#37352f;margin:0 0 32px;font-size:24px;font-weight:600;line-height:1.3}.related-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.related-item{cursor:pointer;background:0 0;border:1px solid #e9e9e7;border-radius:8px;padding:20px;transition:all .2s}.related-item:hover{background:#2eaadc05;border-color:#2eaadc}.related-item-title{color:#37352f;margin:0 0 8px;font-size:16px;font-weight:600;line-height:1.3;transition:color .2s}.related-item:hover .related-item-title{color:#2eaadc}.related-item-date{color:#9b9a97;text-transform:uppercase;letter-spacing:.5px;font-size:13px;font-weight:400}.project-card{color:inherit;text-decoration:none}.project-link-indicator{border-top:1px solid #e9e9e7;margin-top:12px;padding-top:12px}.project-link-indicator span{color:#2eaadc;font-size:14px;font-weight:500;transition:gap .2s;display:inline-block}.project-card:hover .project-link-indicator span{transform:translate(4px)}.paper-venue{color:#9b9a97;font-size:13px}.contact-section{width:100%;max-width:800px;padding:60px 40px 80px;padding-bottom:calc(80px + env(safe-area-inset-bottom));margin:0 auto}.contact-header{text-align:center;margin-bottom:64px}.contact-header h1{color:#37352f;letter-spacing:-.03em;margin:0 0 16px;font-size:48px;font-weight:700;line-height:1.1}.contact-subtitle{color:#787774;max-width:600px;margin:0 auto;font-size:18px;line-height:1.5}.contact-links{flex-direction:column;gap:24px;max-width:600px;margin:0 auto;display:flex}.contact-link{color:inherit;background:#fff;border:1px solid #e9e9e7;border-radius:12px;align-items:center;gap:24px;padding:32px;text-decoration:none;transition:all .2s;display:flex}.contact-link:hover{background:#2eaadc05;border-color:#2eaadc;transform:translateY(-2px);box-shadow:0 8px 24px #00000014}.contact-icon{background:#f7f6f3;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;transition:all .2s;display:flex}.contact-link:hover .contact-icon{background:#2eaadc;transform:scale(1.05)}.contact-icon svg{color:#37352f;width:28px;height:28px;transition:color .2s}.contact-link:hover .contact-icon svg{color:#fff}.contact-info{flex:1}.contact-info h3{color:#37352f;margin:0 0 4px;font-size:18px;font-weight:600;line-height:1.3}.contact-info p{color:#787774;margin:0;font-size:15px;line-height:1.4}@media (max-width:1024px){.related-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.blog-section{padding:40px 24px 60px;padding-bottom:calc(60px + env(safe-area-inset-bottom))}.blog-header{margin-bottom:48px}.blog-header h1{font-size:36px}.blog-subtitle{font-size:18px}.blog-articles-grid{gap:40px}.blog-article-card{padding-bottom:40px}.article-card-title{font-size:24px}.article-card-excerpt{font-size:16px}.article-view{padding:40px 24px 60px;padding-bottom:calc(60px + env(safe-area-inset-bottom))}.article-title{margin-bottom:24px;font-size:32px}.share-button{width:36px;height:36px;padding:8px}.audio-play-button svg{width:16px;height:16px}.article-h1{font-size:28px}.article-h2{font-size:22px}.article-h3{font-size:18px}.video-player-container{border-radius:4px;margin-bottom:32px}.related-section{margin-top:48px;padding-top:32px}.related-title{margin-bottom:24px;font-size:18px}.related-grid{grid-template-columns:1fr;gap:16px}.related-item{padding:16px}.related-item-title{font-size:15px}.contact-section{padding:40px 24px 60px;padding-bottom:calc(60px + env(safe-area-inset-bottom))}.contact-header h1{font-size:36px}.contact-subtitle{font-size:16px}.contact-link{gap:20px;padding:24px}.contact-icon{width:48px;height:48px}.contact-icon svg{width:24px;height:24px}.contact-info h3{font-size:16px}.contact-info p{font-size:14px}}.manifesto-section{max-width:800px;margin:0 auto;padding:40px 20px}.manifesto-header{text-align:center;border-bottom:1px solid #e9e9e7;margin-bottom:48px;padding-bottom:24px}.manifesto-header h1{color:#37352f;letter-spacing:-.03em;margin-bottom:12px;font-size:48px;font-weight:700;line-height:1.1}.manifesto-subtitle{color:#787774;margin:0;font-size:20px;font-style:italic;font-weight:400}.manifesto-content{flex-direction:column;gap:32px;display:flex}.manifesto-block{background:#fafafa;border-left:4px solid #37352f;border-radius:8px;padding:24px;transition:all .2s}.manifesto-block:hover{background:#f5f5f5;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.manifesto-block h2{color:#37352f;margin-bottom:16px;font-size:24px;font-weight:600;line-height:1.3}.manifesto-block p{color:#37352f;margin:0;font-size:16px;line-height:1.6}.manifesto-block ul{color:#37352f;margin:0;padding-left:20px;font-size:16px;line-height:1.6}.manifesto-block li{margin-bottom:8px}.manifesto-block li:last-child{margin-bottom:0}.manifesto-block strong{color:#37352f;font-weight:600}@media (max-width:768px){.manifesto-section{padding:30px 16px}.manifesto-header h1{font-size:36px}.manifesto-subtitle{font-size:18px}.manifesto-block{padding:20px}.manifesto-block h2{font-size:20px}}.loading-container{background-color:#f7f6f3;justify-content:center;align-items:center;min-height:100vh;display:flex}.loading-spinner{color:#2383e2;font-size:16px}.app-container{min-height:100dvh;padding-bottom:env(safe-area-inset-bottom);display:flex}.mobile-header{z-index:1000;background-color:#f7f6f3;border-bottom:1px solid #e9e9e7;justify-content:space-between;align-items:center;height:60px;padding:0 20px;display:none;position:fixed;top:0;left:0;right:0}.mobile-header h1{color:#37352f;margin:0;font-size:18px;font-weight:600}.mobile-menu-toggle{cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:8px;transition:background .2s;display:flex}.mobile-menu-toggle:hover{background:#37352f14}.mobile-menu-overlay{z-index:1001;background:#00000080;animation:.3s fadeIn;display:none;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.mobile-menu{z-index:1002;background-color:#fff;width:280px;transition:transform .3s cubic-bezier(.4,0,.2,1);display:none;position:fixed;top:0;bottom:0;right:0;overflow-y:auto;transform:translate(100%);box-shadow:-2px 0 8px #0000001a}.mobile-menu.open{transform:translate(0)}.mobile-menu-header{border-bottom:1px solid #e9e9e7;justify-content:space-between;align-items:center;padding:20px;display:flex}.mobile-menu-header h2{color:#37352f;margin:0;font-size:20px;font-weight:600}.mobile-menu-close{cursor:pointer;color:#37352f;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:8px;transition:background .2s;display:flex}.mobile-menu-close:hover{background:#37352f14}.mobile-menu-content{padding:0}.mobile-nav-section{border-bottom:1px solid #e9e9e7;padding:16px 0}.mobile-nav-section:last-child{border-bottom:none}.mobile-nav-section h3{color:#9b9a97;text-transform:uppercase;letter-spacing:.8px;margin:0;padding:0 20px 8px;font-size:11px;font-weight:600}.mobile-nav-item{color:#37352f;align-items:center;gap:12px;padding:12px 20px;font-size:15px;font-weight:400;text-decoration:none;transition:background .2s;display:flex}.mobile-nav-item:hover{background:#37352f14}.mobile-nav-item.active{color:#2eaadc;background:#2eaadc1a;font-weight:500}.mobile-nav-item .nav-icon{opacity:.6;flex-shrink:0;width:20px;height:20px}.mobile-nav-item.active .nav-icon{opacity:1}.sidebar{z-index:100;background-color:#f7f6f3;border-right:1px solid #e9e9e7;flex-direction:column;width:240px;transition:width .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:visible auto}.sidebar.collapsed{width:60px;overflow:hidden}.sidebar.collapsed.hovered{z-index:100;width:240px;box-shadow:4px 0 20px #00000026}.sidebar-header{border-bottom:none;align-items:center;min-height:48px;padding:12px 14px 8px;display:flex}.logo{align-items:center;gap:8px;width:100%;display:flex}.collapse-toggle{cursor:pointer;background:#f7f6f3cc;border:1px solid #e9e9e780;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;margin-right:4px;padding:8px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.collapse-toggle:hover{background:#37352f14;border-color:#37352f26;transform:scale(1.05);box-shadow:0 2px 8px #0000001a}.collapse-toggle:active{transform:scale(.95)}.dehaze-icon{opacity:.7;transition:transform .3s cubic-bezier(.4,0,.2,1)}.collapse-toggle:hover .dehaze-icon{opacity:1}.collapse-toggle.collapsed .dehaze-icon{transform:rotate(90deg)}.logo-content{align-items:center;gap:8px;transition:opacity .2s,transform .2s;display:flex}.logo-text{white-space:nowrap;margin:0;transition:opacity .2s,transform .2s}.sidebar.collapsed .logo-content{opacity:0;pointer-events:none;transform:translate(-10px)}.sidebar.collapsed.hovered .logo-content{opacity:1;pointer-events:auto;transform:translate(0)}.logo h1{color:#37352f;letter-spacing:0;margin:0;font-size:14px;font-weight:600}.profile-section{flex-direction:column;align-items:center;padding:12px;transition:transform .2s,opacity .2s;display:flex;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.sidebar.collapsed .profile-section{opacity:0;pointer-events:none}.sidebar.collapsed.hovered .profile-section{opacity:1;pointer-events:auto}.profile-name{color:#37352f;text-align:center;font-size:14px;font-weight:500}.sidebar-nav{flex:1;padding:8px 0;transition:opacity .2s;overflow:visible}.sidebar.collapsed .sidebar-nav{opacity:0;pointer-events:none}.sidebar.collapsed.hovered .sidebar-nav{opacity:1;pointer-events:auto}.nav-section{margin-bottom:8px;overflow:visible}.nav-section h3{color:#9b9a97;text-transform:none;letter-spacing:0;white-space:nowrap;margin:16px 14px 4px;font-size:12px;font-weight:500;transition:opacity .2s}.sidebar.collapsed .nav-section h3{opacity:0}.sidebar.collapsed.hovered .nav-section h3{opacity:1}.nav-list{list-style:none;overflow:visible}.nav-item{cursor:pointer;border-radius:3px;align-items:center;gap:4px;min-height:27px;margin:1px 6px;padding:4px 8px 4px 14px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.nav-item:hover{background-color:#37352f14;transform:translate(2px)}.nav-item.active{background-color:#2eaadc26;transform:translate(4px);box-shadow:0 2px 4px #2eaadc1a}.nav-item span{color:#37352f;white-space:nowrap;flex:1;font-size:14px;font-weight:400;transition:opacity .2s,transform .2s}.sidebar.collapsed .nav-item span{opacity:0;pointer-events:none;transform:translate(-10px)}.sidebar.collapsed.hovered .nav-item span{opacity:1;pointer-events:auto;transform:translate(0)}.expand-icon{opacity:.4;width:12px;height:12px;transition:transform .15s,opacity .2s}.sidebar.collapsed .expand-icon{opacity:0}.sidebar.collapsed.hovered .expand-icon{opacity:.4}.nav-item:hover .expand-icon{opacity:1}.nav-item.expanded .expand-icon{transform:rotate(180deg)}.nav-bottom{border-top:1px solid #e9e9e7;margin-top:auto;padding-top:16px;padding-bottom:8px;transition:opacity .2s}.sidebar.collapsed .nav-bottom{opacity:0}.sidebar.collapsed.hovered .nav-bottom{opacity:1}.overlay{opacity:0;z-index:1000;pointer-events:none;transition:opacity .2s,transform .2s;position:fixed;transform:translateY(-10px)}.overlay.show{opacity:1;pointer-events:auto;transform:translateY(0)}.overlay-content{background-color:#fff;border:1px solid #e9e9e7;border-radius:6px;width:280px;max-height:300px;position:relative;overflow:hidden;box-shadow:0 8px 25px -5px #00000026,0 4px 10px -5px #00000014}.overlay-header{border-bottom:1px solid #e9e9e7;justify-content:space-between;align-items:center;padding:12px 16px 8px;display:flex}.overlay-header h3{color:#37352f;margin:0;font-size:14px;font-weight:600}.close-btn{color:#9b9a97;cursor:pointer;background:0 0;border:none;border-radius:3px;justify-content:center;align-items:center;width:24px;height:24px;padding:0;font-size:18px;transition:background-color .15s;display:flex}.close-btn:hover{color:#37352f;background-color:#37352f14}.overlay-body{max-height:240px;padding:0;overflow-y:auto}.thought-list{margin:0;padding:0;list-style:none}.thought-list li{color:#37352f;cursor:pointer;border-bottom:1px solid #f7f6f3;padding:8px 16px;font-size:13px;line-height:1.4;transition:background-color .15s}.thought-list li:hover{background-color:#37352f14}.thought-list li:last-child{border-bottom:none}@keyframes popoverSlideIn{0%{opacity:0;transform:translateY(-8px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.main-content{padding-bottom:env(safe-area-inset-bottom);background-color:#fff;flex-direction:column;flex:1;transition:margin-left .3s cubic-bezier(.4,0,.2,1);display:flex}.sidebar.collapsed+.main-content{margin-left:0}.search-container{z-index:100;background-color:#0000;border-bottom:none;padding:0;position:absolute;top:20px;right:20px}.search-bar{background-color:#fff;border:1px solid #e9e9e7;border-radius:8px;align-items:center;gap:8px;width:350px;margin:0;padding:10px 14px;transition:all .15s;display:flex;box-shadow:inset 0 0 0 1px #0f0f0f1a}.search-bar:focus-within{box-shadow:inset 0 0 0 1px #2eaadcb3}.search-icon{opacity:.4;flex-shrink:0;width:14px;height:14px}.search-input{color:#37352f;background:0 0;border:none;outline:none;flex:1;font-family:Poppins,sans-serif;font-size:14px;font-weight:400}.search-input::placeholder{color:#9b9a97;font-size:13px;font-weight:400}.search-actions{gap:8px;display:flex}.action-btn{cursor:pointer;background-color:#0000;border:none;border-radius:3px;justify-content:center;align-items:center;width:24px;height:24px;transition:background-color .15s;display:flex}.action-btn:hover{background-color:#37352f14}.action-btn:active{transform:translateY(0)}.btn-icon{opacity:.6;width:14px;height:14px}.mic-btn:hover{background-color:#fff0f0}.mic-btn:hover .btn-icon{filter:invert(.2)sepia()saturate(2)hue-rotate()}.refresh-btn:hover{background-color:#f0f8ff}.refresh-btn:hover .btn-icon{filter:invert(.3)sepia()saturate(2)hue-rotate(200deg)}.refresh-btn.loading{opacity:.7;cursor:not-allowed}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.content-area{min-height:calc(100vh - 40px);padding:20px;padding-bottom:calc(20px + env(safe-area-inset-bottom));flex-direction:column;flex:1;justify-content:flex-start;align-items:center;transition:all .3s;display:flex;position:relative}.add-thought-screen{text-align:center;flex-direction:column;justify-content:center;align-items:center;max-width:100%;height:100%;margin-bottom:32px;display:flex}.thinking-blob-container{cursor:pointer;margin-bottom:32px;transition:transform .2s}.thinking-blob-container:hover{transform:scale(1.05)}.thinking-blob{opacity:.8;width:120px;height:120px;transition:all .3s}.thinking-blob.pulsating{animation:1.2s ease-in-out infinite heartbeat}.thinking-blob.recording{opacity:1;filter:drop-shadow(0 0 20px #2eaadc99)}@keyframes heartbeat{0%{transform:scale(1)}25%{transform:scale(1.1)}50%{transform:scale(1)}75%{transform:scale(1.1)}to{transform:scale(1)}}.add-thought-screen h2{color:#37352f;letter-spacing:-.02em;margin-bottom:8px;font-size:32px;font-weight:600;line-height:1.2}.add-thought-screen p{color:#787774;margin:0;font-size:16px;font-weight:400}.welcome-message{text-align:left;max-width:100%;margin-bottom:32px}.welcome-message h2{color:#37352f;letter-spacing:-.03em;margin-bottom:8px;font-size:40px;font-weight:700;line-height:1.2}.welcome-message p{color:#787774;font-size:16px;font-weight:400;line-height:1.5}@media (max-width:768px){.sidebar{width:240px}.search-container{padding:20px 30px}.search-bar{padding:12px 16px}.content-area{padding:40px 30px}.welcome-message h2{font-size:24px}}.recent-thoughts-section{width:100%;max-width:100%;margin-top:0}.section-header{align-items:center;gap:8px;margin-bottom:16px;display:flex}.section-icon{opacity:.6;width:20px;height:20px}.section-header h3{color:#37352f;margin:0;font-size:16px;font-weight:600}.recent-thoughts-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:8px;display:grid}.thought-card{cursor:pointer;background-color:#fff;border:1px solid #e9e9e7;border-radius:3px;padding:12px;transition:all .15s}.thought-card:hover{background-color:#37352f08}.thought-category{color:#9b9a97;text-transform:none;letter-spacing:0;margin-bottom:4px;font-size:12px;font-weight:500;display:block}.thought-preview{color:#37352f;margin:0 0 4px;font-size:14px;font-weight:400;line-height:1.3}.thought-time{color:#9b9a97;font-size:11px;font-weight:400}@media (max-width:480px){.sidebar{width:200px}.search-container{padding:16px 20px}.content-area{padding:30px 20px}.recent-thoughts-grid{grid-template-columns:1fr}}.live-transcript{opacity:0;pointer-events:none;text-align:center;width:400px;max-height:200px;margin-top:40px;transition:opacity .3s;position:static;overflow:hidden}.live-transcript.active{opacity:1}.transcript-content{color:#9b9a97;text-align:left;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f7f6f3cc;border:1px solid #e9e9e780;border-radius:8px;padding:10px;font-size:14px;line-height:1.4}.transcript-word{opacity:1;margin-right:4px;transition:opacity 2s ease-out;display:inline}.transcript-word.fading{opacity:.3}.transcript-word.current{opacity:1;color:#37352f;font-weight:500}.transcript-display{background:#f7f6f3;border:1px solid #e9e9e7;border-radius:12px;width:100%;max-width:600px;min-height:120px;margin-top:32px;padding:20px;animation:.3s ease-out fadeIn}.transcript-content{text-align:left;flex-direction:column;justify-content:center;min-height:80px;font-size:16px;line-height:1.6;display:flex}.final-transcript{color:#37352f;font-weight:500}.interim-transcript{color:#787774;opacity:.8;font-style:italic}.listening-indicator{color:#9b9a97;align-items:center;gap:8px;font-style:italic;animation:2s ease-in-out infinite pulse;display:flex}.listening-indicator:before{content:"🎤";font-size:18px;animation:1.5s ease-in-out infinite bounce}@keyframes pulse{0%,to{opacity:.6}50%{opacity:1}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-4px)}60%{transform:translateY(-2px)}}.search-dropdown{z-index:1000;margin-top:4px;animation:.2s ease-out slideInDown;position:absolute;top:100%;left:0;right:0}.search-dropdown-content{background:#fff;border:1px solid #e9e9e7;border-radius:8px;flex-direction:column;max-height:400px;display:flex;overflow:hidden;box-shadow:0 8px 25px -5px #00000026,0 4px 10px -5px #00000014}.search-dropdown-header{background:#fafafa;border-bottom:1px solid #f0f0f0;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.search-results-count{color:#9b9a97;font-size:12px;font-weight:500}.search-dropdown-close{color:#9b9a97;cursor:pointer;background:0 0;border:none;border-radius:3px;justify-content:center;align-items:center;width:20px;height:20px;padding:0;font-size:16px;transition:all .15s;display:flex}.search-dropdown-close:hover{color:#37352f;background:#37352f14}.search-results-list{flex:1;max-height:320px;overflow-y:auto}.search-result-item{cursor:pointer;border-bottom:1px solid #f7f6f3;flex-direction:column;gap:8px;padding:12px 16px;transition:background-color .15s;display:flex}.search-result-item:hover{background:#37352f08}.search-result-item:last-child{border-bottom:none}.search-result-header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.search-result-title{color:#37352f;flex:1;margin:0;font-size:14px;font-weight:600;line-height:1.3}.search-result-meta{flex-shrink:0;align-items:center;gap:8px;display:flex}.search-result-category{color:#9b9a97;text-transform:capitalize;background:#f7f6f3;border-radius:3px;padding:2px 6px;font-size:11px;font-weight:500}.search-result-date{color:#9b9a97;font-size:11px;font-weight:400}.search-result-snippet{color:#787774;margin:0;font-size:13px;line-height:1.4}.search-result-footer{justify-content:space-between;align-items:center;display:flex}.search-match-indicator{flex:1;align-items:center;gap:8px;display:flex}.match-type{color:#9b9a97;font-size:11px;font-weight:500}.relevance-bar{background:#f0f0f0;border-radius:1px;width:40px;height:2px;overflow:hidden}.relevance-fill{background:linear-gradient(90deg,#2eaadc 0%,#46c93a 100%);border-radius:1px;height:100%;transition:width .3s}.search-dropdown-footer{background:#fafafa;border-top:1px solid #f0f0f0;padding:8px 16px}.search-tip{color:#9b9a97;align-items:center;gap:6px;font-size:11px;display:flex}.search-tip-icon{opacity:.6}.search-highlight{color:#37352f;background:#2eaadc33;border-radius:2px;padding:0 1px;font-weight:600}@keyframes slideInDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.search-dropdown-content{max-height:300px}.search-results-list{max-height:240px}.search-result-item{padding:10px 12px}.search-result-meta{flex-direction:column;align-items:flex-end;gap:4px}}.page-transition-enter{opacity:0;transform:translateY(20px)}.page-transition-enter-active{opacity:1;transition:opacity .3s ease-out,transform .3s ease-out;transform:translateY(0)}.page-transition-exit{opacity:1;transform:translateY(0)}.page-transition-exit-active{opacity:0;transition:opacity .2s ease-in,transform .2s ease-in;transform:translateY(-10px)}.content-transition{animation:.4s ease-out contentFadeIn}@keyframes contentFadeIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.thought-card{cursor:pointer;background-color:#fff;border:1px solid #e9e9e7;border-radius:3px;padding:12px;transition:all .15s;animation:.4s ease-out both thoughtCardSlideIn}.thought-card:first-child{animation-delay:.1s}.thought-card:nth-child(2){animation-delay:.15s}.thought-card:nth-child(3){animation-delay:.2s}.thought-card:nth-child(4){animation-delay:.25s}.thought-card:nth-child(5){animation-delay:.3s}@keyframes thoughtCardSlideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.loading-shimmer{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%) 0 0/200% 100%;animation:1.5s infinite shimmer}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.speech-interface{opacity:0;width:100%;max-width:600px;margin-top:32px;animation:.4s ease-out forwards slideInUp}.done-button-container{opacity:0;justify-content:center;margin-top:20px;animation:.5s ease-out .2s forwards slideInUp;display:flex}.done-btn{color:#37352f;cursor:pointer;background:#fff;border:1px solid #e9e9e7;border-radius:8px;min-width:80px;padding:8px 16px;font-size:14px;font-weight:500;transition:all .15s;box-shadow:inset 0 0 0 1px #0f0f0f1a}.done-btn:hover{background:#37352f14}.done-btn:active{background:#37352f29}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.edit-interface{animation:.3s ease-out slideInUp}.edit-textarea{color:#37352f;resize:vertical;background:#fff;border:1px solid #e9e9e7;border-radius:8px;width:100%;min-height:120px;padding:10px 14px;font-family:Poppins,sans-serif;font-size:14px;line-height:1.5;transition:all .15s;box-shadow:inset 0 0 0 1px #0f0f0f1a}.edit-textarea:focus{outline:none;box-shadow:inset 0 0 0 1px #2eaadcb3}.edit-textarea::placeholder{color:#9b9a97;font-style:italic}.done-btn:disabled{color:#9b9a97;cursor:not-allowed;filter:blur(.5px);opacity:.6;background:#e9e9e7;transition:all .3s;transform:none;box-shadow:0 2px 8px #0000000d}.done-btn:disabled:hover{color:#9b9a97;filter:blur(.5px);opacity:.6;background:#e9e9e7;transform:none;box-shadow:0 2px 8px #0000000d}.done-btn:not(:disabled){filter:blur();opacity:1;transition:all .3s}.ai-processing-interface{background:#f7f6f3;border:1px solid #e9e9e7;border-radius:12px;width:100%;max-width:600px;margin-top:32px;padding:20px;animation:.3s ease-out slideInUp}.ai-processing-header{text-align:center;border-bottom:1px solid #e9e9e7;margin-bottom:20px;padding-bottom:16px}.ai-processing-header h3{color:#37352f;margin:0 0 8px;font-size:18px;font-weight:600}.progress-indicator{color:#9b9a97;font-size:14px;font-weight:500}.ai-processing-steps{flex-direction:column;gap:12px;display:flex}.processing-step{border:1px solid #0000;border-radius:8px;align-items:flex-start;gap:12px;padding:12px;transition:all .2s;display:flex}.processing-step.pending{opacity:.7;background:#f7f6f380}.processing-step.active{background:#fff;border-color:#e9e9e7;box-shadow:inset 0 0 0 1px #0f0f0f1a}.processing-step.completed{background:#2eaadc0d;border-color:#2eaadc26}.step-indicator{border:2px solid;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:13px;font-weight:600;display:flex}.processing-step.pending .step-indicator{color:#9b9a97;background:#f7f6f3;border-color:#e9e9e7}.processing-step.active .step-indicator,.processing-step.completed .step-indicator{color:#2eaadc;background:#fff;border-color:#2eaadc}.processing-step.completed .step-indicator svg{width:16px;height:16px}.processing-spinner{width:16px;height:16px;position:relative}.spinner-ring{border:2px solid #2eaadc33;border-top-color:#2eaadc;border-radius:50%;width:100%;height:100%;animation:1s linear infinite spin}.step-content{flex:1;min-width:0}.step-content h4{color:#37352f;margin:0 0 4px;font-size:15px;font-weight:600;line-height:1.3}.step-description{color:#787774;margin:0 0 8px;font-size:14px;line-height:1.4}.step-result{color:#2eaadc;margin:0;font-size:13px;font-weight:500;line-height:1.4}.search-shortcut{opacity:.5;align-items:center;gap:4px;font-size:12px;display:flex}.search-shortcut kbd{color:#787774;background:#37352f14;border:1px solid #37352f26;border-radius:3px;padding:2px 6px;font-family:inherit;font-size:11px;font-weight:500;box-shadow:0 1px 2px #0000000d}.search-result-type{text-transform:uppercase;letter-spacing:.5px;border-radius:4px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-block}.search-result-subtitle{color:#787774;margin:8px 0 0;font-size:13px;line-height:1.5}.search-result-venue{color:#9b9a97;margin-top:6px;font-size:12px;font-style:italic;display:inline-block}.search-dropdown-results{max-height:400px;overflow-y:auto}.nav-item a{width:100%;color:inherit;align-items:center;gap:8px;text-decoration:none;display:flex}.nav-item a:hover{text-decoration:none}.nav-icon{opacity:.6;flex-shrink:0;width:16px;height:16px}.nav-item:hover .nav-icon{opacity:.8}.nav-item.active .nav-icon{opacity:1}@media (max-width:768px){.mobile-header{padding-top:env(safe-area-inset-top);height:calc(60px + env(safe-area-inset-top));display:flex}.mobile-menu{padding-bottom:env(safe-area-inset-bottom);display:block}.mobile-menu-overlay{display:block}.sidebar{display:none}.main-content{padding-top:calc(60px + env(safe-area-inset-top));padding-bottom:env(safe-area-inset-bottom);margin-left:0}.content-area{padding:20px;padding-bottom:calc(20px + env(safe-area-inset-bottom))}.about-section{padding:20px;padding-bottom:calc(40px + env(safe-area-inset-bottom))}.about-container{flex-direction:column;gap:24px}.about-image{width:100%;max-width:280px;margin:0 auto;position:static}.blog-articles-grid{grid-template-columns:1fr;gap:16px}.blog-article-card{padding:16px}.article-body{padding:0;font-size:16px}.article-h1{font-size:28px}.article-h2{font-size:22px}.article-h3{font-size:18px}.related-grid{grid-template-columns:1fr}.video-wrapper{max-width:100%}.playground-grid,.papers-grid{grid-template-columns:1fr}}@media (min-width:769px) and (max-width:1024px){.sidebar{width:200px}.sidebar.collapsed{width:60px}.main-content{margin-left:200px}.sidebar.collapsed+.main-content{margin-left:60px}.about-image{width:220px}.blog-articles-grid{grid-template-columns:1fr}}