:root{--color-bg:#fafafa;--color-bg-alt:#fff;--color-text:#1a1a2e;--color-text-secondary:#555570;--color-text-muted:#8888a0;--color-accent:#2dd4a8;--color-accent-hover:#22b893;--color-accent-light:#2dd4a81a;--color-border:#e4e4e8;--color-card-bg:#fff;--color-card-shadow:#0000000f;--color-code-bg:#f0f0f5;--color-hero-bg:#2dd4a8;--color-hero-text:#1a1a2e;--color-nav-bg:#fafafad9;--color-btn-text:#1a1a2e;--font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-mono:"JetBrains Mono","Fira Code","Consolas",monospace;--font-heading:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:2rem;--text-4xl:2.5rem;--text-5xl:3.5rem;--text-6xl:4.5rem;--text-7xl:6rem;--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem;--space-4xl:6rem;--space-5xl:8rem;--max-width:1200px;--header-height:72px;--footer-height:56px;--radius-sm:6px;--radius-md:12px;--radius-lg:20px;--radius-full:9999px;--transition-fast:.15s ease;--transition-base:.25s ease;--transition-slow:.4s ease;--shadow-sm:0 1px 3px #0000000f;--shadow-md:0 4px 12px #00000014;--shadow-lg:0 8px 30px #0000001a;--shadow-xl:0 16px 50px #0000001f}[data-scheme=default-dark]{--color-bg:#0f0f1a;--color-bg-alt:#1a1a2e;--color-text:#e8e8f0;--color-text-secondary:#a0a0b8;--color-text-muted:#6e6e88;--color-accent:#2dd4a8;--color-accent-hover:#5aecc6;--color-accent-light:#2dd4a826;--color-border:#2a2a40;--color-card-bg:#1a1a2e;--color-card-shadow:#0000004d;--color-code-bg:#1e1e30;--color-hero-bg:#1a1a2e;--color-hero-text:#e8e8f0;--color-nav-bg:#0f0f1ad9;--color-btn-text:#1a1a2e}[data-scheme=ocean-light]{--color-accent:#3b82f6;--color-accent-hover:#2563eb;--color-accent-light:#3b82f61a;--color-hero-bg:#3b82f6;--color-btn-text:#fff}[data-scheme=ocean-dark]{--color-bg:#0c1222;--color-bg-alt:#131c33;--color-text:#e0e8f5;--color-text-secondary:#94a3c0;--color-text-muted:#5e6e8a;--color-accent:#3b82f6;--color-accent-hover:#60a5fa;--color-accent-light:#3b82f626;--color-border:#1e2d4a;--color-card-bg:#131c33;--color-card-shadow:#0000004d;--color-code-bg:#151f35;--color-hero-bg:#131c33;--color-hero-text:#e0e8f5;--color-nav-bg:#0c1222d9;--color-btn-text:#fff}[data-scheme=sunset-light]{--color-accent:#f97316;--color-accent-hover:#ea580c;--color-accent-light:#f973161a;--color-hero-bg:#f97316;--color-btn-text:#fff}[data-scheme=sunset-dark]{--color-bg:#1a120a;--color-bg-alt:#261a10;--color-text:#f5ece4;--color-text-secondary:#c0a890;--color-text-muted:#8a7560;--color-accent:#f97316;--color-accent-hover:#fb923c;--color-accent-light:#f9731626;--color-border:#3d2a18;--color-card-bg:#261a10;--color-card-shadow:#0000004d;--color-code-bg:#221810;--color-hero-bg:#261a10;--color-hero-text:#f5ece4;--color-nav-bg:#1a120ad9;--color-btn-text:#fff}[data-scheme=rose-light]{--color-accent:#f43f5e;--color-accent-hover:#e11d48;--color-accent-light:#f43f5e1a;--color-hero-bg:#f43f5e;--color-btn-text:#fff}[data-scheme=rose-dark]{--color-bg:#1a0c10;--color-bg-alt:#2a1218;--color-text:#f5e0e5;--color-text-secondary:#c09aa5;--color-text-muted:#8a6570;--color-accent:#f43f5e;--color-accent-hover:#fb7185;--color-accent-light:#f43f5e26;--color-border:#3d1825;--color-card-bg:#2a1218;--color-card-shadow:#0000004d;--color-code-bg:#221015;--color-hero-bg:#2a1218;--color-hero-text:#f5e0e5;--color-nav-bg:#1a0c10d9;--color-btn-text:#fff}[data-scheme=purple-light]{--color-accent:#8b5cf6;--color-accent-hover:#7c3aed;--color-accent-light:#8b5cf61a;--color-hero-bg:#8b5cf6;--color-btn-text:#fff}[data-scheme=purple-dark]{--color-bg:#110c1a;--color-bg-alt:#1a1228;--color-text:#e8e0f5;--color-text-secondary:#a898c0;--color-text-muted:#6e5e88;--color-accent:#8b5cf6;--color-accent-hover:#a78bfa;--color-accent-light:#8b5cf626;--color-border:#2a1e40;--color-card-bg:#1a1228;--color-card-shadow:#0000004d;--color-code-bg:#181030;--color-hero-bg:#1a1228;--color-hero-text:#e8e0f5;--color-nav-bg:#110c1ad9;--color-btn-text:#fff}[data-scheme=gold-light]{--color-accent:#eab308;--color-accent-hover:#ca8a04;--color-accent-light:#eab3081a;--color-hero-bg:#eab308;--color-btn-text:#1a1a2e}[data-scheme=gold-dark]{--color-bg:#1a160a;--color-bg-alt:#262010;--color-text:#f5f0e0;--color-text-secondary:#c0b490;--color-text-muted:#8a7e58;--color-accent:#eab308;--color-accent-hover:#facc15;--color-accent-light:#eab30826;--color-border:#3d3418;--color-card-bg:#262010;--color-card-shadow:#0000004d;--color-code-bg:#221e10;--color-hero-bg:#262010;--color-hero-text:#f5f0e0;--color-nav-bg:#1a160ad9;--color-btn-text:#1a1a2e}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;font-size:16px;overflow-x:hidden}body{font-family:var(--font-sans);background-color:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color var(--transition-base),color var(--transition-base);line-height:1.6;overflow-x:hidden}img,picture,video,canvas,svg{max-width:100%;display:block}input,button,textarea,select{font:inherit}a{color:inherit;text-decoration:none}ul,ol{list-style:none}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);letter-spacing:-.02em;font-weight:800;line-height:1.15}h1{font-size:var(--text-5xl)}h2{font-size:var(--text-4xl)}h3{font-size:var(--text-3xl)}h4{font-size:var(--text-2xl)}p{color:var(--color-text-secondary);line-height:1.7}.container{max-width:var(--max-width);padding:0 var(--space-xl);margin:0 auto}.section{padding:var(--space-5xl)0}.accent{color:var(--color-accent)}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--color-bg)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}::selection{background:var(--color-accent);color:var(--color-bg)}@media (max-width:768px){h1{font-size:var(--text-4xl)}h2{font-size:var(--text-3xl)}h3{font-size:var(--text-2xl)}h4{font-size:var(--text-xl)}.section{padding:var(--space-3xl)0}}@media (max-width:480px){h1{font-size:var(--text-3xl)}h2{font-size:var(--text-2xl)}h3{font-size:var(--text-xl)}.container{padding:0 var(--space-md)}}
.logoloop{--logoloop-gap:32px;--logoloop-logoHeight:28px;position:relative;overflow:clip visible}.logoloop--vertical{height:100%;display:inline-block}.logoloop--scale-hover{padding-top:calc(var(--logoloop-logoHeight)*.1);padding-bottom:calc(var(--logoloop-logoHeight)*.1)}.logoloop__track{will-change:transform;-webkit-user-select:none;user-select:none;z-index:0;width:max-content;display:flex;position:relative}.logoloop--vertical .logoloop__track{flex-direction:column;width:100%;height:max-content}.logoloop__list{align-items:center;margin:0;padding:0;list-style:none;display:flex}.logoloop--vertical .logoloop__list{flex-direction:column}.logoloop__item{margin-right:var(--logoloop-gap);font-size:var(--logoloop-logoHeight);color:var(--color-text-secondary);flex:none;line-height:1;transition:color .3s,transform .3s cubic-bezier(.4,0,.2,1);overflow:visible}.logoloop--vertical .logoloop__item{margin-right:0;margin-bottom:var(--logoloop-gap)}.logoloop__item:last-child{margin-right:var(--logoloop-gap)}.logoloop--vertical .logoloop__item:last-child{margin-right:0;margin-bottom:var(--logoloop-gap)}.logoloop__node{vertical-align:middle;align-items:center;display:inline-flex}.logoloop__item img{height:var(--logoloop-logoHeight);object-fit:contain;width:auto;image-rendering:-webkit-optimize-contrast;-webkit-user-drag:none;pointer-events:none;transition:transform .3s cubic-bezier(.4,0,.2,1);display:block}.logoloop--scale-hover .logoloop__item{overflow:visible}.logoloop--scale-hover .logoloop__item:hover img,.logoloop--scale-hover .logoloop__item:hover .logoloop__node{transform-origin:50%;color:var(--color-accent);transform:scale(1.2)}.logoloop--scale-hover .logoloop__node{transition:transform .3s cubic-bezier(.4,0,.2,1),color .3s}.logoloop__link{color:inherit;border-radius:4px;align-items:center;text-decoration:none;transition:opacity .2s,color .3s;display:inline-flex}.logoloop__link:hover{color:var(--color-accent)}.logoloop__link:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.logoloop__tooltip-wrapper{align-items:center;display:inline-flex;position:relative}.logoloop__tooltip{background:var(--color-card-bg,#1a1a2e);border:1px solid var(--color-border,#2a2a3e);pointer-events:none;opacity:0;visibility:hidden;z-index:100;white-space:normal;text-align:center;border-radius:10px;flex-direction:column;gap:4px;min-width:180px;max-width:240px;padding:10px 14px;transition:opacity .2s,transform .2s,visibility .2s;display:flex;position:absolute;bottom:calc(100% + 12px);left:50%;transform:translate(-50%)translateY(6px);box-shadow:0 8px 24px #00000040}.logoloop__tooltip:after{content:"";border:6px solid #0000;border-top-color:var(--color-border,#2a2a3e);position:absolute;top:100%;left:50%;transform:translate(-50%)}.logoloop__tooltip-wrapper:hover .logoloop__tooltip,.logoloop__tooltip-wrapper--active .logoloop__tooltip{opacity:1;visibility:visible;transform:translate(-50%)translateY(0)}.logoloop__tooltip-wrapper{cursor:pointer;-webkit-tap-highlight-color:transparent}.logoloop__tooltip-title{color:var(--color-text);font-size:.85rem;font-weight:700;line-height:1.3}.logoloop__tooltip-desc{color:var(--color-text-secondary);font-size:.75rem;font-weight:400;line-height:1.5}.logoloop--fade:before,.logoloop--fade:after{content:"";pointer-events:none;z-index:10;width:clamp(24px,8%,120px);position:absolute;top:0;bottom:0}.logoloop--fade:before{background:linear-gradient(to right,var(--logoloop-fadeColor,var(--color-bg))0%,#0000 100%);left:0}.logoloop--fade:after{background:linear-gradient(to left,var(--logoloop-fadeColor,var(--color-bg))0%,#0000 100%);right:0}.logoloop--vertical.logoloop--fade:before,.logoloop--vertical.logoloop--fade:after{width:100%;height:clamp(24px,8%,120px);left:0;right:0}.logoloop--vertical.logoloop--fade:before{background:linear-gradient(to bottom,var(--logoloop-fadeColor,var(--color-bg))0%,#0000 100%);top:0;bottom:auto}.logoloop--vertical.logoloop--fade:after{background:linear-gradient(to top,var(--logoloop-fadeColor,var(--color-bg))0%,#0000 100%);top:auto;bottom:0}@media (prefers-reduced-motion:reduce){.logoloop__track{transform:translate(0,0)!important}.logoloop__item img,.logoloop__node{transition:none!important}}.featureLoopCard{background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);vertical-align:middle;flex-direction:column;gap:12px;width:300px;height:220px;padding:20px 24px;transition:border-color .3s,box-shadow .3s;display:flex;overflow:hidden}.logoloop__item:has(.featureLoopCard){align-items:center;font-size:1rem;line-height:normal;display:flex}.featureLoopCard:hover{border-color:var(--color-accent);box-shadow:var(--shadow-md)}.featureLoopCard__iconRow{align-items:center;gap:12px;display:flex}.featureLoopCard__icon{color:var(--color-accent);flex-shrink:0;font-size:1.5rem}.featureLoopCard__title{color:var(--color-accent);white-space:nowrap;text-overflow:ellipsis;font-size:1.05rem;font-weight:700;overflow:hidden}.featureLoopCard__desc{color:var(--color-text-secondary);-webkit-line-clamp:5;line-clamp:5;-webkit-box-orient:vertical;flex:1;font-size:.85rem;line-height:1.6;display:-webkit-box;overflow:hidden}.projectLoopCard{background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);vertical-align:middle;flex-direction:column;width:320px;height:220px;transition:border-color .3s,box-shadow .3s;display:flex;overflow:hidden}.logoloop__item:has(.projectLoopCard){align-items:center;font-size:1rem;line-height:normal;display:flex}.projectLoopCard:hover{border-color:var(--color-accent);box-shadow:var(--shadow-lg)}.projectLoopCard__info{flex-direction:column;flex:1;gap:10px;padding:20px 24px;display:flex;overflow:hidden}.projectLoopCard__title{color:var(--color-accent);white-space:nowrap;text-overflow:ellipsis;font-size:1.1rem;font-weight:700;overflow:hidden}.projectLoopCard__desc{color:var(--color-text-secondary);-webkit-line-clamp:4;line-clamp:4;-webkit-box-orient:vertical;flex:1;font-size:.85rem;line-height:1.6;display:-webkit-box;overflow:hidden}.projectLoopCard__tags{flex-wrap:wrap;gap:6px;margin-top:auto;display:flex}.projectLoopCard__tag{background:var(--color-accent-light);color:var(--color-accent);border-radius:999px;padding:3px 10px;font-size:.72rem;font-weight:500}.portfolioLoopCard{background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);vertical-align:middle;flex-direction:column;width:400px;height:300px;padding:24px 28px;transition:border-color .3s,box-shadow .3s;display:flex;position:relative;overflow:hidden}.portfolioLoopCard:before{content:"";background:var(--color-accent);opacity:0;height:3px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.logoloop__item:has(.portfolioLoopCard){align-items:center;font-size:1rem;line-height:normal;display:flex}.portfolioLoopCard:hover{border-color:var(--color-accent);box-shadow:var(--shadow-lg)}.portfolioLoopCard:hover:before{opacity:1}.portfolioLoopCard__label{text-transform:uppercase;letter-spacing:.08em;color:var(--color-accent);margin-bottom:6px;font-size:.7rem;font-weight:600}.portfolioLoopCard__title{color:var(--color-text);letter-spacing:-.02em;margin-bottom:8px;font-size:1.3rem;font-weight:800}.portfolioLoopCard__desc{color:var(--color-text-secondary);-webkit-line-clamp:4;line-clamp:4;-webkit-box-orient:vertical;flex:1;font-size:.82rem;line-height:1.65;display:-webkit-box;overflow:hidden}.portfolioLoopCard__tags{flex-wrap:wrap;gap:6px;margin-top:auto;margin-bottom:10px;display:flex}.portfolioLoopCard__tag{background:var(--color-accent-light);color:var(--color-accent);border-radius:999px;padding:3px 10px;font-size:.7rem;font-weight:500}.portfolioLoopCard__arrow{color:var(--color-accent);margin-top:auto;font-size:.82rem;font-weight:600}@media (max-width:768px){.logoloop{--logoloop-gap:24px;--logoloop-logoHeight:24px}.logoloop__tooltip{min-width:150px;max-width:200px;padding:8px 12px}.logoloop__tooltip-title{font-size:.8rem}.logoloop__tooltip-desc{font-size:.7rem}.projectLoopCard{width:280px;height:200px}.projectLoopCard__info{gap:8px;padding:16px 18px}.featureLoopCard{width:260px;height:170px;padding:16px 18px}.featureLoopCard__title{font-size:.95rem}.featureLoopCard__desc{-webkit-line-clamp:3;line-clamp:3;font-size:.8rem}}@media (max-width:480px){.logoloop{--logoloop-gap:20px;--logoloop-logoHeight:20px}.projectLoopCard{width:240px;height:190px}.projectLoopCard__info{gap:6px;padding:14px 16px}.projectLoopCard__title{font-size:.95rem}.projectLoopCard__desc{-webkit-line-clamp:3;line-clamp:3;font-size:.78rem}.projectLoopCard__tag{padding:2px 8px;font-size:.65rem}.portfolioLoopCard{width:290px;height:250px;padding:16px 18px}.portfolioLoopCard__title{font-size:1.05rem}.portfolioLoopCard__desc{-webkit-line-clamp:3;line-clamp:3;font-size:.75rem}.portfolioLoopCard__tag{padding:2px 8px;font-size:.65rem}.featureLoopCard{gap:8px;width:230px;height:160px;padding:14px 16px}.featureLoopCard__icon{font-size:1.25rem}.featureLoopCard__title{font-size:.9rem}.featureLoopCard__desc{font-size:.75rem}}
.Header-module__KppamW__header{z-index:100;height:var(--header-height);background:var(--color-nav-bg);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--color-border);transition:background var(--transition-base),border-color var(--transition-base),box-shadow var(--transition-base);position:fixed;top:0;left:0;right:0;overflow:visible}.Header-module__KppamW__headerInner{height:100%;padding:0 clamp(var(--space-md),4vw,var(--space-xl))0 clamp(var(--space-lg),8vw,10rem);justify-content:space-between;align-items:center;display:flex}.Header-module__KppamW__logo{align-items:center;text-decoration:none;display:inline-flex}.Header-module__KppamW__logoText{font-size:var(--text-xl);letter-spacing:-.03em;color:var(--color-text);transition:color var(--transition-fast),text-shadow var(--transition-fast);font-weight:800}.Header-module__KppamW__logo:hover .Header-module__KppamW__logoText{color:var(--color-accent);text-shadow:0 0 20px color-mix(in srgb,var(--color-accent)40%,transparent)}.Header-module__KppamW__logoAccent{color:var(--color-accent);transition:transform var(--transition-fast);display:inline-block}.Header-module__KppamW__logo:hover .Header-module__KppamW__logoAccent{transform:scale(1.3)}.Header-module__KppamW__nav{align-items:center;gap:var(--space-xs);display:flex;position:relative}.Header-module__KppamW__navPill{background:var(--color-accent);pointer-events:none;z-index:0;height:36px;box-shadow:0 0 12px color-mix(in srgb,var(--color-accent)30%,transparent);border-radius:999px;position:absolute;top:50%;transform:translateY(-50%)}.Header-module__KppamW__navLink{z-index:1;padding:8px var(--space-md);font-size:var(--text-sm);color:var(--color-text-secondary);-webkit-user-select:none;user-select:none;border-radius:999px;font-weight:500;transition:color .15s;position:relative}.Header-module__KppamW__navLink:hover{color:var(--color-text-secondary)}.Header-module__KppamW__navLinkActive{color:var(--color-accent);font-weight:600}.Header-module__KppamW__navLinkPillActive,.Header-module__KppamW__navLinkPillActive:hover{color:#fff}.Header-module__KppamW__navActions{align-items:center;gap:var(--space-sm);display:flex}.Header-module__KppamW__mobileMenuBtn{cursor:pointer;border-radius:var(--radius-sm);width:40px;height:40px;transition:background var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:none}.Header-module__KppamW__mobileMenuBtn:hover{background:var(--color-accent-light)}.Header-module__KppamW__hamburger{flex-direction:column;justify-content:center;align-items:center;gap:5px;width:22px;height:22px;display:flex;position:relative}.Header-module__KppamW__hamburgerLine{background:var(--color-text);transform-origin:50%;border-radius:2px;width:100%;height:2px;transition:transform .35s cubic-bezier(.16,1,.3,1),opacity .25s,width .35s cubic-bezier(.16,1,.3,1);display:block}.Header-module__KppamW__hamburgerLine:nth-child(2){width:70%}.Header-module__KppamW__mobileMenuBtnOpen .Header-module__KppamW__hamburgerLine:first-child{transform:translateY(7px)rotate(45deg)}.Header-module__KppamW__mobileMenuBtnOpen .Header-module__KppamW__hamburgerLine:nth-child(2){opacity:0;width:0}.Header-module__KppamW__mobileMenuBtnOpen .Header-module__KppamW__hamburgerLine:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.Header-module__KppamW__mobileMenu{top:var(--header-height);height:calc(100dvh - var(--header-height));background:var(--color-bg-alt);padding:var(--space-xl);z-index:9999;justify-content:center;gap:var(--space-sm);flex-direction:column;display:flex;position:fixed;left:0;right:0}.Header-module__KppamW__mobileNavLink{align-items:center;gap:var(--space-md);padding:var(--space-lg)var(--space-md);font-size:var(--text-2xl);color:var(--color-text);border-radius:var(--radius-md);transition:background var(--transition-fast),color var(--transition-fast),transform var(--transition-fast);letter-spacing:-.02em;font-weight:700;display:flex}.Header-module__KppamW__mobileNavLink:hover{background:var(--color-accent-light);color:var(--color-accent);transform:translate(8px)}.Header-module__KppamW__mobileNavLinkActive{color:var(--color-accent)}.Header-module__KppamW__mobileNavNumber{font-size:var(--text-sm);color:var(--color-accent);opacity:.5;min-width:24px;font-family:monospace;font-weight:400}@media (max-width:768px){.Header-module__KppamW__nav{display:none}.Header-module__KppamW__mobileMenuBtn{display:flex}.Header-module__KppamW__logoText{font-size:var(--text-lg)}.Header-module__KppamW__headerInner{padding:0 var(--space-md)0 var(--space-lg)}}@media (max-width:480px){.Header-module__KppamW__headerInner{padding:0 var(--space-sm)0 var(--space-md)}.Header-module__KppamW__logoText{font-size:var(--text-base)}.Header-module__KppamW__mobileNavLink{font-size:var(--text-xl);padding:var(--space-md)var(--space-sm)}}
.ThemePicker-module__eEFAia__wrapper{position:relative}.ThemePicker-module__eEFAia__trigger{width:40px;height:40px;color:var(--color-text-secondary);border-radius:var(--radius-sm);cursor:pointer;font-size:var(--text-xl);transition:color var(--transition-fast),background var(--transition-fast),transform var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.ThemePicker-module__eEFAia__trigger:hover{color:var(--color-accent);background:var(--color-accent-light)}.ThemePicker-module__eEFAia__triggerActive{color:var(--color-accent);background:var(--color-accent-light);transform:rotate(-15deg)}.ThemePicker-module__eEFAia__dropdown{background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);width:220px;box-shadow:var(--shadow-lg);padding:var(--space-sm);z-index:200;opacity:0;pointer-events:none;transition:opacity var(--transition-fast),transform var(--transition-fast);position:absolute;top:calc(100% + 8px);right:0;transform:translateY(-8px)scale(.95)}.ThemePicker-module__eEFAia__dropdownOpen{opacity:1;pointer-events:all;transform:translateY(0)scale(1)}.ThemePicker-module__eEFAia__dropdownLabel{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted);padding:var(--space-xs)var(--space-sm);margin-bottom:var(--space-xs);font-weight:600}.ThemePicker-module__eEFAia__option{align-items:center;gap:var(--space-sm);width:100%;padding:8px var(--space-sm);color:var(--color-text-secondary);font-size:var(--text-sm);border-radius:var(--radius-sm);cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast);background:0 0;border:none;font-weight:500;display:flex}.ThemePicker-module__eEFAia__option:hover{background:var(--color-accent-light);color:var(--color-text)}.ThemePicker-module__eEFAia__optionActive{background:var(--color-accent-light);color:var(--color-accent)}.ThemePicker-module__eEFAia__swatch{width:16px;height:16px;transition:border-color var(--transition-fast);border:2px solid #0000;border-radius:50%;flex-shrink:0}.ThemePicker-module__eEFAia__optionActive .ThemePicker-module__eEFAia__swatch{border-color:var(--color-accent)}.ThemePicker-module__eEFAia__optionLabel{text-align:left;flex:1}.ThemePicker-module__eEFAia__optionCheck{font-size:var(--text-xs);color:var(--color-accent)}.ThemePicker-module__eEFAia__divider{background:var(--color-border);height:1px;margin:var(--space-xs)0}@media (max-width:480px){.ThemePicker-module__eEFAia__dropdown{width:190px;right:-8px}.ThemePicker-module__eEFAia__option{padding:10px var(--space-sm)}}
.Footer-module__UDEoiW__footer{z-index:100;height:var(--footer-height);border-top:1px solid var(--color-border);background:var(--color-bg-alt);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:background var(--transition-base),border-color var(--transition-base);padding:0;position:fixed;bottom:0;left:0;right:0}.Footer-module__UDEoiW__footerInner{height:100%;padding:0 clamp(var(--space-lg),8vw,10rem);justify-content:space-between;align-items:center;gap:var(--space-lg);flex-wrap:nowrap;display:flex}.Footer-module__UDEoiW__footerLeft{align-items:center;gap:var(--space-sm);display:flex}.Footer-module__UDEoiW__footerName{font-size:var(--text-sm);color:var(--color-text);font-weight:700}.Footer-module__UDEoiW__footerCopy{font-size:var(--text-sm);color:var(--color-text-muted)}.Footer-module__UDEoiW__socialLinks{align-items:center;gap:var(--space-md);display:flex}.Footer-module__UDEoiW__socialLink{border-radius:var(--radius-sm);width:32px;height:32px;color:var(--color-text-secondary);font-size:var(--text-base);transition:color var(--transition-fast),background var(--transition-fast),transform var(--transition-fast);justify-content:center;align-items:center;display:flex}.Footer-module__UDEoiW__socialLink:hover{color:var(--color-accent);background:var(--color-accent-light);transform:translateY(-2px)}@media (max-width:768px){.Footer-module__UDEoiW__footerInner{padding:0 var(--space-md)}.Footer-module__UDEoiW__footerLeft{flex-direction:column;align-items:flex-start;gap:2px}}@media (max-width:480px){.Footer-module__UDEoiW__footerInner{padding:0 var(--space-sm);gap:var(--space-sm)}.Footer-module__UDEoiW__footerName,.Footer-module__UDEoiW__footerCopy{font-size:var(--text-xs)}.Footer-module__UDEoiW__socialLink{width:28px;height:28px;font-size:var(--text-sm)}.Footer-module__UDEoiW__socialLinks{gap:var(--space-sm)}}