:root{--color-dark-gray: #262626;--color-white: #ecd9d4;--color-cosmic-latte: #fff8e7;--color-cosmic-latte-10: rgba(255, 248, 231, .1);--color-cosmic-latte-20: rgba(255, 248, 231, .2);--color-gray-100: rgba(255, 255, 255, .1);--color-gray-200: rgba(255, 255, 255, .2);--color-gray-300: rgba(255, 255, 255, .3);--color-gray-400: rgba(255, 255, 255, .4);--color-gray-600: rgba(255, 255, 255, .6);--color-gray-700: rgba(255, 255, 255, .1);--color-gray-800: rgba(20, 20, 20, .4);--color-gray-900: rgba(15, 15, 15, .6);--color-black-hole-brown: #4B0F19;--color-black-hole-brown-10: rgba(75, 15, 25, .1);--color-black-hole-brown-20: rgba(75, 15, 25, .2);--container-max-width: 1200px;--container-narrow-max-width: 800px;--container-wide-max-width: 1200px;--color-bg-primary: var(--color-dark-gray);--color-text-primary: var(--color-white);--color-text-accent: var(--color-cosmic-latte);--color-accent-10: var(--color-cosmic-latte-10);--color-accent-20: var(--color-cosmic-latte-20);--font-family-base: "Poppins", sans-serif;--font-family-title: "Exo", sans-serif;--font-family-alt: "Exo", sans-serif;--font-family-mono: "Monaco", "Consolas", monospace;--font-weight-light: 300;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-bold: 700;--font-size-xs: clamp(.75rem, .7rem + .25vw, .875rem);--font-size-sm: clamp(.875rem, .825rem + .25vw, 1rem);--font-size-base: clamp(1rem, .95rem + .25vw, 1.125rem);--font-size-lg: clamp(1.125rem, 1.05rem + .375vw, 1.25rem);--font-size-xl: clamp(1.5rem, 1.25rem + 1.25vw, 1.75rem);--font-size-2xl: clamp(2rem, 1.75rem + 1.25vw, 2.25rem);--font-size-3xl: clamp(2.5rem, 2rem + 2.5vw, 3rem);--line-height-tight: 1.2;--line-height-normal: 1.5;--line-height-loose: 1.8;--line-height-base: var(--line-height-normal);--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 2rem;--spacing-xl: 3rem;--transition-fast: .2s ease;--transition-base: .3s ease;--transition-slow: .5s ease;--border-radius-sm: 4px;--border-radius-md: 8px;--border-radius-lg: 12px;--border-radius-full: 9999px;--iframe-height-standard: 352px;--iframe-height-playlist: calc(var(--iframe-height-standard) * 1.5);--iframe-height-dj-set: 120px;@media (max-width: 768px){--iframe-height-standard: 300px;--iframe-height-playlist: 450px}@media (max-width: 480px){--iframe-height-standard: 250px;--iframe-height-playlist: 400px}}html:not(.dark-mode){--color-bg-primary: var(--color-white);--color-text-primary: var(--color-dark-gray);--color-text-accent: var(--color-black-hole-brown);--color-accent-10: var(--color-black-hole-brown-10);--color-accent-20: var(--color-black-hole-brown-20);--color-bg-hover: rgba(0, 0, 0, .05);--color-gray-100: rgba(0, 0, 0, .05);--color-gray-200: rgba(0, 0, 0, .07);--color-gray-300: rgba(0, 0, 0, .1);--color-gray-400: rgba(0, 0, 0, .3);--color-gray-600: rgba(0, 0, 0, .5);--color-gray-700: rgba(0, 0, 0, .05);--color-gray-800: rgba(0, 0, 0, .07);--color-gray-900: rgba(238, 238, 238, .9)}.dark-mode{--color-text-accent: var(--color-cosmic-latte);--color-accent-10: var(--color-cosmic-latte-10);--color-accent-20: var(--color-cosmic-latte-20);--color-bg-primary: #121212;--color-text-primary: #f5f5f5;--color-bg-hover: rgba(255, 255, 255, .05);--color-gray-100: rgba(255, 255, 255, .05);--color-gray-200: rgba(255, 255, 255, .07);--color-gray-300: rgba(255, 255, 255, .1);--color-gray-400: rgba(255, 255, 255, .12);--color-gray-600: rgba(255, 255, 255, .2);--color-gray-700: rgba(255, 255, 255, .05);--color-gray-800: rgba(255, 255, 255, .07);--color-gray-900: rgba(20, 20, 20, .8)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fade-in{animation:fadeIn .5s ease-out}.container{width:100%;max-width:var(--container-max-width);margin:0 auto;padding:0 2rem;margin-top:2rem}.container--narrow{max-width:var(--container-narrow-max-width)}.container--wide{max-width:var(--container-wide-max-width)}.container--no-padding{padding:0}@media (max-width: 768px){.container{padding:0 1.5rem}}@media (max-width: 480px){.container{padding:0 1rem}}.mt-0{margin-top:0}.mt-1{margin-top:var(--spacing-xs)}.mt-2{margin-top:var(--spacing-sm)}.mt-4{margin-top:var(--spacing-md)}.mt-8{margin-top:var(--spacing-lg)}.mt-12{margin-top:var(--spacing-xl)}.mb-0{margin-bottom:0}.mb-1{margin-bottom:var(--spacing-xs)}.mb-2{margin-bottom:var(--spacing-sm)}.mb-4{margin-bottom:var(--spacing-md)}.mb-8{margin-bottom:var(--spacing-lg)}.mb-12{margin-bottom:var(--spacing-xl)}.error-message{text-align:center;padding:2rem;background-color:#ff00001a;border-radius:var(--border-radius-md);margin:2rem 0;color:var(--color-white)}.notice-message{text-align:center;padding:1rem;background-color:#ffc8001a;border-radius:var(--border-radius-md);margin:1rem 0 2rem;font-style:italic;color:var(--color-white)}.success-message{text-align:center;padding:1rem;background-color:#00ff001a;border-radius:var(--border-radius-md);margin:1rem 0 2rem;color:var(--color-white)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.highlight{color:var(--color-cosmic-latte)}.section-divider{height:1px;background:rgba(255,248,231,.1);margin:1.5rem 0;border:none}.img-full{display:block;max-width:100%;height:auto}.iframe-rounded{border-radius:var(--border-radius-md);border:none}.iframe-borderless{border:none}.latest-posts-section{margin-bottom:var(--spacing-xl);animation:fadeIn .6s ease-in-out;animation-fill-mode:both}.section-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:var(--spacing-md)}.latest-posts-section .section-heading{font-size:var(--font-size-xl);font-family:var(--font-family-title);font-weight:var(--font-weight-medium);color:var(--color-text-accent);border-bottom:none;padding-bottom:var(--spacing-sm);position:relative;display:inline-block}.see-more-link{font-size:var(--font-size-sm);color:var(--color-text-accent);text-decoration:none;transition:opacity var(--transition-base);position:relative}.see-more-link:hover{opacity:.8}.see-more-link:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:1px;background-color:var(--color-text-accent);transition:width var(--transition-base)}.see-more-link:hover:after{width:100%}.latest-posts-section .section-heading:after{content:"";position:absolute;bottom:0;left:0;width:3rem;height:3px;background-color:var(--color-text-accent);transition:width var(--transition-base)}.latest-posts-section .section-heading:hover:after{width:100%}.latest-posts-container{display:flex;flex-wrap:wrap;gap:var(--spacing-md);margin-top:var(--spacing-lg)}.main-post{flex:2;min-width:0}.side-posts{flex:1;display:flex;flex-direction:column;gap:var(--spacing-md);min-width:0}.post-link{text-decoration:none;color:var(--color-text-primary);display:block;height:100%}.post-card{background-color:var(--color-gray-900);border:1px solid var(--color-gray-700);border-radius:var(--border-radius-md);overflow:hidden;transition:transform var(--transition-base),box-shadow var(--transition-base);height:100%}.post-card:hover{transform:translateY(-5px);box-shadow:0 10px 20px #0003;border-color:var(--color-gray-400)}.main-post-card{display:flex;flex-direction:column}.post-image-container{width:100%;height:240px;overflow:hidden;position:relative;background-color:var(--color-gray-900)}.post-image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--color-gray-600);font-size:0;background-color:var(--color-gray-900)}.post-image{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-base)}.post-card:hover .post-image{transform:scale(1.05)}.post-overlay{position:absolute;bottom:20px;left:20px;z-index:10;max-width:calc(100% - 40px);display:flex;flex-direction:column;align-items:flex-start}.post-overlay .post-title{display:inline-block;color:var(--color-text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);margin-bottom:.5rem;background-color:var(--color-bg-primary);padding:.5rem 1rem;border-radius:var(--border-radius-sm);box-shadow:0 2px 4px #0003}.post-overlay .post-meta{display:inline-flex;align-items:center;color:var(--color-text-primary);font-size:var(--font-size-xs);margin-bottom:0;background-color:var(--color-bg-primary);padding:.25rem .75rem;border-radius:var(--border-radius-sm);box-shadow:0 2px 4px #0003}.post-content{padding:var(--spacing-md);flex:1;display:flex;flex-direction:column}.post-title{font-family:var(--font-family-title);font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-xs);color:var(--color-text-primary);line-height:var(--line-height-tight)}.main-post-card .post-title{font-size:var(--font-size-lg)}.side-post-card .post-title{font-size:var(--font-size-base)}.post-meta{display:flex;align-items:center;font-size:var(--font-size-xs);color:var(--color-text-primary);opacity:.85;margin-bottom:var(--spacing-xs);font-weight:var(--font-weight-medium)}.separator{margin:0 .25rem;color:var(--color-text-accent)}.post-author{color:var(--color-text-primary);opacity:.85}.author-container{display:inline-flex;align-items:center;gap:.5rem;margin-left:.25rem}time{color:var(--color-text-primary);opacity:.85}.post-description{margin-top:var(--spacing-sm);font-size:var(--font-size-sm);color:var(--color-text-primary);line-height:var(--line-height-normal)}.side-post-card{position:relative;min-height:150px;height:auto;overflow:hidden;padding:0;display:flex;align-items:flex-end;background-color:var(--color-gray-900);background-image:none!important}.side-post-layout{display:flex!important;flex-direction:row!important;align-items:center!important;gap:var(--spacing-sm);width:100%}.side-post-image{flex:0 0 60px!important;width:60px!important;height:60px!important;overflow:hidden;border-radius:var(--border-radius-sm);background-color:var(--color-gray-800);margin-right:var(--spacing-sm);float:left!important;display:block!important}.side-post-thumbnail{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-base)}.post-card:hover .side-post-thumbnail{transform:scale(1.1)}.side-post-content{flex:1!important;min-width:0;display:flex!important;flex-direction:column!important;justify-content:center!important}.side-post-content .post-title{margin-top:0;margin-bottom:var(--spacing-xs)}.no-posts{text-align:center;padding:var(--spacing-lg);color:var(--color-gray-300);font-style:italic}@media (max-width: 768px){.latest-posts-container{flex-direction:column}.main-post,.side-posts{flex:1 1 100%;width:100%}.post-image-container{height:200px}.post-card{margin-bottom:var(--spacing-sm)}.side-post-card{min-height:140px}.side-post-layout{display:flex!important;flex-direction:row!important;align-items:center!important}.side-post-image{flex:0 0 50px;width:50px;height:50px}.side-post-overlay{padding:.75rem}.post-overlay{bottom:15px;left:15px;max-width:calc(100% - 30px)}.post-overlay .post-title{font-size:var(--font-size-base);padding:.4rem .8rem}.post-overlay .post-meta{font-size:.7rem;padding:.2rem .6rem}}@media (max-width: 480px){.post-image-container{height:180px}.main-post-card .post-title{font-size:var(--font-size-base)}.side-post-card{min-height:130px}.post-content,.side-post-card{padding:var(--spacing-sm)}.side-post-layout{display:flex!important;flex-direction:row!important;align-items:center!important}.side-post-image{flex:0 0 40px;width:40px;height:40px}.latest-posts-section .section-heading{font-size:var(--font-size-lg)}.post-overlay{bottom:10px;left:10px;max-width:calc(100% - 20px)}.post-overlay .post-title{font-size:var(--font-size-sm);padding:.3rem .6rem}.post-overlay .post-meta{font-size:.7rem;padding:.2rem .5rem}}.card-overlay .image-overlay-tags{display:flex;flex-wrap:wrap;gap:.4rem}.card-overlay .overlay-tag{font-size:var(--font-size-xs);background-color:#121212a6;backdrop-filter:blur(8px);color:var(--color-text-accent);padding:.2rem .6rem;border-radius:var(--border-radius-sm);font-weight:var(--font-weight-medium);display:inline-block;margin-right:.4rem;margin-bottom:.4rem;box-shadow:0 2px 5px #0003}.card-overlay .overlay-meta{display:flex;align-items:center;gap:.5rem;font-size:var(--font-size-sm);color:#ffffffe6}.card-overlay .overlay-separator{opacity:.7}.card-overlay .overlay-author,.card-overlay .overlay-reading-time{font-weight:var(--font-weight-medium)}.main-post .overlay-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);text-shadow:0 2px 4px rgba(0,0,0,.9)}.main-post .overlay-title{font-size:var(--font-size-2xl);line-height:1.2;letter-spacing:-.01em}.main-post .overlay-title{font-size:var(--font-size-3xl);line-height:1.1;letter-spacing:-.02em}html:not(.dark-mode) .main-post .overlay-title{font-weight:var(--font-weight-bold)}html:not(.dark-mode) .card-overlay .overlay-tag{background-color:var(--color-accent-20);color:var(--color-text-accent);box-shadow:0 1px 3px #0003}html:not(.dark-mode) .side-post-tag{background-color:var(--color-accent-20);color:var(--color-text-accent);box-shadow:0 1px 3px #0003}html:not(.dark-mode) .card-overlay .overlay-meta,html:not(.dark-mode) .side-post-meta{color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.7);font-weight:var(--font-weight-medium)}.post-description{margin-top:var(--spacing-sm);font-size:var(--font-size-xs);color:var(--color-text-primary);line-height:var(--line-height-normal);opacity:.9}html:not(.dark-mode) .card-overlay .overlay-title,html:not(.dark-mode) .side-post-title{color:var(--color-text-primary);text-shadow:none}html:not(.dark-mode) .card-overlay .overlay-meta,html:not(.dark-mode) .side-post-meta{color:var(--color-text-primary);text-shadow:none}html:not(.dark-mode) .overlay-separator,html:not(.dark-mode) .side-separator{color:var(--color-gray-400)}html:not(.dark-mode) .overlay-author,html:not(.dark-mode) .overlay-reading-time{color:var(--color-text-accent)}.post-image-overlay.card-overlay{position:absolute;bottom:1rem;left:1rem;width:auto;max-width:calc(100% - 2rem);padding:0;background:none;color:#fff;display:flex;flex-direction:column;align-items:flex-start;gap:.3rem;z-index:20}.card-overlay .overlay-title-container,.card-overlay .overlay-meta-container,.side-post-title-container,.side-post-meta-container{display:inline-flex;padding:.4rem .8rem;background-color:#121212a6;backdrop-filter:blur(8px);border-radius:var(--border-radius-sm);box-shadow:0 2px 10px #0003;max-width:100%}.card-overlay .overlay-title-container,.side-post-title-container{padding:.5rem .8rem}.card-overlay .overlay-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);margin-bottom:0;color:#fff;font-family:var(--font-family-title);text-shadow:0 1px 3px rgba(0,0,0,.8);line-height:1.2;max-width:100%;white-space:normal;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;line-clamp:3}.card-overlay .overlay-tag,.side-post-tag{font-size:var(--font-size-xs);background-color:#121212a6;backdrop-filter:blur(8px);color:var(--color-text-accent);padding:.2rem .6rem;border-radius:var(--border-radius-sm);font-weight:var(--font-weight-medium);display:inline-block;margin-right:.4rem;margin-bottom:.4rem;box-shadow:0 2px 5px #0003}html:not(.dark-mode) .card-overlay .overlay-title-container,html:not(.dark-mode) .card-overlay .overlay-meta-container,html:not(.dark-mode) .side-post-title-container,html:not(.dark-mode) .side-post-meta-container{background-color:#ffffffa6;box-shadow:0 2px 10px #0000001a}html:not(.dark-mode) .card-overlay .overlay-tag,html:not(.dark-mode) .side-post-tag{background-color:#ffffffa6;color:var(--color-accent);box-shadow:0 1px 3px #0000001a}.card-overlay .overlay-tags-container,.side-post-tags-container{display:flex;flex-wrap:wrap;padding:0;background-color:transparent;backdrop-filter:none;border-radius:0;box-shadow:none}.card-overlay .image-overlay-tags,.side-post-tags{display:flex;flex-wrap:wrap;gap:.4rem}.side-post-overlay{position:absolute;bottom:.5rem;left:.5rem;width:calc(100% - 1rem);padding:0;background:none!important;display:flex;flex-direction:column;align-items:flex-start;gap:.4rem;z-index:10}.side-post-title-container{max-width:calc(100% - .5rem);width:auto;display:flex;align-items:flex-start}.side-post-title{font-size:var(--font-size-sm);margin:0;white-space:normal;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-clamp:2;max-width:100%}.side-post-tags{display:flex;gap:.2rem;margin-bottom:.3rem;flex-wrap:wrap}.side-post-tag{font-size:.55rem!important;padding:.1rem .4rem!important;margin-right:.3rem;margin-bottom:.3rem;background-color:#121212a6;backdrop-filter:blur(8px);color:var(--color-text-accent);border-radius:var(--border-radius-sm);font-weight:var(--font-weight-medium)}.side-post-meta{font-size:.65rem;color:#ffffffe6;display:flex;align-items:center;gap:.3rem}.side-separator{opacity:.7}html:not(.dark-mode) .post-image-overlay.card-overlay,html:not(.dark-mode) .side-post-overlay{background:none!important;color:var(--color-text-primary)}.card-overlay .overlay-meta,.side-post-meta{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap;font-size:.7rem}.card-overlay .overlay-separator,.side-separator{opacity:.7;margin:0;display:inline-block}.card-overlay .overlay-meta-container,.side-post-meta-container{width:auto}@media (max-width: 640px){.side-post-title{font-size:var(--font-size-xs)}.side-post-meta{font-size:.6rem}}.side-post-tags-container{margin-bottom:0}.side-post-meta-container{margin-top:0;width:auto;display:inline-flex}@media (max-width: 768px){.post-image-overlay.card-overlay{bottom:.5rem;left:.5rem;max-width:calc(100% - 1rem);gap:.25rem}.overlay-title-container,.overlay-meta-container{padding:.3rem .6rem}.side-post-overlay{bottom:.4rem;left:.4rem;width:calc(100% - .8rem);gap:.2rem}}@media (max-width: 480px){.side-post-title{font-size:var(--font-size-xs)}.side-post-tag{font-size:.5rem!important;padding:.1rem .3rem!important}}