:root{--font:var(--font-jetbrains), ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--heading-weight:700;--body-weight:400;--bg:#010309;--bg-glow:#08183a;--accent-hi:#c4e8ff;--accent:#4fb8ff;--accent-lo:#1e5bff;--on-metal:#010814;--text:#eef6ff;--glow-1:#0a2a6b;--liquid-1:#1e6bff;--beam-core:#f2fbff;--beam-color:#6fd6ff;--beam-aura:#1e6bff;--status-dot:#4dffb8;--metal:linear-gradient(180deg, color-mix(in srgb, var(--accent-hi) 60%, var(--accent)) 0%, var(--accent) 48%, var(--accent-lo) 100%);--metal-text:linear-gradient(180deg, color-mix(in srgb, var(--accent-hi) 50%, #fff) 0%, color-mix(in srgb, var(--accent-hi) 40%, var(--accent)) 55%, var(--accent) 100%);--text-soft:color-mix(in srgb, var(--text) 72%, transparent);--text-faint:color-mix(in srgb, var(--text) 45%, transparent);--panel-bg:linear-gradient(150deg, color-mix(in srgb, var(--accent-lo) 22%, var(--bg)), var(--bg));--orb-1:color-mix(in srgb, var(--accent-hi) 70%, #fff);--orb-2:var(--accent);--orb-3:color-mix(in srgb, var(--accent-lo) 70%, #000);--btn-glow:color-mix(in srgb, var(--accent) 45%, transparent);--glass-top:color-mix(in srgb, var(--accent) 10%, transparent);--glass-mid:color-mix(in srgb, var(--bg) 40%, transparent);--glass-bottom:color-mix(in srgb, var(--bg) 55%, transparent);--glass-blur:24px;--glass-saturate:160%;--sheen:linear-gradient(120deg, #ffffff1f 0%, #ffffff08 28%, transparent 45%);--glass-shadow:0 30px 70px #000000a6;--glass-highlight:color-mix(in srgb, var(--accent-hi) 30%, transparent);--rim-glow:color-mix(in srgb, var(--accent) 25%, transparent);--inner-bg:color-mix(in srgb, var(--accent) 7%, transparent);--edge:color-mix(in srgb, var(--accent) 30%, transparent);--edge-strong:color-mix(in srgb, var(--accent-hi) 40%, transparent);--electric:var(--accent);--electric-glow-blur:6px;--border-light-1:color-mix(in srgb, var(--accent) 25%, transparent);--border-light-2:var(--accent);--border-light-3:color-mix(in srgb, var(--accent-hi) 50%, #fff);--border-width:2px;--border-speed:6s;--border-speed-btn:2.5s;--radius-lg:28px;--radius-md:20px;--radius-sm:999px;--radius-chip:999px;--page-width:1080px;--section-gap:70px;--card-width:330px;--card-width-mobile:82%;--stars-opacity:.45;--liquid-opacity:.28;--liquid-speed:18s;--beam-max:3;--beam-gap:1.1;--beam-opacity:.45;--dot-red:#e0443a;--dot-yellow:#e2b52b;--dot-green:#3fb24a}
:root[data-theme=blue]{--bg:#010309;--bg-glow:#08183a;--accent-hi:#c4e8ff;--accent:#4fb8ff;--accent-lo:#1e5bff;--on-metal:#010814;--text:#eef6ff;--glow-1:#0a2a6b;--glow-2:#08184a;--liquid-1:#1e6bff;--liquid-2:#00b3ff;--liquid-3:#5a4dff;--beam-core:#f2fbff;--beam-color:#6fd6ff;--beam-aura:#1e6bff}:root[data-theme=cyan]{--bg:#010708;--bg-glow:#052a33;--accent-hi:#c8fbff;--accent:#22d3ee;--accent-lo:#0e7490;--on-metal:#01161a;--text:#ecfdff;--glow-1:#064e5c;--glow-2:#04303a;--liquid-1:#06b6d4;--liquid-2:#22d3ee;--liquid-3:#0ea5e9;--beam-core:#f0feff;--beam-color:#67e8f9;--beam-aura:#0891b2}:root[data-theme=green]{--bg:#010805;--bg-glow:#06301a;--accent-hi:#c9ffd9;--accent:#34d27b;--accent-lo:#0f8a4a;--on-metal:#011a0b;--text:#edfff3;--glow-1:#0b4d2a;--glow-2:#062e19;--liquid-1:#16a34a;--liquid-2:#4ade80;--liquid-3:#10b981;--beam-core:#f2fff6;--beam-color:#86efac;--beam-aura:#16a34a}:root[data-theme=yellow]{--bg:#080701;--bg-glow:#33290a;--accent-hi:#fff3b8;--accent:#facc15;--accent-lo:#b38600;--on-metal:#1a1400;--text:#fffbea;--glow-1:#5a4508;--glow-2:#332705;--liquid-1:#eab308;--liquid-2:#fde047;--liquid-3:#f59e0b;--beam-core:#fffef0;--beam-color:#fde68a;--beam-aura:#eab308}:root[data-theme=orange]{--bg:#090401;--bg-glow:#3a1606;--accent-hi:#ffd8b5;--accent:#ff8a2b;--accent-lo:#d9480f;--on-metal:#1c0a01;--text:#fff5ec;--glow-1:#6b2a08;--glow-2:#3d1705;--liquid-1:#ff7a1a;--liquid-2:#ff4d00;--liquid-3:#ffb15c;--beam-core:#fff8f0;--beam-color:#ffc078;--beam-aura:#ff5a00}:root[data-theme=red]{--bg:#090102;--bg-glow:#3a070c;--accent-hi:#ffc4c8;--accent:#ff4d5e;--accent-lo:#c0122a;--on-metal:#1c0104;--text:#fff0f1;--glow-1:#6b0c16;--glow-2:#3d070d;--liquid-1:#ef233c;--liquid-2:#ff4d6d;--liquid-3:#d00000;--beam-core:#fff2f3;--beam-color:#ff8a95;--beam-aura:#e0102b}:root[data-theme=pink]{--bg:#090107;--bg-glow:#3a0a2c;--accent-hi:#ffc8ec;--accent:#ff5cc8;--accent-lo:#c2187f;--on-metal:#1c0113;--text:#fff0fa;--glow-1:#6b1150;--glow-2:#3d0a2e;--liquid-1:#ec4899;--liquid-2:#f472b6;--liquid-3:#d946ef;--beam-core:#fff2fb;--beam-color:#f9a8d4;--beam-aura:#db2777}:root[data-theme=purple]{--bg:#050109;--bg-glow:#220a3d;--accent-hi:#e2ccff;--accent:#a66bff;--accent-lo:#6d28d9;--on-metal:#0e0219;--text:#f6f0ff;--glow-1:#3b1170;--glow-2:#220a42;--liquid-1:#7c3aed;--liquid-2:#a855f7;--liquid-3:#6366f1;--beam-core:#f8f2ff;--beam-color:#c4b5fd;--beam-aura:#7c3aed}:root[data-theme=gold]{--bg:#070502;--bg-glow:#2e2108;--accent-hi:#fbe7b5;--accent:#e0b04f;--accent-lo:#9a6b14;--on-metal:#1a1102;--text:#fffaf0;--glow-1:#4f3a0c;--glow-2:#2e2107;--liquid-1:#d4a017;--liquid-2:#f0c75e;--liquid-3:#b8860b;--beam-core:#fffbf0;--beam-color:#f5d67b;--beam-aura:#c99a2e}:root[data-theme=silver]{--bg:#050506;--bg-glow:#1d1f24;--accent-hi:#f5f7fa;--accent:#c4cad4;--accent-lo:#6b7280;--on-metal:#0b0c0e;--text:#f5f6f8;--glow-1:#2f333b;--glow-2:#1b1d22;--liquid-1:#9ca3af;--liquid-2:#d1d5db;--liquid-3:#6b7280;--beam-core:#fff;--beam-color:#e5e7eb;--beam-aura:#9ca3af}
:root{box-sizing:border-box;padding-bottom:env(safe-area-inset-bottom,0px)}*,:before,:after{box-sizing:inherit;margin:0}html{scroll-behavior:smooth;scroll-padding-top:24px}body{font-family:var(--font);color:var(--text);background:var(--bg);min-height:100vh;line-height:1.6;overflow-x:hidden}.page{width:min(var(--page-width), 100% - 32px);margin:0 auto;padding:32px 0 140px}section{margin-top:var(--section-gap)}.section-head{justify-content:space-between;align-items:baseline;margin-bottom:18px;padding:0 4px;display:flex}.section-head h2{font-size:1.15rem;font-weight:var(--heading-weight);letter-spacing:.12em;text-transform:uppercase;color:var(--accent-hi)}.section-head a{color:var(--text-soft);letter-spacing:.12em;text-transform:uppercase;font-size:.74rem;text-decoration:none}.section-head a:hover{color:var(--accent-hi)}a:focus-visible,.btn:focus-visible{outline:2px solid var(--accent-hi);outline-offset:3px}@media (max-width:640px){.page{width:calc(100% - 24px);padding-top:16px}section{margin-top:calc(var(--section-gap) * .7)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}html{scroll-behavior:auto}}
:where(.glass){background:var(--sheen), var(--glass-grain), linear-gradient(150deg, var(--glass-top) 0%, var(--glass-mid) 60%, var(--glass-bottom) 100%);border:1px solid var(--edge);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate)) brightness(1.05);box-shadow:var(--glass-shadow), inset 1.5px 1.5px 0 var(--glass-highlight), inset -1px -1px 0 var(--rim-glow), inset 0 -18px 40px -20px var(--rim-glow);position:relative}:where(.glass,.btn):before{content:"";border-radius:inherit;pointer-events:none;border:2px solid var(--electric);filter:blur(var(--electric-glow-blur));opacity:.5;animation:2.6s ease-in-out infinite electric-pulse;position:absolute;inset:-1px}:where(.glass,.btn):hover:before{opacity:.9;animation-duration:.9s}@property --angle{syntax:"<angle>";inherits:false;initial-value:0deg}:where(.glass,.btn):after{content:"";border-radius:inherit;pointer-events:none;padding:var(--border-width);background:conic-gradient(from var(--angle), transparent 0deg 200deg, var(--border-light-1) 250deg, var(--border-light-2) 300deg, var(--border-light-3) 335deg, var(--border-light-2) 350deg, transparent 360deg);-webkit-mask-composite:xor;filter:drop-shadow(0 0 4px var(--electric));animation:border-spin var(--border-speed) linear infinite;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}:where(.btn):after{animation-duration:var(--border-speed-btn)}:where(.glass):hover:after{animation-duration:calc(var(--border-speed) / 3)}:where(.btn):hover:after{animation-duration:calc(var(--border-speed-btn) / 2.5)}.timeline:after{animation-delay:-2.5s}.skills:after{animation-delay:-4.5s}.contact:after{animation-delay:-1s}.dock:after{animation-delay:-3s}@keyframes border-spin{to{--angle:360deg}}.timeline:before{animation-delay:-.8s}.skills:before{animation-delay:-1.6s}.contact:before{animation-delay:-2.1s}@keyframes electric-pulse{0%,to{opacity:.35}45%{opacity:.7}50%{opacity:.95}55%{opacity:.6}}
.actions{flex-wrap:wrap;gap:12px;margin-top:30px;display:flex}.btn{border-radius:var(--radius-sm);font:600 .78rem/1 var(--font);letter-spacing:.06em;text-transform:uppercase;color:var(--text);cursor:pointer;border:1px solid var(--edge-strong);justify-content:center;align-items:center;gap:10px;padding:14px 28px;text-decoration:none;transition:transform .2s,background .2s,color .2s,box-shadow .2s;display:inline-flex;position:relative}:where(.btn):before{animation-duration:1.8s}.btn-primary{background:var(--metal);color:var(--on-metal);box-shadow:0 10px 30px var(--btn-glow), inset 0 2px 1px #ffffff8c, inset 0 -3px 6px #0000004d;border-color:#0000}.btn-ghost{background:var(--sheen), var(--inner-bg);color:var(--accent-hi);-webkit-backdrop-filter:blur(14px)saturate(160%);box-shadow:inset 1px 1px 0 var(--glass-highlight), inset -1px -1px 0 var(--rim-glow)}.btn:hover{transform:translateY(-2px)}.btn-ghost:hover,.btn-ghost:focus-visible{background:var(--metal);color:var(--on-metal);box-shadow:0 10px 30px var(--btn-glow), inset 0 2px 1px #ffffff8c, inset 0 -3px 6px #0000004d;border-color:#0000}@media (max-width:640px){.actions{flex-direction:column;align-items:stretch}.btn{width:100%}}
@font-face{font-family:jetbrainsMono;src:url(../media/JetBrainsMono_Light-s.p.21sm_cumg-23y.woff2)format("woff2");font-display:swap;font-weight:300;font-style:normal}@font-face{font-family:jetbrainsMono;src:url(../media/JetBrainsMono_Regular-s.p.191wd21g92b3l.woff2)format("woff2");font-display:swap;font-weight:400;font-style:normal}@font-face{font-family:jetbrainsMono;src:url(../media/JetBrainsMono_Medium-s.p.1qhstay9-mvz-.woff2)format("woff2");font-display:swap;font-weight:500;font-style:normal}@font-face{font-family:jetbrainsMono;src:url(../media/JetBrainsMono_SemiBold-s.p.1eg80wpbtanh-.woff2)format("woff2");font-display:swap;font-weight:600;font-style:normal}@font-face{font-family:jetbrainsMono;src:url(../media/JetBrainsMono_Bold-s.p.44w45h696nfg6.woff2)format("woff2");font-display:swap;font-weight:700;font-style:normal}@font-face{font-family:jetbrainsMono;src:url(../media/JetBrainsMono_ExtraBold-s.p.1a2le5-kkq64m.woff2)format("woff2");font-display:swap;font-weight:800;font-style:normal}@font-face{font-family:jetbrainsMono Fallback;src:local(Arial);ascent-override:77.57%;descent-override:22.82%;line-gap-override:0.0%;size-adjust:131.49%}.xyAjsq_className{font-family:jetbrainsMono,jetbrainsMono Fallback}.xyAjsq_variable{--font-jetbrains:"jetbrainsMono", "jetbrainsMono Fallback"}
.backdrop{z-index:-1;background:radial-gradient(ellipse at 50% 0%, var(--bg-glow) 0%, color-mix(in srgb, var(--bg-glow) 30%, var(--bg)) 55%, var(--bg) 100%);position:fixed;inset:0;overflow:hidden}.starfield{opacity:var(--stars-opacity);display:block;position:absolute;inset:0}.blob{filter:blur(120px);border-radius:50%;position:absolute}.b1{background:var(--glow-1);opacity:.35;width:40vw;height:30vw;top:-12vw;left:30vw}.b2{background:var(--glow-2);opacity:.4;width:35vw;height:30vw;bottom:-14vw;right:-8vw}.orb{aspect-ratio:1;background:radial-gradient(circle at 38% 32%, var(--orb-1) 0%, var(--orb-2) 35%, var(--orb-3) 70%, transparent 100%);filter:blur(12px);opacity:.9;border-radius:50%;width:clamp(140px,18vw,260px);animation:10s ease-in-out infinite drift;position:absolute;top:18vh;right:12vw}.beams{opacity:var(--beam-opacity);display:block;position:absolute;inset:0}.liquid{filter:blur(40px);opacity:var(--liquid-opacity);mix-blend-mode:screen;animation:morph var(--liquid-speed) ease-in-out infinite, wander calc(var(--liquid-speed) * 1.6) ease-in-out infinite;position:absolute}.l1{background:radial-gradient(circle at 35% 35%, var(--liquid-3), var(--liquid-1) 55%, transparent 75%);width:34vw;height:30vw;top:18vh;left:6vw}.l2{background:radial-gradient(circle at 40% 40%, var(--liquid-1), var(--liquid-2) 60%, transparent 78%);width:28vw;height:26vw;animation-delay:-6s,-9s;top:55vh;right:8vw}.l3{background:radial-gradient(circle at 40% 40%, var(--liquid-3), var(--liquid-2) 65%, transparent 80%);width:22vw;height:22vw;animation-delay:-12s,-4s;top:85vh;left:42vw}@keyframes morph{0%,to{border-radius:42% 58% 63% 37%/41% 44% 56% 59%}33%{border-radius:63% 37% 42% 58%/58% 63% 37% 42%}66%{border-radius:37% 63% 56% 44%/49% 37% 63% 51%}}@keyframes wander{0%,to{transform:translate(0)rotate(0)}50%{transform:translate(6vw,-8vh)rotate(25deg)}}@keyframes drift{0%,to{translate:0}50%{translate:-30px 26px}}@media (max-width:640px){.liquid{filter:blur(30px)}.orb{top:12vh;right:6vw}.l1{width:60vw;height:50vw}.l2{width:50vw;height:45vw}}
.header{z-index:20;border-radius:var(--radius-md);justify-content:space-between;align-items:center;gap:20px;padding:14px 20px;display:flex;position:relative}.brand{color:inherit;align-items:center;gap:12px;text-decoration:none;display:flex}.avatar{background:var(--metal);width:44px;height:44px;color:var(--on-metal);letter-spacing:.04em;border-radius:50%;flex:none;place-items:center;font-size:.9rem;font-weight:700;display:grid;box-shadow:0 6px 18px #00000080,inset 0 1px #fff9}.brand-text{flex-direction:column;line-height:1.25;display:flex}.brand-name{letter-spacing:.02em;font-weight:600}.brand-role{color:var(--accent);letter-spacing:.04em;margin-top:2px;font-size:.72rem}.top-nav{align-items:center;gap:28px;display:flex}.top-nav a{color:var(--text-soft);letter-spacing:.14em;text-transform:uppercase;font-size:.74rem;text-decoration:none;transition:color .2s}.top-nav a:hover{color:var(--accent-hi)}.header-actions{align-items:center;gap:10px;display:flex}.status{white-space:nowrap;color:var(--text-soft);border:1px solid var(--edge);background:var(--inner-bg);border-radius:999px;align-items:center;gap:8px;padding:7px 14px;font-size:.74rem;display:flex}.dot{background:var(--status-dot);width:7px;height:7px;box-shadow:0 0 8px var(--status-dot);border-radius:50%}@media (max-width:960px){.top-nav{display:none}}@media (max-width:640px){.header{flex-direction:column;align-items:flex-start;gap:10px}.header-actions{justify-content:space-between;width:100%}}
.dropdown{display:inline-flex;position:relative}.dropdown-trigger{cursor:pointer;font:inherit;color:var(--text-soft);letter-spacing:.14em;text-transform:uppercase;background:0 0;border:0;align-items:center;gap:6px;padding:0;font-size:.74rem;transition:color .2s;display:inline-flex}.dropdown-trigger:hover,.dropdown.open .dropdown-trigger{color:var(--accent-hi)}.dropdown-trigger:focus-visible{outline:2px solid var(--accent-hi);outline-offset:4px;border-radius:6px}.dropdown-chevron{width:14px;height:14px;transition:transform .25s}.dropdown.open .dropdown-chevron{transform:rotate(180deg)}.dropdown-panel{z-index:30;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .18s,transform .18s,visibility 0s linear .18s;position:absolute;left:50%}.dropdown-down .dropdown-panel{padding-top:16px;top:100%;transform:translate(-50%,-6px)}.dropdown-up .dropdown-panel{padding-bottom:16px;bottom:100%;transform:translate(-50%,6px)}.dropdown.open .dropdown-panel{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .18s,transform .18s,visibility;transform:translate(-50%)}.dropdown-menu{border-radius:var(--radius-md);background:var(--panel-bg);min-width:190px;margin:0;padding:8px;list-style:none}.dropdown-menu a{color:var(--text-soft);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;border-radius:12px;align-items:center;gap:10px;padding:11px 14px;font-size:.78rem;text-decoration:none;transition:background .15s,color .15s;display:flex}.dropdown-menu a:before{content:"";background:var(--accent);width:6px;height:6px;box-shadow:0 0 8px var(--accent);opacity:.5;border-radius:50%;transition:opacity .15s}.dropdown-menu a:hover,.dropdown-menu a:focus-visible{background:var(--inner-bg);color:var(--accent-hi);box-shadow:inset 0 0 0 1px var(--edge);outline:none}.dropdown-menu a:hover:before,.dropdown-menu a:focus-visible:before{opacity:1}
.theme-picker{display:inline-flex;position:relative}.theme-btn{cursor:pointer;width:38px;height:38px;color:var(--accent-hi);background:var(--inner-bg);border:1px solid var(--edge);border-radius:50%;place-items:center;transition:background .2s,transform .2s;display:grid}.theme-btn svg{width:18px;height:18px}.theme-btn:hover,.theme-picker.open .theme-btn{background:color-mix(in srgb, var(--accent) 18%, transparent);transform:rotate(-12deg)}.theme-btn:focus-visible{outline:2px solid var(--accent-hi);outline-offset:3px}.theme-panel{z-index:30;border-radius:var(--radius-md);background:var(--panel-bg);opacity:0;visibility:hidden;pointer-events:none;width:250px;padding:14px;transition:opacity .2s,transform .2s,visibility .2s;position:absolute;top:calc(100% + 16px);right:0;transform:translateY(-6px)}.theme-picker.open .theme-panel{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}.theme-title{letter-spacing:.14em;text-transform:uppercase;color:var(--text-faint);margin:0 4px 10px;font-size:.7rem}.theme-grid{grid-template-columns:1fr 1fr;gap:6px;display:grid}.theme-swatch{cursor:pointer;color:var(--text-soft);font:inherit;letter-spacing:.04em;text-align:left;background:0 0;border:1px solid #0000;border-radius:12px;align-items:center;gap:10px;padding:8px 10px;font-size:.74rem;transition:background .15s,border-color .15s,color .15s;display:flex}.theme-swatch i{background:radial-gradient(circle at 35% 30%, color-mix(in srgb, var(--swatch) 40%, #fff), var(--swatch) 60%, color-mix(in srgb, var(--swatch) 60%, #000));width:18px;height:18px;box-shadow:0 0 10px color-mix(in srgb, var(--swatch) 60%, transparent);border-radius:50%;flex:none}.theme-swatch:hover{background:var(--inner-bg);color:var(--text)}.theme-swatch:focus-visible{outline:2px solid var(--accent-hi);outline-offset:1px}.theme-swatch.active{border-color:var(--edge-strong);background:var(--inner-bg);color:var(--text)}.theme-swatch.active i{box-shadow:0 0 0 2px var(--bg), 0 0 0 3.5px var(--swatch), 0 0 12px var(--swatch)}
.footer{text-align:center;color:var(--text-faint);letter-spacing:.1em;margin-top:40px;font-size:.74rem}
.dock{left:50%;bottom:calc(18px + env(safe-area-inset-bottom,0px));z-index:10;border-radius:999px;gap:6px;padding:8px;display:flex;position:fixed;transform:translate(-50%)}.dock>a{color:var(--text-soft);letter-spacing:.1em;text-transform:uppercase;border-radius:999px;align-items:center;gap:8px;padding:10px 14px;font-size:.74rem;font-weight:600;text-decoration:none;transition:background .2s,color .2s;display:flex}.dock>a svg{flex:none;width:20px;height:20px}.dock>a span{display:none}.dock>a.active{background:var(--metal);color:var(--on-metal);box-shadow:0 6px 16px #0006}.dock>a.active span{display:inline}.dock>a:hover{color:var(--accent-hi)}.dock>a.active:hover{color:var(--on-metal)}.dock .dock-apps .dropdown-trigger{letter-spacing:.1em;border-radius:999px;gap:6px;padding:10px 14px;font-weight:600}.dock .dock-apps .dropdown-trigger svg:first-child{flex:none;width:20px;height:20px}.dock .dock-apps .dropdown-label{display:none}.dock .dock-apps.open .dropdown-trigger{background:var(--inner-bg);box-shadow:inset 0 0 0 1px var(--edge)}.dock .dock-apps .dropdown-panel{left:auto;right:-8px;transform:translateY(6px)}.dock .dock-apps.open .dropdown-panel{transform:translateY(0)}@media (max-width:640px){.dock .dock-apps{flex:1;justify-content:center}.dock .dock-apps .dropdown-trigger{justify-content:center;width:100%;padding:10px 8px}.dock .dock-apps .dropdown-chevron{display:none}.dock{justify-content:space-between;width:calc(100% - 24px)}.dock>a{flex:1;justify-content:center;padding:10px 8px}.dock>a.active span{display:none}}