@charset "UTF-8";:root{--font-display: "Urbanist", sans-serif;--font-body: "Sora", sans-serif;--font-mono: "JetBrains Mono", monospace;--c-green: #17C662;--c-orange: #FF7518;--c-pink: #FF2D87;--c-blue: #4A90FF;--c-purple: #9B59FF;--c-yellow: #FFD600;--c-red: #FF453A;--c-amber: #FF9500;--c-teal: #00C2A8;--grad-projects: linear-gradient(145deg, #2ECC71, #17C662, #0a9e4d);--grad-blog: linear-gradient(145deg, #5BA4FF, #3A7BD5, #1a4fa0);--grad-about: linear-gradient(145deg, #00D2AE, #00B894, #007a62);--grad-skills: linear-gradient(145deg, #A855F7, #7B2FFF, #5b1fc4);--grad-now: linear-gradient(145deg, #FF6B6B, #FF453A, #cc2020);--grad-contact: linear-gradient(145deg, #FFB830, #FF9500, #cc7000);--grad-chat: linear-gradient(145deg, #17C662, #4A90FF, #7B2FFF);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--sp-1: var(--space-1);--sp-2: var(--space-2);--sp-3: var(--space-3);--sp-4: var(--space-4);--sp-5: var(--space-5);--sp-6: var(--space-6);--sp-8: var(--space-8);--sp-10: var(--space-10);--sp-12: var(--space-12);--sp-16: var(--space-16);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 26px;--radius-2xl: 36px;--radius-full: 9999px;--r-sm: var(--radius-sm);--r-md: var(--radius-md);--r-lg: var(--radius-lg);--r-xl: var(--radius-xl);--r-2xl: var(--radius-2xl);--r-full: var(--radius-full);--r-window: 26px;--r-widget: 23px;--r-icon-sm: 14px;--r-icon-md: 17px;--r-icon-hero: 13px;--z-wallpaper: 0;--z-home: 10;--z-sheet: 20;--z-subsheet: 30;--z-statusbar: 40;--z-dock: 40;--z-toast: 100;--z-status-bar: 40;--z-modal: 50;--glass-blur-popup: 12px;--glass-blur-thin: 16px;--glass-blur-regular: 24px;--glass-blur-thick: 32px;--glass-blur-lock-notif: 32px;--glass-blur-dock: 28px;--glass-blur-navbar: 20px;--glass-blur-btn: 16px;--traffic-red: #FF5F57;--traffic-yellow: #FEBC2E;--traffic-green: #28C840;--traffic-size: 12px;--traffic-gap: 8px;--traffic-offset: 20px;--focus-ring: 0 0 0 3px rgba(74, 144, 255, .55);--ease-spring: cubic-bezier(.16, 1, .3, 1);--ease-bouncy: cubic-bezier(.34, 1.56, .64, 1);--ease-gentle: cubic-bezier(.25, .46, .45, .94);--ease-out: ease-out;--ease-in: ease-in;--dur-press: .12s;--dur-release: .28s;--dur-fast: .18s;--dur-normal: .28s;--dur-open: .35s;--dur-slow: .4s;--duration-fast: .18s;--duration-normal: .26s;--duration-slow: .38s;--surface-phone-light: #f0eff8;--surface-phone-dark: #0e0d14;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--color-success: #17C662;--color-danger: #FF453A;--color-warning: #FF9500;--color-accent: #7b6cff;--color-accent-subtle: rgba(123, 108, 255, .15);--color-accent-hover: #9b8fff;--shadow-accent: 0 0 24px rgba(123, 108, 255, .25)}.dark,:root{--bg: #0e0d14;--surface: #16151e;--surface-raised: #1e1d28;--text1: #F0F0F5;--text2: rgba(240, 240, 245, .55);--text3: rgba(240, 240, 245, .3);--text4: rgba(240, 240, 245, .18);--border: rgba(255, 255, 255, .08);--border-strong: rgba(255, 255, 255, .16);--divider: rgba(255, 255, 255, .08);--glass-bg: rgba(18, 18, 22, .28);--glass-blur: 20px;--glass-border: rgba(255, 255, 255, .1);--glass-border-top: rgba(255, 255, 255, .2);--glass-shadow: 0 4px 30px rgba(0,0,0,.4), inset 0 1px 0 rgba(255,255,255,.14), inset 1px 0 rgba(255,255,255,.05), inset -1px 0 rgba(255,255,255,.05);--surface-card: rgba(255, 255, 255, .06);--blob-blend: screen;--blob-bg-1: radial-gradient(ellipse at 50% 50%, rgba(255, 95, 10, .5) 0%, rgba(200, 50, 0, .22) 55%, transparent 100%);--blob-bg-2: radial-gradient(ellipse at 50% 50%, rgba(130, 20, 255, .45) 0%, rgba(80, 0, 180, .2) 55%, transparent 100%);--blob-bg-3: radial-gradient(ellipse at 50% 50%, rgba(255, 10, 110, .42) 0%, rgba(200, 0, 70, .18) 55%, transparent 100%);--blob-bg-4: radial-gradient(ellipse at 50% 50%, rgba(30, 90, 255, .45) 0%, rgba(10, 40, 200, .2) 55%, transparent 100%);--blob-bg-5: radial-gradient(ellipse at 50% 50%, rgba(10, 200, 100, .35) 0%, rgba(0, 140, 60, .15) 55%, transparent 100%);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .4);--shadow-md: 0 4px 16px rgba(0, 0, 0, .5);--shadow-lg: 0 12px 40px rgba(0, 0, 0, .6);--color-bg: #0e0d14;--color-surface: #16151e;--color-surface-raised: #1e1d28;--color-text-primary: #F0F0F5;--color-text-secondary: rgba(240, 240, 245, .55);--color-text-muted: rgba(240, 240, 245, .3);--color-border: rgba(255, 255, 255, .08);--color-border-strong: rgba(255, 255, 255, .16);--blob-1: rgba(255, 95, 10, .8);--blob-2: rgba(130, 20, 255, .75);--blob-3: rgba(255, 10, 110, .7);--blob-4: rgba(30, 90, 255, .75);--blob-5: rgba(10, 200, 100, .6)}.light{--bg: #ffffff;--surface: #ffffff;--surface-raised: #f8f7fd;--text1: #1a1a2e;--text2: rgba(0, 0, 0, .55);--text3: rgba(0, 0, 0, .35);--text4: rgba(0, 0, 0, .18);--border: rgba(0, 0, 0, .08);--border-strong: rgba(0, 0, 0, .16);--divider: rgba(0, 0, 0, .08);--glass-bg: rgba(255, 255, 255, .1);--glass-blur: 20px;--glass-border: rgba(255, 255, 255, .2);--glass-border-top: rgba(255, 255, 255, .4);--glass-shadow: 0 4px 30px rgba(0,0,0,.1), inset 0 1px 0 rgba(255,255,255,.4), inset 1px 0 rgba(255,255,255,.15), inset -1px 0 rgba(255,255,255,.15);--surface-card: rgba(255, 255, 255, .72);--blob-blend: multiply;--blob-bg-1: radial-gradient(ellipse at 50% 50%, rgba(255, 130, 30, .92) 0%, rgba(255, 80, 0, .65) 50%, transparent 100%);--blob-bg-2: radial-gradient(ellipse at 50% 50%, rgba(160, 40, 255, .88) 0%, rgba(110, 0, 220, .55) 50%, transparent 100%);--blob-bg-3: radial-gradient(ellipse at 50% 50%, rgba(255, 30, 130, .85) 0%, rgba(210, 0, 90, .5) 50%, transparent 100%);--blob-bg-4: radial-gradient(ellipse at 50% 50%, rgba(50, 100, 255, .85) 0%, rgba(20, 50, 210, .5) 50%, transparent 100%);--blob-bg-5: radial-gradient(ellipse at 50% 50%, rgba(255, 190, 0, .8) 0%, rgba(220, 140, 0, .45) 50%, transparent 100%);--shadow-sm: 0 1px 4px rgba(0, 0, 0, .1);--shadow-md: 0 4px 16px rgba(0, 0, 0, .12);--shadow-lg: 0 12px 40px rgba(0, 0, 0, .15);--color-bg: #ffffff;--color-surface: #ffffff;--color-surface-raised: #f8f7fd;--color-text-primary: #1a1a2e;--color-text-secondary: rgba(0, 0, 0, .55);--color-text-muted: rgba(0, 0, 0, .35);--color-border: rgba(0, 0, 0, .08);--color-border-strong: rgba(0, 0, 0, .16);--blob-1: rgba(255, 130, 30, .65);--blob-2: rgba(160, 40, 255, .6);--blob-3: rgba(255, 30, 130, .55);--blob-4: rgba(50, 100, 255, .6);--blob-5: rgba(255, 190, 0, .55)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%;text-size-adjust:100%}body{min-height:100dvh;overflow:hidden;background-color:var(--color-bg);color:var(--color-text-primary);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img,video,svg{display:block;max-width:100%}button,input,select,textarea{font:inherit;color:inherit;background:none;border:none;outline:none;cursor:pointer}a{color:inherit;text-decoration:none}ul,ol{list-style:none}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:700;line-height:1.2}@font-face{font-family:Urbanist;font-style:normal;font-weight:300 800;font-display:swap;src:local("Urbanist"),local("Urbanist-Regular")}@font-face{font-family:Sora;font-style:normal;font-weight:300 600;font-display:swap;src:local("Sora"),local("Sora-Regular")}@font-face{font-family:Barlow;font-style:normal;font-weight:700 800;font-display:swap;src:local("Barlow"),local("Barlow-Bold")}@font-face{font-family:Tulpen One;font-style:normal;font-weight:400;font-display:swap;src:local("Tulpen One"),local("TulpenOne-Regular")}@keyframes drift-1{0%,to{transform:translate(0) scale(1)}30%{transform:translate(55px,-38px) scale(1.07)}65%{transform:translate(-28px,48px) scale(.95)}}@keyframes drift-2{0%,to{transform:translate(0) scale(1)}40%{transform:translate(-65px,28px) scale(1.05)}70%{transform:translate(38px,-55px) scale(.96)}}@keyframes drift-3{0%,to{transform:translate(0) scale(1)}25%{transform:translate(28px,55px) scale(1.06)}60%{transform:translate(-45px,-18px) scale(.93)}}@keyframes blob-drift-1{0%,to{transform:translate(0) scale(1)}33%{transform:translate(60px,-40px) scale(1.08)}66%{transform:translate(-30px,50px) scale(.94)}}@keyframes blob-drift-2{0%,to{transform:translate(0) scale(1)}40%{transform:translate(-70px,30px) scale(1.05)}70%{transform:translate(40px,-60px) scale(.96)}}@keyframes blob-drift-3{0%,to{transform:translate(0) scale(1)}25%{transform:translate(30px,60px) scale(1.06)}60%{transform:translate(-50px,-20px) scale(.92)}}@keyframes blob-drift-4{0%,to{transform:translate(0) scale(1)}35%{transform:translate(-40px,-50px) scale(1.07)}75%{transform:translate(60px,30px) scale(.93)}}@keyframes blob-drift-5{0%,to{transform:translate(0) scale(1)}45%{transform:translate(50px,-30px) scale(1.04)}80%{transform:translate(-30px,40px) scale(.97)}}@keyframes live-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.4);opacity:.7}}@keyframes skeleton-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes hint-float{0%,to{transform:translateY(0);opacity:.5}50%{transform:translateY(-6px);opacity:.9}}@keyframes typing-bounce{0%,60%,to{transform:translateY(0);opacity:.5}30%{transform:translateY(-4px);opacity:1}}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skeleton{background:linear-gradient(90deg,var(--color-surface) 25%,var(--color-surface-raised) 50%,var(--color-surface) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.4s infinite;border-radius:var(--radius-sm)}.glass{position:relative;backdrop-filter:blur(var(--glass-blur-regular)) saturate(180%) brightness(1.04);-webkit-backdrop-filter:blur(var(--glass-blur-regular)) saturate(180%) brightness(1.04)}.light .glass{background:#ffffff2e;border:1px solid rgba(255,255,255,.7);border-top-color:#ffffffeb;box-shadow:0 8px 32px #0000001a,inset 0 1px #ffffffeb,inset 0 2px 4px #ffffff59,inset 0 -1px #fff3}.dark .glass{background:#14141c73;border:1px solid rgba(255,255,255,.12);border-top-color:#ffffff47;box-shadow:0 8px 32px #00000073,inset 0 1px #ffffff3d,inset 0 2px 4px #ffffff14,inset 0 -1px #ffffff0f}.glass:before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(to bottom,rgba(255,255,255,.28) 0%,rgba(255,255,255,.08) 30%,transparent 60%);pointer-events:none;z-index:0}.dark .glass:before{background:linear-gradient(to bottom,rgba(255,255,255,.14) 0%,rgba(255,255,255,.04) 30%,transparent 60%)}.glass>*{position:relative;z-index:1}@supports not (backdrop-filter: blur(1px)){.light .glass{background:#ffffffe0}.dark .glass{background:#14141ceb}}.glass--dock{position:fixed;bottom:max(21px,env(safe-area-inset-bottom));left:50%;transform:translate(-50%);height:64px;padding:0 16px;border-radius:9999px;display:flex;align-items:center;backdrop-filter:blur(var(--glass-blur-dock)) saturate(180%) brightness(1.06);-webkit-backdrop-filter:blur(var(--glass-blur-dock)) saturate(180%) brightness(1.06)}.light .glass--dock{background:#ffffff38;border:1px solid rgba(255,255,255,.7);border-top-color:#ffffffeb;box-shadow:0 12px 40px #00000029,0 4px 12px #0000001a,inset 0 1px #ffffffeb,inset 0 -1px #ffffff2e}.dark .glass--dock{background:#14141c80;border:1px solid rgba(255,255,255,.12);border-top-color:#ffffff42;box-shadow:0 12px 40px #0000008c,inset 0 1px #fff3,inset 0 -1px #ffffff0f}.glass--nav-bar{background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;transition:background .2s ease,backdrop-filter .2s ease,border-color .2s ease,box-shadow .2s ease;border-bottom:1px solid transparent}.light .glass--nav-bar.scrolled{background:#ffffff2e;backdrop-filter:blur(var(--glass-blur-navbar)) saturate(180%);-webkit-backdrop-filter:blur(var(--glass-blur-navbar)) saturate(180%);border-bottom-color:#fff6;box-shadow:0 1px #fff9,inset 0 1px #fffc}.dark .glass--nav-bar.scrolled{background:#14141c73;backdrop-filter:blur(var(--glass-blur-navbar)) saturate(180%);-webkit-backdrop-filter:blur(var(--glass-blur-navbar)) saturate(180%);border-bottom-color:#ffffff14;box-shadow:0 1px #ffffff1a,inset 0 1px #ffffff29}.shortcut-btn{width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;touch-action:manipulation;border:none;backdrop-filter:blur(var(--glass-blur-btn)) saturate(160%) brightness(1.08);-webkit-backdrop-filter:blur(var(--glass-blur-btn)) saturate(160%) brightness(1.08);transition:transform .1s ease,opacity .1s ease}.light .shortcut-btn{background:#ffffff2e;border:1px solid rgba(255,255,255,.7);border-top-color:#ffffffe6;box-shadow:0 4px 16px #0000001f,inset 0 1px #ffffffe6,inset 0 -1px #ffffff26;color:#000000bf}.dark .shortcut-btn{background:#ffffff1f;border:1px solid rgba(255,255,255,.18);border-top-color:#ffffff52;box-shadow:0 4px 16px #00000059,inset 0 1px #ffffff42,inset 0 -1px #ffffff0f;color:#ffffffeb}.shortcut-btn:active{transform:scale(.88);opacity:.6}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--text3);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text2)}*{scrollbar-width:thin;scrollbar-color:var(--text3) transparent}:focus-visible{outline:none;box-shadow:var(--focus-ring)}::selection{background:#4a90ff40;color:var(--text1)}.live-dot{display:inline-block;width:8px;height:8px;border-radius:var(--radius-full);background-color:var(--color-success);animation:live-pulse 1.6s ease-in-out infinite}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}