/* Profile utilities share one quiet surface above the room. */
.header-links{--utility-ink:#e6e9e9;--utility-muted:#b9c3c8;display:flex;align-items:center;gap:4px;padding:5px;border:1px solid #ffffff20;border-radius:16px;background:linear-gradient(135deg,#172028d9,#0b1118dc);box-shadow:0 8px 28px #0003,inset 0 1px #ffffff07;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);font-family:Outfit,sans-serif}
.header-links #mode{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;padding:0;border:0}
.header-links>a,.header-links #sound,.header-links .phone-fullscreen{height:40px;min-height:40px;display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:0 15px;border:1px solid transparent;border-radius:11px;color:var(--utility-muted);font-size:12px;font-weight:500;letter-spacing:.1px;text-decoration:none;transition:background .18s,color .18s,border-color .18s,transform .18s;white-space:nowrap}
.header-links #sound{background:transparent;cursor:pointer}
.header-links #sound:hover,.header-links .header-github:hover,.header-links .phone-fullscreen:hover{color:#fff;background:#ffffff0b}
.header-links #sound.active{color:#e5bd88;background:#dfb77e0e;border-color:#dfb77e25}
.header-links .header-resume{color:#171b1d;background:#e7c69b;border-color:#efd4b0;padding-inline:17px;box-shadow:inset 0 1px #fff5}
.header-links .header-resume:hover{background:#f2d5b0;transform:translateY(-1px)}
.header-links .header-github{padding-inline:12px;margin-left:2px}
.header-links svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.header-links .header-resume svg{width:13px;height:13px;transition:transform .18s}
.header-links .header-resume:hover svg{transform:translate(1px,-1px)}
.header-links :is(a,button):focus-visible{outline:2px solid #f0cca0;outline-offset:4px}
.header-links :is(a,button):active{transform:scale(.97)}
.header-links .phone-fullscreen{display:none}
.music-meter{display:flex;align-items:center;justify-content:center;gap:3px;height:16px;width:17px;color:#b7c4cb}
.music-meter i{display:block;width:3px;height:5px;border-radius:2px;background:currentColor;transform-origin:center}
.music-meter i:nth-child(2){height:12px}.music-meter i:nth-child(3){height:8px}
#sound[data-playing="true"] .music-meter{color:#e7c69b}
#sound[data-playing="true"] .music-meter i{animation:header-meter .8s ease-in-out infinite alternate}
#sound[data-playing="true"] .music-meter i:nth-child(2){animation-delay:-.3s}#sound[data-playing="true"] .music-meter i:nth-child(3){animation-delay:-.6s}
@keyframes header-meter{from{transform:scaleY(.4)}to{transform:scaleY(1)}}
@media(max-width:650px){.header-links{gap:2px;padding:4px}.header-links>a,.header-links #sound{padding-inline:10px}.header-links .header-github span{display:none}.header-links .header-github{display:inline-flex;padding-inline:10px}}
@media(orientation:landscape) and (max-height:600px) and (max-width:1100px){.header-links{gap:3px;padding:3px;border-radius:13px}.header-links>a,.header-links #sound,.header-links .phone-fullscreen{height:36px;min-height:36px;padding-inline:11px;font-size:11px;border-radius:9px}.header-links .phone-fullscreen{display:inline-flex;width:36px;padding:0}.header-links .phone-fullscreen span{display:none}.header-links .header-github{display:inline-flex}.header-links .header-github span{display:none}}
@media(prefers-reduced-motion:reduce){.header-links *,#sound[data-playing="true"] .music-meter i{animation:none!important;transition:none!important}}
@media(orientation:landscape) and (max-height:600px) and (max-width:1100px){header .header-links>a.header-github:last-child{display:inline-flex}}
/* The authored turntable replaces the header Music button. */
.header-links #sound.header-record{display:flex;align-items:center;gap:0;height:40px;padding:0 2px;background:#ffffff04;border:1px solid #ffffff0e;border-radius:11px;cursor:default}
#header-disc-player{width:48px;height:40px;flex-shrink:0}
#header-disc-player [role=button]:focus-visible{outline:2px solid #e7c69b;outline-offset:2px}
.header-links .header-music-open{display:grid;place-items:center;width:26px;height:36px;padding:0;border:0;border-radius:8px;color:#b9c3c8;background:transparent;cursor:pointer}
.header-links .header-music-open:hover{background:#ffffff10;color:#f2d5b0}
.header-links .header-music-open svg{width:14px;height:14px}
body[data-section=music] .header-links #sound.header-record{border-color:#dfb77e55;background:#dfb77e09}
@media(orientation:landscape) and (max-height:600px) and (max-width:1100px){.header-links #sound.header-record{height:36px;padding:0 1px;min-height:36px}#header-disc-player{width:42px;height:36px}.header-links .header-music-open{width:24px;height:32px}}
@media(orientation:landscape) and (max-height:600px) and (max-width:1100px){#header-disc-player>div{transform:scale(.14)!important}}