@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-switch{position:relative;display:flex;align-items:center;width:56px;height:32px;padding:0;border:none;background:transparent;cursor:pointer;transition:all .2s ease;outline:none;z-index:1;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none;user-select:none;flex-shrink:0}.theme-toggle-switch:focus-visible{outline:2px solid var(--rubisco-primary);outline-offset:2px;border-radius:999px}.theme-toggle-switch .switch-track{position:relative;width:100%;height:100%;border-radius:999px;background:var(--neutral-300, #D4D4D4);transition:background .3s ease;overflow:hidden}.theme-toggle-switch.dark .switch-track{background:var(--rubisco-primary, #2F5A00)}.theme-toggle-switch .switch-thumb{position:absolute;top:2px;left:2px;width:28px;height:28px;border-radius:50%;background:#fff;box-shadow:0 2px 4px #0003;display:flex;align-items:center;justify-content:center;transition:transform .3s cubic-bezier(.4,0,.2,1);transform:translate(0)}.theme-toggle-switch.dark .switch-thumb{transform:translate(24px);background:var(--neutral-50, #FAFAFA)}.theme-toggle-switch .switch-thumb .icon{width:16px;height:16px;color:var(--neutral-600, #525252);transition:color .2s ease}.theme-toggle-switch.dark .switch-thumb .icon{color:var(--rubisco-primary, #2F5A00)}.theme-toggle-switch:hover .switch-track{background:var(--neutral-400, #A3A3A3)}.theme-toggle-switch.dark:hover .switch-track{background:color-mix(in oklab,var(--rubisco-primary) 90%,black)}.theme-toggle-switch-skeleton{width:56px;height:32px;border-radius:999px;background:var(--neutral-200, #E5E5E5)}.theme-toggle{display:none}.lang-toggle{display:flex!important;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;visibility:visible!important;opacity:1!important;flex-shrink:0;z-index:1}.lang-toggle .lang-btn{position:relative;display:flex!important;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);visibility:visible!important;opacity:1!important}.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:var(--surface-2)}:root[data-theme=dark] .skeleton-canvas{background:var(--surface-1)}:root[data-theme=dark] .skeleton-pulse{background:var(--surface-2);opacity:.5}@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}}
