@view-transition{navigation:auto}::view-transition-old(root),::view-transition-new(root){animation-duration:.5s;animation-timing-function:cubic-bezier(.4,0,.2,1)}::view-transition-old(root){animation-name:theme-fade-out}::view-transition-new(root){animation-name:theme-fade-in}@keyframes theme-fade-out{0%{opacity:1}to{opacity:0;transform:scale(.95)}}@keyframes theme-fade-in{0%{opacity:0;transform:scale(1.05)}to{opacity:1;transform:scale(1)}}.theme-toggle{display:flex;align-items:center;gap:.25rem;padding:.25rem;border-radius:.75rem;background:var(--bg-elevated, rgba(255, 255, 255, .5));backdrop-filter:saturate(180%) blur(20px);border:1px solid var(--border-muted, rgba(0, 0, 0, .1));transition:all .2s ease}.theme-toggle .theme-btn{position:relative;display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:.5rem;border-radius:.5rem;color:var(--text-muted, #737373);background:transparent;border:none;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.theme-toggle .theme-btn:disabled{cursor:default}.theme-toggle .theme-btn:hover:not(:disabled){color:var(--text-primary, #171717);background:var(--bg-hover, rgba(0, 0, 0, .05))}.theme-toggle .theme-btn.active{color:var(--brand-green, #2E7D32);background:#6da30026;box-shadow:0 0 0 2px #6da30033}.theme-toggle .theme-btn .icon{width:16px;height:16px;transition:transform .3s cubic-bezier(.4,0,.2,1)}.theme-toggle .theme-btn.active .icon{transform:rotate(360deg) scale(1.05)}.theme-toggle .theme-btn:hover:not(:disabled) .icon{transform:scale(1.1)}.dark .theme-toggle,:root[data-theme=dark] .theme-toggle{background:#17171780;border-color:#ffffff1a}.dark .theme-toggle .theme-btn,:root[data-theme=dark] .theme-toggle .theme-btn{color:#ffffff80}.dark .theme-toggle .theme-btn:hover:not(:disabled),:root[data-theme=dark] .theme-toggle .theme-btn:hover:not(:disabled){color:#fff;background:#ffffff1a}.dark .theme-toggle .theme-btn.active,:root[data-theme=dark] .theme-toggle .theme-btn.active{background:#6da30033;box-shadow:0 0 0 2px #6da3004d}.lang-toggle{display:flex;align-items:center;padding:.25rem;border-radius:.75rem;background:var(--bg-elevated, rgba(255, 255, 255, .5));backdrop-filter:saturate(180%) blur(20px);border:1px solid var(--border-muted, rgba(0, 0, 0, .1));transition:all .2s ease}.lang-toggle .lang-btn{position:relative;display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:.5rem;border-radius:.5rem;color:var(--text-muted, #737373);background:transparent;border:none;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.lang-toggle .lang-btn:hover{color:var(--text-primary, #171717);background:var(--bg-hover, rgba(0, 0, 0, .05))}.lang-toggle .lang-btn:active{transform:scale(.95)}.lang-toggle .lang-btn .icon{width:16px;height:16px;transition:transform .3s cubic-bezier(.4,0,.2,1)}.lang-toggle .lang-btn:hover .icon{transform:scale(1.1)}.dark .lang-toggle,:root[data-theme=dark] .lang-toggle{background:#17171780;border-color:#ffffff1a}.dark .lang-toggle .lang-btn,:root[data-theme=dark] .lang-toggle .lang-btn{color:#ffffff80}.dark .lang-toggle .lang-btn:hover,:root[data-theme=dark] .lang-toggle .lang-btn:hover{color:#fff;background:#ffffff1a}.theme-toggle-skeleton{display:flex;gap:.25rem;padding:.25rem;border-radius:.75rem;background:var(--bg-elevated, rgba(255, 255, 255, .5));border:1px solid var(--border-muted, rgba(0, 0, 0, .1))}.theme-toggle-skeleton .skeleton-btn{width:36px;height:36px;border-radius:.5rem;background:linear-gradient(90deg,#0000000d 25%,#0000001a,#0000000d 75%);background-size:200% 100%;animation:skeleton-loading 1.5s ease-in-out infinite}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}@media(width<=640px){.theme-toggle .theme-btn{width:32px;height:32px}.theme-toggle .theme-btn .icon{width:14px;height:14px}.lang-toggle .lang-btn{width:32px;height:32px}.lang-toggle .lang-btn .icon{width:14px;height:14px}}.lazy-morphing{position:relative;overflow:hidden}.morphing-skeleton{position:absolute;inset:0;background:linear-gradient(135deg,#6da30008,#6da30014,#6da30008);display:flex;align-items:center;justify-content:center}.skeleton-canvas{position:absolute;inset:20px;border-radius:12px;background:radial-gradient(circle at 50% 50%,rgba(109,163,0,.1) 0%,rgba(109,163,0,.05) 40%,transparent 70%)}.skeleton-pulse{width:120px;height:120px;border-radius:50%;background:radial-gradient(circle,rgba(109,163,0,.2) 0%,rgba(109,163,0,.1) 50%,transparent 100%);animation:skeleton-pulse 2s ease-in-out infinite}@keyframes skeleton-pulse{0%,to{transform:scale(1);opacity:.5}50%{transform:scale(1.2);opacity:.8}}:root[data-theme=dark] .morphing-skeleton{background:linear-gradient(135deg,#6da3000d,#6da3001f,#6da3000d)}:root[data-theme=dark] .skeleton-canvas{background:radial-gradient(circle at 50% 50%,rgba(109,163,0,.15) 0%,rgba(109,163,0,.08) 40%,transparent 70%)}:root[data-theme=dark] .skeleton-pulse{background:radial-gradient(circle,rgba(109,163,0,.3) 0%,rgba(109,163,0,.15) 50%,transparent 100%)}@media(prefers-reduced-motion:reduce){::view-transition-old(root),::view-transition-new(root){animation:none}.theme-toggle .theme-btn .icon{transition:none}.theme-toggle .theme-btn.active .icon{transform:none}.skeleton-btn,.skeleton-pulse{animation:none}}