*{box-sizing:border-box;margin:0;padding:0}html{scrollbar-gutter:stable;background:linear-gradient(270deg,#004459,#3c6e71) 0 0/400% 400%;min-height:100%;animation:12s infinite gradientShift}html.theme-light{background:#f5f5f5;animation:none}html.theme-dark{background:#1a1a1a;animation:none}html.theme-gradient{background:linear-gradient(270deg,#004459,#3c6e71) 0 0/400% 400%;animation:12s infinite gradientShift}@font-face{font-family:NowAlt;src:url(/font/NowAlt-Regular.otf)format("opentype");font-weight:300 700;font-style:normal;font-display:swap}@font-face{font-family:Agraham;src:url(/font/Agraham.otf)format("opentype");font-weight:400;font-style:normal;font-display:swap}:root{--color-text:#2c2c2c;--color-text-light:#666;--color-text-muted:#999;--color-bg:#fff;--grad1:#004459;--grad2:#3c6e71;--color-accent:#bce73c;--color-accent-soft:#a8d435;--border-color:#ffffff1a;--border-color-subtle:#ffffff0f;--border-color-light:#ffffff14;--font-family:"NowAlt", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--line-height:1.6;--spacing-2xs:.25rem;--spacing-xs:.5rem;--spacing-sm:1rem;--spacing-md:1.5rem;--spacing-lg:2rem;--spacing-xl:3rem;--spacing-2xl:4rem;--font-xs:.875rem;--font-sm:1rem;--font-md:1.25rem;--font-lg:1.75rem;--font-xl:2.5rem;--font-2xl:3.5rem;--card-bg-1:#ffffff08;--card-bg-2:#ffffff0d;--card-bg-elevated:#ffffff14;--max-width:1400px}body{font-family:var(--font-family);font-size:16px;line-height:var(--line-height);--color-text:#fff;--color-text-light:#ffffffd9;--color-bg:#0000;color:var(--color-text);background:linear-gradient(270deg, var(--grad1), var(--grad2));scrollbar-gutter:stable;background-size:400% 400%;font-weight:300;animation:12s infinite gradientShift}body.theme-light{--color-text:#020202;--color-text-light:#3b3b3b;--color-text-muted:#666;--color-bg:#f5f5f5;--color-accent:#6cb5b9;--border-color:#00000026;--border-color-subtle:#0000001a;--border-color-light:#0000001f;color:var(--color-text);background:#f5f5f5;animation:none}body.theme-dark{--color-text:#fff;--color-text-light:#ffffffd9;--color-text-muted:#ffffffa6;--color-bg:#1a1a1a;--color-accent:#6cb5b9;--border-color:#ffffff1a;--border-color-subtle:#ffffff0f;--border-color-light:#ffffff14;color:var(--color-text);background:#1a1a1a;animation:none}body.theme-gradient{--color-text:#fff;--color-text-light:#ffffffd9;--color-text-muted:#ffffffa6;--color-bg:#0000;--color-accent:#a8d435;--border-color:#ffffff1a;--border-color-subtle:#ffffff0f;--border-color-light:#ffffff14;color:var(--color-text);background:linear-gradient(270deg, var(--grad1), var(--grad2));background-size:400% 400%;animation:12s infinite gradientShift}@keyframes gradientShift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}#app{min-height:100vh;max-width:var(--max-width);padding:var(--spacing-md);gap:var(--spacing-lg);grid-template-columns:1fr;margin:0 auto;display:grid}.navigation{left:20px;top:var(--spacing-md);width:250px;height:calc(100vh - var(--spacing-md));z-index:20;padding-left:8px;display:block;position:fixed}.nav-list{gap:var(--spacing-xs);flex-direction:column;list-style:none;display:flex}.nav-item{font-size:16px}.nav-link{color:var(--color-text-light);padding:var(--spacing-xs) 0;border-bottom:1px solid #0000;width:-moz-fit-content;width:fit-content;font-size:16px;font-weight:300;text-decoration:none;transition:all .2s;display:block}.nav-link:hover,.nav-link.active{color:var(--color-accent)}.nav-link:hover{border-bottom-color:var(--color-accent)}.nav-link:focus-visible{outline:2px solid var(--color-accent);outline-offset:4px;border-radius:2px}.nav-home{color:var(--color-text);font-weight:400;font-family:"Agraham", var(--font-family);font-size:1.25rem}.nav-text{color:var(--color-text);padding:var(--spacing-xs) 0;font-weight:400;display:block}.main-content{gap:var(--spacing-xl);flex-direction:column;margin-left:250px;display:flex}.hero{padding:var(--spacing-lg) 0;grid-template-columns:minmax(0,1fr) clamp(240px,34vw,430px);align-items:start;gap:clamp(1.25rem,3vw,2.5rem);display:grid}.hero-content{flex-direction:column;flex:1;max-width:none;display:flex}.hero-image-wrapper{aspect-ratio:1;border:1px solid var(--border-color);background:#ffffff0d;border-radius:20px;align-self:center;width:100%;overflow:hidden;box-shadow:0 12px 36px #0000003d}.hero-image{object-fit:cover;width:100%;height:100%;display:block}.hero-prefix{font-size:var(--font-md);color:var(--color-text-light);margin-bottom:var(--spacing-xs);font-weight:300}.hero-title{font-size:var(--font-2xl);font-family:"Agraham", var(--font-family);letter-spacing:-.02em;margin-bottom:var(--spacing-sm);color:var(--color-accent);font-weight:300}@media (max-width:768px){.hero-title{font-size:2.5rem}}.hero-subtitle{font-size:var(--font-md);color:var(--color-text-light);margin-bottom:var(--spacing-md);font-weight:300}.hero-bio{color:var(--color-text);max-width:600px;font-size:1.125rem;line-height:1.7}.hero-updates{margin-top:var(--spacing-md);width:100%}.hero-updates-title{letter-spacing:.08em;text-transform:uppercase;color:var(--color-accent);margin-bottom:.65rem;font-size:.82rem;font-weight:500}.hero-updates-list{scrollbar-gutter:stable;background:0 0;border:none;border-radius:0;max-height:160px;overflow-y:scroll}.hero-updates-list::-webkit-scrollbar{width:8px}.hero-updates-list::-webkit-scrollbar-track{background:0 0}.hero-updates-list::-webkit-scrollbar-thumb{background:var(--border-color-light);border-radius:999px}.hero-updates-list::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}.hero-update-item{border-bottom:1px solid var(--border-color-subtle);align-items:flex-start;gap:.5rem;padding:.72rem .35rem;display:flex}.hero-update-item:last-child{border-bottom:none}.hero-update-text{min-width:0;color:var(--color-text-light);overflow-wrap:anywhere;-webkit-line-clamp:2;-webkit-box-orient:vertical;flex:1;margin:0;font-size:.92rem;line-height:1.5;display:-webkit-box;overflow:hidden}.hero-update-date{color:var(--color-text-light);white-space:nowrap;flex:none;font-size:.76rem}.hero-update-date:after{content:"·";color:var(--color-text-muted);margin-left:.5rem;display:inline-block}.home-section{margin-top:var(--spacing-xl);padding-top:var(--spacing-xl);border-top:1px solid var(--border-color)}.home-section+.home-section{margin-top:var(--spacing-md);padding-top:var(--spacing-md)}.section-title{font-size:var(--font-xl);margin-bottom:var(--spacing-md);color:var(--color-accent);font-weight:300}.section-content{gap:var(--spacing-lg);flex-direction:column;display:flex}.education-item,.experience-item,.learning-item{padding:var(--spacing-md);background:var(--card-bg-1);border:1px solid var(--border-color-light);border-radius:12px;transition:all .3s}.education-item:hover,.experience-item:hover,.learning-item:hover{background:var(--card-bg-2);transform:translateY(-2px)}.item-title{font-size:var(--font-md);color:var(--color-text);margin-bottom:var(--spacing-2xs);font-weight:400}.item-subtitle{color:var(--color-accent);margin-bottom:.5rem;font-size:1rem}.item-year{color:var(--color-text-light);background:#ffffff0d;border-radius:16px;margin-bottom:.75rem;padding:.25rem .75rem;font-size:.9rem;display:inline-block}.item-description{color:var(--color-text-light);margin-top:.5rem;font-size:1rem;line-height:1.6}.resume-link{color:var(--color-text-light);text-align:left;margin-top:1rem;margin-bottom:1rem;font-size:1rem}.resume-link a{color:var(--color-accent);border-bottom:1px solid var(--color-accent);text-decoration:none;transition:opacity .2s}.resume-link a:hover{opacity:.8}.featured-grid{gap:var(--spacing-lg);margin-top:var(--spacing-md);grid-template-columns:repeat(2,1fr);display:grid}.project-box{padding:var(--spacing-xl);background:var(--card-bg-1);border:1px solid var(--border-color-light);cursor:pointer;text-align:center;border-radius:16px;text-decoration:none;transition:all .3s;display:block}.project-box:hover{background:var(--card-bg-elevated);border-color:var(--color-accent);transform:translateY(-8px);box-shadow:0 16px 40px #bce73c40}.project-box:focus-visible{outline:2px solid var(--color-accent);outline-offset:4px}.project-box-image{object-fit:cover;width:100%;height:240px;margin-bottom:var(--spacing-md);border-radius:12px}.project-box-title{color:var(--color-text);margin-bottom:var(--spacing-sm);font-size:1.875rem;font-weight:400;line-height:1.3}.project-box-description{color:var(--color-text-light);font-size:1rem;line-height:1.5}.view-all-link{color:var(--color-text-light);margin-top:var(--spacing-md);text-align:left;margin-bottom:0;font-size:1rem}.view-all-link a{color:var(--color-accent);border-bottom:1px solid var(--color-accent);text-decoration:none;transition:opacity .2s}.view-all-link a:hover{opacity:.8}.nav-social{align-items:center;gap:1.5rem;margin-top:1.5rem;padding-top:1.5rem;display:flex}.social-icon{color:var(--color-text-light);opacity:.9;justify-content:center;align-items:center;text-decoration:none;transition:all .3s;display:inline-flex}.social-icon:focus-visible{outline:2px solid var(--color-accent);outline-offset:4px;border-radius:4px}.social-icon:hover{opacity:1;color:var(--color-accent);transform:translateY(-3px)}.social-icon svg{width:24px;height:24px}@media (max-width:768px){.nav-social{flex-direction:row;justify-content:center;width:100%;margin-top:2rem;padding-top:1.5rem}}.site-footer{margin-top:var(--spacing-xl);padding:var(--spacing-lg) 0;border-top:1px solid var(--border-color);text-align:center;gap:var(--spacing-md);flex-direction:column;align-items:center;display:flex}.footer-social{justify-content:center;align-items:center;gap:1.5rem;display:flex}.footer-text{color:var(--color-text-light);font-size:.9rem}.work-in-progress .wip-content{text-align:center;padding:var(--spacing-xl) 0;justify-content:center;align-items:center;gap:var(--spacing-lg);flex-direction:column;display:flex}.wip-image{border-radius:12px;width:100%;max-width:400px;height:auto}.wip-message{color:var(--color-text);max-width:500px;font-size:1.25rem;line-height:1.6}.content-section{padding:var(--spacing-md) 0;border-bottom:1px solid var(--border-color-subtle)}.content-section:last-child{border-bottom:none}.section-title{margin-bottom:var(--spacing-md);color:var(--color-text);font-size:1.5rem;font-weight:400}.section-content{color:var(--color-text);line-height:1.7}.section-content p{margin-bottom:var(--spacing-sm)}.section-content a{color:var(--color-accent);text-decoration:none}.section-content a:hover{text-decoration:underline}.number-list{gap:var(--spacing-xs);margin-top:var(--spacing-sm);flex-wrap:wrap;justify-content:center;width:auto;display:flex}.number-controls{justify-content:space-between;align-items:center;gap:.75rem;width:100%;display:flex}.number-button{color:var(--color-accent);cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;align-items:center;gap:.5rem;font-size:.95rem;display:inline-flex}.number-button .icon{font-size:14px;line-height:1;display:inline-block}.number-button:hover{color:var(--color-accent)}.number-controls>.number-list{margin:0 auto}.number-item{color:var(--color-accent);cursor:pointer;font-size:14px;font-weight:400;transition:color .12s,transform .12s}.number-item:hover{transform:translateY(-1px)}.number-item.active{color:#fff;font-weight:600}.hamburger{z-index:30;cursor:pointer;background:0 0;border:none;padding:0;display:none;position:fixed;top:1.5rem;left:1.5rem}.hamburger-icon{flex-direction:column;justify-content:space-between;width:28px;height:22px;display:flex;position:relative}.hamburger-icon span{background:var(--color-accent);border-radius:2px;width:100%;height:3px;transition:all .3s;display:block}.hamburger.active .hamburger-icon span:first-child{transform:translateY(9.5px)rotate(45deg)}.hamburger.active .hamburger-icon span:nth-child(2){opacity:0}.hamburger.active .hamburger-icon span:nth-child(3){transform:translateY(-9.5px)rotate(-45deg)}@media (max-width:768px){.hamburger{display:block}#app{padding:var(--spacing-sm) var(--spacing-sm);gap:var(--spacing-md);grid-template-columns:1fr}.navigation{background:inherit;z-index:25;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-right:none;flex-direction:column;justify-content:center;align-items:center;width:100vw;height:100vh;padding:6rem 2rem 2rem;transition:transform .3s;display:flex;position:fixed;top:0;left:0;overflow-y:auto;transform:translate(-100%)}.navigation.active{transform:translate(0)}html.theme-light .navigation{background:#f5f5f5fa}html.theme-dark .navigation{background:#1a1a1afa}html.theme-gradient .navigation{background:linear-gradient(270deg, var(--grad1), var(--grad2));background-size:400% 400%;animation:12s infinite gradientShift}.nav-list{flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;width:100%}.nav-item{text-align:center;font-size:1.5rem}.nav-link{color:#fff;padding:.75rem 0;font-size:1.5rem}html.theme-light .nav-link{color:#1a1a1a}html.theme-dark .nav-link,html.theme-gradient .nav-link{color:#fff}.nav-home{color:#fff;margin-bottom:2rem;font-size:2rem}html.theme-light .nav-home{color:#1a1a1a}html.theme-dark .nav-home,html.theme-gradient .nav-home{color:#fff}.main-content{margin-top:0;margin-left:0;padding-top:4rem}.page-header{padding-top:.25rem;padding-bottom:.1rem}.page-title{font-size:var(--font-xl);margin-bottom:var(--spacing-xs)}.page-content{gap:var(--spacing-sm)}.architecture-block{width:100%}.featured-grid{gap:var(--spacing-md);grid-template-columns:1fr}.hero{align-items:stretch;gap:var(--spacing-lg);flex-direction:column;display:flex}.hero-image-wrapper{order:-1;width:200px;height:200px}.hero-content{text-align:left;margin-top:1.2rem}.hero-bio,.hero-updates{max-width:100%}.hero-updates-list{max-height:190px}.hero-update-item{align-items:center;padding-right:.2rem}.place-image-wrapper{width:100vw;margin:0 calc(-1 * var(--spacing-sm));border-radius:0;max-width:100%!important}.place-image{border-radius:0}.place-info{flex-direction:column;gap:.5rem}.place-location,.place-year{font-size:var(--font-md)}}.page{gap:var(--spacing-lg);flex-direction:column;flex:1;width:100%;min-width:0;min-height:80vh;display:flex}.page-header{padding:var(--spacing-md) 0}.projects-page .page-header{padding-bottom:var(--spacing-sm)}.page-title{font-size:var(--font-xl);letter-spacing:-.02em;margin-bottom:var(--spacing-sm);color:var(--color-accent);font-weight:300}.page-subtitle{font-size:var(--font-md);color:var(--color-text-light);max-width:600px;font-weight:300;line-height:1.5}.page-content{gap:var(--spacing-lg);flex-direction:column;display:flex}.project-card{padding:var(--spacing-md) 0;border-bottom:none}.page-content .project-card:first-child{padding-top:var(--spacing-sm)}.annotation-block{margin-top:2rem}.annotation-title{font-size:var(--font-lg);margin-top:var(--spacing-md);margin-bottom:var(--spacing-md);color:var(--color-text);font-weight:400}.annotation-subtitle{color:var(--color-text);font-size:1rem}.future-work-intro{color:var(--color-text);margin-top:1rem;margin-bottom:.5rem;font-size:1rem}.future-work-list{color:var(--color-text-light);margin-top:.5rem;padding-left:1.5rem;font-size:1rem;line-height:1.6}.future-work-item{margin-bottom:.75rem}.future-work-item:last-child{margin-bottom:0}.annotation-container{column-gap:var(--spacing-lg);row-gap:var(--spacing-md);grid-template-columns:repeat(2,minmax(0,1fr));align-items:flex-start;max-width:900px;margin:2rem 0 0;display:grid}.annotation-image{border-radius:24px;width:280px;height:auto;display:block}.annotation-label{color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#00000073;border:1px solid #ffffffb3;border-radius:999px;max-width:200px;padding:2rem 1rem;font-size:.9rem;line-height:1.4}.annotation-item{align-items:center;gap:var(--spacing-sm);display:flex}.wide-image-container{gap:var(--spacing-xl);flex-direction:column;max-width:900px;margin-top:2rem;display:flex}.wide-image-item{gap:var(--spacing-sm);flex-direction:column;display:flex}.wide-image{border:1px solid var(--border-color-light);border-radius:16px;width:100%;height:auto;display:block}.image-caption{color:var(--color-text-light);text-align:center;font-size:.9rem;font-style:italic;line-height:1.5}.architecture-block{margin-top:var(--spacing-lg);margin-bottom:var(--spacing-lg);max-width:1000px}.architecture-title{font-size:var(--font-lg);margin-top:var(--spacing-md);margin-bottom:var(--spacing-md);color:var(--color-text);font-weight:400}.architecture-subtitle{color:var(--color-text-light);margin-bottom:var(--spacing-md);font-size:.9rem}.architecture-note{color:var(--color-text-light);margin-top:var(--spacing-lg);font-size:.9rem;line-height:1.6}.architecture-note a{color:var(--color-accent);border-bottom:1px solid var(--color-accent);text-decoration:none;transition:opacity .2s}.architecture-note a:hover{opacity:.8}.architecture-note a:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;border-radius:2px}.architecture-image-wrapper{border-radius:24px;overflow:hidden;box-shadow:0 18px 40px #00000073}.architecture-image{width:100%;height:auto;display:block}@media (max-width:768px){.annotation-container{flex-direction:column;align-items:center;gap:1rem;display:flex}.annotation-item{flex-direction:column;align-items:center;gap:.5rem}.annotation-label{margin-top:.25rem}}.project-title{font-size:var(--font-lg);margin-bottom:var(--spacing-sm);color:var(--color-text);font-weight:400}.project-description{color:var(--color-text);margin-bottom:var(--spacing-sm);white-space:pre-line;font-size:1rem;line-height:1.6}.tech-list{gap:var(--spacing-xs);flex-wrap:wrap;margin-bottom:1.5rem;display:flex}.tech-tag{color:var(--color-text);background-color:#ffffff14;border:1px solid #ffffff1f;border-radius:12px;padding:6px 14px;font-size:13px;font-weight:400;transition:all .2s}.education-card{padding:var(--spacing-md) 0;border-bottom:1px solid var(--border-color-subtle)}.education-card:last-child{border-bottom:none}.education-institution{font-size:var(--font-lg);margin-bottom:var(--spacing-xs);color:var(--color-text);font-weight:400}.education-degree{color:var(--color-text-light);margin-bottom:var(--spacing-xs);font-size:1.1rem;font-weight:300}.education-period{color:var(--color-accent);margin-bottom:var(--spacing-sm);font-size:14px;font-weight:400}.education-description{color:var(--color-text);line-height:1.6}.skill-category{padding:var(--spacing-md) 0;border-bottom:1px solid var(--border-color-subtle)}.skill-category:last-child{border-bottom:none}.category-title{font-size:var(--font-lg);margin-bottom:var(--spacing-md);color:var(--color-text);font-weight:400}.skills-grid{gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));display:grid}.skill-item{flex-direction:column;gap:.5rem;display:flex}.skill-name{color:var(--color-text);margin-bottom:.25rem;font-size:.95rem;font-weight:400}.progress-bar{background:#ffffff1a;border-radius:4px;width:100%;height:8px;position:relative;overflow:hidden}body.theme-light .progress-bar{background:#0000001a}body.theme-dark .progress-bar{background:#ffffff1a}.progress-fill{background:linear-gradient(90deg, var(--grad2), var(--color-accent));border-radius:4px;width:0;height:100%;transition:width 1.5s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.progress-fill:after{content:"";background:linear-gradient(90deg,#0000,#ffffff4d,#0000);animation:2s infinite shimmer;position:absolute;top:0;bottom:0;left:0;right:0}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.skills-list{gap:var(--spacing-xs);flex-wrap:wrap;display:flex}.skill-tag{color:var(--color-text);background-color:#ffffff0a;border-radius:16px;padding:6px 16px;font-size:14px;font-weight:400}.video-card{padding:var(--spacing-md) 0;border-bottom:none}.video-card:last-child{border-bottom:none}.video-title{font-size:var(--font-lg);margin-bottom:var(--spacing-sm);color:var(--color-text);font-weight:400}.video-description{color:var(--color-text);margin-bottom:var(--spacing-sm);line-height:1.6}.video-meta{gap:var(--spacing-md);color:var(--color-text-light);font-size:14px;display:flex}.place-card{gap:var(--spacing-md);margin-bottom:var(--spacing-xl);flex-direction:column;display:flex}.place-card:last-child{margin-bottom:0}.place-image-wrapper{border:1px solid var(--border-color-light);background:#ffffff08;border-radius:16px;grid-template-columns:1fr 1fr;width:100%;max-width:600px;margin:0 auto;display:grid;position:relative;overflow:hidden}.place-image{object-fit:cover;pointer-events:none;grid-area:1/1/auto/-1;width:100%;height:auto;display:block}.image-nav-zone{z-index:10;cursor:pointer;grid-row:1;position:relative}.left-zone{cursor:w-resize;grid-column:1}.right-zone{cursor:e-resize;grid-column:2}.place-info{text-align:center;flex-direction:row;justify-content:center;align-items:center;gap:.75rem;display:flex}.place-location{font-size:var(--font-lg);color:var(--color-text);margin:0;font-weight:400}.place-year{color:var(--color-accent);font-size:var(--font-lg);font-weight:300;display:inline-block}.country-filters-section{gap:var(--spacing-md);width:100%;padding:var(--spacing-md) 0;flex-direction:column;display:flex}.country-filters-list{gap:var(--spacing-sm);flex-wrap:wrap;justify-content:center;align-items:center;width:100%;display:flex}.country-filter-item{color:var(--color-text-light);cursor:pointer;font-family:var(--font-family);white-space:nowrap;-webkit-user-select:none;user-select:none;background:#ffffff0f;border:1px solid #ffffff26;border-radius:4px;padding:.5rem 1rem;font-size:.85rem;font-weight:400;transition:all .2s}.country-filter-item:hover{color:var(--color-text);background:#ffffff1a;border-color:#ffffff4d}.country-filter-item.active{background:var(--color-accent);border-color:var(--color-accent);color:#1a1a1a;font-weight:600}.country-filter-item.show-all{margin-right:.5rem}body.theme-light .country-filter-item{color:#666;background:#0000000a;border-color:#0000001f}body.theme-light .country-filter-item:hover{color:#2c2c2c;background:#00000014;border-color:#00000040}body.theme-light .country-filter-item.active{background:var(--color-accent);border-color:var(--color-accent);color:#000}.world-map-section{gap:var(--spacing-md);flex-direction:column;width:100%;display:flex}.world-map-header{flex-direction:column;gap:.5rem;display:flex}.world-map-subtitle{color:var(--color-text-light);max-width:760px;font-size:1rem;line-height:1.6}.world-map-card{background:0 0;border:none;border-radius:0;padding:0;position:relative;overflow:visible}.world-map-svg{width:100%;height:auto;display:block}.world-country{fill:#ffffff0a;stroke:#ffffff1a;stroke-width:.8px;cursor:pointer;transition:fill .18s,opacity .18s,stroke .18s}.world-country:hover{opacity:1}.world-country[data-visited=true]{fill:var(--color-accent);opacity:.85}.world-country.selected{fill:#fff;opacity:.95;stroke:var(--color-accent);stroke-width:1.4px}body.theme-light .world-map-card{background:0 0}body.theme-light .world-country{fill:#0000000a;stroke:#0000001a}.world-map-loading{color:var(--color-text-light);letter-spacing:.02em;pointer-events:none;justify-content:center;align-items:center;font-size:.95rem;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.theme-switcher{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;background:#ffffff1a;border-radius:24px;gap:8px;padding:8px;display:flex;position:fixed;top:20px;right:20px}.theme-switcher .world-map-card{padding:0}.theme-label{display:none}.theme-btn{color:var(--color-text);cursor:pointer;font-family:var(--font-family);background:0 0;border:1px solid #fff3;border-radius:16px;padding:8px 16px;font-size:14px;font-weight:400;transition:all .3s}.theme-btn:hover{background:#ffffff26;border-color:#fff6}.theme-btn.active{background:var(--color-accent);border-color:var(--color-accent);color:#000;font-weight:500}.theme-btn:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}body.theme-light .theme-switcher{background:#0000000d}body.theme-light .theme-btn{color:#2c2c2c;border-color:#0003}body.theme-light .theme-btn:hover{background:#0000001a;border-color:#0006}body.theme-dark .theme-switcher{background:#ffffff0d}@media (max-width:768px){.theme-switcher{gap:6px;padding:6px;top:10px;right:10px}.theme-btn{padding:6px 12px;font-size:12px}}.country-hover-tooltip{color:#fff;white-space:nowrap;pointer-events:none;background:#000000e6;border-radius:4px;padding:.5rem .75rem;font-size:.85rem;animation:.2s tooltipFadeIn;box-shadow:0 2px 8px #0000004d}@keyframes tooltipFadeIn{0%{opacity:0;transform:translate(-50%)translateY(-100%)translateY(-5px)}to{opacity:1;transform:translate(-50%)translateY(-100%)}}body.theme-light .country-hover-tooltip{color:#fff;background:#000000d9}