.theme-toggle-anchor{left:max(16px,calc(16px + env(safe-area-inset-left,0px)));right:auto;display:flex;align-items:center;gap:0}
.theme-mode-label{font-family:var(--font-sf);font-size:11px;font-weight:500;line-height:18px;color:var(--text-muted);cursor:pointer;user-select:none;transition:color .28s cubic-bezier(.16,1,.3,1)}
.portfolio-music{position:fixed;top:max(16px,calc(16px + env(safe-area-inset-top,0px)));right:max(16px,calc(16px + env(safe-area-inset-right,0px)));z-index:51;width:212px;max-width:calc(100vw - 120px);height:24px;display:flex;align-items:center;gap:8px;padding:0 8px;box-sizing:border-box;overflow:hidden;color:var(--text-muted);font-family:var(--font-sf);font-size:11px;font-weight:500}
.music-title-window{flex:1;min-width:0;height:100%;overflow:hidden;position:relative;white-space:nowrap}
.music-ticker{position:absolute;left:0;top:0;height:100%;display:flex;align-items:center;white-space:nowrap;line-height:24px;padding:0 4px;user-select:none;pointer-events:auto;will-change:transform;text-transform:none}
.music-prefix{color:var(--text-strong)}
.music-control{flex:none;display:flex;align-items:center;justify-content:center;width:12px;height:12px;background:transparent;border:0;padding:0;color:var(--text-muted);transition:transform .2s ease,color .28s cubic-bezier(.16,1,.3,1);cursor:pointer}
.music-control:hover{transform:scale(1.1)}
.music-control:focus-visible{outline:1px solid var(--text-muted);outline-offset:4px;border-radius:2px}
.music-control svg{width:12px;height:12px;fill:currentColor}
@media(max-width:720px){.portfolio-music{position:absolute;width:182px}}
@media(prefers-reduced-motion:reduce){.music-control{transition:none}}

.theme-toggle-anchor:hover .theme-toggle,.theme-toggle-anchor:focus-within .theme-toggle{color:var(--text-strong);opacity:1}
.theme-toggle-anchor:hover .theme-mode-label,.theme-toggle-anchor:focus-within .theme-mode-label{color:var(--text-strong)}

.music-ticker a{color:inherit;text-decoration:none}.music-ticker .music-prefix{color:var(--text-strong)}.music-ticker a:hover{color:var(--text-strong)}

.welcome-greeting{display:block;white-space:normal}.welcome-clock{white-space:nowrap;font-variant-numeric:tabular-nums}

.music-control:hover,.music-control:focus-visible{color:var(--text-strong)}
[data-theme=dark] .floating-dock{background-color:#282828;border-color:#3b3b3b;box-shadow:0 8px 24px #00000026}
[data-theme=dark] .floating-dock-icon{background-color:#383838}
[data-theme=dark] .floating-dock-icon:hover,[data-theme=dark] .floating-dock-icon:focus-visible{background-color:#4b4b4b}

[data-theme=dark] .floating-dock-icon img{content:normal;filter:invert(1)}