:root{--primary: #c084fc;--primary-hover: #d8b4fe;--primary-light: #3b0764;--accent: #fbbf24;--accent-hover: #fcd34d;--success: #16a34a;--danger: #dc2626;--warning: #d97706;--bg-dark: #000000;--bg-darker: #0a0a0a;--bg-primary: #000000;--bg-secondary: #141414;--bg-card: #1a1a1a;--bg-hover: #262626;--border: #2a2a2a;--border-light: #3a3a3a;--text-primary: #f4f4f5;--text-secondary: #a1a1aa;--text-tertiary: #71717a;--text-muted: #52525b;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--shadow-lg: 0 10px 30px rgba(0, 0, 0, .5);--shadow-xl: 0 20px 50px rgba(0, 0, 0, .6);color-scheme:dark light}:root[data-theme=light]{--primary: #9333ea;--primary-hover: #7e22ce;--primary-light: #f3e8ff;--accent: #b45309;--accent-hover: #a16207;--bg-dark: #fefbf8;--bg-darker: #faf8f5;--bg-primary: #fefbf8;--bg-secondary: #faf8f5;--bg-card: #ffffff;--bg-hover: #f5f3f0;--border: #e8e0da;--border-light: #d4ccbf;--text-primary: #2d1810;--text-secondary: #5a4a3a;--text-tertiary: #7a6a5a;--text-muted: #9a8a7a;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .08);--shadow-md: 0 4px 12px rgba(0, 0, 0, .12);--shadow-lg: 0 10px 30px rgba(0, 0, 0, .15);--shadow-xl: 0 20px 50px rgba(0, 0, 0, .2)}:root{--font-system: "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "Courier New", "Monaco", monospace;--font-size-xs: 14px;--font-size-sm: 16px;--font-size-base: 18px;--font-size-md: 18px;--font-size-lg: 24px;--font-size-xl: 32px;--font-size-2xl: 48px;--font-size-3xl: 64px;--font-weight-light: 300;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-black: 900;--spacing-0: 0;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px;--spacing-3xl: 64px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--transition-fast: all .15s ease;--transition: all .2s ease;--transition-slow: all .3s ease;--z-base: 1;--z-dropdown: 100;--z-sticky: 200;--z-modal: 1000}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:clip}body{font-family:var(--font-system);background-color:var(--bg-dark);color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;text-size-adjust:100%;font-size:var(--font-size-base);overflow-x:clip;max-width:100vw;margin:0;min-height:100vh;display:flex;flex-direction:column}::selection{background-color:#7c3aed;color:#fff}::-moz-selection{background-color:#7c3aed;color:#fff}h1{font-size:var(--font-size-2xl);font-weight:var(--font-weight-black);line-height:1.2;letter-spacing:-.5px;margin-bottom:var(--spacing-md);color:var(--text-primary)}h2{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);line-height:1.3;margin-bottom:var(--spacing-sm);color:var(--text-primary)}h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-sm);color:var(--text-primary)}h4,h5,h6{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-sm);color:var(--text-primary)}p{margin-bottom:var(--spacing-md);color:var(--text-secondary);line-height:1.7}a{color:var(--primary);text-decoration:none;transition:var(--transition)}a:hover{color:var(--accent);text-decoration:underline}strong{font-weight:var(--font-weight-bold);color:var(--text-primary)}blockquote{border-left:4px solid var(--primary);padding-left:var(--spacing-md);margin:var(--spacing-lg) 0;color:var(--text-secondary);font-style:italic}code{font-family:var(--font-mono);font-size:var(--font-size-sm);background-color:var(--bg-card);padding:2px 6px;border-radius:var(--radius-sm);color:var(--accent)}pre{background-color:var(--bg-card);padding:var(--spacing-md);border-radius:var(--radius-md);overflow-x:auto;margin-bottom:var(--spacing-md)}pre code{background:none;padding:0;color:var(--text-secondary)}button{font-family:var(--font-system);cursor:pointer;border:none;transition:var(--transition)}.btn{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition);white-space:nowrap;border:1px solid transparent}.btn-primary{background-color:var(--primary);color:#fff;box-shadow:var(--shadow-sm)}.btn-primary:hover{background-color:var(--primary-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-secondary{background-color:var(--bg-card);color:var(--text-primary);border:1px solid var(--border)}.btn-secondary:hover{background-color:var(--bg-hover);border-color:var(--border-light)}.btn-ghost{background-color:transparent;color:var(--text-secondary);border:1px solid var(--border)}.btn-ghost:hover{background-color:var(--bg-card);color:var(--text-primary)}.btn-danger{background-color:var(--danger);color:#fff;box-shadow:var(--shadow-sm)}.btn-danger:hover{background-color:#dc2626;box-shadow:var(--shadow-md)}.btn-large{padding:var(--spacing-md) var(--spacing-xl);font-size:var(--font-size-md)}.btn-small{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-xs)}.container{max-width:720px;margin:0 auto;padding:0 var(--spacing-md)}.container-wide{max-width:1200px;margin:0 auto;padding:0 var(--spacing-md)}.container-full{width:100%}main{flex:1}.page-container{padding:var(--spacing-lg) 0}.page-hero{padding:var(--spacing-3xl) 0;margin-bottom:var(--spacing-3xl);text-align:center}.page-hero h1{font-size:var(--font-size-2xl);margin-bottom:var(--spacing-md)}.page-hero p{font-size:var(--font-size-md);color:var(--text-secondary);max-width:600px;margin:0 auto}footer{margin-top:auto;padding:var(--spacing-2xl) 0;border-top:1px solid var(--border);text-align:center;color:var(--text-muted);font-size:var(--font-size-sm)}.card{background-color:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--spacing-lg);transition:var(--transition)}.card:hover{border-color:var(--border-light);box-shadow:var(--shadow-md);transform:translateY(-2px)}.card-small{padding:var(--spacing-md)}.card-large{padding:var(--spacing-xl)}.card-header{margin-bottom:var(--spacing-md);border-bottom:1px solid var(--border);padding-bottom:var(--spacing-md)}.card-footer{margin-top:var(--spacing-md);border-top:1px solid var(--border);padding-top:var(--spacing-md)}.grid{display:grid;gap:var(--spacing-lg)}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-auto{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.flex{display:flex;gap:var(--spacing-md)}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;align-items:center;justify-content:space-between}.flex-column{display:flex;flex-direction:column}input,textarea,select{font-family:var(--font-system);font-size:var(--font-size-base);background-color:var(--bg-card);color:var(--text-primary);border:1px solid var(--border);border-radius:var(--radius-sm);padding:var(--spacing-sm) var(--spacing-md);transition:var(--transition)}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #4f46e51a}input::placeholder{color:var(--text-muted)}label{display:block;margin-bottom:var(--spacing-sm);font-weight:var(--font-weight-semibold);color:var(--text-primary)}table{width:100%;border-collapse:collapse;margin-bottom:var(--spacing-lg)}th{background-color:var(--bg-card);color:var(--text-primary);font-weight:var(--font-weight-bold);text-align:left;padding:var(--spacing-md);border-bottom:2px solid var(--border)}td{padding:var(--spacing-md);border-bottom:1px solid var(--border);color:var(--text-secondary)}tr:hover{background-color:var(--bg-hover)}.text-center{text-align:center}.text-right{text-align:right}.text-muted{color:var(--text-muted)}.text-secondary{color:var(--text-secondary)}.text-small{font-size:var(--font-size-sm)}.text-large{font-size:var(--font-size-lg)}.text-bold{font-weight:var(--font-weight-bold)}.mt{margin-top:var(--spacing-md)}.mb{margin-bottom:var(--spacing-md)}.mt-lg{margin-top:var(--spacing-lg)}.mb-lg{margin-bottom:var(--spacing-lg)}.mt-xl{margin-top:var(--spacing-xl)}.mb-xl{margin-bottom:var(--spacing-xl)}.px{padding-left:var(--spacing-md);padding-right:var(--spacing-md)}.py{padding-top:var(--spacing-md);padding-bottom:var(--spacing-md)}.border-top{border-top:1px solid var(--border);padding-top:var(--spacing-md)}.divider{height:1px;background-color:var(--border);margin:var(--spacing-lg) 0}@media(max-width:768px){h1{font-size:var(--font-size-xl)}h2{font-size:var(--font-size-lg)}.grid-2,.grid-3{grid-template-columns:1fr}.flex{flex-direction:column}.page-hero{padding:var(--spacing-2xl) 0;margin-bottom:var(--spacing-2xl)}.page-hero h1{font-size:var(--font-size-xl)}img,video,iframe,embed,object{max-width:100%}p,h1,h2,h3,h4,h5,h6,li,td,th,blockquote{overflow-wrap:break-word;word-wrap:break-word;word-break:break-word}main,article,section,aside,header,footer{max-width:100vw;overflow-x:clip}}@media(max-width:480px){h1{font-size:var(--font-size-lg)}.container,.container-wide{padding:0 var(--spacing-lg)}.page-container{padding:var(--spacing-md) 0}.page-hero{padding:var(--spacing-xl) 0;margin-bottom:var(--spacing-xl)}.page-hero h1{font-size:var(--font-size-lg)}footer{padding:var(--spacing-lg) 0}body,p,li,span,a,.body-text{font-size:18px}}.navbar{background-color:var(--bg-card);border-bottom:1px solid var(--border);box-shadow:var(--shadow-sm);position:sticky;top:142px;z-index:40}.navbar-container{position:relative;background-color:var(--bg-card);border-bottom:1px solid var(--border);box-shadow:var(--shadow-sm);max-width:900px;margin:0 auto;padding:0 var(--spacing-md);display:flex;align-items:center;justify-content:space-between;height:70px;width:100%}.navbar-brand{flex-shrink:0}.navbar-brand a{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--text-primary);text-decoration:none;transition:var(--transition)}.navbar-brand a:hover{color:var(--primary);text-decoration:none}.navbar-menu{display:flex;list-style:none;gap:2px;align-items:center;margin-left:auto}.navbar-menu li a{color:var(--text-secondary);text-decoration:none;font-size:var(--font-size-sm);font-weight:var(--font-weight-normal);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);transition:var(--transition);white-space:nowrap}.navbar-menu li a:hover{color:var(--text-primary);background-color:var(--bg-hover);text-decoration:none}.mobile-actions-bar{display:none}.hamburger{display:none;flex-direction:column;background:none;border:none;cursor:pointer;padding:var(--spacing-sm);gap:4px;z-index:50;position:relative}.hamburger span{width:24px;height:2px;background-color:var(--text-secondary);transition:var(--transition);border-radius:1px}.hamburger:hover span{background-color:var(--text-primary)}.hamburger.active span:nth-child(1){transform:rotate(45deg) translate(8px,8px)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:rotate(-45deg) translate(8px,-8px)}.user-nav-item{position:relative;display:flex;align-items:center}.user-avatar-btn{background:transparent;border:none;cursor:pointer;padding:2px;border-radius:50%;transition:var(--transition);display:flex;align-items:center;justify-content:center}.user-avatar-btn:hover{opacity:.8}.user-avatar{width:28px;height:28px;border-radius:50%;display:block}.user-avatar-fallback{width:28px;height:28px;border-radius:50%;background:var(--border);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.user-btn{background:transparent;border:1px solid var(--border);color:var(--text-secondary);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:var(--font-size-sm);cursor:pointer;transition:var(--transition);white-space:nowrap}.user-btn:hover{border-color:var(--primary);color:var(--primary)}.user-menu-backdrop{position:fixed;inset:0;z-index:49}.user-menu{position:absolute;top:calc(100% + var(--spacing-xs));right:0;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow-md);min-width:160px;z-index:50;overflow:hidden}.user-menu-header{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm);color:var(--text-secondary);border-bottom:1px solid var(--border)}.user-menu-item{display:flex;align-items:center;gap:var(--spacing-sm);width:100%;padding:var(--spacing-sm) var(--spacing-md);background:transparent;border:none;color:var(--text-primary);font-size:var(--font-size-sm);cursor:pointer;transition:var(--transition);text-decoration:none;text-align:left}.user-menu-item:hover{background:var(--bg-hover);text-decoration:none}.user-menu-logout{border-top:1px solid var(--border);color:var(--text-secondary)}@media(max-width:640px){.navbar-container{height:60px}.desktop-only{display:none}.mobile-actions-bar{display:flex!important;flex-direction:row;width:100%;padding:0;gap:0}.mobile-action-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);background:transparent;border:none;border-top:1px solid var(--border);color:var(--text-primary);font-size:var(--font-size-sm);padding:var(--spacing-md);cursor:pointer;font-family:inherit}.mobile-action-btn+.mobile-action-btn{border-left:1px solid var(--border)}.mobile-action-btn:hover{background:var(--bg-hover)}.hamburger{display:flex}.navbar-menu{position:absolute;top:60px;left:0;right:0;background-color:var(--bg-card);border-bottom:1px solid var(--border);flex-direction:column;gap:0;max-height:0;overflow:hidden;transition:max-height .3s ease;z-index:45}.navbar-menu.active{max-height:550px}.navbar-menu li{width:100%}.navbar-menu li a{display:block;padding:var(--spacing-md);border-radius:0;border-bottom:1px solid var(--border)}.navbar-menu li:last-child a{border-bottom:none}.navbar-brand a{font-size:var(--font-size-base)}.user-nav-item{width:100%}.user-avatar-btn{display:flex;width:100%;padding:var(--spacing-md);border-radius:0;border-bottom:1px solid var(--border);gap:var(--spacing-sm)}.user-btn{display:block;width:100%;padding:var(--spacing-md);border-radius:0;border:none;border-bottom:1px solid var(--border);text-align:left}.user-menu{position:static;border:none;border-radius:0;box-shadow:none;min-width:unset}.user-menu-item{padding:var(--spacing-md);border-bottom:1px solid var(--border)}.user-menu-logout{border-top:none}.user-menu-backdrop{display:none}}@media(max-width:768px){.navbar{top:117px}}@media(max-width:480px){.navbar{top:97px}}.jump-photos-wrapper{position:sticky;top:0;z-index:50}.jump-photos-container{background-color:var(--bg-dark);border-bottom:1px solid var(--border);padding:8px var(--spacing-md);overflow:hidden;width:100%}.photo-track{display:flex;gap:2px;width:fit-content;will-change:transform}.photo-track img{border-radius:var(--radius-md);border:1px solid var(--border);transition:border-color .2s,box-shadow .2s,opacity .3s ease-in-out;cursor:pointer;display:block;height:125px;min-width:80px;width:auto;flex-shrink:0;background:var(--bg-secondary)}.photo-track img:hover{border-color:var(--primary);box-shadow:var(--shadow-md)}.photo-ghost{height:125px;width:180px;flex-shrink:0;border-radius:var(--radius-md);border:1px solid var(--border);background:linear-gradient(90deg,var(--bg-secondary) 0%,var(--bg-hover) 50%,var(--bg-secondary) 100%);background-size:200% 100%;animation:shimmer 1.5s infinite}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@media(max-width:768px){.jump-photos-container{padding:8px 0}.photo-track{gap:4px}.photo-track img{height:100px}.photo-ghost{height:100px;width:140px}}@media(max-width:480px){.jump-photos-container{padding:8px 0}.photo-track{gap:2px}.photo-track img{height:80px}.photo-ghost{height:80px;width:110px}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-darker)}::-webkit-scrollbar-thumb{background:var(--border-light);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}:focus-visible{outline:2px solid var(--primary);outline-offset:2px}button:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.astro-route-announcer{position:absolute;left:0;top:0;clip:rect(0 0 0 0);clip-path:inset(50%);overflow:hidden;white-space:nowrap;width:1px;height:1px}@keyframes astroFadeInOut{0%{opacity:1}to{opacity:0}}@keyframes astroFadeIn{0%{opacity:0;mix-blend-mode:plus-lighter}to{opacity:1;mix-blend-mode:plus-lighter}}@keyframes astroFadeOut{0%{opacity:1;mix-blend-mode:plus-lighter}to{opacity:0;mix-blend-mode:plus-lighter}}@keyframes astroSlideFromRight{0%{transform:translate(100%)}}@keyframes astroSlideFromLeft{0%{transform:translate(-100%)}}@keyframes astroSlideToRight{to{transform:translate(100%)}}@keyframes astroSlideToLeft{to{transform:translate(-100%)}}@media(prefers-reduced-motion){::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}[data-astro-transition-scope]{animation:none!important}}