@import url("https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@300;400;500&family=JetBrains+Mono&family=Space+Grotesk:wght@300..700&family=Damion&display=swap");:root{--color-void: #0a0a0f;--color-abyss: #0d0d14;--color-charcoal: #141420;--color-midnight: #1a1a2e;--color-steel: #2a2a3d;--color-primary: #6366f1;--color-primary-soft: rgba(99, 102, 241, 0.15);--color-primary-glow: rgba(99, 102, 241, 0.4);--color-secondary: #8b5cf6;--color-accent: #a78bfa;--color-text-primary: rgba(255, 255, 255, 0.95);--color-text-secondary: rgba(255, 255, 255, 0.7);--color-text-tertiary: rgba(255, 255, 255, 0.45);--color-text-ghost: rgba(255, 255, 255, 0.25);--color-text-glow: rgba(167, 139, 250, 0.9);--glass-bg: rgba(20, 20, 32, 0.6);--glass-border: rgba(255, 255, 255, 0.08);--glass-highlight: rgba(255, 255, 255, 0.05);--font-display: 'Space Grotesk', sans-serif;--font-body: 'Space Grotesk', sans-serif;--font-poetry: 'Cormorant Garamond', Georgia, serif;--font-mono: 'JetBrains Mono', monospace;--space-xs: 0.25rem;--space-sm: 0.5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--space-4xl: 6rem;--sidebar-width: 260px;--transition-base: 300ms cubic-bezier(0.4, 0, 0.2, 1);--transition-slow: 500ms cubic-bezier(0.4, 0, 0.2, 1);--transition-page: 600ms cubic-bezier(0.4, 0, 0.2, 1);--radius-sm: 6px;--radius-md: 12px;--radius-lg: 20px;--radius-full: 9999px}[data-page="home"]{--color-primary: #6366f1;--color-secondary: #8b5cf6;--color-accent: #a78bfa;--color-primary-glow: rgba(99, 102, 241, 0.4)}[data-page="projects"]{--color-primary: #22d3ee;--color-secondary: #06b6d4;--color-accent: #67e8f9;--color-primary-glow: rgba(34, 211, 238, 0.4)}[data-page="blog"]{--color-primary: #f472b6;--color-secondary: #ec4899;--color-accent: #f9a8d4;--color-primary-glow: rgba(244, 114, 182, 0.4)}[data-page="poetry"]{--color-primary: #8B3A3A;--color-secondary: #722F37;--color-accent: #C9A227;--color-primary-glow: rgba(139, 58, 58, 0.5);--color-bg-deep: #1A0A0A;--color-bg-mid: #2D1515}[data-page="thoughts"]{--color-primary: #64748B;--color-secondary: #475569;--color-accent: #E2E8F0;--color-primary-glow: rgba(100, 116, 139, 0.4);--color-bg-deep: #0A1628;--color-bg-mid: #1A365D}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px;-webkit-font-smoothing:antialiased}body{font-family:var(--font-body);background:var(--color-void);color:var(--color-text-secondary);line-height:1.6;overflow-x:hidden}::selection{background:var(--color-primary-soft);color:var(--color-text-primary)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--color-abyss)}::-webkit-scrollbar-thumb{background:var(--color-steel);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-primary)}#root{display:flex;min-height:100vh}@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(52,211,153,0.4)}70%{box-shadow:0 0 0 6px rgba(52,211,153,0)}100%{box-shadow:0 0 0 0 rgba(52,211,153,0)}}@keyframes float{0%,100%{transform:translate(0, 0)}33%{transform:translate(30px, -50px)}66%{transform:translate(-20px, 20px)}}@keyframes fadeIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes poetry-paper-edge{0%,100%{box-shadow:inset 0 0 100px rgba(26,10,10,0.8)}50%{box-shadow:inset 0 0 120px rgba(26,10,10,0.9)}}@keyframes thoughts-twinkle{0%,100%{opacity:0.2;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}@keyframes thoughts-nebula{0%,100%{transform:rotate(0deg) scale(1);filter:blur(80px)}33%{transform:rotate(2deg) scale(1.02);filter:blur(90px)}66%{transform:rotate(-1deg) scale(0.98);filter:blur(85px)}}.sidebar{position:fixed;left:0;top:0;bottom:0;width:var(--sidebar-width);background:var(--color-abyss);border-right:1px solid var(--glass-border);z-index:100}.sidebar-content{display:flex;flex-direction:column;height:100%;padding:var(--space-xl)}.brand-section{display:flex;flex-direction:column;align-items:flex-start;margin-bottom:var(--space-3xl)}.brand-logo{display:flex;align-items:center;gap:var(--space-xs);text-decoration:none;cursor:pointer;background:none;border:none}.logo-text{font-size:2.5rem;font-weight:700;color:var(--color-text-primary);transition:var(--transition-base)}.logo-dot{width:8px;height:8px;border-radius:50%;background:var(--color-primary);transition:var(--transition-base)}.brand-logo:hover .logo-text{color:var(--color-primary)}.brand-logo:hover .logo-dot{transform:scale(1.5);box-shadow:0 0 20px var(--color-primary)}.status-indicator{display:flex;align-items:center;gap:var(--space-sm);margin-top:var(--space-sm)}.status-dot{width:6px;height:6px;border-radius:50%;background:#34d399;box-shadow:0 0 8px rgba(52,211,153,0.4);animation:pulse 2s infinite}.status-text{font-size:0.75rem;color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:0.05em}.sidebar-nav{display:flex;flex-direction:column;gap:var(--space-xs);flex:1}.nav-link{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md);border-radius:var(--radius-md);color:var(--color-text-secondary);text-decoration:none;transition:var(--transition-base)}.nav-link:hover{background:var(--glass-highlight);color:var(--color-text-primary)}.nav-link.active{background:var(--color-primary-soft);color:var(--color-primary)}.nav-icon{display:flex;align-items:center;justify-content:center}.nav-text{font-weight:500}.social-links{display:flex;gap:var(--space-md);margin-bottom:var(--space-xl);padding-top:var(--space-xl);border-top:1px solid var(--glass-border)}.social-link{font-size:0.85rem;color:var(--color-text-tertiary);text-decoration:none;transition:var(--transition-base)}.social-link:hover{color:var(--color-primary)}.sidebar-footer{font-size:0.75rem;color:var(--color-text-ghost);font-family:var(--font-mono);display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);text-align:center}.footer-fediring{display:flex;flex-direction:column;align-items:center;gap:0.35rem}.footer-fediring-link{display:inline-flex;align-items:center;gap:0.35rem;padding:0.25rem 0.6rem;border-radius:var(--radius-full);background:var(--glass-highlight);border:1px solid var(--glass-border);color:var(--color-text-primary);text-decoration:none;transition:var(--transition-base)}.footer-fediring-link:hover{background:var(--color-primary-soft);border-color:var(--color-primary-glow);color:var(--color-primary)}.footer-fediring-meta{font-size:0.7rem;color:var(--color-text-ghost);letter-spacing:0.02em}.main-content{flex:1;margin-left:var(--sidebar-width);min-height:100vh;position:relative}.atmosphere{position:fixed;top:0;left:0;right:0;bottom:0;z-index:-1;overflow:hidden;pointer-events:none}.gradient-orb{position:absolute;border-radius:50%;filter:blur(100px);opacity:0.4;animation:float 20s infinite ease-in-out}.orb-1{top:-10%;right:-10%;width:600px;height:600px;background:var(--color-primary-glow);animation-delay:0s}.orb-2{bottom:-10%;left:20%;width:500px;height:500px;background:rgba(139,92,246,0.3);animation-delay:-5s}.orb-3{top:40%;right:30%;width:400px;height:400px;background:rgba(167,139,250,0.2);animation-delay:-10s}.noise-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.05'/%3E%3C/svg%3E");opacity:0.4;pointer-events:none}[data-page="poetry"]{background:linear-gradient(180deg, #1A0A0A 0%, #2D1515 50%, #1A0A0A 100%)}[data-page="poetry"] .gradient-orb{filter:blur(120px);opacity:0.3}[data-page="poetry"] .orb-1{background:radial-gradient(circle, rgba(139,58,58,0.6) 0%, rgba(114,47,55,0.3) 50%, transparent 70%)}[data-page="poetry"] .orb-2{background:radial-gradient(circle, rgba(201,162,39,0.2) 0%, rgba(201,162,39,0.1) 50%, transparent 70%)}[data-page="poetry"] .orb-3{background:radial-gradient(circle, rgba(139,58,58,0.4) 0%, transparent 60%)}[data-page="poetry"] .noise-overlay{opacity:0.5}[data-page="thoughts"]{background:linear-gradient(180deg, #0A1628 0%, #1A365D 40%, #0A1628 100%)}[data-page="thoughts"] .gradient-orb{filter:blur(100px);opacity:0.25}[data-page="thoughts"] .orb-1{background:radial-gradient(circle, rgba(100,116,139,0.5) 0%, rgba(71,85,105,0.2) 50%, transparent 70%);animation:thoughts-nebula 25s infinite ease-in-out}[data-page="thoughts"] .orb-2{background:radial-gradient(circle, rgba(26,54,93,0.6) 0%, rgba(26,54,93,0.2) 50%, transparent 70%)}[data-page="thoughts"] .orb-3{background:radial-gradient(circle, rgba(226,232,240,0.1) 0%, transparent 60%)}[data-page="thoughts"] .noise-overlay{opacity:0.3;mix-blend-mode:soft-light}.page{padding:var(--space-4xl) var(--space-2xl);max-width:1200px;margin:0 auto;animation:fadeIn var(--transition-page) ease-out}.page-content{position:relative;z-index:1}.blog-post-page .page-content{max-width:860px;margin:0 auto}.blog-post-page .hero{margin-bottom:var(--space-3xl);text-align:center}.blog-post-page .hero-title{font-size:clamp(2.4rem, 5vw, 4rem);font-weight:700;line-height:1.1;letter-spacing:-0.02em;margin-bottom:var(--space-md);color:var(--color-text-primary)}.blog-post-page .hero-meta{font-family:var(--font-mono);font-size:0.9rem;color:var(--color-text-secondary);margin-top:var(--space-md);display:flex;gap:var(--space-md);align-items:center;justify-content:center;flex-wrap:wrap}.blog-post-page .hero-meta .separator{color:var(--color-text-tertiary)}.blog-post-page .hero-meta .tags{display:flex;gap:var(--space-sm);flex-wrap:wrap;align-items:center}.tag{display:inline-flex;align-items:center;gap:0.25rem;padding:0.2rem 0.6rem;border-radius:var(--radius-sm);font-size:0.8rem;font-family:var(--font-mono);color:var(--color-accent);text-decoration:none;background:var(--glass-highlight);border:1px solid var(--glass-border);transition:var(--transition-base)}.tag:hover{background:var(--color-primary-soft);border-color:var(--color-primary-glow);color:var(--color-primary)}.tiptap-content{position:relative;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:var(--space-2xl);color:var(--color-text-secondary)}.tiptap-content :where(p, ul, ol, blockquote, pre, table, figure, hr){margin:1rem 0}.tiptap-content :where(h1, h2, h3, h4, h5, h6){color:var(--color-text-primary);line-height:1.2;letter-spacing:-0.01em;margin:2.2rem 0 1rem}.tiptap-content :where(h1){font-size:2rem}.tiptap-content :where(h2){font-size:1.6rem}.tiptap-content :where(h3){font-size:1.3rem}.tiptap-content :where(h4){font-size:1.1rem}.tiptap-content :where(a){color:var(--color-accent);text-decoration:none;border-bottom:1px solid transparent;transition:var(--transition-base)}.tiptap-content :where(a:hover){color:var(--color-primary);border-bottom-color:var(--color-primary)}.tiptap-content :where(ul, ol){padding-left:1.25rem}.tiptap-content :where(li){margin:0.4rem 0}.tiptap-content :where(code){font-family:var(--font-mono);font-size:0.9em;background:var(--glass-highlight);border:1px solid var(--glass-border);padding:0.15em 0.35em;border-radius:var(--radius-sm)}.tiptap-content pre{font-family:var(--font-mono);font-size:0.9rem;line-height:1.65;padding:1rem 1.25rem;background:rgba(0,0,0,0.25);border:1px solid var(--glass-border);border-radius:var(--radius-md);overflow:auto}.tiptap-content pre code{background:transparent;border:0;padding:0}.tiptap-content blockquote{padding:0.9rem 1rem;border-left:3px solid var(--color-primary);background:rgba(255,255,255,0.03);border-radius:var(--radius-md)}.tiptap-content blockquote :where(p){margin:0.5rem 0}.tiptap-content :where(img){max-width:100%;height:auto;border-radius:var(--radius-md);border:1px solid var(--glass-border)}.tiptap-content table{display:block;width:100%;overflow-x:auto;border-collapse:collapse;border:1px solid var(--glass-border);border-radius:var(--radius-md)}.tiptap-content th,.tiptap-content td{padding:0.75rem 0.9rem;border-bottom:1px solid var(--glass-border);white-space:nowrap}.tiptap-content th{color:var(--color-text-primary);font-weight:600;background:rgba(255,255,255,0.03);text-align:left}.tiptap-content hr{border:0;border-top:1px solid var(--glass-border)}.toc{background:rgba(0,0,0,0.2);padding:var(--space-xl);border-radius:var(--radius-md);margin-bottom:var(--space-2xl);border:1px solid var(--glass-border)}.toc-title{margin:0 0 var(--space-md);font-size:1.1rem;color:var(--color-text-primary)}.toc ul{list-style:none;padding-left:0;margin:0}.toc li{margin:0.4rem 0}.toc ul ul{padding-left:var(--space-md);margin-top:var(--space-sm)}.toc a{color:var(--color-text-secondary);text-decoration:none;transition:var(--transition-base)}.toc ul ul a{color:var(--color-text-tertiary);font-size:0.92em}.toc a:hover{color:var(--color-primary)}.share-buttons{margin-top:var(--space-3xl);padding-top:var(--space-2xl);border-top:1px solid var(--glass-border);display:flex;gap:var(--space-md);align-items:center;flex-wrap:wrap}.share-label{color:var(--color-text-secondary);font-family:var(--font-mono);font-size:0.85rem}.share-buttons a{padding:0.5rem 0.9rem;border-radius:var(--radius-sm);background:var(--glass-highlight);border:1px solid var(--glass-border);color:var(--color-text-primary);text-decoration:none;transition:var(--transition-base)}.share-buttons a:hover{background:var(--color-primary-soft);border-color:var(--color-primary-glow);transform:translateY(-1px)}.post-navigation{display:flex;justify-content:space-between;margin-top:var(--space-2xl);gap:var(--space-md)}.post-navigation a{flex:1;padding:var(--space-xl);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-md);text-decoration:none;color:var(--color-text-primary);transition:var(--transition-base)}.post-navigation a:hover{transform:translateY(-2px);border-color:var(--color-primary-glow);background:var(--glass-highlight)}.post-navigation .next{text-align:right}.post-navigation .nav-label{display:block;font-size:0.8rem;color:var(--color-text-tertiary);margin-bottom:var(--space-sm);font-family:var(--font-mono)}.post-navigation .nav-title{font-weight:600}.hero-section{min-height:90vh;display:flex;align-items:center;justify-content:center;gap:var(--space-4xl);padding:var(--space-2xl);position:relative;overflow:hidden}.hero-content{flex:1;max-width:600px;display:flex;flex-direction:column;align-items:flex-start;z-index:2;padding:var(--space-4xl)}.hero-name{font-family:'Damion', cursive;font-size:6rem;line-height:1.1;background:linear-gradient(135deg, #e0c3fc 0%, #8ec5fc 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:var(--space-md);transform:rotate(-2deg);text-shadow:0 10px 30px rgba(142,197,252,0.3)}.hero-bio{font-size:1.2rem;line-height:1.6;color:var(--color-text-secondary);margin-bottom:var(--space-xl);max-width:480px}.hero-buttons{display:flex;gap:var(--space-md)}.btn-hero{padding:12px 24px;border-radius:var(--radius-full);font-weight:500;text-decoration:none;transition:all 0.3s ease;font-size:1rem}.btn-hero.primary{background:linear-gradient(135deg, rgba(255,255,255,0.1), rgba(255,255,255,0.05));border:1px solid rgba(255,255,255,0.1);color:var(--color-text-primary);backdrop-filter:blur(10px)}.btn-hero.primary:hover{background:rgba(255,255,255,0.15);transform:translateY(-2px);box-shadow:0 5px 15px rgba(0,0,0,0.2)}.btn-hero.secondary{background:transparent;color:var(--color-text-secondary);border:1px solid transparent}.btn-hero.secondary:hover{color:var(--color-text-primary);background:rgba(255,255,255,0.05)}.hero-visual{flex:1;display:flex;justify-content:center;align-items:center;z-index:2}.polaroid-card{position:relative;width:280px;background:#fff;padding:15px 15px 40px 15px;box-shadow:0 20px 40px rgba(0,0,0,0.4);transform:rotate(3deg);transition:transform 0.3s ease;border-radius:4px}.polaroid-card:hover{transform:rotate(0deg) scale(1.02);z-index:10}.polaroid-inner{display:flex;flex-direction:column}.polaroid-image{width:100%;aspect-ratio:1/1;background:#222;background-image:linear-gradient(45deg, #333 25%, transparent 25%),linear-gradient(-45deg, #333 25%, transparent 25%),linear-gradient(45deg, transparent 75%, #333 75%),linear-gradient(-45deg, transparent 75%, #333 75%);background-size:20px 20px;background-position:0 0, 0 10px, 10px -10px, -10px 0px;margin-bottom:15px;border:1px solid #eee}.polaroid-caption{color:#333;font-family:var(--font-mono);display:flex;flex-direction:column;gap:4px}.caption-title{font-size:0.6rem;font-weight:bold;letter-spacing:1px;color:#999}.caption-text{font-family:'Damion', cursive;font-size:1.2rem;color:#222}.caption-date{font-size:0.7rem;color:#666;text-align:right;margin-top:5px}.polaroid-pin{position:absolute;top:-10px;left:50%;transform:translateX(-50%);width:16px;height:16px;background:radial-gradient(circle at 30% 30%, #ff7eb3, #d63384);border-radius:50%;box-shadow:2px 2px 5px rgba(0,0,0,0.3);z-index:5}.section-header{margin-bottom:var(--space-4xl);position:relative;padding-top:var(--space-xl);display:flex;flex-direction:column;align-items:flex-start}.section-number{font-family:var(--font-display);font-size:15rem;font-weight:800;line-height:0.8;position:absolute;top:-5rem;left:-1rem;z-index:-1;opacity:0.04;color:var(--color-text-primary);pointer-events:none;user-select:none}.section-title{font-size:4rem;font-weight:700;letter-spacing:-0.03em;margin-bottom:var(--space-lg);background:linear-gradient(135deg, var(--color-text-primary) 0%, var(--color-text-secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative}.section-title::after{content:'';position:absolute;left:0;bottom:-10px;width:80px;height:4px;background:var(--color-primary);border-radius:var(--radius-full);box-shadow:0 0 20px var(--color-primary-glow)}.section-subtitle{font-size:1.2rem;color:var(--color-text-secondary);max-width:500px;line-height:1.7;padding-left:var(--space-xl);border-left:2px solid var(--glass-border);margin-left:var(--space-xs)}.section-divider{display:flex;align-items:center;margin:var(--space-4xl) 0 var(--space-2xl)}.section-divider::after{content:'';flex:1;height:1px;background:var(--glass-border);margin-left:var(--space-lg)}.divider-text{font-family:var(--font-mono);font-size:0.85rem;color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:0.1em}.home-about .page-content{max-width:1200px}.about-layout{display:grid;grid-template-columns:1.15fr 0.85fr;gap:var(--space-2xl);align-items:start}.home-online .page-content{max-width:1200px}.online-layout{display:grid;grid-template-columns:1.1fr 0.9fr;gap:var(--space-2xl);align-items:start}.online-left,.online-right{display:flex;flex-direction:column;gap:var(--space-lg)}.online-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:var(--space-xl)}.online-card-header{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-md);margin-bottom:var(--space-md)}.online-heading{font-size:0.85rem;text-transform:uppercase;letter-spacing:0.12em;color:var(--color-text-tertiary);font-weight:700}.online-hint{font-family:var(--font-mono);font-size:0.75rem;color:var(--color-text-ghost)}.spotify-card{padding:var(--space-xl)}.spotify-top{display:grid;grid-template-columns:84px 1fr;gap:var(--space-lg);align-items:center}.spotify-cover{width:84px;aspect-ratio:1 / 1;border-radius:var(--radius-md);background:var(--glass-highlight);border:1px solid var(--glass-border);background-size:cover;background-position:center}.spotify-label{font-family:var(--font-mono);font-size:0.75rem;color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:0.1em;margin-bottom:var(--space-xs)}.spotify-title{color:var(--color-text-primary);font-weight:700;line-height:1.25}.spotify-artist{margin-top:0.25rem;color:var(--color-text-secondary);font-size:0.95rem}.spotify-link{display:inline-flex;margin-top:var(--space-sm);font-family:var(--font-mono);font-size:0.85rem;text-decoration:none;color:var(--color-accent);opacity:0.9;transition:var(--transition-base)}.spotify-link:hover{opacity:1;color:var(--color-primary)}.spotify-status{margin-top:var(--space-lg);padding-top:var(--space-md);border-top:1px solid var(--glass-border);font-family:var(--font-mono);font-size:0.75rem;color:var(--color-text-tertiary)}.contact-top{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-md);margin-bottom:var(--space-lg)}.contact-clock{display:flex;flex-direction:column;gap:0.25rem}.clock-label{font-family:var(--font-mono);font-size:0.75rem;color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:0.1em}.clock-time{font-size:2rem;font-weight:800;letter-spacing:-0.02em;color:var(--color-text-primary);line-height:1}.clock-tz{font-family:var(--font-mono);font-size:0.75rem;color:var(--color-text-ghost)}.presence{display:inline-flex;align-items:center;gap:var(--space-sm);padding:0.4rem 0.65rem;border-radius:var(--radius-full);background:var(--glass-highlight);border:1px solid var(--glass-border);font-family:var(--font-mono);font-size:0.75rem;color:var(--color-text-secondary)}.presence-dot{width:8px;height:8px;border-radius:50%;background:var(--color-accent);box-shadow:0 0 16px var(--color-primary-glow)}.contact-desc{color:var(--color-text-secondary);line-height:1.7;margin:var(--space-sm) 0 var(--space-lg)}.contact-links{display:flex;flex-direction:column;gap:var(--space-sm)}.contact-link{display:flex;align-items:center;justify-content:space-between;padding:0.75rem 0.9rem;background:var(--glass-highlight);border:1px solid var(--glass-border);border-radius:var(--radius-md);text-decoration:none;color:var(--color-text-primary);transition:var(--transition-base)}.contact-link:hover{background:var(--color-primary-soft);border-color:var(--color-primary-glow);transform:translateY(-1px)}.online-note{color:var(--color-text-secondary);line-height:1.7}.about-main,.about-aside{display:flex;flex-direction:column;gap:var(--space-lg)}.about-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:var(--space-xl)}.about-heading{font-size:0.85rem;text-transform:uppercase;letter-spacing:0.12em;color:var(--color-text-tertiary);font-weight:700;margin-bottom:var(--space-sm)}.about-text{color:var(--color-text-secondary);line-height:1.8;margin:0.75rem 0}.about-note{color:var(--color-text-tertiary);font-size:0.95rem;line-height:1.6}.about-divider{display:flex;align-items:center;margin:var(--space-lg) 0 var(--space-sm)}.about-divider::after{content:'';flex:1;height:1px;background:var(--glass-border);margin-left:var(--space-lg)}.about-links{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.about-link{display:inline-flex;align-items:center;justify-content:center;padding:0.65rem 0.9rem;border-radius:var(--radius-full);background:var(--glass-highlight);border:1px solid var(--glass-border);color:var(--color-text-primary);text-decoration:none;font-family:var(--font-mono);font-size:0.85rem;transition:var(--transition-base)}.about-link:hover{background:var(--color-primary-soft);border-color:var(--color-primary-glow);transform:translateY(-1px)}.likes-staircase li{position:relative}.likes-staircase li:nth-child(2){margin-left:6px}.likes-staircase li:nth-child(3){margin-left:12px}.likes-staircase li:nth-child(4){margin-left:18px}.likes-staircase li:nth-child(5){margin-left:24px}.likes-staircase li:nth-child(6){margin-left:30px}.work-item-static{cursor:default}.work-item-static:hover{transform:none;background:var(--glass-highlight);border-color:var(--glass-border);color:var(--color-text-secondary)}.about-mini-grid{grid-template-columns:1fr 1fr}.about-mini-grid .work-item{aspect-ratio:auto;padding:var(--space-sm)}.about-mini-grid .work-item img{width:100%;aspect-ratio:2 / 3;height:auto;object-fit:cover;border-radius:var(--radius-sm);border:1px solid var(--glass-border);display:block}.about-mini-grid .work-item span{margin-top:var(--space-sm);font-family:var(--font-mono);font-size:0.75rem;color:var(--color-text-tertiary);text-align:center}.grid-container{display:grid;grid-template-columns:repeat(auto-fill, minmax(340px, 1fr));gap:var(--space-lg);margin-top:var(--space-2xl)}.modern-card{position:relative;display:flex;flex-direction:column;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);overflow:hidden;transition:all var(--transition-base);height:100%;text-decoration:none}.modern-card:hover{transform:translateY(-5px);border-color:var(--color-primary-glow);box-shadow:0 10px 30px -10px rgba(0,0,0,0.5)}.modern-card::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg, transparent, var(--color-primary), transparent);opacity:0;transition:opacity var(--transition-base)}.modern-card:hover::before{opacity:1}.card-content{padding:var(--space-xl);display:flex;flex-direction:column;flex:1;z-index:1}.card-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-md);font-family:var(--font-mono);font-size:0.75rem;color:var(--color-text-tertiary)}.card-date{display:flex;align-items:center;gap:var(--space-xs)}.card-category{text-transform:uppercase;letter-spacing:0.05em;color:var(--color-primary);font-weight:600}.card-title{font-size:1.5rem;font-weight:700;line-height:1.3;margin-bottom:var(--space-md);color:var(--color-text-primary);transition:color var(--transition-base)}.modern-card:hover .card-title{color:var(--color-primary)}.card-excerpt{font-size:0.95rem;color:var(--color-text-secondary);line-height:1.6;margin-bottom:var(--space-lg);flex:1}.card-tags{display:flex;flex-wrap:wrap;gap:var(--space-sm);margin-top:auto}.card-tag{font-family:var(--font-mono);font-size:0.7rem;padding:4px 8px;background:var(--glass-highlight);border-radius:var(--radius-sm);color:var(--color-text-tertiary);transition:var(--transition-base)}.modern-card:hover .card-tag{background:var(--color-primary-soft);color:var(--color-primary)}.project-card .card-title{font-size:1.75rem}.thought-card{border-style:dashed}.thought-card .card-content{justify-content:center}.thought-card .card-excerpt{font-style:italic;font-size:1.1rem;color:var(--color-text-primary)}.bento-grid{display:grid;grid-template-columns:repeat(4, 1fr);grid-template-rows:auto auto;gap:var(--space-md);width:100%;max-width:1400px;margin:0 auto}.bento-card{background:linear-gradient(145deg, var(--glass-bg), rgba(20,20,32,0.8));border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:var(--space-lg);display:flex;flex-direction:column;gap:var(--space-md);box-shadow:0 4px 20px rgba(0,0,0,0.2);transition:transform 0.3s ease, box-shadow 0.3s ease}.bento-card:hover{box-shadow:0 8px 30px rgba(0,0,0,0.3);border-color:var(--glass-highlight)}.bento-card h3{font-size:0.75rem;text-transform:uppercase;letter-spacing:0.1em;color:var(--color-text-tertiary);margin-bottom:var(--space-xs);font-weight:600}.about-wrapper{grid-column:1 / 3;grid-row:1 / 3;display:flex;flex-direction:column;gap:var(--space-md)}.online-wrapper{grid-column:3 / 4;grid-row:1 / 3;display:flex;flex-direction:column;gap:var(--space-md)}.works-card{grid-column:4 / 5;grid-row:1 / 2}.indieweb-card{grid-column:4 / 5;grid-row:2 / 3}.info-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:var(--space-md);transition:transform 0.2s}.info-card:hover{transform:translateY(-2px);border-color:var(--glass-highlight)}.about-title-area h2{font-size:2rem;color:var(--color-accent);margin-bottom:0.5rem}.about-subtitle{color:var(--color-text-secondary);font-size:0.9rem}.about-internal-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md)}.about-col{display:flex;flex-direction:column;gap:var(--space-md)}.bio-card{font-size:0.95rem;line-height:1.5;color:var(--color-text-primary)}.likes-list-vertical{list-style:none;padding:0;display:flex;flex-direction:column;gap:8px}.likes-list-vertical li{background:rgba(255,255,255,0.03);padding:8px 12px;border-radius:6px;font-size:0.85rem;color:var(--color-text-secondary);border-left:2px solid transparent;transition:all 0.2s}.likes-list-vertical li:hover{background:rgba(255,255,255,0.08);border-left-color:var(--color-accent);color:var(--color-text-primary)}.terminal-card{background:#0f0f14;border:1px solid #333;padding:0;overflow:hidden}.terminal-header{background:#1a1a20;padding:8px 12px;display:flex;align-items:center;gap:6px;border-bottom:1px solid #333}.dot{width:10px;height:10px;border-radius:50%}.dot.red{background:#ff5f56}.dot.yellow{background:#ffbd2e}.dot.green{background:#27c93f}.terminal-title{margin-left:auto;font-family:var(--font-mono);font-size:0.7rem;color:#666}.terminal-body{padding:12px;font-family:var(--font-mono);font-size:0.8rem}.code-line{margin-bottom:4px;color:#ccc}.prompt{color:var(--color-accent);margin-right:6px}.cmd{color:#fff}.output{color:#888;margin-left:14px;font-style:italic}.shy-quote{font-family:var(--font-poetry);font-size:1.1rem;font-style:italic;color:var(--color-text-secondary);border-left:3px solid var(--color-accent);padding-left:var(--space-md);margin:var(--space-lg) 0;line-height:1.6}.works-mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-sm)}.work-item{background:var(--glass-highlight);padding:var(--space-md);border-radius:var(--radius-md);text-decoration:none;color:var(--color-text-secondary);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-sm);border:1px solid var(--glass-border);transition:all 0.2s;aspect-ratio:1/1}.work-item:hover{background:var(--color-primary-soft);border-color:var(--color-primary-glow);color:var(--color-text-primary);transform:translateY(-2px)}.work-icon{color:var(--color-accent);opacity:0.8}.work-item:hover .work-icon{opacity:1;transform:scale(1.1);transition:transform 0.2s}.view-all-link{display:block;text-align:right;color:var(--color-accent);text-decoration:none;font-size:0.85rem;margin-top:auto;opacity:0.8;transition:opacity 0.2s}.view-all-link:hover{opacity:1;text-decoration:underline}.socials-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-sm)}.social-btn{display:flex;align-items:center;gap:10px;padding:var(--space-md);background:var(--glass-highlight);border-radius:var(--radius-md);text-decoration:none;color:var(--color-text-secondary);transition:all 0.2s;border:1px solid var(--glass-border)}.social-btn:hover{background:var(--color-primary-soft);border-color:var(--color-primary-glow);color:var(--color-text-primary);transform:translateY(-2px)}.social-icon{font-weight:bold;font-family:var(--font-mono);color:var(--color-accent);font-size:0.8rem}.badges-grid{display:flex;flex-wrap:wrap;gap:8px}.badge-placeholder{width:88px;height:31px;background:#1a1a1a;display:flex;align-items:center;justify-content:center;color:#444;font-size:9px;border:1px solid #333;font-family:var(--font-mono);cursor:pointer;transition:border-color 0.2s}.badge-placeholder:hover{border-color:#555;color:#666}.widget-last-played{background:rgba(0,0,0,0.2);padding:var(--space-md);border-radius:var(--radius-md);border:1px solid var(--glass-border);margin-bottom:var(--space-md)}.widget-label{display:block;font-size:0.7rem;color:var(--color-text-tertiary);margin-bottom:var(--space-sm);text-transform:uppercase;letter-spacing:0.1em}.now-playing{display:flex;align-items:center;gap:var(--space-md)}.playing-icon{width:48px;height:48px;background:var(--color-primary-soft);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;color:var(--color-primary);font-size:1.2rem}.playing-info{display:flex;flex-direction:column;gap:2px}.track-name{font-weight:600;color:var(--color-text-primary);font-size:0.95rem}.artist-name{font-size:0.8rem;color:var(--color-text-secondary)}#statuscafe{padding:1rem;background:#f8f8f8;border:1px solid #eee;border-radius:4px;color:#333;font-family:var(--font-mono);min-height:150px;display:flex;flex-direction:column}#statuscafe-username{font-weight:bold;margin-bottom:0.5rem;color:#888;font-size:0.75rem;text-transform:uppercase;letter-spacing:1px}#statuscafe-content{font-size:1.1rem;line-height:1.5;color:#222;font-family:'Damion', cursive}.copy-button{opacity:0;transition:opacity 0.2s}pre:hover .copy-button{opacity:1}.search-container{position:relative}.search-container #search-input{width:100%;padding:0.5rem;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);border-radius:6px;color:white;font-family:var(--font-body)}.search-container #search-input:focus{outline:none;border-color:var(--color-primary)}.search-container #search-results{display:none;position:absolute;top:100%;left:0;right:0;background:#1a1a1a;border:1px solid rgba(255,255,255,0.1);border-radius:6px;max-height:300px;overflow-y:auto;z-index:1000;box-shadow:0 4px 6px rgba(0,0,0,0.3)}@media (max-width: 768px){:root{--sidebar-width: 0px}.sidebar{transform:translateX(-100%);transition:transform var(--transition-base)}.sidebar.open{transform:translateX(0);width:260px}.main-content{margin-left:0}.hero-section{flex-direction:column;text-align:center;padding:var(--space-xl) var(--space-md);gap:var(--space-xl)}.hero-content{align-items:center;padding:var(--space-xl) var(--space-md)}.hero-name{font-size:4rem}.section-number{font-size:8rem;top:-2rem}.section-title{font-size:2.5rem}.bento-grid{display:flex;flex-direction:column}.about-layout{display:flex;flex-direction:column}.online-layout{display:flex;flex-direction:column}.about-internal-grid{grid-template-columns:1fr}}@media (max-width: 1024px){.bento-grid{grid-template-columns:1fr 1fr}.about-wrapper{grid-column:1 / 2;grid-row:1 / 2}.online-wrapper{grid-column:2 / 3;grid-row:1 / 2}.works-card{grid-column:1 / 2;grid-row:2 / 3}.indieweb-card{grid-column:2 / 3;grid-row:2 / 3}}