
.taskbar{justify-self:center;display:flex;position:fixed;bottom:10px;left:auto}.taskbar-list{background-color:var(--background2);border-radius:20px;justify-self:center;align-items:center;gap:10px;padding:5px 20px;display:flex}.taskbar-trigger{align-items:center;display:flex}.taskbar-trigger svg{transform-origin:50%;transition:transform .2s}.taskbar-trigger{border-radius:10px;padding:5px;transition:all .5s}.taskbar-trigger[data-state=open] svg{transform:rotate(180deg)}.taskbar-trigger[data-state=open]{color:var(--background1);background-color:var(--accent1)}.taskbar-indicator{justify-content:center;align-items:flex-end;height:10px;display:flex;bottom:103%;overflow:hidden}.taskbar-avatar{background-color:var(--accent1);border:2px solid var(--background3);border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;display:flex;overflow:hidden}.taskbar-viewport{transform-origin:top;width:var(--radix-navigation-menu-viewport-width);height:var(--radix-navigation-menu-viewport-height);background-color:var(--background2);border-radius:20px;align-self:flex-end;min-width:100%;transition:height .2s,width .2s;position:relative;overflow:hidden}.taskbar-viewport-position{justify-content:center;width:100%;margin:10px 0;display:flex;position:absolute;bottom:100%}.taskbar-avatar-image{object-fit:cover;border-radius:50%;width:100%}.user{background-color:var(--background3);border-radius:10px;gap:10px;padding:5px 10px}.Arrow{background-color:var(--background2);border-top-left-radius:2px;width:10px;height:10px;position:relative;bottom:70%;transform:rotate(45deg)}.taskbar-content{flex-direction:column;justify-content:flex-end;padding:10px 20px;animation-duration:.25s;animation-timing-function:ease;display:flex;position:absolute;top:0;left:0}.taskbar-viewport[data-state=open]{will-change:transform,opacity;opacity:1;pointer-events:auto;animation:.2s scaleIn;display:flex;transform:none}.taskbar-viewport[data-state=closed]{will-change:transform,opacity;opacity:0;pointer-events:none;animation:.2s scaleOut;transform:translateY(-6px)scale(.98)}.taskbar-content[data-motion=from-start]{animation-name:enterFromLeft}.taskbar-content[data-motion=from-end]{animation-name:enterFromRight;transform:translate(0)}.taskbar-content[data-motion=to-start]{animation-name:exitToLeft;transform:translate(0)}.taskbar-content[data-motion=to-end]{animation-name:exitToRight;transform:translate(0)}.taskbar-avatar-fallback{color:#fff;font-size:20px}.taskbar-avatar-large{background-color:var(--accent1);border:2px solid var(--background3);border-radius:10px;justify-content:center;align-items:center;width:150px;height:250px;display:flex;overflow:hidden}.taskbar-avatar-large-fallback{color:#fff;font-size:40px}.user-content{flex-direction:row;justify-content:space-between;gap:5px;width:100%}.user-info{flex-direction:column;gap:5px;width:max-content;display:flex}.user-links{flex-direction:column;gap:5px;width:100%;display:flex}.user-link{background-color:var(--background3);text-align:center;border-radius:5px;justify-content:center;align-items:center;gap:10px;width:100%;padding:5px 10px;display:flex}.user-name-large{color:var(--foreground1);text-align:center;margin-top:10px;font-size:24px;font-weight:700}@keyframes enterFromRight{0%{opacity:0;transform:translate(200px)}to{opacity:1;transform:translate(0)}}@keyframes enterFromLeft{0%{opacity:0;transform:translate(-200px)}to{opacity:1;transform:translate(0)}}@keyframes exitToRight{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(200px)}}@keyframes exitToLeft{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-200px)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes scaleOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.96)}}@media (max-width:600px){.taskbar{font-size:x-small}}@media (max-width:400px){.taskbar{font-size:xx-small}.taskbar-list{gap:0;margin:0;padding:0}}
.introductory{background-image:linear-gradient(to bottom,var(--background1)30%,var(--background2),var(--background1)70%);flex-direction:column;max-width:100dvw;height:100dvh;display:flex;position:relative;overflow:hidden}.site-desc{flex:1}.site-caption{color:#666;pointer-events:none;width:max-content;font-size:7rem;font-weight:700;animation:12s linear infinite marquee;overflow-x:hidden}.site-scene{z-index:0;pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:hidden}.hero-left{z-index:2;flex-direction:column;flex:1;gap:16px;max-width:480px;padding:40px 32px 0;display:flex;position:relative}.hero-title{letter-spacing:-2px;font-size:clamp(2.4rem,6vw,4rem);font-weight:700;line-height:1}.hero-sub{font-size:1rem}.hero-cta{flex-wrap:wrap;gap:12px;display:flex}.hero-avatar-wrapper{margin-top:12px}.hero-avatar{background:var(--accent1);border-radius:16px;justify-content:center;align-items:center;width:72px;height:72px;display:flex;overflow:hidden;box-shadow:0 4px 12px #00000040}.hero-avatar-img{object-fit:cover;width:100%;height:100%}.hero-avatar-fallback{color:#fff;font-size:32px}.hero-bio{flex-direction:column;gap:10px;margin-top:8px;font-size:14px;line-height:1.5;display:flex}.hero-highlights{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:6px;margin:0;padding:0;list-style:none;display:grid}.hero-highlights li{background:var(--background3);border-radius:6px;padding:6px 8px;font-size:12px}.home-gallery{max-width:1400px;margin:0 auto;padding:60px 40px 80px}.home-gallery .gallery-grid{justify-content:flex-start}.gallery-title{margin:0 0 12px;font-size:1.2rem;font-weight:600}.gallery-scroll,.gallery-viewport{width:100%}.gallery-grid{gap:16px;padding-bottom:12px;display:flex}.gallery-item{background:var(--background2);border:1px solid var(--border);border-radius:16px;flex:0 0 280px;position:relative;overflow:hidden;box-shadow:0 4px 16px #0000001f}.gallery-item img{object-fit:cover;width:100%;height:100%}.gallery-scrollbar{background:var(--background3);border-radius:8px;height:12px;padding:2px;display:flex}.gallery-thumb{background:var(--accent1);border-radius:6px;flex:1}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}
.skills{max-width:900px;margin:0 auto;padding:80px 32px}.section-title{margin-bottom:24px;font-size:2.4rem;font-weight:700}.skills-accordion{flex-direction:column;gap:12px;display:flex}.skills-item{border:1px solid var(--border);background:var(--background2);border-radius:10px;overflow:hidden}.skills-meters{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px;margin-bottom:32px;display:grid}.skill-meter{background:var(--background2);border:1px solid var(--border);border-radius:10px;flex-direction:column;gap:6px;padding:10px 14px;display:flex;position:relative}.skill-meter-label{font-size:13px;font-weight:600}.skill-progress{background:var(--background3);border-radius:6px;height:10px;position:relative;overflow:hidden}.skill-progress-indicator{background:linear-gradient(90deg,var(--accent2),var(--accent1));height:100%;transition:width .6s cubic-bezier(.65,.05,.36,1)}.skill-meter-value{color:var(--foreground2);font-size:11px;position:absolute;top:8px;right:10px}.skills-trigger{all:unset;cursor:pointer;justify-content:space-between;align-items:center;width:100%;padding:14px 18px;font-weight:600;display:flex}.skills-trigger:hover{background:var(--background3)}.skills-content{padding:0 20px 16px;animation:.16s slideDown}.skills-content[data-state=closed]{animation:.16s slideUp}.skills-content ul{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:6px;margin:12px 0 0;padding:0;list-style:none;display:grid}.skills-content li{background:var(--background3);border-radius:6px;padding:6px 10px;font-size:13px}.skills-detail{margin-top:10px;font-size:12px;line-height:1.4}@keyframes slideDown{0%{height:0}to{height:var(--radix-accordion-content-height)}}@keyframes slideUp{0%{height:var(--radix-accordion-content-height)}to{height:0}}
.wiki{max-width:1400px;margin:0 auto;padding:80px 40px}.wiki-expanded{padding:0}.wiki-layout{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:32px;margin-top:32px;display:grid}.wiki-column{flex-direction:column;gap:20px;display:flex}.wiki-subtitle{margin:0;font-size:1.3rem;font-weight:600}.wiki-terms{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px;margin:12px 0 0;padding:0;list-style:none;display:grid}.wiki-term{background:var(--background3);cursor:help;text-align:center;border-radius:10px;padding:8px 10px;font-size:12px;box-shadow:0 2px 4px #00000014}.wiki-term:hover{background:var(--accent1);color:#fff}.wiki-tags{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.wiki-tag{background:var(--background3);letter-spacing:.5px;border-radius:6px;padding:4px 8px;font-size:11px}.wiki-articles{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:20px;display:grid}.wiki-article{flex-direction:column;gap:8px;display:flex;position:relative}.wiki-article h4{margin:0;font-size:1rem}.wiki-points{gap:4px;margin:0;padding:0;font-size:12px;list-style:none;display:grid}.wiki-points li{background:var(--background3);border-radius:6px;padding:4px 6px}.wiki-resources{flex-direction:column;gap:10px;padding:16px;display:flex}.wiki-links{gap:6px;margin:0;padding:0;font-size:13px;list-style:none;display:grid}.wiki-roadmap{margin-top:16px}.intro{max-width:760px}.wiki-tooltip{max-width:220px;font-size:12px}@media (max-width:800px){.wiki-layout{grid-template-columns:1fr}}
.contact{max-width:900px;margin:0 auto;padding:80px 32px}.contact-channels{margin:20px 0 32px}.contact-channel-list{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px;margin:10px 0 0;padding:0;font-size:13px;list-style:none;display:grid}.contact-channel-list a{color:var(--accent1);text-decoration:none}.contact-channel-list a:hover{text-decoration:underline}.contact-faq{flex-direction:column;gap:10px;margin-top:24px;display:flex}.faq-item{border:1px solid var(--border);background:var(--background2);border-radius:8px;overflow:hidden}.faq-trigger{all:unset;cursor:pointer;justify-content:space-between;width:100%;padding:10px 14px;font-size:14px;font-weight:600;display:flex}.faq-trigger:hover{background:var(--background3)}.faq-content{padding:0 14px 14px;font-size:13px;line-height:1.4;animation:.18s faqDown}.faq-content[data-state=closed]{animation:.18s faqUp}@keyframes faqDown{0%{height:0}to{height:var(--radix-accordion-content-height)}}@keyframes faqUp{0%{height:var(--radix-accordion-content-height)}to{height:0}}.contact-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0000008c;animation:.2s fadeIn;position:fixed;inset:0}.contact-content{width:100%;max-width:480px;animation:.2s scaleIn;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.contact-close{cursor:pointer;background:0 0;border:none;font-size:22px;line-height:1;position:absolute;top:12px;right:16px}.contact-title{margin-bottom:4px;font-size:1.6rem;font-weight:600}.contact-desc{margin-bottom:16px;font-size:.9rem}.contact-form{flex-direction:column;gap:14px;display:flex}.contact-field{flex-direction:column;gap:6px;font-size:.85rem;display:flex}.contact-field input,.contact-field textarea,.contact-field select{background:var(--background1);border:1px solid var(--border);color:var(--foreground1);border-radius:6px;padding:8px 10px;font-family:inherit;font-size:14px}.contact-field input:focus,.contact-field textarea:focus{outline:2px solid var(--focus-ring);outline-offset:2px}.contact-actions{justify-content:flex-end;gap:10px;margin-top:4px;display:flex}.contact-success{background:var(--background3);text-align:center;border-radius:10px;padding:24px;font-weight:600}.contact-email{color:var(--accent1);text-align:center;margin-top:18px;font-size:13px;display:block}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:translate(-50%,-50%)scale(.96)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}
