.navigation{position:fixed;top:0;left:0;right:0;z-index:var(--z-sticky);padding:var(--space-md) 0;transition:all var(--transition-normal)}.navigation.dark{background:transparent}.navigation.light{background:#fefefecc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.navigation.scrolled{padding:var(--space-sm) 0}.navigation.scrolled.dark{background:#0a0a12f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(78,205,196,.1)}.navigation.scrolled.light{box-shadow:var(--shadow-sm)}.nav-container{max-width:1400px;margin:0 auto;padding:0 var(--space-lg);display:flex;align-items:center;justify-content:space-between}.nav-logo{text-decoration:none}.logo-text{font-family:var(--font-serif);font-style:italic;font-size:1.5rem;background:linear-gradient(135deg,var(--aurora-teal),var(--nebula-pink));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;transition:opacity var(--transition-fast)}.nav-logo:hover .logo-text{opacity:.8}.navigation.light .logo-text{background:linear-gradient(135deg,var(--cosmic-purple),var(--aurora-teal));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nav-links{display:flex;align-items:center;gap:var(--space-xs)}.nav-link{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);font-family:var(--font-mono);font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;text-decoration:none;border-radius:var(--radius-sm);transition:all var(--transition-fast)}.navigation.dark .nav-link{color:#fffc}.navigation.light .nav-link{color:var(--blog-text)}.nav-link:hover{background:#4ecdc41a}.navigation.dark .nav-link:hover{color:var(--aurora-teal)}.navigation.light .nav-link:hover{color:var(--cosmic-purple)}.nav-link.active{background:#4ecdc433}.navigation.dark .nav-link.active{color:var(--aurora-teal)}.navigation.light .nav-link.active{color:var(--cosmic-purple);background:#6b5b951a}.nav-icon{font-size:1rem}.mobile-menu-toggle{display:none;flex-direction:column;justify-content:space-between;width:24px;height:18px;background:transparent;border:none;cursor:pointer;padding:0}.mobile-menu-toggle span{display:block;width:100%;height:2px;background:var(--aurora-teal);transition:all var(--transition-fast)}.mobile-menu-toggle.open span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.mobile-menu-toggle.open span:nth-child(2){opacity:0}.mobile-menu-toggle.open span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}@media (max-width: 1100px){.nav-label{display:none}.nav-link{padding:var(--space-sm)}.nav-icon{font-size:1.25rem}}@media (max-width: 768px){.mobile-menu-toggle{display:flex}.navigation.light .mobile-menu-toggle span{background:var(--blog-text)}.nav-links{position:fixed;top:60px;left:0;right:0;flex-direction:column;padding:var(--space-lg);gap:var(--space-sm);opacity:0;visibility:hidden;transform:translateY(-10px);transition:all var(--transition-normal)}.navigation.dark .nav-links{background:#0a0a12fa}.navigation.light .nav-links{background:#fefefefa}.nav-links.open{opacity:1;visibility:visible;transform:translateY(0)}.nav-link{width:100%;justify-content:center;padding:var(--space-md)}.nav-label{display:inline}}.footer{background:var(--cosmic-deep);color:#fffc;padding:var(--space-2xl) 0 var(--space-lg);margin-top:auto;position:relative;z-index:var(--z-base)}.footer:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--aurora-teal),var(--nebula-pink),transparent)}.footer-container{max-width:1200px;margin:0 auto;padding:0 var(--space-lg)}.footer-main{display:grid;grid-template-columns:1.5fr 2fr;gap:var(--space-xl);margin-bottom:var(--space-xl)}.footer-brand{max-width:300px}.footer-logo{font-family:var(--font-serif);font-style:italic;font-size:1.5rem;color:var(--white);margin-bottom:var(--space-sm)}.footer-tagline{font-size:.9rem;line-height:1.6;color:#fff9;margin:0}.footer-links{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-lg)}.footer-column h4{font-family:var(--font-mono);font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:var(--aurora-teal);margin-bottom:var(--space-md)}.footer-column a{display:block;color:#ffffffb3;text-decoration:none;font-size:.9rem;padding:var(--space-xs) 0;transition:color var(--transition-fast)}.footer-column a:hover{color:var(--white)}.footer-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:var(--space-lg);border-top:1px solid rgba(255,255,255,.1)}.footer-copyright{font-family:var(--font-mono);font-size:.75rem;color:#ffffff80;margin:0}.footer-quote{font-family:var(--font-serif);font-style:italic;font-size:.85rem;color:#fff6;margin:0}@media (max-width: 768px){.footer-main{grid-template-columns:1fr;gap:var(--space-lg)}.footer-links{grid-template-columns:repeat(2,1fr)}.footer-bottom{flex-direction:column;gap:var(--space-sm);text-align:center}}@media (max-width: 480px){.footer-links{grid-template-columns:1fr}}.tardis-container{position:fixed;bottom:var(--space-lg);right:var(--space-lg);z-index:var(--z-tooltip)}.tardis-button{background:transparent;border:none;cursor:pointer;padding:var(--space-sm);transition:transform var(--transition-normal);position:relative}.tardis-button:hover{transform:scale(1.1)}.tardis-button.animating{animation:tardis-materialize .5s ease-in-out}.tardis-icon{width:40px;height:50px;filter:drop-shadow(0 0 10px rgba(78,205,196,.5))}.tardis-light{animation:pulse-light 2s ease-in-out infinite}@keyframes pulse-light{0%,to{opacity:1;filter:drop-shadow(0 0 5px #ffd700)}50%{opacity:.6;filter:drop-shadow(0 0 15px #ffd700)}}@keyframes tardis-materialize{0%{opacity:.3;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}to{opacity:1;transform:scale(1)}}.tardis-quote{position:absolute;bottom:100%;right:0;width:280px;padding:var(--space-md);background:#0a0a12f2;border:1px solid var(--aurora-teal);border-radius:var(--radius-md);margin-bottom:var(--space-sm);animation:quote-appear .3s ease-out;box-shadow:0 0 20px #4ecdc44d}.tardis-quote:after{content:"";position:absolute;bottom:-8px;right:20px;width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid var(--aurora-teal)}.quote-text{font-family:var(--font-serif);font-style:italic;font-size:.9rem;color:var(--white);margin-bottom:var(--space-sm);line-height:1.5}.quote-attribution{font-family:var(--font-mono);font-size:.75rem;color:var(--aurora-teal);text-align:right;margin:0}@keyframes quote-appear{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.tardis-container{bottom:var(--space-md);right:var(--space-md)}.tardis-quote{width:240px;right:-10px}}.star-field{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none}.main-layout{min-height:100vh;display:flex;flex-direction:column;position:relative}.main-layout.cosmic-theme{background:var(--cosmic-navy);color:var(--white)}.main-layout.light-theme{background:var(--blog-bg);color:var(--blog-text)}.main-content{flex:1;position:relative;z-index:var(--z-base)}.main-content>*{animation:fadeInUp .5s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.admin-layout{display:flex;min-height:100vh;background:#1a1a2e}.admin-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background:#1a1a2e;color:var(--white);gap:var(--space-md)}.admin-sidebar{width:260px;background:linear-gradient(180deg,#0f0f1a,#1a1a2e);border-right:1px solid rgba(78,205,196,.1);display:flex;flex-direction:column;position:fixed;top:0;left:0;bottom:0;z-index:var(--z-sticky)}.admin-logo{padding:var(--space-lg);border-bottom:1px solid rgba(78,205,196,.1)}.admin-logo a{display:flex;align-items:center;gap:var(--space-sm);text-decoration:none;color:var(--white)}.logo-icon{font-size:1.5rem}.logo-text{font-family:var(--font-serif);font-style:italic;font-size:1.25rem;color:var(--aurora-teal)}.admin-nav{flex:1;padding:var(--space-md);overflow-y:auto}.admin-nav-item{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);margin-bottom:var(--space-xs);border-radius:var(--radius-md);color:#ffffffb3;text-decoration:none;transition:all var(--transition-fast);font-family:var(--font-mono);font-size:.875rem;border:none;background:none;width:100%;cursor:pointer;text-align:left}.admin-nav-item:hover{background:#4ecdc41a;color:var(--white)}.admin-nav-item.active{background:#4ecdc433;color:var(--aurora-teal)}.nav-icon{font-size:1.25rem;width:24px;text-align:center}.admin-sidebar-footer{padding:var(--space-md);border-top:1px solid rgba(78,205,196,.1)}.logout-btn{color:#ff6b6bcc}.logout-btn:hover{background:#ff6b6b1a;color:#ff6b6b}.admin-main{flex:1;margin-left:260px;padding:var(--space-lg);background:#1a1a2e;min-height:100vh}@media (max-width: 1024px){.admin-sidebar{width:80px}.admin-logo .logo-text,.admin-nav-item .nav-label{display:none}.admin-main{margin-left:80px}.admin-nav-item{justify-content:center;padding:var(--space-md)}.nav-icon{font-size:1.5rem}}@media (max-width: 768px){.admin-sidebar{width:100%;height:auto;position:relative;flex-direction:row;flex-wrap:wrap}.admin-nav{display:flex;flex-wrap:wrap;gap:var(--space-xs)}.admin-main{margin-left:0}}.home-page{min-height:100vh}.hero-section{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;position:relative;padding:var(--space-xl)}.floating-icons{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.float-icon{position:absolute;font-size:2.5rem;opacity:.4;filter:blur(.5px)}.icon-1{top:15%;left:10%}.icon-2{top:20%;right:15%}.icon-3{top:60%;left:8%}.icon-4{top:70%;right:10%}.icon-5{top:35%;left:20%}.icon-6{top:45%;right:20%}.hero-content{position:relative;z-index:10}.hero-greeting{font-family:var(--font-mono);font-size:.9rem;text-transform:uppercase;letter-spacing:.2em;color:var(--aurora-teal);margin-bottom:var(--space-lg)}.hero-title{margin-bottom:var(--space-lg)}.title-line{display:block;font-size:clamp(3rem,10vw,7rem);line-height:1;color:var(--white)}.title-accent{font-style:italic;background:linear-gradient(135deg,var(--aurora-teal),var(--nebula-pink),var(--star-gold));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-family:var(--font-mono);font-size:1rem;letter-spacing:.3em;color:#fff9;margin-bottom:var(--space-xl)}.hero-buttons{display:flex;gap:var(--space-md);justify-content:center;flex-wrap:wrap}.hero-buttons .btn-primary{display:flex;align-items:center;gap:var(--space-sm)}.btn-arrow{transition:transform var(--transition-fast)}.btn-primary:hover .btn-arrow{transform:translate(4px)}.scroll-indicator{position:absolute;bottom:var(--space-xl);left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);color:#ffffff80;font-family:var(--font-mono);font-size:.75rem;text-transform:uppercase;letter-spacing:.1em}.scroll-line{width:1px;height:60px;background:#fff3;position:relative}.scroll-dot{width:6px;height:6px;background:var(--aurora-teal);border-radius:50%;position:absolute;left:-2.5px;top:0}.about-section{background:var(--blog-bg);padding:var(--space-2xl) 0}.about-content{display:grid;grid-template-columns:300px 1fr;gap:var(--space-2xl);align-items:center}.about-photo-wrapper{position:relative}.about-photo{position:relative;width:300px;height:300px;border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 25px 50px #00000026,0 0 0 1px #4ecdc41a}.profile-image{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}.about-photo:hover .profile-image{transform:scale(1.05)}.photo-placeholder{width:100%;height:100%;background:linear-gradient(135deg,var(--cosmic-purple),var(--aurora-teal));display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-sm);color:var(--white)}.photo-placeholder span{font-size:4rem}.photo-placeholder small{font-family:var(--font-mono);font-size:.75rem;opacity:.8}.about-text{max-width:600px}.about-label{font-family:var(--font-mono);font-size:.85rem;text-transform:uppercase;letter-spacing:.1em;color:var(--cosmic-purple);display:block;margin-bottom:var(--space-sm)}.about-name{font-size:clamp(2.5rem,5vw,4rem);font-style:italic;color:var(--blog-text);margin:0 0 var(--space-lg)}.about-tagline{font-size:1.15rem;line-height:1.8;color:var(--blog-text-muted);margin-bottom:var(--space-md)}.about-motto{font-family:var(--font-serif);font-size:1.1rem;color:var(--aurora-teal);margin-bottom:var(--space-lg)}.about-links{display:flex;gap:var(--space-md);flex-wrap:wrap}.social-link{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);background:var(--blog-bg-alt);border-radius:var(--radius-full);font-family:var(--font-mono);font-size:.85rem;color:var(--blog-text);transition:all var(--transition-normal)}.social-link:hover{background:var(--cosmic-purple);color:var(--white);transform:translateY(-2px)}.latest-post-section{background:var(--blog-bg-alt);padding:var(--space-2xl) 0;border-top:1px solid var(--blog-border);border-bottom:1px solid var(--blog-border)}.latest-label{display:inline-block;font-family:var(--font-mono);font-size:.75rem;text-transform:uppercase;letter-spacing:.15em;color:var(--cosmic-purple);background:#6b5b951a;padding:var(--space-xs) var(--space-md);border-radius:var(--radius-full);margin-bottom:var(--space-lg)}.latest-post-card{display:grid;grid-template-columns:1fr 1fr;gap:0;align-items:center;text-decoration:none;color:inherit;background:var(--white);border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 4px 24px #0000000f;transition:all var(--transition-normal)}.latest-post-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #0000001a}.latest-post-image{aspect-ratio:16/10;overflow:hidden}.latest-post-image img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}.latest-post-card:hover .latest-post-image img{transform:scale(1.05)}.latest-post-body{padding:var(--space-xl)}.latest-post-meta{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-sm)}.latest-category{font-family:var(--font-mono);font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;color:var(--cosmic-purple)}.latest-reading{font-family:var(--font-mono);font-size:.75rem;color:var(--blog-text-muted)}.latest-post-title{font-family:var(--font-serif);font-style:italic;font-size:clamp(1.4rem,3vw,1.8rem);color:var(--blog-text);margin:0 0 var(--space-sm);line-height:1.3}.latest-post-excerpt{font-size:.95rem;color:var(--blog-text-muted);line-height:1.7;margin:0 0 var(--space-md);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.latest-post-link{font-family:var(--font-mono);font-size:.85rem;color:var(--cosmic-purple);transition:color var(--transition-fast)}.latest-post-card:hover .latest-post-link{color:var(--aurora-teal)}@media (max-width: 768px){.latest-post-card{grid-template-columns:1fr}.latest-post-body{padding:var(--space-lg)}}.universes-section{background:var(--cosmic-navy);padding:var(--space-2xl) 0}.section-label{font-family:var(--font-mono);font-size:.75rem;text-transform:uppercase;letter-spacing:.2em;color:var(--aurora-teal);display:block;margin-bottom:var(--space-sm)}.section-title{font-size:clamp(2rem,4vw,3rem);font-style:italic;background:linear-gradient(135deg,var(--aurora-teal),var(--nebula-pink),var(--star-gold));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.bento-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:minmax(180px,auto);gap:var(--space-md)}.bento-item.bento-large,.bento-item.bento-medium{grid-column:span 2;grid-row:span 1}.bento-item.bento-small{grid-column:span 1;grid-row:span 1}.bento-link{position:relative;display:flex;flex-direction:column;padding:var(--space-lg);border-radius:var(--radius-lg);overflow:hidden;color:var(--white);text-decoration:none;height:100%;min-height:180px;transition:box-shadow var(--transition-normal)}.bento-link:hover{box-shadow:0 12px 40px #0000004d}.bento-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--bento-gradient);opacity:.9;transition:opacity var(--transition-normal)}.bento-link:hover .bento-bg{opacity:1}.bento-content{position:relative;z-index:2;display:flex;flex-direction:column;height:100%}.bento-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:auto}.bento-icon{font-size:2rem}.bento-arrow{font-size:1.2rem;opacity:0;transform:translate(-8px);transition:all var(--transition-fast)}.bento-link:hover .bento-arrow{opacity:.8;transform:translate(0)}.bento-title{font-family:var(--font-serif);font-size:1.2rem;font-weight:600;color:var(--white);margin:var(--space-md) 0 var(--space-xs)}.bento-desc{font-size:.85rem;color:#fffc;margin:0;line-height:1.5}.bento-live{margin-top:var(--space-md);padding-top:var(--space-sm);border-top:1px solid rgba(255,255,255,.15)}.bento-stat{font-family:var(--font-mono);font-size:.8rem;color:#ffffffe6}.goals-progress{display:flex;flex-direction:column;gap:var(--space-xs)}.progress-bar{width:100%;height:6px;background:#fff3;border-radius:3px;overflow:hidden}.progress-fill{height:100%;background:#ffffffe6;border-radius:3px}.progress-stats{display:flex;justify-content:space-between;font-family:var(--font-mono);font-size:.75rem;color:#fffc}.progress-pct{font-weight:600;color:var(--white)}.fav-preview{display:flex;justify-content:space-between;align-items:center}.fav-month{font-family:var(--font-serif);font-size:.9rem;color:var(--white)}.fav-count{font-family:var(--font-mono);font-size:.75rem;color:#fffc;background:#ffffff26;padding:2px 8px;border-radius:var(--radius-sm)}.project-mini-stats{display:flex;gap:var(--space-md)}.mini-stat{font-family:var(--font-mono);font-size:.8rem;color:#fffc}.mini-stat strong{color:var(--white);font-size:1.1rem;margin-right:4px}.mini-stat.active{color:#ffffffe6}.bento-shine{position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent);transform:skew(-20deg);transition:left .6s ease;z-index:1}.bento-link:hover .bento-shine{left:150%}.quote-section{background:var(--blog-bg);padding:var(--space-2xl) 0}.quote{text-align:center;position:relative;padding:var(--space-xl)}.quote-mark{font-size:6rem;font-family:var(--font-serif);color:var(--aurora-teal);opacity:.2;position:absolute;top:-20px;left:50%;transform:translate(-50%);line-height:1}.quote p{font-size:clamp(1.5rem,3vw,2rem);font-style:italic;color:var(--blog-text);margin-bottom:var(--space-md);position:relative;z-index:1}.quote cite{font-family:var(--font-mono);font-size:.9rem;color:var(--blog-text-muted);font-style:normal}@media (max-width: 900px){.about-content{grid-template-columns:1fr;text-align:center;gap:var(--space-xl)}.about-photo-wrapper{justify-self:center}.about-photo{width:250px;height:250px}.about-text{max-width:100%}.about-links{justify-content:center}}@media (max-width: 768px){.float-icon{font-size:1.5rem;opacity:.3}.about-photo{width:200px;height:200px}.bento-grid{grid-template-columns:repeat(2,1fr);grid-auto-rows:minmax(160px,auto)}.bento-item.bento-large,.bento-item.bento-medium{grid-column:span 2}.bento-item.bento-small{grid-column:span 1}}@media (max-width: 480px){.bento-grid{grid-template-columns:1fr}.bento-item.bento-large,.bento-item.bento-medium,.bento-item.bento-small{grid-column:span 1}}.blog-page{background:var(--blog-bg);min-height:100vh}.blog-header{padding:140px 0 var(--space-xl);background:linear-gradient(180deg,var(--blog-bg-alt) 0%,var(--blog-bg) 100%);border-bottom:1px solid rgba(0,0,0,.05)}.blog-title{font-family:var(--font-serif);font-style:italic;font-size:clamp(2.5rem,5vw,3.5rem);color:var(--blog-text);margin-bottom:var(--space-sm)}.blog-subtitle{font-size:1.1rem;color:var(--blog-text-muted);margin:0}.blog-main{padding:var(--space-xl) 0 var(--space-2xl)}.category-filter{display:flex;gap:var(--space-sm);margin-bottom:var(--space-xl);flex-wrap:wrap}.category-btn{font-family:var(--font-mono);font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;padding:var(--space-sm) var(--space-md);background:transparent;border:1px solid rgba(0,0,0,.1);border-radius:var(--radius-full);color:var(--blog-text-muted);cursor:pointer;transition:all var(--transition-fast)}.category-btn:hover{border-color:var(--cosmic-purple);color:var(--cosmic-purple)}.category-btn.active{background:var(--cosmic-purple);border-color:var(--cosmic-purple);color:var(--white)}.posts-list{display:flex;flex-direction:column;gap:var(--space-lg)}.blog-post-item{background:var(--white);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm);transition:all var(--transition-normal)}.blog-post-item:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.post-link{display:flex;text-decoration:none;color:inherit}.post-thumbnail{width:240px;flex-shrink:0;overflow:hidden}.post-thumbnail img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}.blog-post-item:hover .post-thumbnail img{transform:scale(1.05)}.post-info{padding:var(--space-lg);display:flex;flex-direction:column;flex:1}.post-meta-top{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-sm)}.post-category{font-family:var(--font-mono);font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;color:var(--cosmic-purple);background:#6b5b951a;padding:2px 8px;border-radius:var(--radius-sm)}.post-date{font-family:var(--font-mono);font-size:.75rem;color:var(--blog-text-muted)}.posts-list .post-title{font-family:var(--font-serif);font-size:1.5rem;color:var(--blog-text);margin:0 0 var(--space-sm);transition:color var(--transition-fast)}.blog-post-item:hover .post-title{color:var(--cosmic-purple)}.posts-list .post-excerpt{font-size:1rem;color:var(--blog-text-muted);line-height:1.7;margin:0;flex:1;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.post-footer{display:flex;align-items:center;gap:var(--space-md);margin-top:var(--space-md);padding-top:var(--space-md);border-top:1px solid rgba(0,0,0,.05)}.reading-time{font-family:var(--font-mono);font-size:.75rem;color:var(--blog-text-muted)}.post-tags{display:flex;gap:var(--space-sm)}.tag{font-family:var(--font-mono);font-size:.7rem;color:var(--aurora-teal)}.loading-state .spinner{border-color:#6b5b9533;border-top-color:var(--cosmic-purple)}.empty-state{text-align:center;padding:var(--space-2xl);color:var(--blog-text-muted)}@media (max-width: 768px){.post-link{flex-direction:column}.post-thumbnail{width:100%;height:200px}.posts-list .post-title{font-size:1.25rem}.post-footer{flex-direction:column;align-items:flex-start;gap:var(--space-sm)}}.blog-post-page{background:var(--blog-bg);min-height:100vh}.blog-post-page.loading,.blog-post-page.error{display:flex;align-items:center;justify-content:center;padding:var(--space-2xl);text-align:center}.blog-post-page.error h1{color:var(--blog-text);margin-bottom:var(--space-md)}.blog-post-page.error p{color:var(--blog-text-muted);margin-bottom:var(--space-lg)}.post-header{padding-top:120px}.back-link{display:inline-block;font-family:var(--font-mono);font-size:.85rem;color:var(--cosmic-purple);text-decoration:none;margin-bottom:var(--space-lg);transition:color var(--transition-fast)}.back-link:hover{color:var(--aurora-teal)}.blog-post .post-meta{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-md);flex-wrap:wrap}.blog-post .post-category{font-family:var(--font-mono);font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;color:var(--cosmic-purple);background:#6b5b951a;padding:4px 10px;border-radius:var(--radius-sm)}.blog-post .post-date,.blog-post .reading-time{font-family:var(--font-mono);font-size:.8rem;color:var(--blog-text-muted)}.blog-post .post-title{font-family:var(--font-serif);font-style:italic;font-size:clamp(2rem,5vw,3rem);color:var(--blog-text);line-height:1.2;margin-bottom:var(--space-md)}.blog-post .post-excerpt{font-size:1.25rem;color:var(--blog-text-muted);line-height:1.7;margin:0;max-width:600px}.post-cover{margin-top:var(--space-xl);max-width:1000px;margin-left:auto;margin-right:auto;border-radius:var(--radius-lg);overflow:hidden}.post-cover img{width:100%;height:auto;display:block}.post-content{padding:var(--space-2xl) var(--space-md);font-size:1.125rem;line-height:1.9;color:var(--blog-text)}.post-content img{max-width:600px;width:50%;height:auto;border-radius:var(--radius-md);margin:var(--space-lg) auto;display:block}.image-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-md);margin:var(--space-lg) 0}.image-grid img{width:100%;height:auto;border-radius:var(--radius-md);object-fit:cover}.image-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-md);margin:var(--space-lg) 0}@media (max-width: 768px){.image-grid,.image-grid-3{grid-template-columns:1fr}}.content-h2{font-family:var(--font-serif);font-style:italic;font-size:1.75rem;color:var(--blog-text);margin:var(--space-xl) 0 var(--space-md);padding-top:var(--space-lg);border-top:1px solid rgba(0,0,0,.05)}.content-h3{font-family:var(--font-serif);font-size:1.35rem;color:var(--blog-text);margin:var(--space-lg) 0 var(--space-md)}.content-p{margin-bottom:var(--space-lg)}.content-link{color:var(--cosmic-purple);font-weight:500;transition:all var(--transition-fast)}.content-link:hover{color:var(--aurora-teal)}.content-quote{margin:var(--space-lg) 0;padding:var(--space-lg);padding-left:var(--space-xl);background:var(--blog-bg-alt);border-left:4px solid var(--cosmic-purple);font-style:italic;color:var(--blog-text);border-radius:0 var(--radius-md) var(--radius-md) 0}.content-quote p{margin:0}.content-list{margin:var(--space-md) 0 var(--space-lg);padding-left:var(--space-lg)}.content-list li{margin-bottom:var(--space-sm)}.content-list.ordered{list-style-type:decimal}.content-figure{margin:var(--space-xl) 0;text-align:center}.content-figure img{max-width:100%;height:auto;border-radius:var(--radius-md);box-shadow:var(--shadow-md)}.content-figure figcaption{margin-top:var(--space-sm);font-family:var(--font-mono);font-size:.85rem;color:var(--blog-text-muted)}.youtube-embed{position:relative;padding-bottom:56.25%;height:0;margin:var(--space-xl) 0;border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-md)}.youtube-embed iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none}.video-player{margin:var(--space-xl) 0;border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-md)}.video-player video{width:100%;display:block}.inline-code{font-family:var(--font-mono);font-size:.9em;background:var(--blog-bg-alt);padding:2px 6px;border-radius:var(--radius-sm);color:var(--cosmic-purple)}.code-block{background:#1a1a2e;color:#e0e0e0;padding:var(--space-lg);border-radius:var(--radius-md);overflow-x:auto;margin:var(--space-lg) 0}.code-block code{font-family:var(--font-mono);font-size:.9rem;line-height:1.6}.blog-post .post-footer{padding:var(--space-xl) var(--space-md) var(--space-2xl);border-top:1px solid rgba(0,0,0,.05);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--space-md)}.blog-post .post-tags{display:flex;gap:var(--space-sm);flex-wrap:wrap}.blog-post .tag{font-family:var(--font-mono);font-size:.85rem;color:var(--aurora-teal);background:#4ecdc41a;padding:4px 10px;border-radius:var(--radius-sm)}.post-share{display:flex;align-items:center;gap:var(--space-sm)}.share-label{font-family:var(--font-mono);font-size:.8rem;color:var(--blog-text-muted)}.share-btn{font-family:var(--font-mono);font-size:.8rem;color:var(--cosmic-purple);text-decoration:none;padding:4px 10px;border:1px solid rgba(107,91,149,.3);border-radius:var(--radius-sm);transition:all var(--transition-fast)}.share-btn:hover{background:var(--cosmic-purple);color:var(--white)}@media (max-width: 768px){.post-header{padding-top:100px}.blog-post .post-footer{flex-direction:column;align-items:flex-start}}.comments-section{margin-top:var(--space-2xl);padding-top:var(--space-2xl);border-top:1px solid rgba(0,0,0,.08)}.comments-title{font-family:var(--font-serif);font-size:1.5rem;color:var(--blog-text);margin:0 0 var(--space-lg);display:flex;align-items:center;gap:var(--space-sm)}.comments-count{font-family:var(--font-mono);font-size:.8rem;color:var(--white);background:#c9a9b8;width:26px;height:26px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center}.comments-list{display:flex;flex-direction:column;gap:var(--space-md);margin-bottom:var(--space-xl)}.comment-item{display:flex;gap:var(--space-md);padding:var(--space-md);background:var(--blog-bg-alt, #f8f7f4);border-radius:var(--radius-md)}.comment-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#c9a9b8,#d4b8a0);color:var(--white);display:flex;align-items:center;justify-content:center;font-family:var(--font-serif);font-weight:600;font-size:1rem;flex-shrink:0}.comment-body{flex:1;min-width:0}.comment-meta{display:flex;align-items:baseline;gap:var(--space-sm);margin-bottom:var(--space-xs);flex-wrap:wrap}.comment-author{font-family:var(--font-serif);font-weight:600;color:var(--blog-text);font-size:.95rem}.comment-date{font-family:var(--font-mono);font-size:.75rem;color:var(--blog-text-muted)}.comment-content{color:var(--blog-text);line-height:1.7;margin:0;font-size:.95rem}.comment-thread{display:flex;flex-direction:column}.comment-replies{margin-left:40px;padding-left:var(--space-md);border-left:2px solid rgba(201,169,184,.3);display:flex;flex-direction:column;gap:var(--space-sm);margin-top:var(--space-sm)}.comment-item.is-reply{background:#c9a9b814}.comment-replies.flat{margin-left:0;border-left-color:#c9a9b826}.reply-btn{background:none;border:none;color:#c9a9b8;font-family:var(--font-mono);font-size:.75rem;cursor:pointer;padding:0;margin-top:var(--space-xs);transition:color var(--transition-fast)}.reply-btn:hover{color:#a8849a}.reply-indicator{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:#c9a9b81a;border-left:3px solid #c9a9b8;border-radius:0 var(--radius-md) var(--radius-md) 0;margin-bottom:var(--space-md)}.reply-preview{flex:1;font-style:italic;font-size:.85rem;color:#666;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cancel-reply{background:none;border:none;color:#c62828;font-size:.8rem;cursor:pointer;white-space:nowrap;padding:2px 8px}.cancel-reply:hover{text-decoration:underline}.no-comments{color:var(--blog-text-muted);font-style:italic;text-align:center;padding:var(--space-lg) 0;margin:0}.comments-loading{display:flex;justify-content:center;padding:var(--space-lg)}.comment-form-wrapper{margin-top:var(--space-xl);padding:var(--space-lg);background:var(--blog-bg-alt, #f8f7f4);border-radius:var(--radius-lg, 12px)}.form-title{font-family:var(--font-serif);font-size:1.15rem;color:#2a2a2a;margin:0 0 var(--space-md)}.comment-success{background:#e8f5e9;color:#2d5a3d;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);margin-bottom:var(--space-md);font-size:.9rem}.comment-error{background:#fdecea;color:#c62828;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);margin-bottom:var(--space-md);font-size:.9rem}.comment-form{display:flex;flex-direction:column;gap:var(--space-md)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md)}.form-group{display:flex;flex-direction:column;gap:6px}.comment-form .form-group label{font-family:var(--font-mono);font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:#555!important;display:block}.comment-form .form-group input,.comment-form .form-group textarea{padding:var(--space-sm) var(--space-md);border:1px solid rgba(0,0,0,.15);border-radius:var(--radius-md);background:#fff!important;font-family:inherit;font-size:.95rem;color:#2a2a2a!important;transition:border-color var(--transition-fast);resize:vertical}.comment-form .form-group input:focus,.comment-form .form-group textarea:focus{outline:none;border-color:#c9a9b8}.comment-form .form-group input::placeholder,.comment-form .form-group textarea::placeholder{color:#999!important;opacity:1}.form-footer{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md)}.form-note{font-size:.8rem;color:#888;margin:0}.comment-submit{padding:var(--space-sm) var(--space-lg);background:linear-gradient(135deg,#c9a9b8,#d4b8a0);color:var(--white);border:none;border-radius:var(--radius-full, 999px);font-family:var(--font-serif);font-size:.95rem;cursor:pointer;transition:opacity var(--transition-fast),transform var(--transition-fast);white-space:nowrap}.comment-submit:hover{opacity:.9;transform:translateY(-1px)}.comment-submit:disabled{opacity:.6;cursor:not-allowed;transform:none}@media (max-width: 600px){.form-row{grid-template-columns:1fr}.form-footer{flex-direction:column;align-items:flex-start}.comment-replies{margin-left:16px;padding-left:var(--space-sm)}}.favorites-page{min-height:100vh;background:var(--blog-bg)}.favorites-hero{position:relative;padding:150px 0 80px;overflow:hidden}.hero-gradient{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#c9a9b8,#d4b8a0,#d6c9a8);opacity:.95}.favorites-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:url("data:image/svg+xml,%3Csvg viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");opacity:.03;pointer-events:none}.favorites-hero .container{position:relative;z-index:1}.page-label{display:inline-block;font-family:var(--font-mono);font-size:.75rem;text-transform:uppercase;letter-spacing:.2em;color:#fffc;background:#fff3;padding:var(--space-xs) var(--space-md);border-radius:var(--radius-full);margin-bottom:var(--space-md)}.page-title{font-family:var(--font-serif);font-style:italic;font-size:clamp(2.5rem,6vw,4rem);color:var(--white);margin-bottom:var(--space-md);text-shadow:0 2px 10px rgba(0,0,0,.1)}.page-subtitle{font-size:1.1rem;color:#ffffffe6;max-width:500px;line-height:1.7;margin:0}.month-selector-section{padding:var(--space-xl) 0;background:var(--white);border-bottom:1px solid rgba(0,0,0,.05);position:sticky;top:70px;z-index:10}.month-selector{display:flex;gap:var(--space-sm);overflow-x:auto;padding-bottom:var(--space-sm);scrollbar-width:none}.month-selector::-webkit-scrollbar{display:none}.month-btn{display:flex;flex-direction:column;align-items:center;padding:var(--space-sm) var(--space-lg);background:var(--blog-bg-alt);border:2px solid transparent;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.month-btn:hover{border-color:#c9a9b8}.month-btn.active{background:linear-gradient(135deg,#c9a9b8,#d4b8a0);color:var(--white)}.month-name{font-family:var(--font-serif);font-size:1rem;font-weight:600}.month-year{font-family:var(--font-mono);font-size:.7rem;opacity:.7}.favorites-content{padding:var(--space-2xl) 0}.magazine-article{max-width:1100px;margin:0 auto}.article-header{text-align:center;margin-bottom:var(--space-2xl)}.article-title{font-family:var(--font-serif);font-style:italic;font-size:clamp(2rem,5vw,3rem);color:var(--blog-text);margin:0 0 var(--space-md)}.article-meta{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);font-family:var(--font-mono);font-size:.8rem;color:var(--blog-text-muted)}.meta-dot{width:4px;height:4px;border-radius:50%;background:var(--blog-text-muted);opacity:.5}.article-divider{width:60px;height:3px;background:linear-gradient(90deg,#c9a9b8,#d4b8a0);border-radius:2px;margin:var(--space-lg) auto 0}.category-section{margin-bottom:var(--space-2xl)}.category-section:last-child{margin-bottom:0}.category-header{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-lg);padding-bottom:var(--space-sm);border-bottom:2px solid var(--cat-color, #ddd)}.category-icon{font-size:1.4rem}.category-title{font-family:var(--font-serif);font-size:1.4rem;color:var(--blog-text);margin:0;flex:1}.category-count{font-family:var(--font-mono);font-size:.75rem;color:var(--white);background:var(--cat-color, var(--blog-text-muted));width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center}.category-items{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));max-width:calc(3 * 340px + 2 * var(--space-lg));gap:var(--space-lg)}.fav-item{display:flex;flex-direction:column;gap:var(--space-md);padding:var(--space-md);background:var(--white);border-radius:var(--radius-md);border:1px solid rgba(0,0,0,.06);transition:box-shadow var(--transition-fast)}.fav-item:hover{box-shadow:0 4px 20px #00000014}.fav-item-type{display:inline-block;font-family:var(--font-mono);font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:var(--type-color, var(--blog-text-muted));background:color-mix(in srgb,var(--type-color, #999) 12%,transparent);padding:3px 10px;border-radius:var(--radius-full);width:fit-content}.fav-item-image{flex-shrink:0;width:100%;aspect-ratio:16/9;border-radius:var(--radius-md);overflow:hidden;position:relative;display:block}.fav-item-image img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-normal)}.fav-item-image:hover img{transform:scale(1.05)}.youtube-thumb{cursor:pointer}.youtube-play{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#00000040;opacity:0;transition:opacity var(--transition-fast)}.youtube-thumb:hover .youtube-play{opacity:1}.youtube-play svg{width:40px;height:40px;color:var(--white);filter:drop-shadow(0 2px 8px rgba(0,0,0,.3))}.fav-item-body{flex:1;min-width:0}.fav-item-top{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-md);margin-bottom:var(--space-xs)}.fav-item-title{font-family:var(--font-serif);font-size:1.15rem;color:var(--blog-text);margin:0;line-height:1.4}.fav-item-title a{color:inherit;text-decoration:none;transition:color var(--transition-fast)}.fav-item-title a:hover{color:var(--type-color)}.fav-item-rating{display:flex;gap:1px;flex-shrink:0;margin-top:2px}.fav-item-rating .star{color:#ddd;font-size:.85rem}.fav-item-rating .star.filled{color:var(--star-gold, #d4b8a0)}.fav-item-reason{font-family:var(--font-serif);font-style:italic;font-size:1rem;color:var(--blog-text-muted);line-height:1.8;margin:var(--space-sm) 0;padding-left:var(--space-md);border-left:3px solid var(--type-color, #d4b8a0)}.fav-item-note{font-size:.95rem;color:var(--blog-text-muted);line-height:1.7;margin:0}.empty-state{text-align:center;padding:var(--space-2xl)}.empty-icon{font-size:4rem;display:block;margin-bottom:var(--space-md)}.empty-state p{color:var(--blog-text-muted);font-style:italic}@media (max-width: 768px){.month-selector-section{top:60px}.magazine-article{max-width:100%}.category-items{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.category-items{grid-template-columns:1fr}.fav-item-top{flex-direction:column;gap:var(--space-xs)}}.books-page{min-height:100vh;background:var(--book-parchment)}.books-hero{position:relative;padding:150px 0 80px;background:linear-gradient(135deg,#2d5a3d,#1a3a25);overflow:hidden}.hero-pattern{position:absolute;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.03'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");opacity:.5}.books-hero .container{position:relative;z-index:1}.books-hero .page-label{background:#ffffff26;color:#ffffffe6}.books-hero .page-title{color:var(--white);text-shadow:0 2px 10px rgba(0,0,0,.2)}.books-hero .page-subtitle{color:#ffffffd9}.book-stats{display:flex;gap:var(--space-xl);margin-top:var(--space-xl);padding-top:var(--space-xl);border-top:1px solid rgba(255,255,255,.1)}.stat-item{text-align:center}.stat-number{display:block;font-family:var(--font-serif);font-size:2.5rem;color:var(--star-gold);line-height:1}.stat-label{font-family:var(--font-mono);font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;color:#fff9}.books-page .filter-section{padding:var(--space-lg) 0;background:var(--white);border-bottom:1px solid rgba(0,0,0,.05);position:sticky;top:70px;z-index:10}.status-filters{display:flex;gap:var(--space-sm);justify-content:center;flex-wrap:wrap}.status-btn{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);background:transparent;border:2px solid rgba(0,0,0,.1);border-radius:var(--radius-md);font-family:var(--font-mono);font-size:.85rem;cursor:pointer;transition:all var(--transition-fast)}.status-btn:hover{border-color:var(--status-color, var(--book-green));color:var(--status-color, var(--book-green))}.status-btn.active{background:var(--status-color, var(--book-green));border-color:var(--status-color, var(--book-green));color:var(--white)}.bookshelf-section{padding:var(--space-2xl) 0;background:linear-gradient(to bottom,var(--book-parchment) 0%,#f0e6d3 100%)}.bookshelf{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--space-xl)}.book-card{position:relative;cursor:pointer;perspective:1000px}.book-spine{position:absolute;left:0;top:10%;bottom:10%;width:15px;background:linear-gradient(to right,#5a3e2b,#8b6914,#5a3e2b);border-radius:2px 0 0 2px;transform:translate(-50%) rotateY(-30deg);transform-origin:right center;box-shadow:-2px 0 5px #0003}.book-cover{aspect-ratio:2/3;border-radius:var(--radius-md);overflow:hidden;box-shadow:0 10px 30px #00000026,0 5px 15px #0000001a;transition:all var(--transition-normal)}.book-cover img{width:100%;height:100%;object-fit:cover}.book-cover.placeholder{background:linear-gradient(135deg,var(--status-color) 0%,color-mix(in srgb,var(--status-color) 70%,black) 100%);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-md)}.book-emoji{font-size:3rem;margin-bottom:var(--space-sm)}.book-title-vertical{writing-mode:vertical-rl;text-orientation:mixed;font-family:var(--font-serif);font-size:.9rem;color:#ffffffe6;max-height:150px;overflow:hidden}.book-info{padding:var(--space-md) var(--space-sm)}.book-status{display:inline-flex;align-items:center;gap:var(--space-xs);font-family:var(--font-mono);font-size:.65rem;text-transform:uppercase;color:var(--white);padding:2px 8px;border-radius:var(--radius-sm);margin-bottom:var(--space-xs)}.book-card .book-title{font-family:var(--font-serif);font-size:1rem;color:var(--blog-text);margin:0 0 var(--space-xs);line-height:1.3}.book-author{font-size:.85rem;color:var(--blog-text-muted);margin:0}.book-rating{margin-top:var(--space-xs)}.book-rating .star{color:#ddd;font-size:.9rem}.book-rating .star.filled{color:var(--star-gold)}.book-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-lg);overflow-y:auto}.book-modal{background:var(--book-parchment);border-radius:var(--radius-lg);max-width:800px;width:100%;max-height:90vh;overflow-y:auto;position:relative}.modal-close{position:absolute;top:var(--space-md);right:var(--space-md);width:40px;height:40px;background:#0000001a;border:none;border-radius:50%;font-size:1.5rem;cursor:pointer;transition:background var(--transition-fast);z-index:1}.modal-close:hover{background:#0003}.modal-content{display:grid;grid-template-columns:200px 1fr;gap:var(--space-xl);padding:var(--space-xl)}.modal-cover{aspect-ratio:2/3;border-radius:var(--radius-md);overflow:hidden;box-shadow:0 10px 30px #0003}.modal-cover img{width:100%;height:100%;object-fit:cover}.cover-placeholder{width:100%;height:100%;background:var(--book-green);display:flex;align-items:center;justify-content:center;font-size:4rem}.modal-info{padding-top:var(--space-md)}.modal-status{display:inline-flex;align-items:center;gap:var(--space-xs);font-family:var(--font-mono);font-size:.75rem;text-transform:uppercase;color:var(--white);padding:4px 12px;border-radius:var(--radius-sm);margin-bottom:var(--space-md)}.modal-title{font-family:var(--font-serif);font-style:italic;font-size:2rem;color:var(--blog-text);margin:0 0 var(--space-xs)}.modal-author{font-size:1.1rem;color:var(--blog-text-muted);margin:0 0 var(--space-md)}.modal-rating{margin-bottom:var(--space-lg)}.modal-rating .star{font-size:1.25rem;color:#ddd}.modal-rating .star.filled{color:var(--star-gold)}.modal-review,.modal-quotes{margin-bottom:var(--space-lg)}.modal-review h4,.modal-quotes h4{font-family:var(--font-mono);font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:var(--book-green);margin-bottom:var(--space-sm)}.modal-review p{font-size:1rem;color:var(--blog-text);line-height:1.8;margin:0}.quote-item{font-family:var(--font-serif);font-style:italic;font-size:1rem;color:var(--blog-text);padding:var(--space-md);background:#2d5a3d0d;border-left:3px solid var(--book-green);margin:0 0 var(--space-sm);border-radius:0 var(--radius-sm) var(--radius-sm) 0}.modal-dates{display:flex;gap:var(--space-lg);font-family:var(--font-mono);font-size:.8rem;color:var(--blog-text-muted)}.books-page .empty-state{text-align:center;padding:var(--space-2xl)}.books-page .empty-icon{font-size:4rem;display:block;margin-bottom:var(--space-md)}.books-page .loading-state{display:flex;justify-content:center;padding:var(--space-2xl)}@media (max-width: 768px){.book-stats{gap:var(--space-lg)}.stat-number{font-size:2rem}.bookshelf{grid-template-columns:repeat(2,1fr);gap:var(--space-lg)}.modal-content{grid-template-columns:1fr}.modal-cover{max-width:200px;margin:0 auto}}.flowers-page{min-height:100vh;background:#f7f5f0}.flowers-hero{position:relative;padding:150px 0 80px;overflow:hidden}.hero-watercolor{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 20% 30%,rgba(156,175,136,.25) 0%,transparent 50%),radial-gradient(ellipse at 80% 70%,rgba(244,194,194,.25) 0%,transparent 50%),radial-gradient(ellipse at 50% 50%,rgba(247,245,240,.6) 0%,transparent 70%),linear-gradient(180deg,#f0ece4,#f7f5f0)}.flowers-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:url("data:image/svg+xml,%3Csvg viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");opacity:.02;pointer-events:none}.floating-petals{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.petal{position:absolute;width:20px;height:20px;background:radial-gradient(ellipse at 30% 30%,var(--flower-blush),#f8a5a5);border-radius:50% 0 50% 50%;opacity:.35}.flowers-hero .container{position:relative;z-index:1}.flowers-hero .page-label{background:#9caf884d;color:var(--flower-sage)}.flowers-hero .page-title{font-family:var(--font-serif);font-style:italic;font-size:clamp(2.5rem,6vw,4rem);color:#5a6f52;text-shadow:none}.flowers-hero .page-subtitle{color:#7a8872;font-size:1.1rem;max-width:450px}.year-filter-section{padding:var(--space-lg) 0;background:#f7f5f0;border-bottom:1px solid rgba(156,175,136,.15);position:sticky;top:70px;z-index:10}.year-filters{display:flex;gap:var(--space-sm);justify-content:center}.year-btn{padding:var(--space-sm) var(--space-lg);background:transparent;border:2px solid rgba(156,175,136,.3);border-radius:var(--radius-full);font-family:var(--font-mono);font-size:.85rem;color:var(--flower-sage);cursor:pointer;transition:all var(--transition-fast)}.year-btn:hover{border-color:var(--flower-sage)}.year-btn.active{background:var(--flower-sage);border-color:var(--flower-sage);color:var(--white)}.flowers-gallery{padding:var(--space-2xl) 0}.flowers-timeline{display:flex;flex-direction:column;gap:var(--space-2xl)}.year-group{position:relative}.year-header{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-lg);padding-bottom:var(--space-md);border-bottom:2px solid rgba(156,175,136,.2)}.year-icon{font-size:1.5rem}.year-title{font-family:var(--font-serif);font-style:italic;font-size:1.75rem;color:#5a6f52;margin:0}.year-count{font-family:var(--font-mono);font-size:.75rem;color:var(--flower-sage);background:#9caf8826;padding:4px 12px;border-radius:var(--radius-full)}.tiled-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--space-sm)}.flower-card{cursor:pointer;border-radius:var(--radius-md);overflow:hidden;background:#f0ece4;box-shadow:0 2px 8px #0000000a;transition:all var(--transition-normal);position:relative;aspect-ratio:1}.flower-card:hover{transform:scale(1.02);box-shadow:0 8px 20px #00000014}.flower-image{width:100%;height:100%;position:relative;overflow:hidden}.flower-image img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}.flower-card:hover .flower-image img{transform:scale(1.1)}.flower-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#9caf8866;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity var(--transition-normal)}.flower-card:hover .flower-overlay{opacity:1}.view-icon{font-size:2rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.month-badge{position:absolute;top:var(--space-sm);left:var(--space-sm);font-family:var(--font-mono);font-size:.65rem;text-transform:uppercase;letter-spacing:.05em;color:var(--white);background:#5a6f52d9;padding:3px 8px;border-radius:var(--radius-sm);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.flower-info{position:absolute;bottom:0;left:0;right:0;padding:var(--space-sm);background:linear-gradient(to top,rgba(0,0,0,.7),transparent);opacity:0;transition:opacity var(--transition-normal)}.flower-card:hover .flower-info{opacity:1}.flower-name{font-family:var(--font-serif);font-size:.9rem;color:var(--white);margin:0 0 2px}.flower-location{font-family:var(--font-mono);font-size:.65rem;color:#fffc;margin:0}.flower-lightbox{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-lg)}.lightbox-close{position:absolute;top:var(--space-lg);right:var(--space-lg);width:50px;height:50px;background:#ffffff1a;border:none;border-radius:50%;color:var(--white);font-size:2rem;cursor:pointer;transition:background var(--transition-fast);z-index:1}.lightbox-close:hover{background:#fff3}.lightbox-nav{position:absolute;top:50%;transform:translateY(-50%);width:50px;height:80px;background:#ffffff1a;border:none;color:var(--white);font-size:2rem;cursor:pointer;transition:background var(--transition-fast)}.lightbox-nav:hover{background:#fff3}.lightbox-nav.prev{left:var(--space-lg);border-radius:var(--radius-md)}.lightbox-nav.next{right:var(--space-lg);border-radius:var(--radius-md)}.lightbox-content{max-width:90vw;max-height:85vh;display:flex;flex-direction:column;align-items:center}.lightbox-content img{max-width:100%;max-height:70vh;object-fit:contain;border-radius:var(--radius-md);box-shadow:0 20px 60px #00000080}.lightbox-info{text-align:center;padding:var(--space-lg);color:var(--white)}.lightbox-info h3{font-family:var(--font-serif);font-style:italic;font-size:1.5rem;margin:0 0 var(--space-sm)}.lightbox-info p{font-size:1rem;opacity:.8;margin:0 0 var(--space-sm);max-width:500px}.lightbox-info .location{font-family:var(--font-mono);font-size:.85rem;opacity:.6}.flowers-page .empty-state{text-align:center;padding:var(--space-2xl)}.flowers-page .empty-icon{font-size:4rem;display:block;margin-bottom:var(--space-md)}.flowers-page .loading-state{display:flex;justify-content:center;padding:var(--space-2xl)}.flowers-page .spinner{border-color:#9caf8833;border-top-color:var(--flower-sage)}@media (max-width: 768px){.tiled-gallery{grid-template-columns:repeat(3,1fr)}.lightbox-nav{width:40px;height:60px}.lightbox-nav.prev{left:var(--space-sm)}.lightbox-nav.next{right:var(--space-sm)}}@media (max-width: 480px){.tiled-gallery{grid-template-columns:repeat(2,1fr)}}.projects-page{min-height:100vh;background:#f5f5f5}.projects-hero{position:relative;padding:150px 0 80px;background:linear-gradient(135deg,#2c3e50,#1a252f);overflow:hidden}.hero-blueprint{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(78,205,196,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(78,205,196,.05) 1px,transparent 1px);background-size:40px 40px}.projects-hero .container{position:relative;z-index:1}.projects-hero .page-label{background:#b873334d;color:var(--hobby-copper)}.projects-hero .page-title{color:var(--white)}.projects-hero .page-subtitle{color:#fffc}.project-stats{display:flex;gap:var(--space-xl);margin-top:var(--space-xl);padding-top:var(--space-xl);border-top:1px solid rgba(255,255,255,.1)}.projects-page .stat-number{display:block;font-family:var(--font-mono);font-size:2.5rem;color:var(--hobby-copper)}.projects-page .stat-label{font-family:var(--font-mono);font-size:.7rem;text-transform:uppercase;color:#fff9}.filters-section{padding:var(--space-lg) 0;background:var(--white);border-bottom:1px solid rgba(0,0,0,.05);position:sticky;top:70px;z-index:10}.filters-row{display:flex;flex-direction:column;gap:var(--space-md)}.filter-group{display:flex;align-items:center;gap:var(--space-md);flex-wrap:wrap}.filter-label{font-family:var(--font-mono);font-size:.75rem;text-transform:uppercase;color:var(--blog-text-muted)}.filter-buttons{display:flex;gap:var(--space-xs);flex-wrap:wrap}.filter-btn{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-md);background:transparent;border:1px solid rgba(0,0,0,.1);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:.8rem;cursor:pointer;transition:all var(--transition-fast)}.filter-btn:hover{border-color:var(--filter-color, var(--hobby-copper));color:var(--filter-color, var(--hobby-copper))}.filter-btn.active{background:var(--filter-color, var(--hobby-copper));border-color:var(--filter-color, var(--hobby-copper));color:var(--white)}.projects-content{padding:var(--space-2xl) 0}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--space-lg)}.project-card{background:var(--white);border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 4px 20px #0000000d;cursor:pointer;transition:all var(--transition-normal)}.project-card:hover{transform:translateY(-8px);box-shadow:0 12px 40px #0000001a}.project-cover{aspect-ratio:16/10;position:relative;overflow:hidden}.project-cover img{width:100%;height:100%;object-fit:cover}.project-cover .cover-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:4rem;background:linear-gradient(135deg,var(--category-color),color-mix(in srgb,var(--category-color) 70%,black))}.project-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity var(--transition-normal)}.project-card:hover .project-overlay{opacity:1}.view-text{font-family:var(--font-mono);font-size:.85rem;color:var(--white);padding:var(--space-sm) var(--space-md);border:1px solid var(--white);border-radius:var(--radius-sm)}.project-content{padding:var(--space-lg)}.project-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-sm)}.project-category{display:flex;align-items:center;gap:var(--space-xs);font-family:var(--font-mono);font-size:.7rem;color:var(--white);padding:2px 8px;border-radius:var(--radius-sm)}.project-status{font-family:var(--font-mono);font-size:.7rem;text-transform:uppercase}.project-card .project-title{font-family:var(--font-serif);font-size:1.25rem;color:var(--blog-text);margin:0 0 var(--space-sm)}.project-description{font-size:.9rem;color:var(--blog-text-muted);margin:0 0 var(--space-md)}.project-tools{display:flex;gap:var(--space-xs);flex-wrap:wrap}.tool-tag{font-family:var(--font-mono);font-size:.7rem;color:var(--blog-text-muted);background:#f0f0f0;padding:2px 8px;border-radius:var(--radius-sm)}a.project-card{text-decoration:none;color:inherit;display:block}.projects-page .empty-state{text-align:center;padding:var(--space-2xl)}.projects-page .empty-icon{font-size:4rem;display:block;margin-bottom:var(--space-md)}.projects-page .loading-state{display:flex;justify-content:center;padding:var(--space-2xl)}@media (max-width: 768px){.projects-grid{grid-template-columns:1fr}}.project-detail-page{background:var(--blog-bg);min-height:100vh}.project-detail-page.loading,.project-detail-page.error{display:flex;align-items:center;justify-content:center;padding:var(--space-2xl);text-align:center}.project-detail-page.error h1{color:var(--blog-text);margin-bottom:var(--space-md)}.project-detail-page.error p{color:var(--blog-text-muted);margin-bottom:var(--space-lg)}.project-header{padding-top:120px}.project-article .back-link{display:inline-block;font-family:var(--font-mono);font-size:.85rem;color:var(--hobby-copper, #b87333);text-decoration:none;margin-bottom:var(--space-lg);transition:color var(--transition-fast)}.project-article .back-link:hover{color:var(--aurora-teal)}.project-badges{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-md);flex-wrap:wrap}.badge{font-family:var(--font-mono);font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;color:var(--white);padding:4px 12px;border-radius:var(--radius-sm)}.project-date{font-family:var(--font-mono);font-size:.8rem;color:var(--blog-text-muted)}.project-article .project-title{font-family:var(--font-serif);font-style:italic;font-size:clamp(2rem,5vw,3rem);color:var(--blog-text);line-height:1.2;margin:0 0 var(--space-md)}.project-article .project-description{font-size:1.2rem;color:var(--blog-text-muted);line-height:1.7;margin:0;max-width:600px}.project-article .project-cover{margin-top:var(--space-xl);max-width:1000px;margin-left:auto;margin-right:auto;border-radius:var(--radius-lg);overflow:hidden}.project-article .project-cover img{width:100%;height:auto;display:block}.project-article .project-content{padding:var(--space-2xl) var(--space-md);font-size:1.125rem;line-height:1.9;color:var(--blog-text)}.project-article .content-h2{font-family:var(--font-serif);font-style:italic;font-size:1.75rem;color:var(--blog-text);margin:var(--space-xl) 0 var(--space-md);padding-top:var(--space-lg);border-top:1px solid rgba(0,0,0,.05)}.project-article .content-h3{font-family:var(--font-serif);font-size:1.35rem;color:var(--blog-text);margin:var(--space-lg) 0 var(--space-md)}.project-article .content-p{margin-bottom:var(--space-lg)}.project-article .content-link{color:var(--hobby-copper, #b87333);font-weight:500;transition:all var(--transition-fast)}.project-article .content-link:hover{color:var(--aurora-teal)}.project-article .content-quote{margin:var(--space-lg) 0;padding:var(--space-lg);padding-left:var(--space-xl);background:var(--blog-bg-alt);border-left:4px solid var(--hobby-copper, #b87333);font-style:italic;color:var(--blog-text);border-radius:0 var(--radius-md) var(--radius-md) 0}.project-article .content-quote p{margin:0}.project-article .content-list{margin:var(--space-md) 0 var(--space-lg);padding-left:var(--space-lg)}.project-article .content-list li{margin-bottom:var(--space-sm)}.project-article .content-list.ordered{list-style-type:decimal}.project-article .content-figure{margin:var(--space-xl) 0;text-align:center}.project-article .content-figure img{max-width:100%;height:auto;border-radius:var(--radius-md);box-shadow:var(--shadow-md)}.project-article .content-figure figcaption{margin-top:var(--space-sm);font-family:var(--font-mono);font-size:.85rem;color:var(--blog-text-muted)}.project-article .inline-code{font-family:var(--font-mono);font-size:.9em;background:var(--blog-bg-alt);padding:2px 6px;border-radius:var(--radius-sm);color:var(--hobby-copper, #b87333)}.project-article .code-block{background:#1a1a2e;color:#e0e0e0;padding:var(--space-lg);border-radius:var(--radius-md);overflow-x:auto;margin:var(--space-lg) 0}.project-article .code-block code{font-family:var(--font-mono);font-size:.9rem;line-height:1.6}.project-gallery{padding:0 var(--space-md) var(--space-xl)}.section-title{font-family:var(--font-mono);font-size:.8rem;text-transform:uppercase;letter-spacing:.1em;color:var(--blog-text-muted);margin-bottom:var(--space-md)}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--space-md)}.gallery-item{border-radius:var(--radius-md);overflow:hidden;aspect-ratio:1}.gallery-item img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-normal)}.gallery-item:hover img{transform:scale(1.05)}.project-footer{padding:var(--space-xl) var(--space-md) var(--space-2xl);border-top:1px solid rgba(0,0,0,.05);display:flex;gap:var(--space-xl);flex-wrap:wrap}.detail-group{flex:1;min-width:200px}.detail-title{font-family:var(--font-mono);font-size:.8rem;text-transform:uppercase;letter-spacing:.1em;color:var(--blog-text-muted);margin:0 0 var(--space-sm)}.detail-tags{display:flex;flex-wrap:wrap;gap:var(--space-xs)}.detail-tag{font-family:var(--font-mono);font-size:.85rem;background:var(--white);color:var(--blog-text);padding:4px 12px;border-radius:var(--radius-sm);border:1px solid rgba(0,0,0,.1)}.project-content .youtube-embed{position:relative;padding-bottom:56.25%;height:0;margin:var(--space-xl) 0;border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-md)}.project-content .youtube-embed iframe{position:absolute;top:0;left:0;width:100%;height:100%}.project-content .video-player{margin:var(--space-xl) 0;border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-md)}.project-content .video-player video{width:100%;display:block}@media (max-width: 768px){.project-header{padding-top:100px}.project-footer{flex-direction:column}.gallery-grid{grid-template-columns:repeat(2,1fr)}}.podcast-page{min-height:100vh;background:var(--cosmic-navy)}.podcast-hero{position:relative;padding:150px 0 80px;overflow:hidden;background:radial-gradient(ellipse at 20% 50%,rgba(107,91,149,.3) 0%,transparent 50%),radial-gradient(ellipse at 80% 30%,rgba(78,205,196,.2) 0%,transparent 50%),linear-gradient(180deg,var(--cosmic-deep) 0%,var(--cosmic-navy) 100%)}.hero-stars{position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(2px 2px at 20px 30px,white,transparent),radial-gradient(2px 2px at 40px 70px,rgba(255,255,255,.8),transparent),radial-gradient(1px 1px at 90px 40px,white,transparent),radial-gradient(2px 2px at 130px 80px,rgba(255,215,0,.8),transparent),radial-gradient(1px 1px at 160px 120px,white,transparent);background-size:200px 200px;animation:twinkle-stars 4s ease-in-out infinite}@keyframes twinkle-stars{0%,to{opacity:1}50%{opacity:.7}}.podcast-hero .container{position:relative;z-index:1}.podcast-hero .page-label{background:#4ecdc433;color:var(--aurora-teal)}.podcast-hero .page-title{margin-bottom:var(--space-lg)}.title-main{display:block;font-family:var(--font-serif);font-style:italic;font-size:clamp(2rem,5vw,3rem);color:var(--white)}.title-accent{display:block;font-family:var(--font-serif);font-style:italic;font-size:clamp(3rem,8vw,5rem);background:linear-gradient(135deg,var(--aurora-teal),var(--nebula-pink));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.podcast-hero .page-subtitle{color:#fffc;max-width:500px}.podcast-content{padding:var(--space-2xl) 0}.podcast-layout{display:grid;grid-template-columns:1fr 350px;gap:var(--space-xl);align-items:start}.player-section{background:#ffffff05;border:1px solid rgba(78,205,196,.1);border-radius:var(--radius-lg);overflow:hidden}.video-container{position:relative;padding-bottom:56.25%;height:0;background:var(--cosmic-deep)}.video-container iframe{position:absolute;top:0;left:0;width:100%;height:100%}.video-placeholder{aspect-ratio:16/9;background:linear-gradient(135deg,var(--cosmic-purple),var(--cosmic-deep));display:flex;flex-direction:column;align-items:center;justify-content:center;color:#ffffff80}.placeholder-icon{font-size:4rem;margin-bottom:var(--space-md)}.episode-details{padding:var(--space-xl)}.episode-meta{display:flex;gap:var(--space-md);margin-bottom:var(--space-md);flex-wrap:wrap}.episode-number{font-family:var(--font-mono);font-size:.8rem;color:var(--aurora-teal);background:#4ecdc41a;padding:4px 12px;border-radius:var(--radius-sm)}.episode-duration,.episode-date{font-family:var(--font-mono);font-size:.8rem;color:#ffffff80}.episode-title{font-family:var(--font-serif);font-style:italic;font-size:1.75rem;color:var(--white);margin:0 0 var(--space-md)}.episode-description{font-size:1rem;color:#fffc;line-height:1.8;margin:0 0 var(--space-lg)}.show-notes{background:#ffffff08;border-radius:var(--radius-md);padding:var(--space-lg);border:1px solid rgba(78,205,196,.1)}.show-notes h3{font-family:var(--font-mono);font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:var(--aurora-teal);margin:0 0 var(--space-md)}.notes-content{font-size:.95rem;color:#ffffffb3;line-height:1.8;white-space:pre-wrap}.episodes-list{background:#ffffff05;border:1px solid rgba(78,205,196,.1);border-radius:var(--radius-lg);padding:var(--space-lg);position:sticky;top:100px}.list-title{font-family:var(--font-mono);font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:var(--aurora-teal);margin:0 0 var(--space-md);padding-bottom:var(--space-sm);border-bottom:1px solid rgba(78,205,196,.1)}.episodes-scroll{display:flex;flex-direction:column;gap:var(--space-xs);max-height:500px;overflow-y:auto}.episode-item{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md);background:transparent;border:1px solid transparent;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);text-align:left;width:100%}.episode-item:hover{background:#4ecdc40d;border-color:#4ecdc41a}.episode-item.active{background:#4ecdc41a;border-color:var(--aurora-teal)}.item-number{font-family:var(--font-mono);font-size:.8rem;color:var(--aurora-teal);min-width:35px}.item-info{flex:1;min-width:0}.item-title{display:block;font-size:.9rem;color:var(--white);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.item-duration{font-family:var(--font-mono);font-size:.7rem;color:#fff6}.item-play{color:var(--aurora-teal);opacity:0;transition:opacity var(--transition-fast)}.episode-item:hover .item-play,.episode-item.active .item-play{opacity:1}.subscribe-section{padding:var(--space-xl) 0 var(--space-2xl)}.subscribe-card{background:linear-gradient(135deg,#6b5b9533,#4ecdc41a);border:1px solid rgba(78,205,196,.2);border-radius:var(--radius-lg);padding:var(--space-xl);text-align:center}.subscribe-card h3{font-family:var(--font-serif);font-style:italic;font-size:1.5rem;color:var(--white);margin:0 0 var(--space-sm)}.subscribe-card p{color:#ffffffb3;margin:0 0 var(--space-lg)}.subscribe-btn{display:inline-flex;align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-xl);background:red;color:var(--white);text-decoration:none;font-family:var(--font-mono);font-size:.9rem;font-weight:700;border-radius:var(--radius-md);transition:all var(--transition-fast)}.subscribe-btn:hover{background:#c00;transform:scale(1.05)}.podcast-page .empty-state{text-align:center;padding:var(--space-2xl);color:var(--white)}.podcast-page .empty-icon{font-size:4rem;display:block;margin-bottom:var(--space-md)}.empty-hint{color:#ffffff80;font-style:italic}.podcast-page .loading-state{display:flex;justify-content:center;padding:var(--space-2xl)}@media (max-width: 1024px){.podcast-layout{grid-template-columns:1fr}.episodes-list{position:static;max-height:none}.episodes-scroll{max-height:300px}}.goals-page{min-height:100vh;background:var(--blog-bg)}.goals-hero{background:var(--cosmic-navy);padding:120px 0 var(--space-2xl);text-align:center}.goals-header{margin-bottom:var(--space-xl)}.goals-year{display:inline-block;font-family:var(--font-mono);font-size:1rem;font-weight:600;letter-spacing:.2em;color:var(--cosmic-navy);background:var(--aurora-teal);padding:var(--space-xs) var(--space-md);border-radius:var(--radius-full);margin-bottom:var(--space-md)}.goals-title{font-size:clamp(2.5rem,6vw,4rem);font-style:italic;color:var(--white);margin-bottom:var(--space-md)}.goals-subtitle{font-size:1.1rem;color:#ffffffb3;max-width:500px;margin:0 auto}.stats-overview{display:flex;justify-content:center;margin-top:var(--space-xl)}.overall-progress{display:flex;align-items:center;gap:var(--space-lg);background:#ffffff0d;border:1px solid rgba(78,205,196,.2);border-radius:var(--radius-lg);padding:var(--space-lg) var(--space-xl)}.progress-ring{position:relative;width:100px;height:100px}.progress-ring svg{transform:rotate(-90deg);width:100%;height:100%}.progress-ring circle{fill:none;stroke-width:8;stroke-linecap:round}.progress-bg{stroke:#ffffff1a}.progress-fill{stroke:var(--aurora-teal);transition:stroke-dasharray .5s ease}.progress-text{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:var(--white)}.progress-number{font-size:1.75rem;font-weight:700}.progress-percent{font-size:.9rem;opacity:.7}.progress-info{display:flex;flex-direction:column;gap:var(--space-xs)}.completed-count{font-size:1.5rem;font-weight:600;color:var(--white)}.completed-label{font-size:.9rem;color:#fff9}.category-filter-section{background:var(--blog-bg);padding:var(--space-lg) 0;border-bottom:1px solid var(--blog-border);position:sticky;top:70px;z-index:90}.category-tabs{display:flex;gap:var(--space-sm);overflow-x:auto;padding-bottom:var(--space-sm);scrollbar-width:none}.category-tabs::-webkit-scrollbar{display:none}.category-tab{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);background:transparent;border:1px solid var(--blog-border);border-radius:var(--radius-full);font-family:var(--font-sans);font-size:.9rem;color:var(--blog-text-muted);cursor:pointer;white-space:nowrap;transition:all var(--transition-fast)}.category-tab:hover{border-color:var(--cosmic-purple);color:var(--cosmic-purple)}.category-tab.active{background:var(--cosmic-purple);border-color:var(--cosmic-purple);color:var(--white)}.tab-icon{font-size:1.1rem}.goals-list-section{padding:var(--space-2xl) 0}.goals-content{min-height:300px}.goal-category{margin-bottom:var(--space-2xl)}.category-title{display:flex;align-items:center;gap:var(--space-sm);font-size:1.5rem;font-style:italic;color:var(--blog-text);margin-bottom:var(--space-lg);padding-bottom:var(--space-sm);border-bottom:2px solid var(--blog-border)}.category-icon{font-size:1.75rem}.goals-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--space-lg)}.goals-grid.single-category{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.goal-card{background:var(--white);border-radius:var(--radius-lg);padding:var(--space-lg);box-shadow:var(--shadow-sm);border:1px solid var(--blog-border);transition:all var(--transition-normal)}.goal-card:hover{box-shadow:var(--shadow-md);border-color:var(--cosmic-purple)}.goal-card.completed{background:linear-gradient(135deg,#4ecdc40d,#4ecdc41a);border-color:var(--aurora-teal)}.goal-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-md)}.goal-icon{font-size:2rem}.status-badge{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:var(--aurora-teal);color:var(--white);border-radius:50%;font-size:.75rem;font-weight:700}.goal-title{font-size:1.1rem;font-weight:500;color:var(--blog-text);margin-bottom:var(--space-md);line-height:1.4}.goal-card.completed .goal-title{color:var(--aurora-teal)}.goal-link{color:inherit;text-decoration:none;transition:color var(--transition-fast)}.goal-link:hover{color:var(--aurora-teal)}.goal-link-icon{font-size:.85rem;opacity:0;transition:opacity var(--transition-fast)}.goal-link:hover .goal-link-icon{opacity:.7}.goal-progress{display:flex;flex-direction:column;gap:var(--space-sm)}.progress-bar-container{height:8px;background:var(--blog-bg-alt);border-radius:var(--radius-full);overflow:hidden}.progress-bar-fill{height:100%;background:linear-gradient(90deg,var(--aurora-teal),var(--cosmic-purple));border-radius:var(--radius-full);transition:width .3s ease}.progress-controls{display:flex;align-items:center;justify-content:center;gap:var(--space-md)}.progress-btn{width:32px;height:32px;border:1px solid var(--blog-border);border-radius:50%;background:var(--white);font-size:1.25rem;font-weight:500;color:var(--blog-text);cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center}.progress-btn:hover:not(:disabled){background:var(--cosmic-purple);border-color:var(--cosmic-purple);color:var(--white)}.progress-btn:disabled{opacity:.4;cursor:not-allowed}.progress-value{font-family:var(--font-mono);font-size:.9rem;color:var(--blog-text);min-width:80px;text-align:center}.progress-percent-label{font-family:var(--font-mono);font-size:.85rem;color:var(--aurora-teal);text-align:center;font-weight:600}.goal-checkbox{display:flex;justify-content:center}.checkbox-btn{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);background:var(--blog-bg-alt);border:2px solid var(--blog-border);border-radius:var(--radius-full);font-family:var(--font-sans);font-size:.9rem;color:var(--blog-text-muted);cursor:pointer;transition:all var(--transition-fast)}.checkbox-btn:hover{border-color:var(--cosmic-purple);color:var(--cosmic-purple)}.checkbox-btn.checked{background:var(--aurora-teal);border-color:var(--aurora-teal);color:var(--white)}.checkbox-icon{width:20px;height:20px;border:2px solid currentColor;border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700}.checkbox-btn.checked .checkbox-icon{background:var(--white);color:var(--aurora-teal);border-color:var(--white)}.motivation-section{background:var(--cosmic-navy);padding:var(--space-2xl) 0}.motivation-quote{text-align:center;position:relative;padding:var(--space-xl)}.motivation-quote .quote-mark{font-size:6rem;font-family:var(--font-serif);color:var(--aurora-teal);opacity:.2;position:absolute;top:-20px;left:50%;transform:translate(-50%);line-height:1}.motivation-quote p{font-size:clamp(1.25rem,3vw,1.75rem);font-style:italic;color:var(--white);margin-bottom:var(--space-md);position:relative;z-index:1}.motivation-quote cite{font-family:var(--font-mono);font-size:.9rem;color:#fff9;font-style:normal}.loading-state{display:flex;justify-content:center;align-items:center;min-height:300px}@media (max-width: 768px){.overall-progress{flex-direction:column;text-align:center}.category-filter-section{top:60px}.goals-grid{grid-template-columns:1fr}.category-tabs{justify-content:flex-start}.category-tab .tab-label{display:none}.category-tab.active .tab-label{display:inline}}@media (max-width: 480px){.goals-hero{padding:100px 0 var(--space-xl)}.progress-ring{width:80px;height:80px}.progress-number{font-size:1.5rem}}.protected-page{min-height:80vh;display:flex;align-items:center;justify-content:center;padding:var(--space-xl)}.protected-box{text-align:center;background:var(--white);padding:var(--space-2xl);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);border:2px solid var(--cosmic-navy);max-width:400px;width:100%}.protected-icon{font-size:3rem;display:block;margin-bottom:var(--space-md)}.protected-box h2{color:var(--blog-text);margin-bottom:var(--space-sm)}.protected-box p{color:var(--blog-text-muted);margin-bottom:var(--space-lg)}.protected-box form{display:flex;flex-direction:column;gap:var(--space-md)}.protected-box input{padding:var(--space-md);border:2px solid var(--cosmic-navy);border-radius:var(--radius-md);font-size:1rem;text-align:center;background:var(--white)}.protected-box input.error{border-color:#e74c3c}.protected-box button{padding:var(--space-md);background:var(--cosmic-purple);color:var(--white);border:none;border-radius:var(--radius-md);font-size:1rem;cursor:pointer;transition:background var(--transition-fast)}.protected-box button:hover{background:var(--aurora-teal)}.error-text{color:#e74c3c;margin-top:var(--space-sm)}.about-page{min-height:100vh}.about-hero{min-height:80vh;display:flex;align-items:center;position:relative;overflow:hidden;padding:150px 0 var(--space-2xl);background:radial-gradient(ellipse at 30% 20%,rgba(212,165,201,.1) 0%,transparent 50%),radial-gradient(ellipse at 70% 80%,rgba(78,205,196,.1) 0%,transparent 50%),var(--cosmic-navy)}.about-hero-bg{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 30% 30%,rgba(107,91,149,.15) 0%,transparent 30%),radial-gradient(circle at 70% 70%,rgba(78,205,196,.1) 0%,transparent 30%);pointer-events:none}.about-intro{display:flex;align-items:center;gap:var(--space-2xl);position:relative;z-index:1}.about-photo-container{flex-shrink:0}.about-photo{position:relative;width:250px;height:250px}.photo-placeholder{width:100%;height:100%;border-radius:50%;background:linear-gradient(135deg,var(--cosmic-purple),var(--aurora-teal));display:flex;align-items:center;justify-content:center;font-size:6rem;position:relative;z-index:2;box-shadow:0 0 60px #4ecdc44d,0 0 100px #d4a5c933}.photo-ring{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;border:1px solid;opacity:.3}.ring-1{width:120%;height:120%;border-color:var(--aurora-teal);animation:ring-pulse 4s ease-in-out infinite}.ring-2{width:140%;height:140%;border-color:var(--nebula-pink);animation:ring-pulse 4s ease-in-out infinite 1s}.ring-3{width:160%;height:160%;border-color:var(--star-gold);animation:ring-pulse 4s ease-in-out infinite 2s}@keyframes ring-pulse{0%,to{opacity:.1;transform:translate(-50%,-50%) scale(1)}50%{opacity:.4;transform:translate(-50%,-50%) scale(1.05)}}.about-text{flex:1}.about-label{font-family:var(--font-mono);font-size:.8rem;color:var(--aurora-teal);text-transform:uppercase;letter-spacing:.2em;display:block;margin-bottom:var(--space-sm)}.about-name{font-family:var(--font-serif);font-style:italic;font-size:clamp(3rem,8vw,5rem);color:var(--white);margin:0 0 var(--space-md);line-height:1.1;background:linear-gradient(135deg,var(--cosmic-purple) 0%,var(--nebula-pink) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.about-tagline{font-size:1.2rem;color:var(--blog-text-muted);line-height:1.8;margin:0 0 var(--space-lg);max-width:500px}.about-quick-links{display:flex;gap:var(--space-md);flex-wrap:wrap}.quick-link{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-full);color:#fffc;text-decoration:none;font-family:var(--font-mono);font-size:.85rem;transition:all var(--transition-fast)}.quick-link:hover{background:#4ecdc41a;border-color:var(--aurora-teal);color:var(--aurora-teal)}.identity-section{background:var(--blog-bg);padding:var(--space-2xl) 0}.section-header{text-align:center;margin-bottom:var(--space-xl)}.section-label{display:inline-block;font-family:var(--font-mono);font-size:.7rem;text-transform:uppercase;letter-spacing:.2em;color:var(--cosmic-purple);background:#6b5b951a;padding:var(--space-xs) var(--space-md);border-radius:var(--radius-full);margin-bottom:var(--space-sm)}.section-label.light{color:var(--aurora-teal);background:#4ecdc433}.section-title{font-family:var(--font-serif);font-style:italic;font-size:clamp(2rem,4vw,3rem);color:var(--blog-text);margin-bottom:var(--space-sm)}.section-title.light{color:var(--white)}.section-subtitle{font-size:1rem;color:var(--blog-text-muted);margin:0}.identity-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-lg)}.identity-card{position:relative;padding:var(--space-xl);background:var(--white);border-radius:var(--radius-lg);overflow:hidden;cursor:pointer;box-shadow:0 4px 20px #0000000d;border:1px solid rgba(0,0,0,.05);transition:all var(--transition-normal)}.card-glow{position:absolute;top:0;left:0;width:100%;height:4px;background:var(--card-color);transition:height var(--transition-normal)}.identity-card:hover .card-glow,.identity-card.active .card-glow{height:100%;opacity:.1}.card-content{position:relative;z-index:1}.card-icon{font-size:2.5rem;display:block;margin-bottom:var(--space-md)}.card-title{font-family:var(--font-serif);font-style:italic;font-size:1.5rem;color:var(--blog-text);margin:0 0 var(--space-xs)}.card-subtitle{font-family:var(--font-mono);font-size:.7rem;color:var(--card-color);text-transform:uppercase;letter-spacing:.05em;display:block;margin-bottom:var(--space-md)}.card-description{font-size:.95rem;color:var(--blog-text-muted);line-height:1.7;margin:0;opacity:0;transform:translateY(10px);transition:all var(--transition-normal)}.identity-card:hover .card-description,.identity-card.active .card-description{opacity:1;transform:translateY(0)}.card-shine{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent 40%,rgba(255,255,255,.1) 50%,transparent 60%);transform:translate(-100%);transition:transform .6s;pointer-events:none}.identity-card:hover .card-shine{transform:translate(100%)}.timeline-section{background:radial-gradient(ellipse at 50% 0%,rgba(78,205,196,.1) 0%,transparent 50%),var(--cosmic-navy);padding:var(--space-2xl) 0}.timeline{position:relative;padding:var(--space-lg) 0}.timeline-line{position:absolute;left:24px;top:0;bottom:0;width:2px;background:linear-gradient(to bottom,var(--aurora-teal),var(--nebula-pink),var(--star-gold));opacity:.3}.timeline-item{display:flex;align-items:flex-start;gap:var(--space-lg);margin-bottom:var(--space-xl);position:relative}.timeline-marker{width:50px;height:50px;background:#4ecdc41a;border:2px solid var(--aurora-teal);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.25rem;flex-shrink:0;position:relative;z-index:1}.timeline-content{flex:1;padding-top:var(--space-sm)}.timeline-year{font-family:var(--font-mono);font-size:.8rem;color:var(--aurora-teal);display:block;margin-bottom:var(--space-xs)}.timeline-event{font-size:1.1rem;color:var(--white);margin:0;line-height:1.5}.philosophy-section{background:var(--blog-bg);padding:var(--space-2xl) 0}.philosophy-quote{text-align:center;position:relative;padding:var(--space-xl)}.quote-mark{font-family:var(--font-serif);font-size:8rem;color:var(--cosmic-purple);opacity:.1;position:absolute;top:-20px;left:50%;transform:translate(-50%);line-height:1}.philosophy-quote p{font-family:var(--font-serif);font-style:italic;font-size:clamp(1.5rem,3vw,2rem);color:var(--blog-text);margin:0 0 var(--space-md);line-height:1.6;position:relative}.philosophy-quote cite{font-family:var(--font-mono);font-size:.9rem;color:var(--cosmic-purple);font-style:normal}@media (max-width: 1024px){.identity-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.about-intro{flex-direction:column;text-align:center}.about-photo{width:180px;height:180px}.photo-placeholder{font-size:4rem}.about-tagline{max-width:100%}.about-quick-links{justify-content:center}.identity-grid{grid-template-columns:1fr}.card-description{opacity:1;transform:translateY(0)}.timeline-line{left:24px}}.not-found-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--space-lg);text-align:center}.not-found-content{max-width:500px}.not-found-icon{font-size:5rem;margin-bottom:var(--space-md);animation:float 3s ease-in-out infinite}.not-found-title{font-family:var(--font-mono);font-size:clamp(4rem,15vw,8rem);color:var(--aurora-teal);margin:0;line-height:1}.not-found-subtitle{font-size:1.2rem;color:#fffc;margin:var(--space-lg) 0}.not-found-quote{font-family:var(--font-serif);font-style:italic;color:#ffffff80;margin-bottom:var(--space-xl)}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0f0f1a,#1a1a2e);padding:var(--space-lg)}.login-container{width:100%;max-width:400px;background:#ffffff05;border:1px solid rgba(78,205,196,.15);border-radius:var(--radius-lg);padding:var(--space-xl)}.login-header{text-align:center;margin-bottom:var(--space-xl)}.login-icon{font-size:3rem;display:block;margin-bottom:var(--space-md)}.login-header h1{font-family:var(--font-serif);font-style:italic;font-size:1.75rem;color:var(--white);margin-bottom:var(--space-sm)}.login-header p{color:#fff9;margin:0}.login-form{display:flex;flex-direction:column;gap:var(--space-md)}.login-error{background:#ff6b6b1a;border:1px solid rgba(255,107,107,.3);color:#ff6b6b;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);font-size:.9rem}.form-group input{padding:var(--space-md);background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-sm);color:var(--white);font-size:1rem;transition:all var(--transition-fast)}.form-group input::placeholder{color:#ffffff4d}.form-group input:focus{outline:none;border-color:var(--aurora-teal);box-shadow:0 0 0 2px #4ecdc433}.login-btn{padding:var(--space-md);background:var(--aurora-teal);color:var(--cosmic-navy);border:none;border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:.9rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;transition:all var(--transition-fast);margin-top:var(--space-md)}.login-btn:hover:not(:disabled){background:var(--nebula-pink)}.login-btn:disabled{opacity:.6;cursor:not-allowed}.admin-dashboard{color:var(--white)}.dashboard-header{margin-bottom:var(--space-xl)}.dashboard-header h1{font-family:var(--font-serif);font-style:italic;font-size:2rem;color:var(--white);margin-bottom:var(--space-xs)}.dashboard-header p{color:#fff9;margin:0}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-md);margin-bottom:var(--space-xl)}.stat-card{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-lg);background:#ffffff08;border:1px solid rgba(78,205,196,.1);border-radius:var(--radius-md);text-decoration:none;transition:all var(--transition-fast)}.stat-card:hover{background:#ffffff0d;border-color:var(--aurora-teal);transform:translateY(-2px)}.stat-icon{font-size:2rem}.stat-info{display:flex;flex-direction:column}.stat-value{font-family:var(--font-mono);font-size:1.75rem;color:var(--white);line-height:1}.stat-label{font-family:var(--font-mono);font-size:.75rem;color:#fff9;text-transform:uppercase;letter-spacing:.05em}.dashboard-section{background:#ffffff05;border:1px solid rgba(78,205,196,.1);border-radius:var(--radius-md);padding:var(--space-lg);margin-bottom:var(--space-lg)}.dashboard-section h2{font-family:var(--font-serif);font-size:1.25rem;color:var(--white);margin-bottom:var(--space-md)}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-md)}.section-header h2{margin:0}.see-all{font-family:var(--font-mono);font-size:.8rem;color:var(--aurora-teal);text-decoration:none}.see-all:hover{color:var(--nebula-pink)}.quick-actions{display:flex;gap:var(--space-md);flex-wrap:wrap}.action-btn{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);background:#4ecdc41a;border:1px solid rgba(78,205,196,.2);border-radius:var(--radius-sm);color:var(--aurora-teal);font-family:var(--font-mono);font-size:.85rem;text-decoration:none;transition:all var(--transition-fast)}.action-btn:hover{background:var(--aurora-teal);color:var(--cosmic-navy)}.recent-list{display:flex;flex-direction:column;gap:var(--space-xs)}.recent-item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-sm) var(--space-md);background:#ffffff05;border-radius:var(--radius-sm);text-decoration:none;transition:background var(--transition-fast)}.recent-item:hover{background:#ffffff0d}.recent-title{color:var(--white);font-size:.95rem}.status-badge{font-family:var(--font-mono);font-size:.7rem;text-transform:uppercase;padding:2px 8px;border-radius:var(--radius-sm)}.loading-state{display:flex;justify-content:center;padding:var(--space-lg)}.empty-text{color:#ffffff80;text-align:center;padding:var(--space-lg)}@media (max-width: 1200px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.stats-grid{grid-template-columns:1fr}.quick-actions{flex-direction:column}.action-btn{justify-content:center}}.admin-posts{color:var(--white)}.page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-xl)}.page-header h1{font-family:var(--font-serif);font-style:italic;font-size:2rem;color:var(--white);margin-bottom:var(--space-xs)}.page-header p{color:#fff9;margin:0}.btn-add{display:inline-flex;align-items:center;padding:var(--space-sm) var(--space-lg);background:var(--aurora-teal);color:var(--cosmic-navy);font-family:var(--font-mono);font-size:.85rem;font-weight:700;text-decoration:none;border-radius:var(--radius-sm);transition:all var(--transition-fast)}.btn-add:hover{background:var(--nebula-pink);color:var(--white)}.filter-bar{display:flex;gap:var(--space-sm);margin-bottom:var(--space-lg)}.filter-btn{padding:var(--space-sm) var(--space-md);background:transparent;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-sm);color:#fff9;font-family:var(--font-mono);font-size:.8rem;cursor:pointer;transition:all var(--transition-fast)}.filter-btn:hover{border-color:var(--aurora-teal);color:var(--aurora-teal)}.filter-btn.active{background:#4ecdc41a;border-color:var(--aurora-teal);color:var(--aurora-teal)}.posts-table{background:#ffffff05;border:1px solid rgba(78,205,196,.1);border-radius:var(--radius-md);overflow:hidden}.table-header{display:grid;grid-template-columns:2fr 1fr 100px 120px 200px;gap:var(--space-md);padding:var(--space-md) var(--space-lg);background:#ffffff08;border-bottom:1px solid rgba(255,255,255,.05);font-family:var(--font-mono);font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:#ffffff80}.table-row{display:grid;grid-template-columns:2fr 1fr 100px 120px 200px;gap:var(--space-md);padding:var(--space-md) var(--space-lg);border-bottom:1px solid rgba(255,255,255,.03);align-items:center;transition:background var(--transition-fast)}.table-row:last-child{border-bottom:none}.table-row:hover{background:#ffffff05}.col-title a{color:var(--white);text-decoration:none;font-size:.95rem}.col-title a:hover{color:var(--aurora-teal)}.col-category{font-family:var(--font-mono);font-size:.85rem;color:#fff9}.col-date{font-family:var(--font-mono);font-size:.85rem;color:#ffffff80}.col-actions{display:flex;gap:var(--space-sm)}.action-link{font-family:var(--font-mono);font-size:.75rem;color:var(--aurora-teal);background:none;border:none;cursor:pointer;padding:0;transition:color var(--transition-fast)}.action-link:hover{color:var(--nebula-pink)}.action-link.danger{color:#ff6b6bb3}.action-link.danger:hover{color:#ff6b6b}.status-badge{font-family:var(--font-mono);font-size:.7rem;text-transform:uppercase;padding:3px 8px;border-radius:var(--radius-sm)}.empty-state{text-align:center;padding:var(--space-2xl);color:#ffffff80}.empty-state p{margin-bottom:var(--space-lg)}.loading-state{display:flex;justify-content:center;padding:var(--space-2xl)}@media (max-width: 1024px){.table-header,.table-row{grid-template-columns:1fr;gap:var(--space-sm)}.table-header{display:none}.table-row{padding:var(--space-lg)}.col-actions{padding-top:var(--space-sm);border-top:1px solid rgba(255,255,255,.05)}}.post-editor{color:var(--white)}.post-editor.loading{display:flex;justify-content:center;align-items:center;min-height:400px}.editor-header{margin-bottom:var(--space-xl)}.back-link{display:inline-block;font-family:var(--font-mono);font-size:.85rem;color:var(--aurora-teal);text-decoration:none;margin-bottom:var(--space-md)}.back-link:hover{color:var(--nebula-pink)}.editor-header h1{font-family:var(--font-serif);font-style:italic;font-size:2rem;color:var(--white);margin:0}.editor-form{display:grid;grid-template-columns:1fr 300px;gap:var(--space-xl)}.editor-main,.editor-sidebar{display:flex;flex-direction:column;gap:var(--space-lg)}.form-group{display:flex;flex-direction:column;gap:var(--space-xs)}.form-group label{font-family:var(--font-mono);font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;color:#ffffffb3}.form-group input,.form-group textarea{padding:var(--space-md);background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-sm);color:var(--white);font-family:var(--font-serif);font-size:1rem;transition:all var(--transition-fast)}.form-group input::placeholder,.form-group textarea::placeholder{color:#ffffff4d}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--aurora-teal);box-shadow:0 0 0 2px #4ecdc433}.form-group textarea{resize:vertical;min-height:150px;font-family:var(--font-mono);font-size:.9rem;line-height:1.6}.help-text{font-family:var(--font-mono);font-size:.75rem;color:#fff6}.sidebar-section{background:#ffffff05;border:1px solid rgba(78,205,196,.1);border-radius:var(--radius-md);padding:var(--space-lg)}.sidebar-section h3{font-family:var(--font-mono);font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:var(--aurora-teal);margin-bottom:var(--space-md)}.sidebar-section input{width:100%;padding:var(--space-sm) var(--space-md);background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-sm);color:var(--white);font-size:.9rem}.sidebar-section input:focus{outline:none;border-color:var(--aurora-teal)}.status-indicator{margin-bottom:var(--space-md)}.status-badge{font-family:var(--font-mono);font-size:.75rem;text-transform:uppercase;padding:4px 10px;border-radius:var(--radius-sm)}.status-badge.published{background:#4ecdc433;color:var(--aurora-teal)}.status-badge.draft{background:#ffffff1a;color:#fff9}.action-buttons{display:flex;flex-direction:column;gap:var(--space-sm)}.btn-primary,.btn-secondary{padding:var(--space-sm) var(--space-md);font-family:var(--font-mono);font-size:.85rem;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast)}.btn-primary{background:var(--aurora-teal);color:var(--cosmic-navy);font-weight:700}.btn-primary:hover:not(:disabled){background:var(--nebula-pink);color:var(--white)}.btn-secondary{background:#ffffff0d;color:#fffc;border:1px solid rgba(255,255,255,.1)}.btn-secondary:hover:not(:disabled){background:#ffffff1a;color:var(--white)}.btn-primary:disabled,.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.cover-preview{margin-top:var(--space-sm);border-radius:var(--radius-sm);overflow:hidden}.cover-preview img{width:100%;height:auto;display:block}.tags-preview{display:flex;flex-wrap:wrap;gap:var(--space-xs);margin-top:var(--space-sm)}.tags-preview .tag{font-family:var(--font-mono);font-size:.75rem;color:var(--aurora-teal);background:#4ecdc41a;padding:2px 8px;border-radius:var(--radius-sm)}@media (max-width: 1024px){.editor-form{grid-template-columns:1fr}.editor-sidebar{order:-1}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--font-serif: "Cardo", Georgia, serif;--font-mono: "Space Mono", monospace;--font-sans: "Nunito", -apple-system, sans-serif;--cosmic-navy: #0a0a12;--cosmic-deep: #050508;--nebula-pink: #d4a5c9;--aurora-teal: #4ecdc4;--star-gold: #ffd700;--cosmic-purple: #6b5b95;--blog-bg: #fefefe;--blog-bg-alt: #f8f7f5;--blog-text: #2a2a2a;--blog-text-muted: #6b6b6b;--fav-coral: #c9a9b8;--fav-amber: #d4b8a0;--fav-orange: #c4907a;--book-wood: #8b4513;--book-parchment: #f5f0e1;--book-green: #2d5a3d;--flower-sage: #9caf88;--flower-blush: #f4c2c2;--flower-cream: #fffef2;--hobby-gray: #4a4a4a;--hobby-copper: #b87333;--hobby-blueprint: #1e3a5f;--white: #ffffff;--black: #000000;--shadow-sm: 0 1px 2px rgba(0,0,0,.05);--shadow-md: 0 4px 6px rgba(0,0,0,.1);--shadow-lg: 0 10px 15px rgba(0,0,0,.1);--shadow-cosmic: 0 0 30px rgba(78, 205, 196, .2);--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 2rem;--space-xl: 4rem;--space-2xl: 8rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 16px;--radius-full: 9999px;--transition-fast: .15s ease;--transition-normal: .3s ease;--transition-slow: .5s ease;--z-base: 1;--z-dropdown: 100;--z-sticky: 200;--z-modal: 300;--z-tooltip: 400}html{font-size:16px;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-serif);line-height:1.7;color:var(--blog-text);background-color:var(--cosmic-navy);min-height:100vh;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-serif);font-weight:400;line-height:1.3;margin-bottom:var(--space-md)}h1{font-size:clamp(2rem,5vw,3.5rem);font-style:italic}h2{font-size:clamp(1.5rem,4vw,2.5rem);font-style:italic}h3{font-size:clamp(1.25rem,3vw,1.75rem)}p{margin-bottom:var(--space-md)}a{color:var(--aurora-teal);text-decoration:none!important;transition:color var(--transition-fast)}a:hover,a:focus,a:active,a:visited{color:var(--nebula-pink);text-decoration:none!important}*{text-decoration-line:none!important}.tag,.label{font-family:var(--font-mono);font-size:.75rem;text-transform:uppercase;letter-spacing:.1em}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--space-md)}.container-narrow{max-width:800px}.text-center{text-align:center}.text-muted{color:var(--blog-text-muted)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-sm) var(--space-lg);font-family:var(--font-mono);font-size:.875rem;text-transform:uppercase;letter-spacing:.05em;border:2px solid transparent;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-normal);text-decoration:none}.btn-primary{background:var(--aurora-teal);color:var(--white)!important;border-color:var(--aurora-teal)}.btn-primary:hover{background:transparent;color:var(--white)}.btn-ghost{background:transparent;color:var(--white);border-color:var(--white)}.btn-ghost:hover{background:var(--white);color:var(--cosmic-navy)}.card{background:var(--white);border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-md);transition:transform var(--transition-normal),box-shadow var(--transition-normal)}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}@keyframes twinkle{0%,to{opacity:.3}50%{opacity:1}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 5px var(--aurora-teal)}50%{box-shadow:0 0 20px var(--aurora-teal),0 0 30px var(--nebula-pink)}}.page-enter{opacity:0;transform:translateY(20px)}.page-enter-active{opacity:1;transform:translateY(0);transition:opacity .4s ease,transform .4s ease}.page-exit{opacity:1}.page-exit-active{opacity:0;transition:opacity .3s ease}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--cosmic-deep)}::-webkit-scrollbar-thumb{background:var(--cosmic-purple);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--aurora-teal)}::selection{background:var(--aurora-teal);color:var(--cosmic-navy)}:focus-visible{outline:2px solid var(--aurora-teal);outline-offset:2px}.spinner{width:40px;height:40px;border:3px solid rgba(78,205,196,.2);border-top-color:var(--aurora-teal);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 768px){html{font-size:15px}.container{padding:0 var(--space-sm)}}@media print{.no-print{display:none!important}}