@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2c55a0e60120577a-s.2a48534a.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/9c72aa0f40e4eef8-s.18a48cbc.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/ad66f9afd8947f86-s.7a40eb73.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/5476f68d60460930-s.c995e352.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2bbe8d2671613f1f-s.76dcb0b2.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/1bffadaabf893a1e-s.7cd81963.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/83afe278b6a6bb3c-s.p.3a6ba036.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter Fallback;src:local(Arial);ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.0%;size-adjust:107.12%}.inter_5901b7c6-module__ec5Qua__className{font-family:Inter,Inter Fallback;font-style:normal}.inter_5901b7c6-module__ec5Qua__variable{--font-inter:"Inter","Inter Fallback"}
@font-face{font-family:Outfit;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/b2ea385cb5ae8625-s.866357a4.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Outfit;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/1b99372b3eaef0c8-s.p.758e15a8.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Outfit Fallback;src:local(Arial);ascent-override:100.18%;descent-override:26.05%;line-gap-override:0.0%;size-adjust:99.82%}.outfit_8778cd42-module__wRojWG__className{font-family:Outfit,Outfit Fallback;font-style:normal}.outfit_8778cd42-module__wRojWG__variable{--font-outfit:"Outfit","Outfit Fallback"}
@font-face{font-family:Dancing Script;font-style:normal;font-weight:400 700;font-display:swap;src:url(../media/32fe63294b6cd18c-s.7f335ffb.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Dancing Script;font-style:normal;font-weight:400 700;font-display:swap;src:url(../media/73091b67359a1d13-s.48aa4bab.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Dancing Script;font-style:normal;font-weight:400 700;font-display:swap;src:url(../media/406d3fc8d5ec9f59-s.p.3f4cab70.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Dancing Script Fallback;src:local(Arial);ascent-override:112.99%;descent-override:34.39%;line-gap-override:0.0%;size-adjust:81.43%}.dancing_script_4cbd6fd8-module__pLIgfq__className{font-family:Dancing Script,Dancing Script Fallback;font-style:normal}.dancing_script_4cbd6fd8-module__pLIgfq__variable{--font-dancing-script:"Dancing Script","Dancing Script Fallback"}
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-ease:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-indigo-500:#625fff;--color-purple-500:#ac4bff;--color-zinc-100:#f4f4f5;--color-zinc-400:#9f9fa9;--color-zinc-800:#27272a;--color-white:#fff;--spacing:.25rem;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--text-6xl:3.75rem;--text-6xl--line-height:1;--font-weight-extrabold:800;--tracking-tighter:-.05em;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--ease-out:cubic-bezier(0,0,.2,1);--ease-in-out:cubic-bezier(.4,0,.2,1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}@supports (color:lab(0% 0 0)){:root,:host{--color-indigo-500:lab(48.295% 38.3129 -81.9673);--color-purple-500:lab(52.0183% 66.11 -78.2316);--color-zinc-100:lab(96.1634% .0993311 -.364041);--color-zinc-400:lab(65.6464% 1.53497 -5.42429);--color-zinc-800:lab(15.7305% .613764 -2.16959)}}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.top-6{top:calc(var(--spacing)*6)}.left-6{left:calc(var(--spacing)*6)}.z-50{z-index:50}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.mr-auto{margin-right:auto}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.h-3\.5{height:calc(var(--spacing)*3.5)}.h-4{height:calc(var(--spacing)*4)}.h-5{height:calc(var(--spacing)*5)}.h-6{height:calc(var(--spacing)*6)}.h-11{height:calc(var(--spacing)*11)}.w-3\.5{width:calc(var(--spacing)*3.5)}.w-4{width:calc(var(--spacing)*4)}.w-5{width:calc(var(--spacing)*5)}.w-6{width:calc(var(--spacing)*6)}.w-11{width:calc(var(--spacing)*11)}.grow{flex-grow:1}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.resize{resize:both}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.rounded-full{border-radius:3.40282e38px}.rounded-md{border-radius:var(--radius-md)}.bg-gradient-to-r{--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.from-indigo-500{--tw-gradient-from:var(--color-indigo-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-purple-500{--tw-gradient-to:var(--color-purple-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.bg-clip-text{-webkit-background-clip:text;background-clip:text}.object-cover{-o-object-fit:cover;object-fit:cover}.p-2{padding:calc(var(--spacing)*2)}.text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}.leading-none{--tw-leading:1;line-height:1}.font-extrabold{--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold)}.tracking-tighter{--tw-tracking:var(--tracking-tighter);letter-spacing:var(--tracking-tighter)}.text-transparent{color:#0000}.text-white{color:var(--color-white)}.text-zinc-100{color:var(--color-zinc-100)}.text-zinc-400{color:var(--color-zinc-400)}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,)var(--tw-slashed-zero,)var(--tw-numeric-figure,)var(--tw-numeric-spacing,)var(--tw-numeric-fraction,)}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}@media (hover:hover){.hover\:bg-white\/10:hover{background-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.hover\:bg-white\/10:hover{background-color:color-mix(in oklab,var(--color-white)10%,transparent)}}.hover\:bg-zinc-800:hover{background-color:var(--color-zinc-800)}.hover\:text-white:hover{color:var(--color-white)}}}:root{--color-bg-primary:#0a0a0b;--color-bg-secondary:#111113;--color-bg-tertiary:#1a1a1d;--color-bg-card:#161618;--color-bg-hover:#1e1e21;--color-accent-primary:#6366f1;--color-accent-secondary:#818cf8;--color-accent-glow:#6366f126;--color-accent-gradient:linear-gradient(135deg,#6366f1 0%,#a855f7 100%);--color-text-primary:#fafafa;--color-text-secondary:#a1a1aa;--color-text-tertiary:#71717a;--color-text-muted:#52525b;--color-border:#ffffff14;--color-border-hover:#ffffff26;--color-success:#22c55e;--color-warning:#f59e0b;--color-error:#ef4444;--font-sans:var(--font-inter),-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-display:var(--font-outfit),var(--font-sans);--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--text-6xl:3.75rem;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--radius-sm:.375rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-full:9999px;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 6px -1px #0000004d,0 2px 4px -2px #0000004d;--shadow-lg:0 10px 15px -3px #0000004d,0 4px 6px -4px #0000004d;--shadow-xl:0 20px 25px -5px #0000004d,0 8px 10px -6px #0000004d;--shadow-glow:0 0 40px var(--color-accent-glow);--transition-fast:.15s ease;--transition-base:.25s ease;--transition-slow:.35s ease;--navbar-width:280px;--container-max:1200px}[data-theme=light]{--color-bg-primary:#f1f5f9;--color-bg-secondary:#fff;--color-bg-tertiary:#e2e8f0;--color-bg-card:#fff;--color-bg-hover:#f8fafc;--color-text-primary:#0f172a;--color-text-secondary:#475569;--color-text-tertiary:#94a3b8;--color-text-muted:#cbd5e1;--color-accent-primary:#4f46e5;--color-accent-secondary:#6366f1;--color-accent-glow:#4f46e526;--color-accent-gradient:linear-gradient(135deg,#4f46e5 0%,#9333ea 100%);--color-success:#16a34a;--color-warning:#d97706;--color-error:#dc2626;--color-border:#0f172a14;--color-border-hover:#0f172a26;--shadow-sm:0 1px 2px 0 #0f172a0d;--shadow-md:0 4px 6px -1px #0f172a1a,0 2px 4px -1px #0f172a0f;--shadow-lg:0 10px 15px -3px #0f172a1a,0 4px 6px -4px #0f172a0f;--shadow-xl:0 20px 25px -5px #0f172a1a,0 8px 10px -6px #0f172a0f;--shadow-glow:0 0 15px #4f46e540}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);font-size:var(--text-base);color:var(--color-text-primary);background-color:var(--color-bg-primary);min-height:100vh;line-height:1.6}@media (max-width:1023px){html,body{max-width:100vw;overflow-x:hidden}}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}button{font:inherit;cursor:pointer;background:0 0;border:none}ul,ol{list-style:none}.app-container{z-index:1;min-height:100vh;display:flex;position:relative}.content-wrapper{margin-left:var(--navbar-width);max-width:calc(100vw - var(--navbar-width));flex-direction:column;flex:1;display:flex}.main-content{padding:var(--space-12)var(--space-16);flex:1;width:100%}@media (max-width:1023px){.content-wrapper{max-width:100%;margin-left:0;overflow-x:hidden}.main-content{padding:var(--space-20)var(--space-6)var(--space-12);padding-left:max(var(--space-6),env(safe-area-inset-left));padding-right:max(var(--space-6),env(safe-area-inset-right));padding-bottom:max(var(--space-12),env(safe-area-inset-bottom));box-sizing:border-box;max-width:100%;overflow-x:hidden}}.navbar{width:var(--navbar-width);background:var(--color-bg-secondary);border-right:1px solid var(--color-border);height:100vh;padding:var(--space-8);z-index:100;flex-direction:column;display:flex;position:fixed;top:0;left:0}.navbar-brand{margin-bottom:var(--space-10)}.navbar-logo{align-items:center;gap:var(--space-4);flex-direction:column;display:flex}.brand-name{font-family:var(--font-display);font-size:var(--text-xl);color:var(--color-text-primary);font-weight:600}.navbar-links{gap:var(--space-2);flex-direction:column;display:flex}.nav-link{padding:var(--space-2)var(--space-4);border-radius:var(--radius-md);font-size:var(--text-base);letter-spacing:.02em;color:var(--color-text-secondary);transition:all var(--transition-fast);font-weight:400;display:block}.nav-link:hover{color:var(--color-text-primary);background:var(--color-bg-tertiary)}.nav-link.active{color:var(--color-accent-primary);background:var(--color-accent-glow)}@media (max-width:1023px){.navbar{width:100%;height:auto;padding:var(--space-4)var(--space-6);padding-top:max(var(--space-4),env(safe-area-inset-top));padding-left:max(var(--space-6),env(safe-area-inset-left));padding-right:max(var(--space-6),env(safe-area-inset-right));border-right:none;border-bottom:1px solid var(--color-border);flex-direction:row;justify-content:space-between;align-items:center}.navbar-brand{margin-bottom:0}.navbar-logo{gap:var(--space-3);flex-direction:row}.avatar{border-width:2px;width:40px;height:40px}.brand-name{font-size:var(--text-base)}.navbar-links{gap:var(--space-1);flex-direction:row}.nav-link{padding:var(--space-2)var(--space-3);font-size:var(--text-xs)}}@media (max-width:640px){.navbar-links{display:none}}.footer{padding:var(--space-8)0;border-top:1px solid var(--color-border);margin-top:auto}.footer-content{justify-content:space-between;align-items:center;width:100%;display:flex}.footer-theme-toggle{flex-shrink:0}.footer-copyright{font-size:var(--text-sm);color:var(--color-text-muted);text-align:right;flex:1}.social-icons{justify-content:center;gap:var(--space-4);display:flex}.social-icon{border-radius:var(--radius-full);background:var(--color-bg-tertiary);width:40px;height:40px;color:var(--color-text-secondary);transition:all var(--transition-fast);justify-content:center;align-items:center;display:flex}.social-icon svg{width:18px;height:18px}.social-icon:hover{background:var(--color-accent-primary);color:var(--color-text-primary);box-shadow:var(--shadow-glow);transform:translateY(-2px)}.social-icons--large .social-icon{width:56px;height:56px}.social-icons--large .social-icon svg{width:24px;height:24px}.theme-toggle{border-radius:var(--radius-full);background:var(--color-bg-tertiary);width:40px;height:40px;color:var(--color-text-tertiary);transition:all var(--transition-fast);cursor:pointer;border:none;justify-content:center;align-items:center;display:flex}.theme-toggle svg{width:18px;height:18px;transition:transform var(--transition-fast)}.theme-toggle:hover{color:#f59e0b;background:var(--color-bg-hover);transform:translateY(-2px)}.theme-toggle:hover svg{transform:rotate(15deg)}[data-theme=light] .theme-toggle:hover{color:var(--color-accent-primary)}[data-theme=light] .mobile-header-bg{border-bottom:1px solid var(--color-border);background:#fffffff2}[data-theme=light] .hamburger-btn{color:var(--color-text-secondary)}[data-theme=light] .hamburger-btn:hover{color:var(--color-text-primary);background:var(--color-bg-tertiary)}[data-theme=light] .mobile-dropdown-nav{border-bottom:1px solid var(--color-border);background:#fffffffa}[data-theme=light] .mobile-dropdown-nav .nav-link{color:var(--color-text-secondary)}[data-theme=light] .mobile-dropdown-nav .nav-link:hover{color:var(--color-text-primary);background:var(--color-bg-tertiary)}[data-theme=light] .sidebar-links .nav-link{color:var(--color-text-secondary)}[data-theme=light] .sidebar-links .nav-link:hover{color:var(--color-text-primary);background:var(--color-bg-tertiary)}[data-theme=light] .social-icon{background:var(--color-bg-tertiary);color:var(--color-text-secondary)}[data-theme=light] .social-icon:hover{background:var(--color-accent-primary);color:#fff}.page{max-width:var(--container-max);margin:0 auto}.page-header{margin-bottom:var(--space-12);scroll-snap-align:start}.page-header h1{font-family:var(--font-display);font-size:var(--text-4xl);margin-bottom:var(--space-4);background:var(--color-accent-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-weight:700}.page-intro{font-size:var(--text-lg);color:var(--color-text-secondary);max-width:800px;line-height:1.7}.photography-instagram-link{align-items:center;gap:var(--space-2);margin-top:var(--space-4);padding:var(--space-2)var(--space-4);color:var(--color-text-secondary);border:1px solid var(--color-border);font-weight:500;font-size:var(--text-sm);border-radius:var(--radius-full);background:0 0;text-decoration:none;transition:all .2s;display:inline-flex}.photography-instagram-link:hover{color:var(--color-accent);border-color:var(--color-accent)}.home-page{min-height:calc(100vh - var(--space-24));padding:var(--space-8)0;flex-direction:column;justify-content:center;display:flex}.hero{margin-bottom:var(--space-12);scroll-snap-align:start;flex-direction:column;justify-content:center;min-height:100vh;display:flex}@media (max-width:768px){.hero{display:none}}.hero-content{max-width:800px}.hero-title{font-family:var(--font-display);margin-bottom:var(--space-4);font-size:clamp(2rem,5vw + 1rem,3.75rem);font-weight:800;line-height:1.1}.hero-title__first{color:var(--color-text-primary)}.hero-title__last{background:var(--color-accent-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}@media (max-width:767px){.hero-title__first,.hero-title__last{font-size:clamp(2.5rem,10vw,4rem)}}@media (max-width:480px){.hero-title__first,.hero-title__last{font-size:clamp(2rem,12vw,3rem)}}.hero-tagline{font-size:var(--text-xl);color:var(--color-text-secondary);margin-bottom:var(--space-4)}.hero-contact{gap:var(--space-2);font-size:var(--text-sm);color:var(--color-text-tertiary);flex-wrap:wrap;display:flex}.hero-contact a{color:var(--color-accent-primary);transition:color var(--transition-fast)}.hero-contact a:hover{color:var(--color-accent-secondary)}.separator{color:var(--color-text-muted)}.about{margin-bottom:var(--space-12);padding:var(--space-12)0}@media (max-width:768px){.about{padding-top:var(--space-4);margin-top:calc(-1*var(--space-8))}}.about-text{font-family:var(--font-display);font-size:var(--text-2xl);color:var(--color-text-secondary);margin-bottom:var(--space-6);letter-spacing:-.01em;max-width:800px;font-weight:400;line-height:1.8}.home-social{margin-top:var(--space-8)}@media (max-width:768px){.hero-tagline{font-size:var(--text-lg)}}.home-section{margin-bottom:var(--space-12);padding:var(--space-8)0}.section-header{margin-bottom:var(--space-8);justify-content:space-between;align-items:baseline;display:flex}.section-title{font-family:var(--font-display);font-size:var(--text-3xl);color:var(--color-text-primary);font-weight:700}.section-link{font-size:var(--text-sm);color:var(--color-accent-primary);transition:color var(--transition-fast);font-weight:500}.section-link:hover{color:var(--color-accent-secondary)}.resume-preview .about-text{margin-bottom:var(--space-6)}.projects-section{margin-bottom:var(--space-12);padding:var(--space-8)0}.projects-section h2{font-family:var(--font-display);font-size:var(--text-2xl);margin-bottom:var(--space-6);color:var(--color-text-primary);font-weight:600}.projects-grid{gap:var(--space-6);grid-template-columns:repeat(3,1fr);display:grid}.projects-grid--featured{grid-template-columns:repeat(auto-fill,minmax(400px,1fr))}@media (max-width:1023px){.projects-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.projects-grid,.projects-grid--featured{grid-template-columns:1fr}}.project-card-link{color:inherit;cursor:pointer;height:100%;text-decoration:none;display:block}.project-card-link:hover .project-card{border-color:var(--color-border-hover);box-shadow:var(--shadow-xl);transform:translateY(-4px)}.project-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);transition:all var(--transition-base);flex-direction:column;height:100%;display:flex;overflow:hidden}.project-card:hover{border-color:var(--color-border-hover);box-shadow:var(--shadow-xl);transform:translateY(-4px)}.project-card--featured{background:linear-gradient(135deg,var(--color-bg-card)0%,var(--color-bg-tertiary)100%)}.project-card__image{aspect-ratio:16/9;background:var(--color-bg-tertiary);position:relative;overflow:hidden}.project-card__image img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;transition:transform var(--transition-slow)}.project-card:hover .project-card__image img{transform:scale(1.05)}.project-card__content{padding:var(--space-6);flex-direction:column;flex:1;min-height:120px;display:flex}.project-card__title{font-family:var(--font-display);font-size:var(--text-xl);margin-bottom:var(--space-3);color:var(--color-text-primary);font-weight:600}.project-card__description{font-size:var(--text-sm);color:var(--color-text-secondary);margin-bottom:var(--space-4);line-height:1.6}.project-card__technologies{gap:var(--space-2);flex-wrap:wrap;margin-top:auto;display:flex}.tech-badge{padding:var(--space-1)var(--space-3);background:var(--color-accent-glow);color:var(--color-accent-secondary);font-size:var(--text-xs);border-radius:var(--radius-full);font-weight:500;display:inline-block}.project-card__links{gap:var(--space-3);display:flex}.project-link{align-items:center;gap:var(--space-2);padding:var(--space-2)var(--space-4);border-radius:var(--radius-md);font-size:var(--text-sm);transition:all var(--transition-fast);font-weight:500;display:inline-flex}.project-link--github{background:var(--color-bg-tertiary);color:var(--color-text-secondary)}.project-link--github:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.project-link--demo{background:var(--color-accent-primary);color:#fff}.project-link--demo:hover{background:var(--color-accent-secondary)}.photo-gallery{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(300px,1fr));display:grid}@media (max-width:640px){.photo-gallery{grid-template-columns:1fr}}.photo-item{aspect-ratio:4/3;border-radius:var(--radius-lg);cursor:pointer;background:var(--color-bg-tertiary);position:relative;overflow:hidden}.photo-item img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;transition:transform var(--transition-slow)}.photo-item:hover img{transform:scale(1.05)}.photo-overlay{padding:var(--space-4);opacity:0;transition:opacity var(--transition-base);background:linear-gradient(#0000 50%,#000c 100%);flex-direction:column;justify-content:flex-end;display:flex;position:absolute;inset:0}.photo-item:hover .photo-overlay{opacity:1}.photo-overlay h4{font-size:var(--text-base);color:#fff;margin-bottom:var(--space-1);font-weight:600}.photo-location{align-items:center;gap:var(--space-1);font-size:var(--text-sm);color:#fffc;display:flex}.photo-location svg{flex-shrink:0}.lightbox{z-index:1000;padding:var(--space-8);background:#000000f2;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.lightbox-close{top:var(--space-4);right:var(--space-4);width:48px;height:48px;font-size:var(--text-3xl);color:#fff;border-radius:var(--radius-full);transition:background var(--transition-fast);background:#ffffff1a;justify-content:center;align-items:center;display:flex;position:absolute}.lightbox-close:hover{background:#fff3}.lightbox-nav{color:#fff;border-radius:var(--radius-full);cursor:pointer;width:56px;height:56px;transition:background var(--transition-fast),transform .2s ease;z-index:10;background:#0006;border:none;justify-content:center;align-items:center;font-size:3rem;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.lightbox-nav:hover{background:#0009;transform:translateY(-50%)scale(1.1)}.lightbox-prev{left:var(--space-4)}.lightbox-next{right:var(--space-4)}.lightbox-content{gap:var(--space-4);flex-direction:column;max-width:1200px;max-height:90vh;display:flex}.lightbox-content img{border-radius:var(--radius-lg);-o-object-fit:contain;object-fit:contain;max-height:70vh}.lightbox-info{text-align:center;color:#fff}.lightbox-info h3{font-size:var(--text-xl);margin-bottom:var(--space-2)}.lightbox-info p{color:#fffc;margin-bottom:var(--space-3)}.lightbox-meta{justify-content:center;gap:var(--space-6);font-size:var(--text-sm);color:#fff9;display:flex}.lightbox-location,.lightbox-camera{align-items:center;gap:var(--space-2);display:flex}.resume-dashboard{max-width:1200px;padding:var(--space-8)var(--space-4);margin:0 auto}.hero-dashboard{margin-bottom:var(--space-16)}.hero-dashboard__header{gap:var(--space-4);margin-bottom:var(--space-6);flex-direction:column;display:flex}@media (min-width:768px){.hero-dashboard__header{flex-direction:row;justify-content:space-between;align-items:flex-start}}.hero-dashboard__name{font-family:var(--font-display);font-size:var(--text-4xl);color:var(--color-text-primary);margin:0;font-weight:700;line-height:1.2}@media (min-width:768px){.hero-dashboard__name{font-size:var(--text-5xl)}}.hero-dashboard__title{font-size:var(--text-lg);color:var(--color-text-secondary);margin-top:var(--space-2);font-weight:500}.hero-dashboard__contact{gap:var(--space-4);flex-wrap:wrap;display:flex}.hero-dashboard__contact-item{align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-text-secondary);display:flex}.hero-dashboard__contact-link{transition:color var(--transition-fast)}.hero-dashboard__contact-link:hover{color:var(--color-accent-secondary)}.hero-dashboard__summary{font-size:var(--text-base);color:var(--color-text-secondary);max-width:800px;margin-bottom:var(--space-8);line-height:1.7}.hero-dashboard__metrics{gap:var(--space-4);margin-bottom:var(--space-8);grid-template-columns:repeat(2,1fr);display:grid}@media (min-width:768px){.hero-dashboard__metrics{grid-template-columns:repeat(4,1fr)}}.metric-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-6);text-align:center;transition:all var(--transition-fast);position:relative;overflow:hidden}.metric-card:before{content:"";background:var(--color-accent-gradient);opacity:0;height:2px;transition:opacity var(--transition-fast);position:absolute;top:0;left:0;right:0}.metric-card:hover{border-color:var(--color-border-hover);transform:translateY(-2px);box-shadow:0 8px 30px #0003}.metric-card:hover:before{opacity:1}.metric-card__icon{background:var(--color-accent-glow);border-radius:var(--radius-lg);width:40px;height:40px;margin:0 auto var(--space-4);color:var(--color-accent-secondary);justify-content:center;align-items:center;display:flex}.metric-card__value{font-family:var(--font-display);font-size:var(--text-3xl);color:var(--color-text-primary);margin-bottom:var(--space-2);font-weight:700}@media (min-width:768px){.metric-card__value{font-size:var(--text-4xl)}}.metric-card__label{font-size:var(--text-sm);color:var(--color-text-secondary);font-weight:500}.hero-dashboard__actions{justify-content:center;display:flex}.hero-dashboard__download{align-items:center;gap:var(--space-3);padding:var(--space-4)var(--space-8);border:1px solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-text-primary);font-size:var(--text-sm);transition:all var(--transition-fast);background:0 0;font-weight:500;display:inline-flex}.hero-dashboard__download:hover{border-color:var(--color-accent-primary);color:var(--color-accent-secondary);box-shadow:0 0 20px var(--color-accent-glow)}.interactive-timeline{margin-bottom:var(--space-16)}.interactive-timeline__title{font-family:var(--font-display);font-size:var(--text-2xl);color:var(--color-text-primary);margin-bottom:var(--space-8);text-align:center;font-weight:600}@media (min-width:768px){.interactive-timeline__title{font-size:var(--text-3xl)}}.interactive-timeline__container{max-width:900px;margin:0 auto;position:relative}.company-node{margin-bottom:var(--space-12);padding-left:80px;position:relative}@media (min-width:768px){.company-node{padding-left:100px}}.company-node__line{background:linear-gradient(#ffffff1a,#ffffff05);width:1px;position:absolute;top:72px;bottom:-48px;left:32px}@media (min-width:768px){.company-node__line{left:37px}}.company-node__logo{border-radius:var(--radius-lg);z-index:1;background:#fff;justify-content:center;align-items:center;width:64px;height:64px;padding:10px;display:flex;position:absolute;top:0;left:0;overflow:hidden;box-shadow:0 2px 8px #00000026}@media (min-width:768px){.company-node__logo{width:74px;height:74px;padding:12px}}.company-node__logo-img{-o-object-fit:contain;object-fit:contain;width:100%;height:100%}.company-node__card{padding-top:var(--space-2)}.company-node__header{margin-bottom:var(--space-5);padding-bottom:var(--space-4);border-bottom:1px solid var(--color-border)}.company-node__info{flex:1}.company-node__company{font-family:var(--font-display);font-size:var(--text-xl);color:var(--color-text-primary);margin:0 0 var(--space-2)0;font-weight:600}@media (min-width:768px){.company-node__company{font-size:var(--text-2xl)}}.company-node__meta{gap:var(--space-4);flex-wrap:wrap;display:flex}.company-node__meta-item{align-items:center;gap:var(--space-1);font-size:var(--text-sm);color:var(--color-text-tertiary);display:flex}.company-node__roles{flex-direction:column;gap:0;display:flex}.role-card{padding:var(--space-4)0;border-bottom:1px solid var(--color-border)}.role-card:last-child{border-bottom:none;padding-bottom:0}.role-card__header{gap:var(--space-1);margin-bottom:var(--space-2);flex-direction:column;display:flex}@media (min-width:640px){.role-card__header{flex-direction:row;justify-content:space-between;align-items:baseline}}.role-card__title{font-family:var(--font-display);font-size:var(--text-base);color:var(--color-text-primary);margin:0;font-weight:600}@media (min-width:768px){.role-card__title{font-size:var(--text-lg)}}.role-card__date{font-size:var(--text-sm);color:var(--color-text-tertiary);white-space:nowrap}.role-card__description{font-size:var(--text-sm);color:var(--color-text-secondary);margin:0;line-height:1.6}.role-card__wins{gap:var(--space-3);margin-top:var(--space-3);flex-wrap:wrap;display:flex}.key-win-card{align-items:center;gap:var(--space-2);padding:var(--space-2)var(--space-3);border-radius:var(--radius-md);background:#6366f10f;display:inline-flex}.key-win-card__icon{display:none}.key-win-card__content{align-items:baseline;gap:var(--space-2);display:flex}.key-win-card__metric{font-family:var(--font-display);font-size:var(--text-base);color:var(--color-text-primary);font-weight:600}.key-win-card__context{font-size:var(--text-sm);color:var(--color-text-tertiary);line-height:1.4}.skill-radar{margin-bottom:var(--space-16)}.skill-radar__title{font-family:var(--font-display);font-size:var(--text-2xl);color:var(--color-text-primary);margin-bottom:var(--space-8);text-align:center;font-weight:600}@media (min-width:768px){.skill-radar__title{font-size:var(--text-3xl)}}.skill-radar__content{gap:var(--space-8);grid-template-columns:1fr;align-items:start;display:grid}@media (min-width:768px){.skill-radar__content{grid-template-columns:1fr 1fr}}.skill-radar__chart{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-6)}.skill-radar__categories{gap:var(--space-6);flex-direction:column;display:flex}.skill-category{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-5)}.skill-category__name{font-size:var(--text-sm);color:var(--color-text-primary);margin:0 0 var(--space-3)0;text-transform:uppercase;letter-spacing:.05em;font-weight:600}.skill-category__items{gap:var(--space-2);flex-wrap:wrap;display:flex}.skill-badge{padding:var(--space-2)var(--space-3);background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--color-text-secondary);transition:all var(--transition-fast);display:inline-flex}.skill-badge:hover{background:var(--color-bg-hover);border-color:var(--color-border-hover);color:var(--color-text-primary)}.education-section{margin-bottom:var(--space-16)}.education-section__title{font-family:var(--font-display);font-size:var(--text-2xl);color:var(--color-text-primary);margin-bottom:var(--space-8);text-align:center;font-weight:600}@media (min-width:768px){.education-section__title{font-size:var(--text-3xl)}}.education-section__grid{gap:var(--space-4);flex-direction:column;max-width:900px;margin:0 auto;display:flex}.education-card{gap:var(--space-4);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-5);transition:all var(--transition-fast);display:flex}@media (min-width:768px){.education-card{padding:var(--space-6)}}.education-card:hover{border-color:var(--color-border-hover)}.education-card__icon{background:var(--color-accent-glow);border-radius:var(--radius-lg);width:48px;height:48px;color:var(--color-accent-secondary);flex-shrink:0;justify-content:center;align-items:center;display:flex}.education-card__content{flex:1}.education-card__school{font-family:var(--font-display);font-size:var(--text-lg);color:var(--color-text-primary);margin:0 0 var(--space-1)0;font-weight:600}.education-card__degree{font-size:var(--text-sm);color:var(--color-text-secondary);margin:0 0 var(--space-2)0}.education-card__date{font-size:var(--text-sm);color:var(--color-text-tertiary)}.education-card__honors{align-items:center;gap:var(--space-2);margin-top:var(--space-3);padding:var(--space-2)var(--space-3);border-radius:var(--radius-md);font-size:var(--text-sm);color:#fbbf24;background:#facc151a;display:inline-flex}.education-card__project{gap:var(--space-2);margin-top:var(--space-3);font-size:var(--text-sm);color:var(--color-text-secondary);line-height:1.6;display:flex}.education-card__project svg{color:var(--color-accent-secondary);flex-shrink:0;margin-top:2px}.btn{align-items:center;gap:var(--space-2);padding:var(--space-3)var(--space-6);border-radius:var(--radius-md);font-size:var(--text-sm);transition:all var(--transition-fast);font-weight:500;display:inline-flex}.btn-primary{background:var(--color-accent-primary);color:#fff}.btn-primary:hover{background:var(--color-accent-secondary);box-shadow:var(--shadow-glow);transform:translateY(-2px)}.blog-grid{gap:var(--space-6);grid-template-columns:repeat(auto-fill,minmax(320px,1fr));display:grid}@media (max-width:640px){.blog-grid{grid-template-columns:1fr}}.hero-transform-container{text-align:center;pointer-events:none;flex-direction:column;align-items:center;display:flex}.hero-intro-text{font-family:var(--font-display);font-size:var(--text-3xl);color:var(--color-text-primary);margin-bottom:var(--space-4);font-weight:700}.hero-tagline-text{font-size:var(--text-xl);color:var(--color-text-secondary);margin-top:var(--space-6);max-width:600px}.hero-contact-text{gap:var(--space-2);font-size:var(--text-sm);color:var(--color-text-tertiary);margin-top:var(--space-4);display:flex}.hero-contact-text .email-link{color:var(--color-accent-primary);transition:color var(--transition-fast);pointer-events:auto}.hero-contact-text .email-link:hover{color:var(--color-accent-secondary)}.sidebar-bg{width:var(--navbar-width);background:var(--color-bg-secondary);border-right:1px solid var(--color-border);z-index:40;height:100vh;position:fixed;top:0;left:0}.sidebar-nav{width:var(--navbar-width);align-items:center;gap:var(--space-4);padding:0 var(--space-6);z-index:45;pointer-events:auto;flex-direction:column;display:flex;position:fixed;top:260px;left:0}.sidebar-location{align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-text-tertiary);display:flex}.sidebar-location .location-icon{color:var(--color-accent-primary)}.sidebar-links{flex-direction:column;gap:0;width:100%;display:flex}.sidebar-links .nav-link{font-family:var(--font-display);letter-spacing:.02em;color:#ffffffb3;text-transform:capitalize;padding:6px 16px;font-size:1.1rem;font-weight:600}.sidebar-links .nav-link:hover{color:#fff}.sidebar-social{padding-top:var(--space-8);margin-top:auto}.mobile-header-bg{height:calc(4rem + env(safe-area-inset-top));padding-top:env(safe-area-inset-top);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border);z-index:45;padding-left:var(--space-6);padding-right:var(--space-6);background:#0a0a0bf2;justify-content:space-between;align-items:center;display:flex;position:fixed;top:0;left:0;right:0}.hamburger-btn{border-radius:var(--radius-md);width:44px;height:44px;color:var(--color-text-primary);transition:background var(--transition-fast);z-index:60;background:0 0;justify-content:center;align-items:center;display:flex}.hamburger-btn:hover{background:var(--color-bg-tertiary)}.mobile-dropdown-nav{top:calc(4rem + env(safe-area-inset-top));-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--color-border);padding:var(--space-6);padding-left:max(var(--space-6),env(safe-area-inset-left));padding-right:max(var(--space-6),env(safe-area-inset-right));gap:var(--space-3);z-index:55;background:#0a0a0bfa;flex-direction:column;display:flex;position:fixed;left:0;right:0}.mobile-dropdown-nav .nav-link{padding:var(--space-4);text-align:center;font-size:var(--text-lg);border-radius:var(--radius-lg)}.mobile-dropdown-nav .nav-link:hover{background:var(--color-bg-tertiary)}.mobile-nav-social{margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--color-border);justify-content:center;display:flex}@media (max-width:1023px){.hero-intro-text{font-size:var(--text-2xl)}.hero-tagline-text{font-size:var(--text-lg);padding:0 var(--space-4)}}@media (max-width:768px){.hero-transform-container--mobile{text-align:left}.hero-intro-text{font-size:var(--text-xl);margin-bottom:var(--space-2)}.hero-title__first,.hero-title__last{font-size:clamp(2.5rem,10vw,4rem);line-height:1}.hero-tagline-text{font-size:var(--text-base);margin-top:var(--space-4);padding:0 var(--space-2);text-align:center;max-width:90vw}.hero-contact-text{font-size:var(--text-xs);flex-wrap:wrap;justify-content:center}.mobile-header-bg{padding-left:var(--space-6);padding-right:var(--space-6);justify-content:space-between}}@media (max-width:480px){.hero-title__first,.hero-title__last{font-size:clamp(2rem,12vw,3rem)}.hero-tagline-text{font-size:var(--text-sm)}}.mobile-static-hero{text-align:center;min-height:100svh;padding:var(--space-6);padding-top:env(safe-area-inset-top);flex-direction:column;justify-content:center;align-items:center;padding-bottom:15vh;display:flex}.mobile-static-hero__intro{font-family:var(--font-display);font-size:var(--text-2xl);color:var(--color-text-primary);margin-bottom:var(--space-4);font-weight:700}.mobile-static-hero__name{font-family:var(--font-outfit);flex-direction:column;align-items:center;gap:0;margin:0;font-weight:800;line-height:1.1;display:flex}.mobile-static-hero__name .hero-title__first,.mobile-static-hero__name .hero-title__last{font-size:clamp(3.5rem,15vw,5rem);line-height:1.1}.mobile-static-hero__tagline{font-size:var(--text-base);color:var(--color-text-secondary);margin-top:var(--space-6);max-width:300px}.mobile-static-hero__contact{justify-content:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-text-tertiary);margin-top:var(--space-4);flex-wrap:wrap;display:flex}.mobile-static-hero__contact .email-link{color:var(--color-accent-primary);transition:color var(--transition-fast)}.mobile-static-hero__contact .email-link:hover{color:var(--color-accent-secondary)}.mobile-header-bg--static{opacity:0;pointer-events:none;justify-content:space-between;transition:opacity .3s}.mobile-header-bg--static.mobile-header-bg--visible{opacity:1;pointer-events:auto}.mobile-header-name{font-family:var(--font-outfit);font-size:var(--text-2xl);color:var(--color-text-primary);opacity:0;pointer-events:none;font-weight:700;transition:opacity .3s,transform .3s;transform:translateY(-10px)}.mobile-header-name--visible{opacity:1;pointer-events:auto;transform:translateY(0)}.mobile-header-name__last{background:var(--color-accent-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}@media (max-width:480px){.mobile-static-hero__name .hero-title__first,.mobile-static-hero__name .hero-title__last{font-size:clamp(2.5rem,14vw,4rem)}.mobile-static-hero__tagline{font-size:var(--text-sm)}}.filter-bar{gap:var(--space-3);margin-bottom:var(--space-8);flex-wrap:wrap;display:flex}.filter-pill{align-items:center;gap:var(--space-2);padding:var(--space-2)var(--space-4);border-radius:var(--radius-full);font-size:var(--text-sm);background:var(--color-bg-tertiary);color:var(--color-text-secondary);border:1px solid var(--color-border);transition:all var(--transition-fast);cursor:pointer;font-weight:500;display:inline-flex}.filter-pill:hover{background:var(--color-bg-hover);color:var(--color-text-primary);border-color:var(--color-border-hover)}.filter-pill--active{background:var(--color-accent-primary);color:#fff;border-color:var(--color-accent-primary)}.filter-pill--active:hover{background:var(--color-accent-secondary);border-color:var(--color-accent-secondary)}.filter-pill__emoji{font-size:var(--text-base)}.filter-pill__count{margin-left:var(--space-1);border-radius:var(--radius-full);font-size:var(--text-xs);background:#ffffff26;padding:2px 6px}.filter-pill--active .filter-pill__count{background:#ffffff40}.artifacts-grid{gap:var(--space-6);grid-template-columns:repeat(auto-fill,minmax(320px,1fr));display:grid}@media (max-width:640px){.artifacts-grid{grid-template-columns:1fr}}.artifact-card-link{color:inherit;text-decoration:none;display:block}.artifact-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);transition:all var(--transition-base);cursor:pointer;overflow:hidden}.artifact-card:hover{border-color:var(--color-border-hover);box-shadow:var(--shadow-xl);transform:translateY(-4px)}.artifact-card--featured{background:linear-gradient(135deg,var(--color-bg-card)0%,var(--color-bg-tertiary)100%)}.artifact-card--project{border-left:3px solid #6366f1}.artifact-card--article{border-left:3px solid #22c55e}.artifact-card--hobby{border-left:3px solid #f59e0b}.artifact-card__image{aspect-ratio:16/9;background:var(--color-bg-tertiary);position:relative;overflow:hidden}.artifact-card__image img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;transition:transform var(--transition-slow)}.artifact-card:hover .artifact-card__image img{transform:scale(1.05)}.artifact-card__content{padding:var(--space-6)}.artifact-card__type{align-items:center;gap:var(--space-2);padding:var(--space-1)var(--space-3);margin-bottom:var(--space-3);background:var(--color-bg-tertiary);border-radius:var(--radius-full);font-size:var(--text-xs);color:var(--color-text-secondary);font-weight:500;display:inline-flex}.artifact-card--project .artifact-card__type{color:#818cf8}.artifact-card--article .artifact-card__type{color:#4ade80}.artifact-card--hobby .artifact-card__type{color:#fbbf24}.artifact-card__title{font-family:var(--font-display);font-size:var(--text-xl);margin-bottom:var(--space-3);color:var(--color-text-primary);font-weight:600}.artifact-card__description{font-size:var(--text-sm);color:var(--color-text-secondary);margin-bottom:var(--space-4);line-height:1.6}.artifact-card__technologies{gap:var(--space-2);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}.artifact-card__links{gap:var(--space-3);display:flex}.artifact-card__meta{gap:var(--space-4);margin-bottom:var(--space-4);font-size:var(--text-sm);color:var(--color-text-tertiary);flex-wrap:wrap;display:flex}.project-card .artifact-card__meta{margin-top:auto;margin-bottom:0}.artifact-card__read-time,.artifact-card__date,.artifact-card__location,.artifact-card__gallery-count{align-items:center;gap:var(--space-1);display:flex}.artifact-card__read-more{font-size:var(--text-sm);color:var(--color-accent-primary);transition:color var(--transition-fast);font-weight:500;display:inline-block}.artifact-card__read-more:hover{color:var(--color-accent-secondary)}.artifact-detail-page{max-width:800px}.back-link{margin-bottom:var(--space-4);font-size:var(--text-sm);color:var(--color-text-tertiary);transition:color var(--transition-fast);display:inline-block}.back-link:hover{color:var(--color-accent-primary)}.artifact-type-badge{padding:var(--space-1)var(--space-3);margin-bottom:var(--space-4);background:var(--color-accent-glow);color:var(--color-accent-primary);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:500;display:inline-block}.artifact-meta{align-items:center;gap:var(--space-4);margin-top:var(--space-4);font-size:var(--text-sm);color:var(--color-text-tertiary);flex-wrap:wrap;display:flex}.artifact-tags{gap:var(--space-2);flex-wrap:wrap;display:flex}.tag-badge{background:var(--color-bg-tertiary);border-radius:var(--radius-full);font-size:var(--text-xs);color:var(--color-text-secondary);padding:2px 8px}.artifact-content{margin-top:var(--space-8)}.project-links{gap:var(--space-4);margin-bottom:var(--space-8);flex-wrap:wrap;display:flex}.btn-secondary{background:var(--color-bg-tertiary);color:var(--color-text-secondary)}.btn-secondary:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.tech-stack{margin-top:var(--space-6)}.tech-stack h3{font-size:var(--text-lg);margin-bottom:var(--space-4);color:var(--color-text-primary);font-weight:600}.tech-badges{gap:var(--space-2);flex-wrap:wrap;display:flex}.artifact-date{margin-bottom:var(--space-4);font-size:var(--text-sm);color:var(--color-text-tertiary);display:block}.combined-tags-section{margin-top:var(--space-6)}.combined-tags-section h3{font-size:var(--text-sm);margin-bottom:var(--space-3);color:var(--color-text-secondary);font-weight:600}.combined-tags{gap:var(--space-2);flex-wrap:wrap;display:flex}.combined-tag{background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-full);font-size:var(--text-xs);color:var(--color-text-secondary);padding:2px 8px}.article-content.prose{margin-top:var(--space-8);font-size:var(--text-base);color:var(--color-text-secondary);line-height:1.8}.article-content.prose h1,.article-content.prose h2,.article-content.prose h3{color:var(--color-text-primary);font-family:var(--font-display);margin-top:var(--space-8);margin-bottom:var(--space-4);font-weight:600}.article-content.prose h2{font-size:var(--text-2xl)}.article-content.prose h3{font-size:var(--text-xl)}.article-content.prose p{margin-bottom:var(--space-4)}.article-content.prose a{color:var(--color-accent-primary)}.article-content.prose a:hover{color:var(--color-accent-secondary)}.article-content.prose pre{background:var(--color-bg-tertiary);padding:var(--space-4);border-radius:var(--radius-lg);margin:var(--space-6)0;overflow-x:auto}.article-content.prose code{font-family:Fira Code,Monaco,monospace;font-size:var(--text-sm)}.article-content.prose ul,.article-content.prose ol{margin:var(--space-4)0;padding-left:var(--space-6)}.article-content.prose li{margin-bottom:var(--space-2);list-style:outside}.article-content.prose strong{color:var(--color-text-primary);font-weight:600}.hobby-content{margin-top:var(--space-6)}.hobby-location,.hobby-gallery{font-size:var(--text-lg);color:var(--color-text-secondary);margin-bottom:var(--space-3)}.empty-state{text-align:center;padding:var(--space-12);color:var(--color-text-tertiary)}.bento-grid{gap:var(--space-4);margin-bottom:var(--space-12);padding:var(--space-8)0;grid-template-columns:repeat(4,1fr);grid-auto-rows:minmax(140px,auto);display:grid}@media (max-width:1023px){.bento-grid{grid-template-columns:repeat(2,1fr);grid-auto-rows:minmax(160px,auto)}}@media (max-width:640px){.bento-grid{gap:var(--space-3);box-sizing:border-box;grid-template-columns:repeat(2,1fr);grid-auto-rows:auto;max-width:100%}}.bento-tile{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-3);transition:all var(--transition-base);cursor:pointer;min-height:140px;overflow:hidden}@media (hover:hover) and (pointer:fine){.bento-tile:hover{border-color:var(--color-border-hover);box-shadow:var(--shadow-xl)}}@media (max-width:640px){.bento-tile{min-height:auto;padding:var(--space-4);touch-action:manipulation}.bento-tile--bio,.bento-tile--tech,.bento-tile--terminal,.bento-tile--location,.bento-tile--quote{grid-area:auto/span 2!important}.bento-tile--github,.bento-tile--interests,.bento-tile--playlist,.bento-tile--strategist,.bento-tile--travel{grid-area:auto/span 1!important}.bento-tile--culture,.bento-tile--data,.bento-tile--photography,.bento-tile--connect,.bento-tile--reading{grid-area:auto/span 2!important}}.bento-tile__content{flex-direction:column;height:100%;display:flex}.bento-tile__title{font-family:var(--font-display);font-size:var(--text-xl);margin-bottom:var(--space-3);color:var(--color-text-primary);font-weight:600}.bento-tile__subtitle{font-family:var(--font-display);font-size:var(--text-base);color:var(--color-text-secondary);margin-bottom:var(--space-3);font-weight:600}.bento-tile__bio{font-family:var(--font-display);font-size:var(--text-lg);color:var(--color-text-secondary);line-height:1.8}.bento-tile__link{color:inherit;height:100%;text-decoration:none;display:block}.bento-tile--bio{background:linear-gradient(135deg,var(--color-bg-card)0%,var(--color-bg-tertiary)100%);text-align:center;padding:var(--space-4);grid-area:span 2/span 2;justify-content:center;align-items:center;display:flex}.bento-tile--bio .bento-tile__title{font-size:var(--text-3xl);margin-bottom:var(--space-6);background:var(--color-accent-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.bento-tile--bio .bento-tile__bio{max-width:600px;font-size:var(--text-xl)}@media (max-width:1023px){.bento-tile--bio{grid-area:span 1/span 2}}@media (max-width:640px){.bento-tile--bio{padding:var(--space-3);grid-column:span 1}.bento-tile--bio .bento-tile__title{font-size:var(--text-2xl)}.bento-tile--bio .bento-tile__bio{font-size:var(--text-base)}}.bento-tile--tech{background:var(--color-bg-card);grid-area:1/1/auto/span 2;overflow:hidden}.bento-tile--location{background:var(--color-bg-card);grid-area:3/3}.bento-tile--data{background:var(--color-bg-card);grid-area:span 2/span 1}.bento-tile--photography{grid-area:span 2/span 1}.bento-tile--photography.bento-tile{padding:0}.bento-tile--strategist{background:var(--color-bg-card);text-align:center;grid-area:span 1/span 1}.bento-tile--connect{background:var(--color-bg-card);grid-area:span 2/span 1}.bento-tile--travel{background:var(--color-bg-card);text-align:center;grid-area:span 1/span 1}.bento-tile--reading{background:var(--color-bg-card);grid-area:span 2/span 1}.bento-tile--github{background:var(--color-bg-card);grid-area:2/2}.github-activity-link{color:inherit;height:100%;transition:all var(--transition-base);flex-direction:column;justify-content:space-between;text-decoration:none;display:flex}.github-activity-link:hover{transform:translateY(-2px)}.github-activity-top{flex-direction:row;justify-content:space-between;align-items:center;display:flex}.github-activity-header{align-items:center;gap:var(--space-2);margin-bottom:var(--space-3);display:flex}.github-icon-wrapper{padding:var(--space-2);border-radius:var(--radius-full);background:#22c55e1a}.github-icon{color:#22c55e;width:clamp(16px,4vw,20px);height:clamp(16px,4vw,20px)}.github-time-label{font-size:var(--text-xs);color:var(--color-text-tertiary);font-family:monospace}.github-commit-stats{align-items:baseline;gap:var(--space-2);display:flex}.github-commit-count{font-size:var(--text-3xl);color:var(--color-text-primary);letter-spacing:-.02em;font-family:monospace;font-weight:700;line-height:1}.github-commits-label{font-size:var(--text-sm);color:var(--color-text-secondary)}.github-activity-bottom{flex-direction:column;display:flex}.github-latest-label{font-size:var(--text-xs);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--space-2);font-weight:600}.github-repo-info{justify-content:space-between;align-items:center;display:flex}.github-repo-header{align-items:center;gap:var(--space-2);display:flex}.language-dot{border-radius:var(--radius-full);width:12px;height:12px;box-shadow:0 0 8px #00000080}.github-repo-name{color:var(--color-text-secondary);transition:color var(--transition-base);font-weight:500}.github-activity-link:hover .github-repo-name{color:var(--color-text-primary)}.github-repo-desc{font-size:var(--text-xs);color:var(--color-text-tertiary);margin-top:var(--space-2);text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.4;display:-webkit-box;overflow:hidden}@media (max-width:640px){.bento-tile--github{padding:var(--space-3)}.github-activity-top{align-items:flex-start;gap:var(--space-1);flex-direction:column}.github-activity-header{margin-bottom:var(--space-1)}.github-commit-count{font-size:var(--text-2xl)}.github-commits-label{font-size:var(--text-xs)}.github-time-label{font-size:10px}.github-icon-wrapper{padding:var(--space-1)}.github-icon{width:14px;height:14px}.github-latest-label{margin-bottom:var(--space-1);font-size:10px}.github-repo-name{font-size:var(--text-sm)}.language-dot{width:8px;height:8px}}.tech-ticker-wrapper{justify-content:center;gap:var(--space-1);flex-direction:column;height:100%;display:flex;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 5% 95%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0%,#000 5% 95%,#0000 100%)}.tech-ticker-row{width:max-content;animation:200s linear infinite ticker-scroll-left;display:flex}.tech-ticker-row--reverse{animation:240s linear infinite ticker-scroll-right}.tech-ticker-row--slow{animation-duration:280s}.tech-ticker-row--fast{animation-duration:160s}.tech-ticker-row--reverse.tech-ticker-row--slow{animation-duration:300s}.tech-ticker-wrapper .tech-ticker-row:first-child{animation-delay:-30s}.tech-ticker-wrapper .tech-ticker-row:nth-child(2){animation-delay:-80s}.tech-ticker-wrapper .tech-ticker-row:nth-child(3){animation-delay:-120s}.tech-ticker-content{gap:var(--space-2);padding-right:var(--space-2);display:flex}@keyframes ticker-scroll-left{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes ticker-scroll-right{0%{transform:translate(-50%)}to{transform:translate(0)}}.tech-item-card{align-items:center;gap:var(--space-2);padding:var(--space-2)var(--space-3);background:var(--color-bg-secondary);border-radius:var(--radius-full);border:1px solid var(--color-border);flex-shrink:0;transition:all .2s;display:flex}.tech-item-card:hover{background:var(--color-bg-tertiary);border-color:var(--color-accent-primary)}.tech-item-icon{width:clamp(14px,4vw,18px);height:clamp(14px,4vw,18px);color:var(--color-accent-primary)}.tech-item-name{font-size:var(--text-sm);color:var(--color-text-primary);white-space:nowrap;font-weight:500}@media (max-width:640px){.tech-ticker-row{animation-duration:120s}.tech-ticker-row--reverse{animation-duration:150s}.tech-ticker-row--slow{animation-duration:180s}.tech-ticker-row--fast{animation-duration:100s}.tech-item-name{font-size:clamp(var(--text-xs),3vw,var(--text-sm))}}@media (prefers-reduced-motion:reduce){.tech-ticker-row{animation:none}.tech-ticker-wrapper{-webkit-overflow-scrolling:touch;scrollbar-width:thin;overflow-x:auto}.tech-ticker-content{flex-wrap:wrap}.bento-tile,.project-card,.tech-item-card,.interests-icon-wrapper{transition:none!important}}.bento-tile--location.bento-tile{padding:0;overflow:hidden}.weather-tile-container{border-radius:var(--radius-2xl);width:100%;height:100%;position:relative;overflow:hidden}.weather-tile-bg{background-position:50%;background-repeat:no-repeat;background-size:cover;transition:background .5s;position:absolute;inset:0}.weather-lottie-container{z-index:2;pointer-events:none;width:85%;height:85%;position:absolute;bottom:-10%;right:-10%}.weather-lottie{width:100%;height:100%}.weather-tile-overlay{pointer-events:none;background:linear-gradient(#0000001a 0%,#0003 50%,#00000080 100%);position:absolute;inset:0}.weather-tile-content{bottom:var(--space-4);left:var(--space-4);z-index:10;gap:var(--space-1);flex-direction:column;display:flex;position:absolute}.weather-tile-temp{color:#fff;letter-spacing:-.02em;text-shadow:0 2px 4px #0000004d;font-size:clamp(1.5rem,5vw,2rem);font-weight:700;line-height:1}.weather-tile-location{align-items:center;gap:var(--space-1);font-size:clamp(var(--text-sm),3.5vw,var(--text-base));color:#fff;text-shadow:0 1px 2px #0000004d;font-weight:600;display:flex}.weather-tile-pin{color:#fff;width:clamp(12px,3.5vw,16px);height:clamp(12px,3.5vw,16px)}.weather-tile-meta{align-items:center;gap:var(--space-2);font-size:clamp(var(--text-xs),3vw,var(--text-sm));color:#ffffffd9;text-shadow:0 1px 2px #0000004d;display:flex}.weather-tile-divider{opacity:.6}.data-header{align-items:center;gap:var(--space-2);margin-bottom:var(--space-4);display:flex}.data-icon{width:20px;height:20px;color:var(--color-accent-primary)}.data-metrics{gap:var(--space-4);flex-direction:column;display:flex}.metric{padding:var(--space-3);background:var(--color-bg-tertiary);border-radius:var(--radius-md);flex-direction:column;display:flex}.metric-value{font-family:monospace;font-size:var(--text-2xl);color:var(--color-text-primary);margin-bottom:var(--space-1);font-weight:700}.metric-label{font-size:var(--text-xs);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.05em}.photography-content{height:100%;position:relative}.photography-image-wrapper{width:100%;height:100%;position:relative;overflow:hidden}.photography-image{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;transition:transform var(--transition-slow)}.bento-tile--photography:hover .photography-image{transform:scale(1.05)}.photography-overlay{padding:var(--space-4);opacity:0;transition:opacity var(--transition-base);background:linear-gradient(#0000 40%,#000c 100%);flex-direction:column;justify-content:flex-end;align-items:center;display:flex;position:absolute;inset:0}.bento-tile--photography:hover .photography-overlay{opacity:1}.camera-icon{color:#fff;width:24px;height:24px;margin-bottom:var(--space-2)}.photography-caption{font-size:var(--text-sm);color:#ffffffe6;text-align:center}.photography-label{top:var(--space-4);left:var(--space-4);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:var(--space-2)var(--space-4);border-radius:var(--radius-full);background:#0009;position:absolute}.photography-label .bento-tile__subtitle{color:#fff;margin:0}.photography-loading{background:var(--color-bg-tertiary);justify-content:center;align-items:center;display:flex}.loader-spinner-small{border:2px solid var(--color-border);border-top-color:var(--color-accent-primary);border-radius:50%;width:24px;height:24px;animation:1s linear infinite spin}.photography-placeholder{background:linear-gradient(135deg,var(--color-bg-tertiary),var(--color-bg-secondary));justify-content:center;align-items:center;display:flex}.camera-icon-large{width:48px;height:48px;color:var(--color-text-tertiary)}.strategist-icon-wrapper{width:80px;height:80px;margin:0 auto var(--space-4);background:var(--color-accent-glow);border-radius:var(--radius-xl);justify-content:center;align-items:center;display:flex}.strategist-icon{width:40px;height:40px;color:var(--color-accent-primary)}.strategist-description{font-size:var(--text-sm);color:var(--color-text-tertiary);line-height:1.6}.connect-links{gap:var(--space-3);margin-top:var(--space-4);flex-direction:column;display:flex}.connect-button{align-items:center;gap:var(--space-3);padding:var(--space-3)var(--space-4);background:var(--color-bg-tertiary);border-radius:var(--radius-lg);color:var(--color-text-primary);transition:all var(--transition-fast);text-decoration:none;display:flex}.connect-button:hover{background:var(--brand-color);transform:translate(4px)}.connect-icon{width:20px;height:20px}.connect-label{font-weight:500}.travel-icon-wrapper{width:80px;height:80px;margin:0 auto var(--space-4);background:var(--color-accent-glow);border-radius:var(--radius-xl);justify-content:center;align-items:center;display:flex}.travel-icon{width:40px;height:40px;color:var(--color-accent-primary);animation:3s ease-in-out infinite fly}@keyframes fly{0%,to{transform:translate(0)rotate(-45deg)}50%{transform:translate(8px,-8px)rotate(-45deg)}}.travel-destination{gap:var(--space-2);margin-top:var(--space-4);flex-direction:column;display:flex}.travel-label{font-size:var(--text-sm);color:var(--color-text-tertiary)}.travel-place{font-size:var(--text-2xl);color:var(--color-text-primary);font-weight:700}.reading-header{align-items:center;gap:var(--space-2);margin-bottom:var(--space-4);display:flex}.reading-icon{width:20px;height:20px;color:var(--color-accent-primary)}.book-display{gap:var(--space-4);margin-top:var(--space-4);align-items:center;display:flex}.book-cover{border-radius:var(--radius-sm);width:60px;height:80px;box-shadow:var(--shadow-md);flex-shrink:0;position:relative}.book-spine{border-radius:var(--radius-sm)0 0 var(--radius-sm);background:#0003;width:8px;position:absolute;top:0;bottom:0;left:0}.book-info{flex:1}.book-title{font-size:var(--text-sm);color:var(--color-text-primary);margin-bottom:var(--space-1);font-weight:600;line-height:1.4}.book-author{font-size:var(--text-xs);color:var(--color-text-tertiary)}.bento-tile--interests{background:var(--color-bg-card);grid-area:3/4;overflow:visible}.bento-tile--interests .bento-tile__content{flex-direction:column;height:100%;display:flex}.bento-tile--interests .bento-tile__subtitle{margin-bottom:var(--space-2);flex-shrink:0}.interests-grid{justify-content:center;align-items:center;gap:var(--space-3);flex:1;display:flex}.interests-item{position:relative}.interests-icon-wrapper{border-radius:var(--radius-lg);cursor:pointer;touch-action:manipulation;justify-content:center;align-items:center;width:clamp(44px,12vw,56px);min-width:44px;height:clamp(44px,12vw,56px);min-height:44px;transition:transform .3s;display:flex}@media (hover:hover) and (pointer:fine){.interests-item:hover .interests-icon-wrapper{transform:scale(1.1)}}.interests-icon{width:clamp(20px,5vw,24px);height:clamp(20px,5vw,24px);transition:transform .3s}.interests-tooltip{background:var(--color-bg-tertiary);border:1px solid var(--color-border-hover);border-radius:var(--radius-md);padding:var(--space-2)var(--space-3);opacity:0;visibility:hidden;z-index:9999;pointer-events:none;text-align:center;min-width:min(200px,90vw);max-width:280px;transition:opacity .2s,visibility .2s;position:absolute;top:calc(100% + 12px);left:50%;transform:translate(-50%);box-shadow:0 8px 24px #0006}.interests-tooltip:before{content:"";border:6px solid #0000;border-bottom-color:var(--color-border-hover);position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.interests-tooltip:after{content:"";border:5px solid #0000;border-bottom-color:var(--color-bg-tertiary);margin-bottom:-1px;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}@media (hover:hover) and (pointer:fine){.interests-item:hover .interests-tooltip{opacity:1;visibility:visible}}.interests-tooltip--active{opacity:1;visibility:visible;pointer-events:auto}@media (max-width:640px){.bento-tile--interests{padding:var(--space-3)}.bento-tile--interests .bento-tile__subtitle{font-size:var(--text-sm);margin-bottom:var(--space-2)}.interests-grid{gap:var(--space-2);grid-template-rows:repeat(2,1fr);grid-template-columns:repeat(2,1fr);place-items:center;display:grid}.interests-icon-wrapper{width:40px;min-width:40px;height:40px;min-height:40px}.interests-icon{width:18px;height:18px}.interests-tooltip{min-width:min(280px,90vw);position:fixed;top:auto;bottom:20px;left:50%;transform:translate(-50%)}.interests-tooltip:before,.interests-tooltip:after{display:none}}.interests-tooltip__name{font-size:var(--text-sm);color:var(--color-text-primary);margin-bottom:2px;font-weight:600;display:block}.interests-tooltip__blurb{font-size:var(--text-xs);color:var(--color-text-secondary);line-height:1.4;display:block}.bento-tile--culture{background:var(--color-bg-card);grid-area:2/1/span 2;padding:0;overflow:hidden}.culture-tile-link{color:inherit;height:100%;text-decoration:none;display:block;position:relative}.culture-tile-link:hover .culture-bg-image{transform:scale(1.05)}.culture-bg{border-radius:var(--radius-xl);position:absolute;inset:0;overflow:hidden}.culture-bg-image{-o-object-fit:cover;object-fit:cover;transition:transform var(--transition-slow);filter:blur(2px)}.culture-bg-overlay{background:linear-gradient(#0000008c 0%,#000000a6 60%,#000000eb 100%);position:absolute;inset:0}.culture-content{z-index:1;height:100%;padding:var(--space-4);justify-content:flex-start;gap:var(--space-2);flex-direction:column;display:flex;position:relative}.culture-header-label{align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:#ffffffe6;font-weight:500;display:flex}.culture-type-icon{color:var(--color-accent-secondary);align-items:center;display:flex}.culture-icon-small{width:16px;height:16px}.culture-info{gap:var(--space-1);flex-direction:column;display:flex}.culture-title{font-size:var(--text-lg);color:#fff;font-weight:700;line-height:1.2}.culture-creator{font-size:var(--text-sm);color:#ffffffb3}.culture-slideshow{border-radius:var(--radius-xl);position:absolute;inset:0;overflow:hidden}.culture-slide{opacity:0;transition:opacity .6s ease-in-out;position:absolute;inset:0}.culture-slide--active{opacity:1}.culture-slide--exiting{opacity:0}.culture-slide .culture-bg-image{-o-object-fit:cover;object-fit:cover;transition:transform var(--transition-slow),opacity .6s ease-in-out}.culture-tile-link:hover .culture-slide--active .culture-bg-image{transform:scale(1.05)}.culture-content--transitioning{opacity:0;transition:opacity .3s ease-out}.culture-content:not(.culture-content--transitioning){opacity:1;transition:opacity .3s ease-in .2s}.culture-indicators{bottom:var(--space-3);gap:var(--space-1);z-index:2;display:flex;position:absolute;left:50%;transform:translate(-50%)}.culture-indicator{background:#fff6;border-radius:50%;width:6px;height:6px;transition:all .3s}.culture-indicator--active{background:#ffffffe6;transform:scale(1.2)}.culture-header{gap:var(--space-1);margin-bottom:var(--space-3);flex-direction:column;display:flex}.culture-category{align-items:center;gap:var(--space-1);font-size:var(--text-xs);color:var(--color-accent-primary);text-transform:uppercase;letter-spacing:.05em;font-weight:500;display:flex}.culture-category .culture-icon{width:14px;height:14px}.culture-label{font-size:var(--text-xs);color:var(--color-text-tertiary);font-style:italic}.culture-title{font-size:var(--text-base);color:var(--color-text-primary);margin-bottom:var(--space-1);font-weight:600;line-height:1.3}.culture-creator{font-size:var(--text-sm);color:var(--color-text-secondary);margin-bottom:var(--space-2)}.culture-genre{font-size:var(--text-xs);color:var(--color-text-tertiary);background:var(--color-bg-tertiary);padding:var(--space-1)var(--space-2);border-radius:var(--radius-full);display:inline-block}.bento-tile--quote{background:var(--color-bg-card);grid-area:3/2}.quote-tile-content{flex-direction:column;justify-content:space-between;height:100%;display:flex}.quote-tile-top{align-items:center;display:flex}.quote-icon{width:clamp(16px,4vw,24px);height:clamp(16px,4vw,24px);color:var(--color-accent-secondary)}.quote-tile-body{gap:var(--space-2);flex-direction:column;display:flex}.quote-text{font-size:clamp(var(--text-sm),3.5vw,var(--text-base));color:var(--color-text-primary);font-style:italic;line-height:1.6}.quote-author{font-size:clamp(var(--text-xs),3vw,var(--text-sm));color:var(--color-text-tertiary);font-weight:500}.culture-page{padding-top:var(--space-16)}.culture-page .page-header{margin-bottom:var(--space-12)}.culture-page .back-link{align-items:center;gap:var(--space-2);color:var(--color-text-secondary);font-size:var(--text-sm);margin-bottom:var(--space-6);transition:color var(--transition-base);text-decoration:none;display:inline-flex}.culture-page .back-link:hover{color:var(--color-accent-primary)}.culture-content{gap:var(--space-16);flex-direction:column;display:flex}.culture-section{border-top:1px solid var(--color-border);padding-top:var(--space-8)}.culture-section__header{margin-bottom:var(--space-8)}.culture-section__title{align-items:center;gap:var(--space-3);margin-bottom:var(--space-2);display:flex}.culture-section__title h2{font-size:var(--text-2xl);color:var(--color-text-primary);font-weight:600}.culture-section__title .category-icon{width:28px;height:28px;color:var(--color-accent-primary)}.culture-section__description{font-size:var(--text-base);color:var(--color-text-secondary);max-width:600px}.culture-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(180px,1fr));display:grid}.culture-card{background:var(--color-bg-card);border-radius:var(--radius-lg);border:1px solid var(--color-border);transition:all var(--transition-base);overflow:hidden}.culture-card:hover{box-shadow:var(--shadow-lg);border-color:var(--color-accent-primary);transform:translateY(-4px)}.culture-card__cover{aspect-ratio:2/3;background:var(--color-bg-tertiary);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.culture-card__image{-o-object-fit:cover;object-fit:cover}.culture-card__cover-icon{justify-content:center;align-items:center;display:flex}.culture-card__cover-icon .category-icon{color:#ffffffb3;width:48px;height:48px}.culture-card__info{padding:var(--space-4)}.culture-card__title{font-size:var(--text-lg);color:var(--color-text-primary);margin-bottom:var(--space-1);font-weight:600;line-height:1.3}.culture-card__creator{font-size:var(--text-sm);color:var(--color-text-secondary);margin-bottom:var(--space-3)}.culture-card__meta{gap:var(--space-2);flex-wrap:wrap;display:flex}.culture-card__year,.culture-card__genre,.culture-card__rating{font-size:var(--text-xs);color:var(--color-text-tertiary);background:var(--color-bg-tertiary);padding:var(--space-1)var(--space-2);border-radius:var(--radius-full)}.culture-card__rating{align-items:center;gap:var(--space-1);color:var(--color-accent-primary);display:flex}.culture-card__tooltip{padding:var(--space-3);opacity:0;transition:opacity var(--transition-base);background:#000000e6;justify-content:center;align-items:center;display:flex;position:absolute;inset:0;overflow-y:auto}.culture-card__cover:hover .culture-card__tooltip{opacity:1}.culture-card__tooltip p{font-size:var(--text-xs);color:var(--color-text-primary);text-align:center;max-height:100%;line-height:1.5}@media (max-width:768px){.culture-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.culture-section__title h2{font-size:var(--text-xl)}}.gallery-container{gap:var(--space-5);padding:var(--space-6)0;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));display:grid}.photo-card{border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);cursor:pointer;background:var(--color-bg-secondary);aspect-ratio:4/3;transition:transform .4s cubic-bezier(.22,1,.36,1),box-shadow .4s cubic-bezier(.22,1,.36,1);position:relative;overflow:hidden}.photo-card:hover{transform:translateY(-10px)scale(1.02);box-shadow:0 25px 50px -12px #00000080}.photo-card img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;transition:transform .6s cubic-bezier(.22,1,.36,1);display:block}.photo-card:hover img{transform:scale(1.08)}.photo-card__overlay{padding:var(--space-5);opacity:0;background:linear-gradient(#0000 30%,#0003 65%,#000000d9 100%);flex-direction:column;justify-content:flex-end;transition:opacity .35s;display:flex;position:absolute;inset:0}.photo-card:hover .photo-card__overlay{opacity:1}.photo-card__title{font-family:var(--font-display);font-size:var(--text-base);color:#fff;text-shadow:0 2px 8px #0006;font-weight:600;line-height:1.4}.gallery-loader{padding:var(--space-16);justify-content:center;align-items:center;gap:var(--space-4);flex-direction:column;display:flex}.loader-spinner{border:3px solid var(--color-border);border-top-color:var(--color-accent-primary);border-radius:50%;width:44px;height:44px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.gallery-loader p{color:var(--color-text-secondary);font-size:var(--text-sm)}.gallery-error{padding:var(--space-16);justify-content:center;align-items:center;gap:var(--space-4);text-align:center;flex-direction:column;display:flex}.gallery-error p{color:var(--color-text-tertiary)}.retry-button{padding:var(--space-3)var(--space-6);background:var(--color-accent-primary);color:#fff;border-radius:var(--radius-lg);font-size:var(--text-sm);cursor:pointer;border:none;font-weight:500;transition:all .25s}.retry-button:hover{background:var(--color-accent-secondary);box-shadow:var(--shadow-glow);transform:translateY(-3px)}.lightbox-modern{z-index:1000;padding:var(--space-6);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000f5;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.lightbox-modern__close{top:var(--space-4);right:var(--space-4);color:#fff;border-radius:var(--radius-full);cursor:pointer;z-index:20;background:#ffffff1a;border:1px solid #ffffff26;justify-content:center;align-items:center;width:44px;height:44px;transition:all .2s;display:flex;position:absolute}.lightbox-modern__close:hover{background:#fff3;transform:scale(1.1)}.lightbox-modern__nav{color:#fff;border-radius:var(--radius-full);cursor:pointer;z-index:15;background:#00000080;border:1px solid #ffffff1a;justify-content:center;align-items:center;width:52px;height:52px;transition:all .25s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.lightbox-modern__nav:hover{background:#000000b3;transform:translateY(-50%)scale(1.1)}.lightbox-modern__nav--prev{left:var(--space-4)}.lightbox-modern__nav--next{right:var(--space-4)}.lightbox-modern__content{align-items:center;gap:var(--space-4);width:100%;max-width:1400px;max-height:90vh;padding:var(--space-2);scrollbar-width:thin;scrollbar-color:#fff3 transparent;flex-direction:column;display:flex;overflow-y:auto}.lightbox-modern__content::-webkit-scrollbar{width:6px}.lightbox-modern__content::-webkit-scrollbar-track{background:0 0}.lightbox-modern__content::-webkit-scrollbar-thumb{background-color:#fff3;border-radius:20px}.lightbox-modern__counter{top:var(--space-4);left:var(--space-4);padding:var(--space-2)var(--space-4);border-radius:var(--radius-full);font-size:var(--text-xs);color:#fffc;z-index:20;background:#0009;border:1px solid #ffffff1a;position:absolute;bottom:auto;transform:none}.lightbox-modern__image-container{flex:1;justify-content:center;align-items:center;width:100%;max-height:75vh;display:flex}.lightbox-modern__image{-o-object-fit:contain;object-fit:contain;border-radius:var(--radius-lg);width:auto;max-width:100%;height:auto;max-height:75vh;box-shadow:0 25px 100px -20px #000c}.lightbox-modern__info{align-items:center;gap:var(--space-4);text-align:center;flex-direction:column;width:100%;max-width:700px;display:flex}.lightbox-modern__caption{gap:var(--space-2);flex-direction:column;display:flex}.lightbox-modern__title{font-family:var(--font-display);font-size:var(--text-2xl);color:#fff;font-weight:600;line-height:1.3}.lightbox-modern__description{font-size:var(--text-base);color:#ffffffbf;max-width:600px;line-height:1.6}.lightbox-modern__meta-toggle{align-items:center;gap:var(--space-2);padding:var(--space-2)var(--space-4);border-radius:var(--radius-full);color:#fff9;font-size:var(--text-xs);cursor:pointer;background:#ffffff14;border:1px solid #ffffff1f;font-weight:500;transition:all .2s;display:inline-flex}.lightbox-modern__meta-toggle:hover{color:#ffffffe6;background:#ffffff1f}.lightbox-modern__meta-toggle.active{background:var(--color-accent-glow);border-color:var(--color-accent-primary);color:var(--color-accent-secondary)}.lightbox-modern__meta{width:100%;animation:.3s slideDown}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.lightbox-modern__meta-grid{justify-content:center;gap:var(--space-6);padding:var(--space-4)var(--space-6);border-radius:var(--radius-lg);background:#ffffff0d;flex-wrap:wrap;display:flex}.lightbox-modern__meta-item{align-items:center;gap:var(--space-1);flex-direction:column;display:flex}.lightbox-modern__meta-label{font-size:var(--text-xs);color:#ffffff73;text-transform:uppercase;letter-spacing:.05em}.lightbox-modern__meta-value{font-size:var(--text-sm);color:#ffffffd9;font-weight:500}@media (max-width:1023px){.gallery-container{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}}@media (max-width:768px){.gallery-container{gap:var(--space-3);grid-template-columns:repeat(2,1fr)}.photo-card{border-radius:var(--radius-lg)}.photo-card__overlay{opacity:1;padding:var(--space-3);background:linear-gradient(#0000 50%,#000c 100%)}.photo-card__title{font-size:var(--text-sm)}.lightbox-modern{padding:var(--space-4)}.lightbox-modern__nav{width:40px;height:40px}.lightbox-modern__nav--prev{left:var(--space-2)}.lightbox-modern__nav--next{right:var(--space-2)}.lightbox-modern__title{font-size:var(--text-xl)}.lightbox-modern__description{font-size:var(--text-sm)}.lightbox-modern__meta-grid{gap:var(--space-4);padding:var(--space-3)}}@media (max-width:480px){.gallery-container{gap:var(--space-2);grid-template-columns:1fr 1fr}.photo-card__overlay{padding:var(--space-2)}.photo-card__title{font-size:var(--text-xs);line-height:1.3}.lightbox-modern__content{gap:var(--space-3)}.lightbox-modern__image-container{max-height:60vh}.lightbox-modern__image{border-radius:var(--radius-md);max-height:60vh}.lightbox-modern__info{gap:var(--space-3)}.lightbox-modern__title{font-size:var(--text-lg)}.lightbox-modern__description{font-size:var(--text-xs)}.lightbox-modern__meta-grid{gap:var(--space-3)}}.terminal-container{display:contents}.terminal-container--expanded{z-index:100;padding:var(--space-8);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.terminal-backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:99;background:#000000d9;position:fixed;inset:0}.bento-tile--terminal{background:#0f0f0f;grid-area:span 1/span 3;padding:0;overflow:hidden}.bento-tile--terminal.bento-tile{height:auto;min-height:140px;max-height:none;padding:0}.bento-tile--terminal:hover{transform:none}.terminal-wrapper{width:100%;height:100%;max-height:100%;font-family:Fira Code,SF Mono,Consolas,Monaco,monospace;font-size:var(--text-xs);border-radius:var(--radius-xl);background:#0f0f0f;flex-direction:column;display:flex;overflow:hidden}.terminal-wrapper--expanded{border-radius:var(--radius-xl);border:1px solid #ffffff1a;width:100%;max-width:1000px;height:80vh;box-shadow:0 25px 80px -12px #000c}.terminal-header{padding:var(--space-2)var(--space-3);-webkit-user-select:none;user-select:none;background:linear-gradient(#2a2a2a 0%,#1e1e1e 100%);border-bottom:1px solid #ffffff0d;flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.terminal-controls{align-items:center;gap:var(--space-2);display:flex}.terminal-btn{cursor:pointer;box-sizing:content-box;border-radius:50%;width:10px;height:10px;margin:-6px;padding:6px;transition:filter .15s}.terminal-btn:hover{filter:brightness(1.2)}.terminal-btn--close{background:#ff5f56;box-shadow:0 0 0 1px #00000026}.terminal-btn--minimize{background:#ffbd2e;box-shadow:0 0 0 1px #00000026}.terminal-btn--maximize{background:#27c93f;box-shadow:0 0 0 1px #00000026}.terminal-title{font-size:var(--text-xs);color:#ffffff80;font-weight:500}.terminal-expand-btn{color:#fff6;font-size:var(--text-sm);cursor:pointer;padding:var(--space-2)var(--space-2);border-radius:var(--radius-sm);background:0 0;border:none;justify-content:center;align-items:center;min-width:44px;min-height:44px;line-height:1;transition:all .15s;display:flex}.terminal-expand-btn:hover{color:#fffc;background:#ffffff1a}.terminal-header-compact{background:#ffffff05;border-bottom:1px solid #ffffff0d;flex-shrink:0;justify-content:flex-end;align-items:center;padding:2px 6px;display:flex}.terminal-expand-btn-compact{color:#ffffff59;font-size:var(--text-sm);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;justify-content:center;align-items:center;min-width:20px;min-height:16px;padding:2px 6px;font-weight:300;line-height:1;transition:all .15s;display:flex}.terminal-expand-btn-compact:hover{color:#fffc;background:#ffffff1a}.terminal-body{padding:var(--space-2)var(--space-3);cursor:text;scrollbar-width:thin;scrollbar-color:#ffffff1a transparent;flex:1;min-height:0;overflow:hidden auto}.terminal-body::-webkit-scrollbar{width:6px}.terminal-body::-webkit-scrollbar-track{background:0 0}.terminal-body::-webkit-scrollbar-thumb{background-color:#ffffff1a;border-radius:3px}.terminal-line{white-space:pre-wrap;word-break:break-word;min-height:1.4em;line-height:1.4}.terminal-line--system{color:#00ff41}.terminal-line--command{color:#62d8f9;margin-top:var(--space-2)}.terminal-line--response{color:#ffffffd9}.terminal-line--error{color:#ff5f56}.terminal-input-line{align-items:center;gap:var(--space-2);margin-top:var(--space-2);display:flex}.terminal-prompt{color:#62d8f9;white-space:nowrap;flex-shrink:0}.terminal-input-wrapper{align-items:center;display:inline-flex;position:relative}.terminal-input-mirror{color:#00ff41;white-space:pre;font-family:inherit;font-size:inherit}.terminal-input{color:#0000;width:100%;height:100%;font-family:inherit;font-size:inherit;caret-color:#0000;background:0 0;border:none;outline:none;position:absolute;top:0;left:0}.terminal-input::placeholder{color:#fff3}.terminal-cursor{vertical-align:middle;background:#00ff41;flex-shrink:0;width:7px;height:1em;margin-left:1px;animation:1s step-end infinite blink;display:inline-block}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@media (max-width:1023px){.bento-tile--terminal{grid-column:span 2}.terminal-wrapper--expanded{max-width:95vw;height:85vh}}@media (max-width:640px){.bento-tile--terminal{grid-column:span 1;min-height:180px}.terminal-wrapper{font-size:var(--text-sm)}.terminal-header{padding:var(--space-2)var(--space-3)}.terminal-body{padding:var(--space-3);font-size:var(--text-sm)}.terminal-title{display:none}.terminal-input-line{align-items:flex-start;gap:var(--space-1);flex-direction:column}.terminal-prompt{font-size:var(--text-sm)}.terminal-input{font-size:16px}.terminal-container--expanded{padding:var(--space-4)}.terminal-wrapper--expanded{height:70vh;max-height:calc(100dvh - 100px)}}.bento-tile--playlist{grid-area:4/4;padding:0;overflow:hidden}.bento-tile--playlist.bento-tile{padding:0}.playlist-tile-link{color:inherit;width:100%;height:100%;text-decoration:none;display:block}.playlist-tile-container{border-radius:var(--radius-xl);background:linear-gradient(135deg,#1a1a2e 0%,#16213e 50%,#0f3460 100%);width:100%;height:100%;position:relative;overflow:hidden}.playlist-lottie-container{z-index:0;padding:var(--space-3);justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:absolute;inset:0}.playlist-lottie-container.playlist-lottie-transitioning{opacity:0}.playlist-lottie{width:85%;max-width:85%;height:85%;max-height:85%}.playlist-lottie svg{width:100%!important;height:100%!important}.playlist-tile-overlay{pointer-events:none;z-index:1;background:#00000073;position:absolute;inset:0}.playlist-tile-content{padding:var(--space-3);z-index:2;flex-direction:column;justify-content:space-between;display:flex;position:absolute;inset:0}.playlist-tile-header{justify-content:space-between;align-items:flex-start;display:flex}.playlist-icon-wrapper{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:var(--radius-md);background:#ffffff26;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.playlist-headphones-icon{color:#fff;width:18px;height:18px}.playlist-external-icon{color:#ffffffb3;opacity:0;width:14px;height:14px;transition:opacity var(--transition-base)}.bento-tile--playlist:hover .playlist-external-icon{opacity:1}.playlist-tile-body{flex-direction:column;flex:1;justify-content:flex-end;transition:opacity .3s,transform .3s;display:flex}.playlist-tile-body.playlist-transitioning{opacity:0;transform:translateY(10px)}.playlist-vibe{font-size:var(--text-xs);color:#ffffffb3;text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--space-1)}.playlist-name{font-family:var(--font-display);font-size:var(--text-lg);color:#fff;text-shadow:0 2px 4px #0000004d;margin:0;font-weight:600;line-height:1.3}.playlist-tile-footer{padding-top:var(--space-2);justify-content:center;display:flex}.playlist-dots{gap:var(--space-1);display:flex}.playlist-dot{width:6px;height:6px;transition:all var(--transition-base);background:#fff6;border-radius:50%}.playlist-dot--active{background:#fff;transform:scale(1.2)}@media (max-width:1023px){.bento-tile--playlist{grid-area:span 1/span 1}}@media (max-width:640px){.bento-tile--playlist{grid-column:span 1}.playlist-name{font-size:var(--text-base)}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}