.root-home{text-align:center;margin-top:4em;display:flex;flex-direction:column;align-items:center;width:100%;min-height:100vh}.root-home a,.root-home .feature-container a{color:var(--primary)}.root-home .feature-container a:hover{color:var(--primary);text-decoration:underline}.blog-container{padding:0 1em 1em;max-width:50em;overflow-x:hidden}.hide{position:absolute;top:-9999px;left:-9999px}.chip-row{gap:.6em;flex-wrap:wrap}.chip{font-weight:500;padding:.2em .8em;border-radius:1rem;border:2px solid color-mix(in srgb,var(--contrast) 40%,transparent);transition:all .15s;font-size:1em}.chip:hover{border-color:var(--primary);cursor:pointer;-webkit-user-select:none;user-select:none}.hide:checked+.chip{color:#fff;background:var(--primary);order:-99}.blog-container>*:not(.loader){padding-block:2em}.blog-container>*:not(:last-child){border-bottom:1px solid color-mix(in srgb,var(--contrast) 60%,transparent)}.blog-container>:not(.loader):last-child{display:flex;flex-direction:column;align-items:center;text-align:center;height:6em}.blog-container>:last-child>p{margin-top:3.3em;font-size:1.1em;font-weight:700;position:absolute;overflow:hidden;white-space:nowrap}.blog-container>:last-child .emoji{transform:scale(2) translateY(25%)}.chip.reset{border-color:var(--secondary);background:var(--secondary)}.chip.reset:hover{background:color-mix(in srgb,var(--secondary) 80%,black)}.save-button{border-color:var(--contrast)}.loader{position:absolute;content:"";width:3.5em;height:3.5em;background:conic-gradient(transparent 15%,var(--contrast) 70%);border-radius:50%;animation:spin .7s linear infinite;display:flex}.loader:after{position:absolute;content:"";width:3.5em;height:3.5em;background:var(--background);border-radius:50%;transform:scale(75%)}.randmessage{position:absolute}nav{position:fixed;top:0;left:0;right:0;padding-block:1.5em;width:100%;background:var(--background);z-index:100;border-bottom:1px solid color-mix(in srgb,var(--contrast) 10%,transparent)}nav>*{flex:1;flex-grow:1}nav>h4{padding:0;margin:0}nav>ul{margin:0 0 0 2em;gap:1em;list-style:none;padding:0}nav>ul>li>a{color:color-mix(in srgb,var(--primary) 10%,var(--contrast))}nav>ul>li>a:hover{color:color-mix(in srgb,var(--primary) 10%,var(--contrast));text-decoration:underline}nav #icons{margin-right:2em}#icons #theme-toggle>*{color:var(--contrast);height:100%}#icons #theme-toggle:hover:after{opacity:1;cursor:pointer}#icons #theme-toggle:after{content:"";position:absolute;width:1.3em;height:1.3em;padding:.5em;transform:translate(-73%,-15%);border-radius:50%;background:color-mix(in srgb,var(--contrast) 15%,transparent);transition:opacity .1s ease-in-out;opacity:0}[data-theme=dark] #icons #theme-toggle>#moon{display:none}[data-theme=light] #icons #theme-toggle>#sun{display:none}.notification{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);padding:1em;background-color:var(--background);border:1px solid var(--primary);border-radius:5px}.special-nav-button{position:fixed;top:1em;left:30vh;padding:10px 20px;border-radius:5px;cursor:pointer;z-index:1000;transition:all .3s ease;animation:spin 1s linear infinite}.special-nav-button.falling{animation:fall 2s ease-in forwards,spin .3s linear}@keyframes fall{to{transform:translateY(100vh);opacity:.5}}@keyframes rainbow-colors{0%{background-color:red;color:#fff}14%{background-color:orange;color:#fff}28%{background-color:#ff0;color:#000}42%{background-color:green;color:#fff}57%{background-color:#00f;color:#fff}71%{background-color:indigo;color:#fff}85%{background-color:violet;color:#fff}to{background-color:red;color:#fff}}.rainbow-mode *{animation:rainbow-colors 5s linear infinite}.rainbow-mode nav{animation:rainbow-colors 5s linear infinite}.rainbow-mode .notification{background-color:#fff;color:#000;animation:rainbow-colors 5s linear infinite}.active-tab{font-weight:700;text-decoration:underline;color:var(--contrast)}:root{--primary: #d45122;--secondary: #4b332c;--contrast: #f5ebe6;--background: #130f0e;--background-highlight: #1a1716;scroll-padding-top:75px!important;scroll-behavior:smooth}:has([data-theme=light]) #shadow-root{--primary: #f37748;--secondary: #219dce;--contrast: #161010;--background: #eee2df;--background-highlight: #f0d6cf}.flex{display:flex}.flex-right{flex-direction:row}.flex-down{flex-direction:column}.grow{flex:1}.align-right{justify-content:flex-end}.gap1{gap:1em}.gap05{gap:.5em}.pad0{padding:0}.marg0{margin:0}.o60{opacity:.6}.o50{opacity:.45;font-style:oblique 15deg}.o40{opacity:.4;font-style:oblique 20deg}.relative{position:relative}.center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.button-row-container{display:flex;flex-direction:column}@media (min-width: 721px){.button-row-container{flex-direction:row;align-items:center;justify-content:space-between}.info-row{flex-direction:row;align-items:center}}@media (max-width: 720px){.button-row-container{flex-direction:column}.info-row{flex-direction:row;justify-content:space-between;margin-top:1em!important}}footer{width:100%;margin-top:.5em;padding-block:2em;border-top:1px solid color-mix(in srgb,color-mix(in srgb,var(--contrast) 80%,var(--primary)) 60%,transparent);background:var(--background);display:flex;flex-direction:column;align-items:center}footer a{color:var(--primary)}footer a:hover{color:var(--primary)!important;text-decoration:underline}.post-container{display:flex;flex-direction:column;align-items:center;width:100%;min-height:100vh;padding-top:2em}.post-container .content{padding-top:2em;text-align:left;height:100%}.post-container .content img{display:block;border-radius:5px;margin:.5em auto;text-align:center;max-width:100%}.post-container .content>:first-child{border-right:1px solid var(--contrast)}.post-container .content>*{padding:.8em}.post-container .content .data{gap:.1em}.post-container .content .meta{margin-bottom:1em;width:100%}.post-container .content .meta *{flex:1}.post-container .content .meta :last-child{text-align:right}.post-container .content .topic{font-size:1.4em;font-weight:500}.post-container .content h1{padding:0;margin:0}.post-container .post{max-width:60em;margin:1em}.post-container .sidebar>*{position:sticky;top:5em;margin-top:4em;width:15em;font-size:1.2em;padding-top:0}.post-container .sidebar,.post-container .sidebar ul{display:flex;flex-direction:column;padding-left:1em}:is(.post-container .sidebar,.post-container .sidebar ul) a{color:color-mix(in srgb,var(--contrast) 90%,var(--primary))}:is(.post-container .sidebar,.post-container .sidebar ul) a:before{content:attr(data-content);position:absolute;text-decoration:underline;text-decoration-thickness:2px;clip-path:polygon(0 0,0 0,0 100%,0 100%,0 0);transition:all .15s cubic-bezier(.25,1,.5,1)}:is(.post-container .sidebar,.post-container .sidebar ul) :not(.active-header):before{clip-path:polygon(0 0,0 0,0 100%,0 100%,0 0);transition:all .15s cubic-bezier(.25,1,.5,1)}:is(.post-container .sidebar,.post-container .sidebar ul) .active-header{font-weight:700;color:var(--primary)}:is(.post-container .sidebar,.post-container .sidebar ul) a:hover:before{cursor:pointer;clip-path:polygon(0 0,100% 0,100% 100%,0 100%,0 0)}.post-container .sidebar>ul>ul>a{font-weight:700}.post-container .sidebar>ul>ul>ul>ul>ul>a{font-style:italic}.post-container h1{font-size:2.2em}.post-container .md{font-size:1.3em}.post-container .md a:not(h1,h2,h3,h4,h5){color:var(--primary)}.post-container .md a:not(h1,h2,h3,h4,h5) *:not(h1,h2,h3,h4,h5){color:var(--primary)}.post-container .md a h1,.post-container .md a h2,.post-container .md a h3,.post-container .md a h4{position:relative}:is(.post-container .md a h1,.post-container .md a h2,.post-container .md a h3,.post-container .md a h4):before{left:0;right:0;content:attr(data-text);text-decoration:underline;position:absolute;max-width:60rem;text-decoration-color:var(--primary);transition:all .25s cubic-bezier(.25,1,.5,1);clip-path:polygon(0 0,0 0,0 100%,0 100%,0 0)}:is(.post-container .md a h1,.post-container .md a h2,.post-container .md a h3,.post-container .md a h4):hover:before{transition:all .25s cubic-bezier(.25,1,.5,1);clip-path:polygon(0 0,100% 0,100% 100%,0 100%,0 0)}.post-container .md p a:hover{text-decoration:underline}@media only screen and (max-width: 1300px){.post-container .sidebar{display:none}.post-container .meta{width:100%;gap:1em}.post-container .meta *{flex:none!important}.post-container .meta :last-child{text-align:left!important}}.post-container pre *,.post-container code *{font-family:JetBrains Mono,Courier New,Courier,monospace}.post-container pre{background:color-mix(in srgb,var(--background) 60%,rgb(44,44,44));border:1px solid #292929;outline:1px solid color-mix(in srgb,black 40%,black);padding:.5em .7em;font-size:.9em;white-space:pre-wrap;word-break:break-word;border-radius:.5rem}.post-container pre *{font-feature-settings:"liga" "calt";padding:0}.post-container pre .line{display:flex;flex-direction:row;align-items:flex-start}.post-container pre .indent{display:block;min-width:3em;max-width:3em;overflow:hidden;-webkit-user-select:none;user-select:none}.post-container pre .lang{display:flex;gap:.25em;align-items:center;font-weight:700}.post-container pre .lang svg{width:.75em;margin-inline:.2em}.post-container pre .linenr{-webkit-user-select:none;user-select:none;min-width:3ch;padding-right:.5em;height:100%;text-align:right;opacity:.7}.post-container code{background:color-mix(in srgb,var(--background) 60%,rgb(44,44,44));border:1px solid #292929;outline:1px solid color-mix(in srgb,black 40%,black);padding:.05em .2em;border-radius:.25rem}[data-theme=light] :is(.post-container code){background:color-mix(in srgb,var(--background) 15%,black)}[data-theme=light] :is(.post-container code) *{color:#d6d2ee}.post-container code *{font-family:JetBrains Mono,Courier New,Courier,monospace;font-feature-settings:"liga" "calt"}.post-container pre code{padding:0 .3em;border:none;outline:none;display:block}.post-container .hljs{font-family:JetBrains Mono,Courier New,Courier,monospace;color:#c2c2e2!important}.post-container .hljs-built_in{font-family:JetBrains Mono,Courier New,Courier,monospace;color:#cf84e6!important}.post-container .hljs-string{font-family:JetBrains Mono,Courier New,Courier,monospace;color:#a1cca1!important;font-style:italic}.post-container .hljs-comment{font-family:JetBrains Mono,Courier New,Courier,monospace;color:#777!important}.post-container .hljs-function{font-family:JetBrains Mono,Courier New,Courier,monospace;color:#d8d5af!important}.post-container .hljs-keyword{font-family:JetBrains Mono,Courier New,Courier,monospace;color:#cf84e6!important}.post-container details .content{position:relative;height:auto}.post-container details:not([open]){height:auto}.post-container blockquote{border-left:4px solid var(--contrast);margin:0;padding-left:1em}[data-theme=light] pre{background:color-mix(in srgb,var(--background) 15%,black)}[data-theme=light] pre *{color:#d6d2ee}.language-container{display:flex;justify-content:center;align-items:center}.language-dropdown{margin-left:1em;padding:.2em;font-size:1em;border-radius:.25em;border:1px solid var(--secondary);background-color:var(--background);color:var(--contrast);cursor:pointer}.language-dropdown:focus{outline:1px solid var(--primary);cursor:pointer}.language-dropdown option:checked{color:var(--secondary)!important}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fade-in{transform:translate(-50%,-50%);animation:fadeIn .75s ease,spin .7s linear infinite!important}.language-warn{border-left:3px solid var(--primary);font-size:1.2em;padding-block:.5em;margin-block:.5em;margin-bottom:1em;padding-left:1em;position:relative}.language-warn br{display:block;margin:5px 0}.language-warn a{color:var(--primary)}.language-warn p{margin:0}.language-warn summary:hover{text-decoration:underline;cursor:pointer}.language-warn .indent{padding-left:.5em}.language-warn em *{font-style:normal;color:color-mix(in srgb,var(--primary) 60%,yellow)}.language-warn:after{display:none;content:"";bottom:0;left:-2px;position:absolute;width:20vw;border-bottom:2px solid var(--primary);z-index:5}.language-warn:before{display:none;content:"";bottom:1px;left:0;border-top:1px solid var(--secondary);border-right:1px solid var(--secondary);position:absolute;width:.5em;height:.5em;transform:translate(-100%,100%)}.button>.icon{display:flex;justify-content:center;vertical-align:middle}.button>.icon>svg{transform:scale(95%)}.button:hover,.button>:hover{cursor:pointer}.button.secondary{color:color-mix(in srgb,var(--secondary) 5%,white);outline:2px solid var(--secondary);outline-offset:-2px;background:none}.button.secondary:hover{background:color-mix(in srgb,var(--secondary) 15%,transparent);outline-color:color-mix(in srgb,var(--secondary) 80%,black)}.link{border-radius:.7rem;font-weight:375;font-size:1.1em;gap:.25em;align-items:center;border:0;text-decoration:underline var(--primary)}.link:hover{cursor:pointer}.link>.icon{display:flex;justify-content:center;vertical-align:middle}.link:hover{text-decoration:underline var(--primary)}.button:focus{outline:2px solid var(--secondary);outline-offset:-2px}.button.secondary:focus{outline:2px solid var(--primary);outline-offset:-2px}[data-theme=light] .button.primary{color:color-mix(in srgb,var(--primary) 10%,black)}[data-theme=light] .button.secondary{color:color-mix(in srgb,var(--secondary) 10%,black)}[data-theme=light] .button.secondary:hover{background:color-mix(in srgb,var(--secondary) 70%,white)}[data-theme=light] .button.link{color:var(--secondary)}[data-theme=light] .button.link:hover{color:color-mix(in srgb,var(--secondary) 80%,black)}.not-found-container{height:100vh;width:100%}.background{position:absolute;font-size:50vw;margin:0;opacity:15%;-webkit-user-select:none;user-select:none}.content>p{font-size:1.4em;width:min(80vw,30em);text-align:left;z-index:2;padding:0}.button-row{justify-content:center}.color-Tracky{color:#996bdd}:has([data-theme=light]) .color-Tracky{color:#9454ee}.color-Logbook{color:#e252ad}:has([data-theme=light]) .color-Logbook{color:#b63587}.color-Quark{color:#6697ec}:has([data-theme=light]) .color-Quark{color:#477cd9}.color-AI-\&-ML{color:#df5661}:has([data-theme=light]) .color-AI-\&-ML{color:#df1c2d}.color-Technology{color:#9bc564}:has([data-theme=light]) .color-Technology{color:#60882a}.color-Fun{color:#4bda97}:has([data-theme=light]) .color-Fun{color:#26a96c}.color-Other{color:#dea47e}:has([data-theme=light]) .color-Other{color:#c46323}.popup-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;transition:all .3s ease-in-out}.popup-container{background-color:var(--background-highlight);border-radius:.7rem;padding:1.5rem;width:400px;max-width:90%;box-shadow:0 5px 15px #0000004d;color:var(--contrast);animation:popup-show .3s ease-in-out}.popup-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.popup-header h2{margin:0;font-size:1.5rem;color:var(--primary)}.popup-close{background:none;border:none;font-size:1.5rem;color:var(--secondary);cursor:pointer}.popup-body{margin-bottom:1.5rem;font-size:1.1rem;color:var(--contrast)}.popup-footer{text-align:right}@keyframes popup-show{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.button{padding:.5em 1.1em;border-radius:.7rem;font-weight:500;font-size:1.1em;gap:.25em;position:relative;align-items:center;justify-content:center;transition:all ease-in-out .2s;border:0}.button.primary{background:var(--primary);color:color-mix(in srgb,var(--primary) 5%,white)}.button:hover{cursor:pointer}.button.primary:hover{background:color-mix(in srgb,var(--primary) 80%,black)}.about-content{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-top:50px;margin-left:10px;margin-right:10px}.about-content a{color:var(--primary)!important}.about-content p{font-size:1.2em;max-width:40em;text-align:left;margin:0;padding-bottom:1em}.about-content br{width:100%;margin:1em}.about-content button{margin-bottom:1em}.about-content blockquote{max-width:40em;margin:1em 0 0;font-size:1.2em;padding-left:1em;border-left:3px solid white;white-space:pre-wrap;font-style:italic}.about-content blockquote em{font-weight:700}.privacy-policy-container{font-family:Arial,sans-serif;text-align:left;line-height:1.6;margin:20px;padding-top:1em}.privacy-policy-container h1{font-size:2em;margin-bottom:10px}.privacy-policy-container h2{font-size:1.5em;margin-top:20px;margin-bottom:10px;opacity:.8}.privacy-policy-container h3{font-size:1.2em;margin-top:15px;margin-bottom:10px}.privacy-policy-container p{margin-bottom:10px}.privacy-policy-container ul,.privacy-policy-container ol{margin-bottom:20px;padding-left:20px}.privacy-policy-container ul li,.privacy-policy-container ol li{margin-bottom:5px}.privacy-policy-container a{color:var(--primary)!important;text-decoration:none}.privacy-policy-container a:hover{text-decoration:underline}.privacy-policy-container table{width:100%;border-collapse:collapse;margin-bottom:20px}.privacy-policy-container table th,.privacy-policy-container table td{border:1px solid var(--contrast);padding:8px;text-align:left}.privacy-policy-container table th{background-color:var(--background);color:var(--contrast)}.terms-container{font-family:Arial,sans-serif;line-height:1.6;margin:20px;border-radius:8px;text-align:left;padding:20px}.terms-container *{text-align:left}.terms-container .title{font-size:2em;margin-bottom:10px}.terms-container .updated{font-size:1.2em;margin-bottom:20px}.terms-container .heading{font-size:1.5em;margin-top:20px;margin-bottom:10px}.terms-container .subheading{font-size:1.2em;margin-top:15px;margin-bottom:10px}.terms-container h1{font-size:2em;margin-bottom:10px}.terms-container h2{font-size:1.5em;margin-top:20px;margin-bottom:10px;opacity:.8}.terms-container h3{font-size:1.2em;margin-top:15px;margin-bottom:10px}.terms-container ul{margin-bottom:20px;padding-left:20px}.terms-container ul li{margin-bottom:5px}.terms-container a{color:var(--primary)}.terms-container a:hover{color:var(--primary);text-decoration:underline}.terms-container .table-of-contents li{margin-bottom:5px}.terms-container .section-center{text-align:center}.books-section{padding:1rem;border-radius:10px}.books-container{display:flex;flex-wrap:wrap;justify-content:center;gap:1.5rem}.book-card{position:relative;width:135px;height:200px;overflow:hidden;border-radius:5px;border:1px solid var(--secondary);background-color:var(--background-highlight);box-shadow:0 4px 8px #0000001a}@media screen and (min-width: 600px){.book-card{width:165px;height:230px}}@media screen and (max-width: 400px){.book-card{width:120px;height:180px}}.book-image{width:100%;height:100%;object-fit:cover;filter:brightness(70%);transition:filter .3s ease}.book-card:hover .book-image{filter:brightness(85%)}.book-info{position:absolute;bottom:0;left:0;width:100%;padding:.2rem;background:#0009;font-size:.9rem;text-align:center;z-index:1;box-sizing:border-box;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.book-info p{margin:.3rem 0;line-height:1.2}.book-card:hover .book-info{opacity:1;visibility:visible}.books-container *:not(svg){color:#fff}.book-icon-wrapper.liked path{fill:#90ee90}.book-icon-wrapper.disliked path{fill:#ff6d6d}@media (max-width: 768px){.books-container{justify-content:center}}.book-icon-wrapper{position:absolute;top:.5rem;right:.5rem;width:2rem;height:2rem;background-color:#0009;border-radius:50%;display:flex;justify-content:center;align-items:center;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.book-icon{font-size:1rem;z-index:2}.book-card:hover .book-icon-wrapper{opacity:1;visibility:visible}.quote-section{margin-top:1rem;text-align:center;background-color:var(--background-highlight);padding:1rem;border-radius:10px;box-shadow:0 4px 8px #0000001a}.quote{font-style:italic;font-size:1.2rem;color:var(--primary)}.video-section{margin-top:1rem;text-align:center}.video-wrapper{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;max-width:100%;background-color:var(--background-highlight);border-radius:5px;box-shadow:0 4px 8px #0000001a}.video-section h3{margin-bottom:1rem;margin-top:.5rem}.video-wrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:5px}.life-section{background-color:var(--background-highlight);padding:1rem;border-radius:10px}.life-section .detail{margin-left:.5rem;font-size:.8rem;font-weight:400;opacity:.7;margin-top:.5rem}.stat-item{margin-bottom:1rem}.stat-item h3{margin-bottom:.5rem}.stat-item p{padding-left:1.5rem}.stat-item img{width:30px;height:30px;border-radius:4px}.track-list{display:flex;align-items:center;gap:5px}.top-tracks{display:flex;flex-direction:column;gap:5px}.scrollable-tracks{max-height:100px;overflow-y:auto}.index-container{max-width:1200px;margin:0 auto;padding:2rem;color:var(--contrast);display:grid;grid-template-columns:1fr 1fr;grid-gap:1rem}.index-container a{color:var(--primary);text-decoration:none}.index-container a:hover{text-decoration:underline;color:var(--primary)}section{border:1px solid var(--secondary)!important;padding:1rem;border-radius:10px;background-color:var(--background-highlight)}.bio-section{grid-column:1 / -1}.bio-section h1{margin-bottom:.5rem;margin-top:.5rem}.blog-section p{margin-bottom:.2rem}.blog-section .detail{font-size:.9rem;font-weight:400;opacity:.7}.blog-post h3{margin-bottom:.5rem;font-size:1.4rem}.see-more-btn{display:inline-block;margin-top:1rem;text-decoration:none;color:var(--primary);font-weight:700}.see-more-btn:hover{text-decoration:underline}.books-section{background-color:var(--background-highlight);border-radius:10px}.projects-section{padding:1rem;background-color:var(--background-highlight);border-radius:10px}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.project-item{margin-bottom:1rem;background-color:var(--background);padding:20px;border-radius:10px;box-shadow:0 4px 10px #0000001a;transition:transform .2s,box-shadow .2s}.project-item:hover{transform:translateY(-5px);box-shadow:0 8px 15px #0003}.project-item h3{font-size:1.25rem;color:var(--primary)}.project-item p{color:var(--contrast);font-size:1rem;line-height:1.6}@media (max-width: 800px){.index-container{grid-template-columns:1fr}}.wave{animation-name:wave;animation-duration:4s;animation-iteration-count:4;transform-origin:70% 70%;display:inline-block}@keyframes wave{0%{transform:rotate(0)}10%{transform:rotate(14deg)}20%{transform:rotate(-8deg)}30%{transform:rotate(14deg)}40%{transform:rotate(-4deg)}50%{transform:rotate(10deg)}60%{transform:rotate(0)}to{transform:rotate(0)}}.underline{text-decoration:underline}.loading{display:flex;justify-content:center;align-items:center;height:100vh;background-color:var(--background)}.spotify-section a,.spotify-section a:hover{text-decoration:none}.spotify-track-wrapper{text-decoration:none;color:inherit;display:flex;align-items:center;justify-content:flex-start;background-color:#181818;border-radius:8px;padding:10px;transition:background-color .15s ease;margin-bottom:10px}.spotify-track-wrapper:hover{background-color:#282828}.spotify-track{display:flex;align-items:center;gap:15px;width:100%}.spotify-track p:hover{text-decoration:none!important}.spotify-album-art{width:50px;height:50px;border-radius:4px;object-fit:cover}.spotify-song-details{display:flex;flex-direction:column}.spotify-top-tracks{display:flex;flex-direction:column}.spotify-track-list{display:flex;flex-wrap:wrap;gap:10px}.spotify-track-wrapper{flex:1 1 30%;min-width:200px}.spotify-track p{margin:0}@media (max-width: 768px){.spotify-track-wrapper{flex:1 1 45%}}@media (max-width: 480px){.spotify-track-wrapper{flex:1 1 100%}}.fade-in-loader{opacity:.6;transform:translate(-50%,-50%);animation:fadeIn 4s ease-in,spin .7s linear infinite!important}@keyframes fadeIn{0%{opacity:0}20%{opacity:0}to{opacity:.6}}#matrix-container{position:fixed;top:0;left:0;width:100%;height:100vh;pointer-events:none;overflow:hidden;z-index:-1}.matrix-symbol{position:absolute;font-family:monospace;font-size:14px;color:var(--primary);opacity:.3;animation:fade 10s linear infinite}@keyframes fade{0%,to{opacity:.05}50%{opacity:.25}}.spotify-now-playing{font-size:1rem;color:#1db954;margin-bottom:5px}.spotify-play-button{display:inline-flex;align-items:center;justify-content:center;background-color:transparent;border:none;cursor:pointer;color:#1db954;font-size:1.5rem;position:absolute;right:10px;transition:transform .2s ease-in-out;padding:5px;border-radius:50%;width:32px;height:32px}.spotify-loader{border:2px solid #181818;border-top:2px solid #1db954;border-radius:50%;width:18px;height:18px;animation:spin .8s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spotify-track{display:flex;align-items:center;gap:15px;width:100%;position:relative}.spotify-album-art{width:50px;height:50px;border-radius:4px;object-fit:cover;position:relative}.spotify-song-details{margin:0;display:flex;flex-direction:column;align-items:center;text-align:center}.spotify-track .spotify-title{color:#f5ebe6}.spotify-track .spotify-title p:not(.spotify-artist){color:#f5ebe6;font-size:1rem}.spotify-track .spotify-artist{color:#888;font-size:.75rem}.spotify-play-button path{fill:#f5ebe6}.spotify-track-wrapper{text-decoration:none;color:inherit;display:flex;align-items:center;justify-content:flex-start;border-radius:8px;padding:10px;transition:background-color .15s ease;margin-bottom:10px}.broken-play-icon{position:relative;display:inline-block}.broken-play-icon .slash-overlay{position:absolute;top:50%;left:50%;transform:translate(-18%,-76%) scale(45%);color:red;font-size:1.5em}.tooltip-text{visibility:visible;position:absolute;bottom:-30px;left:50%;transform:translate(-50%,50%);background-color:#333;color:#fff;border-radius:4px;padding:5px;font-size:14px;z-index:10}.chat-container{background-color:var(--background);border-radius:8px;border:1px solid var(--secondary);padding:20px}.chat-input-container{display:flex;gap:5px}.chat-input{flex:1;padding:8px;border-radius:6px;border:none;background-color:#3a3a3a;color:#fff;outline:none}.chat-send-btn{background-color:#007bff;color:#fff;padding:8px 12px;border-radius:6px;border:none;cursor:pointer}.chat-send-btn:disabled{background-color:#007bff;color:#fff;opacity:.5;cursor:not-allowed}.chat-response{white-space:pre-line}.loader-dots{margin:20px;display:flex;justify-content:center;align-items:center;gap:5px}.loader-dots span{width:8px;height:8px;background-color:#fff;border-radius:50%;display:inline-block;animation:bounce 1.5s infinite ease-in-out}.loader-dots span:nth-child(1){animation-delay:0s}.loader-dots span:nth-child(2){animation-delay:.2s}.loader-dots span:nth-child(3){animation-delay:.4s}@keyframes bounce{0%,80%,to{transform:scale(0);opacity:.3}40%{transform:scale(1);opacity:1}}.hide{display:none}.newsletter-chip-row{gap:.8em;flex-wrap:wrap}.newsletter-chip{font-weight:600;padding:.3em 1em;border-radius:1rem;border:2px solid color-mix(in srgb,var(--contrast) 40%,transparent);transition:all .1s;font-size:1em}.newsletter-chip:hover{border-color:var(--primary);cursor:pointer;-webkit-user-select:none;user-select:none}.hide:checked+.newsletter-chip{color:#fff;background:var(--primary);order:-99}.hide:checked+.newsletter-chip:hover{background:var(--primary)!important}.newsletter-container{margin:10px;display:flex;flex-direction:column;align-items:center;justify-content:center}.newsletter{position:relative;border-radius:5px;border:1px solid var(--secondary);padding:20px;background-color:var(--background-highlight);text-align:center}.newsletter-container button{border:1px solid var(--secondary);border-radius:10px;margin-left:10px}.email-signup{margin-top:20px;display:flex;align-items:center}.email-input{border-radius:10px;border:1px solid var(--secondary);color:var(--contrast);background-color:var(--background);padding:10px;font-size:1em;width:calc(100% - 110px);box-sizing:border-box}.loader-bg{border-radius:5px;position:absolute;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:4}.rotate{position:absolute;top:50%;z-index:5;animation:center-spin .7s linear infinite}.alert{margin:10px;padding:10px;border-radius:10px;border:1px solid var(--primary);background-color:color-mix(in srgb,var(--secondary) 30%,#550000 15%)}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;background-color:#130f0e;overflow-x:hidden;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{width:100%}*{color:var(--contrast)}a{font-weight:500;color:var(--contrast);text-decoration:inherit}a:hover{color:var(--primary)}body{margin:3em 0 0;display:flex;min-width:320px;min-height:calc(100vh - 3em)}h1{font-size:2.8em;line-height:1.3em}:has([data-theme=light]){color:var(--contrast);background-color:#eee2df}