.clickable{cursor:pointer;margin-bottom:2rem;transition:all .2s ease;-webkit-user-select:none;user-select:none}.clickable:hover{opacity:.8;transform:scale(1.02)}#light{background-color:#dbdbdb}#dark,#light{min-height:100vh;overflow-x:hidden;padding:5px;width:100%}#dark{background-color:#3b3b3b}#light .MuiTypography-root,#light .main,#light h1,#light h2,#light h3,#light p,#light span{color:#3b3b3b}#dark .MuiTypography-root,#dark .main,#dark h1,#dark h2,#dark h3,#dark p,#dark span,.dark-mode{color:#dbdbdb}.light-mode{color:#3b3b3b}.page-container{align-items:center;display:flex;flex-direction:column;padding:0 1.5rem 2rem;width:100%}.content-section{max-width:600px;text-align:center;width:100%}.header-container{align-items:center;display:flex;flex-direction:column;padding:1rem;position:relative}.logo-container{display:flex;justify-content:center;margin-bottom:1rem}#chili{max-height:150px;max-width:150px;padding:10px 8px 6px 5px;transition:transform .2s ease}#chili:hover{transform:scale(1.02)}.title-container{display:flex;justify-content:center;margin:1rem 0;padding:0 1rem}.title-container h2{align-items:center;display:flex;gap:.5rem;margin:0}.backarrow-btn{align-items:center;background:none;border:none;cursor:pointer;display:inline-flex;margin-right:.5rem;padding:0}.backarrow-btn:focus{border-radius:4px;outline:2px solid currentColor;outline-offset:2px}.backarrow{max-height:24px;max-width:24px;transition:transform .2s ease}.backarrow-btn:hover .backarrow{transform:scale(1.1)}.mode-switch{position:absolute;right:1rem;top:1rem}.mode-switch input[type=checkbox]{height:0;visibility:hidden;width:0}.mode-switch label{background:grey;border-radius:100px;cursor:pointer;float:right;height:27px;position:relative;text-indent:-9999px;width:52px}.mode-switch label:after{background:#fff;border-radius:90px;content:"";height:20px;left:3px;position:absolute;top:3px;transition:.3s;width:20px}.mode-switch input:checked+label{background:#3b3b3b}.mode-switch input:checked+label:after{left:calc(100% - 5px);transform:translateX(-100%)}#light .mode-switch label{color:#3b3b3b}#dark .mode-switch label{color:#dbdbdb}h1,h2,h3{font-size:clamp(1.5rem,4vw,2.5rem);margin-bottom:1.5rem;text-align:center}p{font-size:clamp(1rem,2.5vw,1.2rem);line-height:1.6;margin-bottom:1rem}a{color:inherit;transition:opacity .2s ease}a,a:hover{text-decoration:none!important}a:hover{opacity:.7}.MuiListItemButton-root,.MuiListItemButton-root:hover,.MuiListItemText-root,.MuiTypography-root{text-decoration:none!important}.grid-list{grid-gap:1rem 2rem;display:grid;gap:1rem 2rem;grid-template-columns:repeat(2,1fr);margin:0 auto;max-width:600px;width:100%}.grid-item{align-items:center;border-radius:4px;color:inherit;display:flex;font-size:clamp(1rem,2.5vw,1.25rem);justify-content:center;padding:.75rem 1rem;text-align:center;text-decoration:none;transition:background-color .2s ease}.grid-item.light:hover{background-color:#0000001a}.grid-item.dark:hover{background-color:#ffffff1a}.writing-container{gap:1.5rem;margin:0 auto;max-width:600px;width:100%}.writing-card,.writing-container{display:flex;flex-direction:column}.writing-card{border-radius:12px;color:inherit;overflow:hidden;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease}.writing-card.light{background-color:#ffffff80}.writing-card.dark{background-color:#ffffff14}.writing-card:hover{transform:scale(1.02)}.writing-card.light:hover{box-shadow:0 4px 12px #0000001a}.writing-card.dark:hover{box-shadow:0 4px 12px #0000004d}.writing-card-image{height:180px;overflow:hidden;width:100%}.writing-card-image img{height:100%;object-fit:cover;width:100%}.writing-card-content{padding:1rem 1.25rem 1.25rem;text-align:left}.writing-card-title{font-size:clamp(1.1rem,2.5vw,1.3rem);font-weight:600;margin:0 0 .25rem}.writing-card-subtitle{font-size:clamp(.9rem,2vw,1rem);line-height:1.4;margin:0 0 .75rem;opacity:.8}.writing-card-meta{align-items:center;display:flex;font-size:clamp(.8rem,1.8vw,.9rem);gap:.5rem;opacity:.6}.meta-divider{font-weight:700}.empty-state{font-style:italic;opacity:.6}.blog-page-container{padding:0 1.5rem 2rem;width:100%}.blog-post{margin:0 auto;max-width:720px;text-align:left}.blog-post-header{margin-bottom:1.5rem;text-align:center}.blog-post-title{font-size:clamp(1.5rem,4vw,2rem);font-weight:700;line-height:1.3;margin:0 0 .75rem}.blog-post-meta{align-items:center;display:flex;font-size:clamp(.85rem,2vw,.95rem);gap:.5rem;justify-content:center;opacity:.6}.blog-post-image{border-radius:12px;margin-bottom:2rem;overflow:hidden;width:100%}.blog-post-image img{display:block;height:auto;width:100%}.blog-post-content{font-size:clamp(1rem,2.5vw,1.1rem);line-height:1.7}.blog-post-content p{margin-bottom:1.25rem}.blog-post-content a{text-decoration:underline;text-underline-offset:2px}.blog-post-content.light a{color:#3b3b3b}.blog-post-content.dark a{color:#dbdbdb}.blog-post-content a:hover{opacity:.7}.blog-post-content h2{font-size:clamp(1.25rem,3vw,1.5rem);margin:2rem 0 1rem;text-align:left}.blog-post-content h3{font-size:clamp(1.1rem,2.5vw,1.25rem);margin:1.5rem 0 .75rem;text-align:left}.blog-post-content ol,.blog-post-content ul{margin-bottom:1.25rem;padding-left:1.5rem}.blog-post-content li{margin-bottom:.5rem}.blog-post-content blockquote{border-left:3px solid;font-style:italic;margin:1.5rem 0;opacity:.85;padding:1rem 1.5rem}.blog-post-content code{border-radius:4px;font-family:monospace;font-size:.9em;padding:.2rem .4rem}.blog-post-content.light code{background-color:#00000014}.blog-post-content.dark code{background-color:#ffffff1a}.blog-post-content pre{border-radius:8px;margin:1.5rem 0;overflow-x:auto;padding:1rem}.blog-post-content.light pre{background-color:#0000000d}.blog-post-content.dark pre{background-color:#ffffff0d}.blog-post-content pre code{background:none;padding:0}.blog-post-content img{border-radius:8px;display:block;height:auto;margin:1.5rem 0;width:100%}.back-to-writing{border:none;border-radius:6px;cursor:pointer;font-size:1rem;margin-top:1rem;padding:.5rem 1rem;transition:opacity .2s ease}.back-to-writing.light{background-color:#0000001a;color:#3b3b3b}.back-to-writing.dark{background-color:#ffffff1a;color:#dbdbdb}.back-to-writing:hover{opacity:.8}.draft-banner{background-color:#f59e0b;color:#1a1a1a;font-size:.85rem;font-weight:500;margin-bottom:1.5rem;text-align:center}.back-to-home,.draft-banner{border-radius:6px;padding:.5rem 1rem}.back-to-home{display:inline-block;font-size:1rem;margin-top:1rem;text-decoration:none;transition:opacity .2s ease}.back-to-home.light{background-color:#0000001a;color:#3b3b3b}.back-to-home.dark{background-color:#ffffff1a;color:#dbdbdb}.back-to-home:hover{opacity:.8}@media (max-width:600px){.blog-page-container,.page-container{padding:0 .75rem 1.5rem}h1,h2,h3{font-size:clamp(1.25rem,5vw,1.75rem);margin-bottom:1rem}.header-container{padding:.5rem}#chili{max-height:120px;max-width:120px}.title-container{margin:.5rem 0}.title-container h2{font-size:1.25rem}.backarrow{max-height:20px;max-width:20px}.MuiList-root{padding:0}.MuiListItemButton-root{padding:.6rem .5rem!important}}@media (max-width:480px){.grid-list{gap:.5rem;grid-template-columns:1fr}}
/*# sourceMappingURL=main.a349e180.css.map*/