@font-face{font-family:Titillium Web;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/titillium-web-latin-ext-400-normal-Bot9mzhf.woff2) format("woff2"),url(/assets/titillium-web-latin-ext-400-normal-dam1wzvV.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Titillium Web;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/titillium-web-latin-400-normal-BmGsO8Gb.woff2) format("woff2"),url(/assets/titillium-web-latin-400-normal--_2x2_rV.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Titillium Web;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/titillium-web-latin-ext-600-normal-u1udDzIn.woff2) format("woff2"),url(/assets/titillium-web-latin-ext-600-normal-CrXBuK16.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Titillium Web;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/titillium-web-latin-600-normal-DBtSc4_g.woff2) format("woff2"),url(/assets/titillium-web-latin-600-normal-DAj26wWp.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Titillium Web;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/titillium-web-latin-ext-700-normal-DeLo1m_T.woff2) format("woff2"),url(/assets/titillium-web-latin-ext-700-normal-CX1-8Oys.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Titillium Web;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/titillium-web-latin-700-normal-YDdGQjzo.woff2) format("woff2"),url(/assets/titillium-web-latin-700-normal-D73cfq1_.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}img,svg{display:block;max-width:100%}button{font:inherit;color:inherit;cursor:pointer;border:none;background:none}a{color:inherit;text-decoration:none}ul{list-style:none}@font-face{font-family:Rodin Pro;src:url(/assets/rodin-pro-db-DNsbU9JT.otf) format("opentype");font-weight:100 900;font-style:normal;font-display:swap}:root{--font-sans: "Rodin Pro", "Titillium Web", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono: "SF Mono", "JetBrains Mono", "Cascadia Code", Menlo, Consolas, monospace;--radius-bubble: 26px;--radius-card: 18px;--radius-pill: 999px;--ease-live: cubic-bezier(.22, 1, .36, .32);--ease-out: cubic-bezier(.16, 1, .3, 1);--accent: #2e9bff;--accent-2: #7cc4ff;--accent-glow: rgba(46, 155, 255, .5);--accent-soft: rgba(46, 155, 255, .16);--accent-faint: rgba(46, 155, 255, .08);--on-accent: #04121f;color-scheme:light dark}:root[data-theme=dark]{--bg-0: var(--dark-bg-0, #070a10);--bg-1: var(--dark-bg-1, #0d1119);--bg-2: var(--dark-bg-2, #161b26);--text: #eef3fb;--text-dim: #c2ccdb;--text-muted: #8794a6;--surface: rgba(255, 255, 255, .05);--surface-2: rgba(255, 255, 255, .04);--surface-strong: rgba(28, 30, 38, .82);--gloss: rgba(255, 255, 255, .14);--gloss-strong: rgba(255, 255, 255, .26);--border: rgba(255, 255, 255, .11);--border-strong: rgba(255, 255, 255, .2);--shadow: rgba(0, 0, 0, .6);--accent-text: var(--accent-2);color-scheme:dark}:root[data-theme=light]{--bg-0: #dde3ec;--bg-1: #eef1f6;--bg-2: #ffffff;--text: #16202f;--text-dim: #3d4b5f;--text-muted: #6a7889;--surface: rgba(255, 255, 255, .72);--surface-2: rgba(255, 255, 255, .6);--surface-strong: rgba(255, 255, 255, .9);--gloss: rgba(255, 255, 255, .9);--gloss-strong: rgba(255, 255, 255, 1);--border: rgba(24, 44, 78, .1);--border-strong: rgba(24, 44, 78, .18);--shadow: rgba(40, 60, 100, .18);--chrome-face: #f3f5f9;--chrome-text: #16202f;--accent-text: var(--accent-deep);color-scheme:light}body{font-family:var(--font-sans);color:var(--text);background:var(--bg-0);min-height:100dvh;overflow-x:hidden;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-2;background:radial-gradient(130% 100% at 82% -12%,var(--accent-soft),transparent 55%),radial-gradient(120% 90% at 8% 108%,var(--accent-faint),transparent 60%),linear-gradient(180deg,var(--bg-1) 0%,var(--bg-0) 100%);transition:background .4s var(--ease-out)}#root{position:relative;z-index:1;display:flex;flex-direction:column;min-height:100dvh}.bg-canvas{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;width:100%;height:100%;pointer-events:none}.sysbar{position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px clamp(16px,4vw,40px);backdrop-filter:blur(8px) saturate(1.2);-webkit-backdrop-filter:blur(8px) saturate(1.2);background:linear-gradient(180deg,var(--surface-2),transparent);border-bottom:1px solid var(--border)}.sysbar__brand{display:flex;align-items:center;gap:11px;min-width:0}.sysbar__logo{width:36px;height:36px;flex:none;border-radius:50%;overflow:hidden;background:linear-gradient(160deg,var(--accent-2),var(--accent));box-shadow:0 3px 10px var(--accent-glow),0 0 0 2px var(--accent-2)}.sysbar__logo img{width:100%;height:100%;object-fit:cover;object-position:50% 28%}.sysbar__name{font-weight:650;font-size:14px;letter-spacing:.2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sysbar__name span{color:var(--text-muted);font-weight:500}@media (max-width: 560px){.sysbar__name{display:none}}.sysbar__right{display:flex;align-items:center;gap:12px;flex:none}.sysbar__clock{font-variant-numeric:tabular-nums;font-size:13px;color:var(--text-dim);letter-spacing:.4px}.sysbar__toggle{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;font-size:15px;background:var(--surface);border:1px solid var(--border);transition:transform .2s var(--ease-out),background .2s}.sysbar__toggle:hover{transform:translateY(-1px) scale(1.05);background:var(--accent-soft)}.sysbar__toggle svg{width:18px;height:18px}.sysbar__toggle[aria-pressed=true]{color:var(--accent);background:var(--accent-soft);border-color:var(--accent-glow);box-shadow:0 0 14px var(--accent-soft)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}html,body{scrollbar-width:none;-ms-overflow-style:none}html::-webkit-scrollbar,body::-webkit-scrollbar{width:0;height:0;display:none}.window__body::-webkit-scrollbar{width:10px}.window__body::-webkit-scrollbar-thumb{background:var(--accent-soft);border-radius:999px;border:3px solid transparent;background-clip:padding-box}.window__body::-webkit-scrollbar-thumb:hover{background:var(--accent-glow);background-clip:padding-box}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}.stage{flex:1;width:100%;max-width:1080px;margin:0 auto;padding:clamp(18px,3vw,34px) clamp(16px,4vw,40px) 64px}.hero{position:relative;display:flex;align-items:center;gap:clamp(16px,3vw,28px);padding:clamp(18px,3vw,30px);border-radius:var(--radius-bubble);background:linear-gradient(165deg,var(--surface-strong),var(--surface));border:1px solid var(--border);box-shadow:0 16px 40px var(--shadow),inset 0 1px 0 var(--gloss);overflow:hidden;text-align:left;width:100%;cursor:pointer;transition:transform .35s var(--ease-out),box-shadow .35s}.hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(180deg,var(--gloss) 0%,transparent 38%);pointer-events:none}.hero:hover,.hero:focus-visible{transform:translateY(-4px) scale(1.02);box-shadow:0 20px 40px var(--shadow),0 0 0 1.5px var(--accent-glow),0 0 34px var(--accent-soft),inset 0 1px 0 var(--gloss);outline:none}.hero__avatar{flex:none;width:clamp(84px,15vw,124px);height:clamp(84px,15vw,124px);border-radius:50%;overflow:hidden;background:linear-gradient(160deg,var(--accent-2),var(--accent));box-shadow:0 10px 26px var(--accent-glow),0 0 0 3px var(--accent-soft),inset 0 0 0 1.5px var(--gloss-strong);animation:avatar-glow 3.4s ease-in-out infinite}@keyframes avatar-glow{0%,to{box-shadow:0 10px 26px var(--accent-glow),0 0 0 3px var(--accent-soft),0 0 12px 1px var(--accent-soft),inset 0 0 0 1.5px var(--gloss-strong)}50%{box-shadow:0 12px 30px var(--accent-glow),0 0 0 4px var(--accent-glow),0 0 30px 6px var(--accent-glow),inset 0 0 0 1.5px var(--gloss-strong)}}.hero__avatar img{width:100%;height:100%;object-fit:cover;object-position:50% 30%}.hero__body{min-width:0}.hero__name{font-size:clamp(22px,4.5vw,34px);font-weight:750;letter-spacing:-.4px;line-height:1.05}.hero__title{margin-top:4px;font-size:clamp(12.5px,2.4vw,15px);color:var(--text-dim);font-weight:550}.hero__tagline{display:inline-block;margin-top:12px;padding:5px 13px;border-radius:var(--radius-pill);font-size:12px;font-weight:600;letter-spacing:.3px;color:var(--accent);background:var(--accent-soft);border:1px solid var(--accent-glow)}.hero__meta{margin-top:12px;display:flex;flex-wrap:wrap;gap:8px 16px;font-size:12.5px;color:var(--text-muted)}.hero__cta{position:absolute;right:18px;bottom:16px;font-size:11.5px;font-weight:600;color:var(--accent);opacity:.8}.grid{margin-top:clamp(14px,2.4vw,22px);display:grid;gap:clamp(12px,1.8vw,18px);grid-template-columns:repeat(auto-fill,minmax(158px,1fr))}.bubble{position:relative;aspect-ratio:1 / 1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:16px;border-radius:var(--radius-bubble);text-align:center;color:var(--text);background:linear-gradient(165deg,var(--surface-strong),var(--surface));border:1px solid var(--border);box-shadow:0 12px 28px var(--shadow),inset 0 1px 0 var(--gloss);overflow:hidden;transition:transform .3s var(--ease-out),box-shadow .3s}.bubble:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(180deg,var(--gloss) 0%,transparent 46%);pointer-events:none}.bubble:hover,.bubble:focus-visible{transform:translateY(-4px) scale(1.02);box-shadow:0 20px 40px var(--shadow),0 0 0 1.5px var(--accent-glow),0 0 34px var(--accent-soft),inset 0 1px 0 var(--gloss);outline:none}.bubble__icon{width:58px;height:58px;border-radius:17px;display:grid;place-items:center;font-size:30px;background:linear-gradient(160deg,var(--accent-soft),transparent);border:1px solid var(--border);box-shadow:inset 0 1px 0 var(--gloss);color:var(--text);transition:transform .3s var(--ease-out)}.bubble__icon svg{width:30px;height:30px}:root[data-theme=dark] .bubble__icon svg{filter:drop-shadow(0 0 5px var(--accent-glow))}.bubble:hover .bubble__icon{transform:scale(1.08) rotate(-3deg)}.bubble__label{font-size:14.5px;font-weight:650;letter-spacing:.2px}.bubble__hint{font-size:10.5px;color:var(--text-muted);letter-spacing:.2px}.detail-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;place-items:center;padding:clamp(10px,3vw,34px);background:#0307109e;animation:scrim-in .2s var(--ease-out) both}@keyframes scrim-in{0%{opacity:0}to{opacity:1}}.detail-scrim--out{animation:none;opacity:0;pointer-events:none;transition:opacity .2s var(--ease-out)}.window{width:min(780px,100%);max-height:min(88dvh,780px);display:flex;flex-direction:column;border-radius:20px;overflow:hidden;background:var(--surface-strong);border:1px solid var(--border-strong);box-shadow:0 34px 90px #00000080,inset 0 1px 0 var(--gloss);backdrop-filter:blur(16px) saturate(1.35);-webkit-backdrop-filter:blur(16px) saturate(1.35);isolation:isolate}.window__titlebar{flex:none;display:flex;align-items:center;gap:11px;padding:12px 14px;color:#fff;background:linear-gradient(180deg,var(--accent-2),var(--accent));box-shadow:inset 0 1px 0 var(--gloss-strong),inset 0 -1px #0000001f}.window__ico{width:30px;height:30px;flex:none;border-radius:9px;display:grid;place-items:center;font-size:16px;background:#fff3;border:1px solid rgba(255,255,255,.4);box-shadow:inset 0 1px #ffffff80;color:#fff}.window__ico svg{width:18px;height:18px}.window__title{flex:1;min-width:0;font-weight:700;font-size:15px;letter-spacing:.2px;text-shadow:0 1px 1px rgba(0,0,0,.2)}.window__close{width:28px;height:28px;flex:none;border-radius:8px;display:grid;place-items:center;font-size:14px;font-weight:700;color:#fff;background:#ffffff29;border:1px solid rgba(255,255,255,.45);box-shadow:inset 0 1px #ffffff80,inset 0 -2px 3px #00000029;transition:background .15s,transform .15s}.window__close:hover{background:#ffffff52;transform:scale(1.06)}.window__close:active{transform:scale(.94);box-shadow:inset 0 2px 4px #00000040}.window__body{overflow-y:auto;padding:clamp(16px,3vw,26px);display:flex;flex-direction:column;gap:18px}.lead{font-size:14.5px;line-height:1.6;color:var(--text-dim)}.lead+.lead{color:var(--text-muted);font-size:13.5px}.chip-row{display:flex;flex-wrap:wrap;gap:7px}.chip{font-size:11.5px;font-weight:600;padding:5px 11px;border-radius:var(--radius-pill);color:var(--accent);background:var(--accent-soft);border:1px solid var(--accent-glow)}.chip--plain{color:var(--text-dim);background:var(--surface);border-color:var(--border)}.boot{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:grid;place-items:center;background:radial-gradient(120% 90% at 50% 38%,var(--accent-soft),transparent 60%),linear-gradient(180deg,var(--bg-1),var(--bg-0));transition:opacity .6s var(--ease-out),visibility .6s}.boot--hide{opacity:0;visibility:hidden;pointer-events:none}.boot__inner{display:flex;flex-direction:column;align-items:center;animation:boot-in .9s var(--ease-out) both}@keyframes boot-in{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:none}}.boot__avatar{width:96px;height:96px;border-radius:50%;overflow:hidden;background:linear-gradient(160deg,var(--accent-2),var(--accent));box-shadow:0 10px 30px var(--accent-glow),0 0 0 3px var(--accent-soft);animation:avatar-glow 3.4s ease-in-out infinite}.boot__avatar img{width:100%;height:100%;object-fit:cover;object-position:50% 30%}.boot__name{margin-top:20px;font-size:clamp(22px,6vw,34px);font-weight:750;letter-spacing:.5px;color:var(--text);text-shadow:0 0 26px var(--accent-glow)}.boot__line{position:relative;width:min(300px,62vw);height:2px;margin-top:22px;border-radius:2px;overflow:hidden;background:var(--border)}.boot__line:before{content:"";position:absolute;top:0;left:-45%;width:45%;height:100%;border-radius:2px;background:linear-gradient(90deg,transparent,var(--accent-2),transparent);animation:boot-sweep 1.15s ease-in-out infinite}@keyframes boot-sweep{0%{left:-45%}to{left:100%}}.boot__line--full:before{animation:none;left:0;width:100%;background:linear-gradient(90deg,var(--accent),var(--accent-2));box-shadow:0 0 10px var(--accent-glow);transition:width .3s var(--ease-out)}.boot__hint{margin-top:16px;font-size:11.5px;letter-spacing:1.4px;text-transform:uppercase;color:var(--text-muted)}.tracklist{display:flex;flex-direction:column;gap:4px}.trk{border-radius:12px;overflow:hidden;transition:background .25s var(--ease-out)}.trk--open{background:var(--surface)}.trk__row{width:100%;display:flex;align-items:center;gap:13px;padding:10px 13px;border-radius:12px;text-align:left;color:var(--text-dim);transition:background .2s var(--ease-out),color .2s,padding-left .2s}.trk__row:hover,.trk__row:focus-visible{color:var(--text);background:var(--accent-faint);padding-left:18px;outline:none}.trk__row--playing{color:var(--text);background:linear-gradient(90deg,var(--accent-soft),transparent);box-shadow:inset 2px 0 0 var(--accent-2)}.trk__num{width:30px;height:30px;flex:none;border-radius:9px;display:grid;place-items:center;font-size:11px;font-weight:700;font-variant-numeric:tabular-nums;color:var(--text-muted);background:var(--surface);border:1px solid var(--border)}.trk__row--playing .trk__num{color:#fff;border-color:var(--accent-2);box-shadow:0 0 12px var(--accent-glow)}.trk__meta{flex:1;min-width:0}.trk__title{display:block;font-size:13.5px;font-weight:650}.trk__mood{display:block;font-size:10.5px;color:var(--text-muted);margin-top:1px}.trk__dur{flex:none;font-size:11.5px;color:var(--text-muted);font-variant-numeric:tabular-nums}.trk__detail{overflow:hidden}.trk__detail-inner{padding:2px 14px 14px 56px}.trk__desc{font-size:12.5px;line-height:1.55;color:var(--text-dim);margin-bottom:12px}.trk__eq,.player__eq{display:flex;align-items:flex-end;gap:2px;height:13px}.trk__eq b,.player__eq b{width:3px;border-radius:2px;background:#fff;animation:eqbar .9s ease-in-out infinite}.trk__eq b:nth-child(2),.player__eq b:nth-child(2){animation-delay:-.4s}.trk__eq b:nth-child(3),.player__eq b:nth-child(3){animation-delay:-.7s}@keyframes eqbar{0%,to{height:3px}50%{height:13px}}.works{display:flex;flex-direction:column;gap:10px}.work{display:flex;align-items:center;gap:14px;padding:10px;border-radius:var(--radius-card);background:linear-gradient(165deg,var(--surface-strong),var(--surface));border:1px solid var(--border);box-shadow:inset 0 1px 0 var(--gloss);transition:transform .2s var(--ease-out),box-shadow .2s}.work:hover,.work:focus-visible{transform:translateY(-2px);box-shadow:0 0 0 1px var(--accent-glow),0 0 22px var(--accent-soft),inset 0 1px 0 var(--gloss);outline:none}.work__cover{position:relative;flex:none;width:104px;aspect-ratio:16 / 9;border-radius:10px;overflow:hidden;background:var(--surface);border:1px solid var(--border)}.work__cover img{width:100%;height:100%;object-fit:cover}.work__play{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:#fff;background:#00000052;opacity:0;transition:opacity .2s var(--ease-out)}.work__play svg{width:26px;height:26px;filter:drop-shadow(0 2px 6px rgba(0,0,0,.5))}.work:hover .work__play,.work:focus-visible .work__play{opacity:1}.work__body{min-width:0;display:flex;flex-direction:column;gap:3px}.work__title{font-size:14px;font-weight:650;color:var(--text)}.work__artist{font-size:11.5px;color:var(--accent-text);font-weight:600}.work__desc{margin-top:3px;font-size:12.5px;line-height:1.5;color:var(--text-dim)}@media (max-width: 560px){.work__cover{width:84px}}.player{position:sticky;bottom:0;z-index:40;margin-top:auto;backdrop-filter:blur(14px) saturate(1.3);-webkit-backdrop-filter:blur(14px) saturate(1.3);background:linear-gradient(180deg,transparent,var(--surface-2) 22%);border-top:1px solid var(--border)}.player__seek{height:4px;cursor:pointer;background:var(--surface);position:relative}.player__seek:after{content:"";position:absolute;top:-7px;right:0;bottom:-7px;left:0}.player__seek-fill{display:block;height:100%;background:linear-gradient(90deg,var(--accent),var(--accent-2));box-shadow:0 0 10px var(--accent-glow);transition:width .15s linear}.player__body{display:flex;align-items:center;gap:14px;padding:11px clamp(14px,4vw,34px);max-width:1080px;margin:0 auto}.player__cover{width:42px;height:42px;flex:none;border-radius:10px;display:grid;place-items:center;background:var(--surface);border:1px solid var(--border);box-shadow:inset 0 1px 0 var(--gloss)}.player__meta{flex:1;min-width:0}.player__title{font-size:13.5px;font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player__sub{font-size:11px;color:var(--text-muted);font-variant-numeric:tabular-nums;margin-top:2px}.player__transport{display:contents}.player__vol{display:flex;align-items:center;gap:8px;flex:none}.player__btn--vol{width:30px;height:30px}.player__btn--vol svg{width:14px;height:14px}.player__vol-range{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:84px;height:4px;border-radius:999px;cursor:pointer;background:linear-gradient(90deg,var(--accent) var(--fill, 80%),var(--surface) var(--fill, 80%));border:1px solid var(--border)}.player__vol-range::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:12px;height:12px;border-radius:50%;background:#fff;border:1px solid var(--accent);box-shadow:0 0 8px var(--accent-glow);cursor:pointer}.player__vol-range::-moz-range-thumb{width:12px;height:12px;border:1px solid var(--accent);border-radius:50%;background:#fff;box-shadow:0 0 8px var(--accent-glow);cursor:pointer}.player__vol-range:focus-visible{outline:2px solid var(--accent-glow);outline-offset:3px}.player__controls{display:flex;align-items:center;gap:8px;flex:none}.player__btn{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;color:var(--text-dim);background:var(--surface);border:1px solid var(--border);transition:transform .2s var(--ease-out),background .2s,color .2s}.player__btn svg{width:15px;height:15px}.player__btn:hover{color:var(--text);transform:translateY(-1px) scale(1.06);background:var(--accent-soft)}.player__btn--main{width:42px;height:42px;color:#fff;background:linear-gradient(160deg,var(--accent-2),var(--accent));border-color:var(--accent-2);box-shadow:0 4px 14px var(--accent-glow)}.player__btn--main svg{width:18px;height:18px}.player__btn--main:hover{color:#fff;background:linear-gradient(160deg,var(--accent-2),var(--accent))}@media (max-width: 560px){.player__body{flex-wrap:wrap;gap:10px 12px}.player__cover{width:38px;height:38px}.player__transport{display:flex;align-items:center;justify-content:space-between;flex:1 1 100%;gap:12px}.player__sub{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.trk__detail-inner{padding-left:14px}}.boot--tap{cursor:default}.boot--tap[aria-label]{cursor:pointer}.boot__enter{margin-top:20px;animation:enter-in .45s var(--ease-out) both}@keyframes enter-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.boot__enter .tech{color:var(--text);border-color:var(--accent-glow);animation:enter-pulse 1.9s ease-in-out infinite}.boot__enter .tech__ico{color:#fff;background:linear-gradient(160deg,var(--accent-2),var(--accent))}@keyframes enter-pulse{0%,to{filter:drop-shadow(0 0 0 transparent)}50%{filter:drop-shadow(0 0 9px var(--accent-glow))}}.techrow{display:flex;flex-wrap:wrap;gap:8px;margin-top:13px}.tech{display:flex;align-items:center;gap:8px;padding:6px 13px 6px 6px;border-radius:12px;background:linear-gradient(165deg,var(--surface-strong),var(--surface));border:1px solid var(--border);box-shadow:inset 0 1px 0 var(--gloss);font-size:12.5px;font-weight:600;color:var(--text-dim);cursor:default;transition:transform .2s var(--ease-out),box-shadow .2s,color .2s}.tech__ico{width:24px;height:24px;flex:none;border-radius:7px;display:grid;place-items:center;color:var(--text);background:linear-gradient(160deg,var(--accent-soft),transparent);border:1px solid var(--border);transition:color .2s,background .2s,box-shadow .2s}.tech__ico svg{width:15px;height:15px}.tech__mono{font-size:9.5px;font-weight:800;letter-spacing:.3px}.tech--act{cursor:pointer}.tech--act:hover,.tech--act:focus-visible{transform:translateY(-2px);color:var(--text);box-shadow:0 0 0 1px var(--accent-glow),0 0 20px var(--accent-soft),inset 0 1px 0 var(--gloss);outline:none}.tech--act:hover .tech__ico,.tech--act:focus-visible .tech__ico{color:#fff;background:linear-gradient(160deg,var(--accent-2),var(--accent));box-shadow:0 0 12px var(--accent-glow)}.tech[aria-pressed=true]{color:var(--text);border-color:var(--accent-glow);box-shadow:0 0 0 1px var(--accent-glow),0 0 18px var(--accent-soft),inset 0 1px 0 var(--gloss)}.tech[aria-pressed=true] .tech__ico{color:#fff;background:linear-gradient(160deg,var(--accent-2),var(--accent))}.section-heading{font-size:11px;text-transform:uppercase;letter-spacing:1.4px;color:var(--text-muted);font-weight:700}.entry{position:relative;padding:16px 16px 16px 18px;border-radius:var(--radius-card);background:var(--surface);border:1px solid var(--border);box-shadow:inset 0 1px 0 var(--gloss)}.entry__top{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap}.entry__role{font-size:15px;font-weight:700}.entry__company{font-size:13px;color:var(--accent);font-weight:600}.entry__company a:hover{text-decoration:underline}.entry__period{font-size:11.5px;color:var(--text-muted);font-variant-numeric:tabular-nums;white-space:nowrap}.entry__place{font-size:11.5px;color:var(--text-muted)}.entry__bullets{margin-top:11px;display:flex;flex-direction:column;gap:8px}.entry__bullets li{position:relative;padding-left:18px;font-size:13px;line-height:1.5;color:var(--text-dim)}.entry__bullets li:before{content:"";position:absolute;left:2px;top:8px;width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 8px var(--accent-glow)}.proj-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}.proj-card{padding:15px;border-radius:var(--radius-card);background:linear-gradient(165deg,var(--surface-strong),var(--surface));border:1px solid var(--border);box-shadow:inset 0 1px 0 var(--gloss);display:flex;flex-direction:column;gap:9px}.proj-card__name{font-size:15.5px;font-weight:750}.proj-card__ctx{font-size:11px;color:var(--accent);font-weight:600;letter-spacing:.3px}.proj-card__blurb{font-size:12.5px;line-height:1.5;color:var(--text-dim)}.proj-card__clients{display:flex;flex-wrap:wrap;gap:6px;align-items:center;font-size:11px;color:var(--text-muted)}.badge{font-size:10.5px;font-weight:700;padding:3px 8px;border-radius:6px;background:var(--surface);border:1px solid var(--border);color:var(--text-dim)}.skill-group{display:flex;flex-direction:column;gap:10px}.skill-group+.skill-group{margin-top:4px}.lang-row{display:flex;align-items:center;gap:12px}.lang-row__flag{font-size:22px;flex:none}.lang-row__body{flex:1;min-width:0}.lang-row__head{display:flex;justify-content:space-between;font-size:13px;margin-bottom:6px}.lang-row__name{font-weight:650}.lang-row__level{color:var(--text-muted);font-size:11.5px}.gauge{height:9px;border-radius:999px;background:var(--surface);border:1px solid var(--border);overflow:hidden}.gauge__fill{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--accent),var(--accent-2));box-shadow:0 0 12px var(--accent-glow)}.contact-list{display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.contact-row{display:flex;align-items:center;gap:12px;padding:13px 15px;border-radius:var(--radius-card);background:var(--surface);border:1px solid var(--border);box-shadow:inset 0 1px 0 var(--gloss);transition:transform .2s var(--ease-out),box-shadow .2s}.contact-row:hover{transform:translateY(-2px);box-shadow:0 0 0 1px var(--accent-glow),0 0 22px var(--accent-soft)}.contact-row__ico{width:40px;height:40px;flex:none;border-radius:12px;display:grid;place-items:center;font-size:19px;background:var(--accent-soft);border:1px solid var(--border)}.contact-row__label{font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.6px}.contact-row__value{font-size:13.5px;font-weight:600;word-break:break-word}.set-block{display:flex;flex-direction:column;gap:12px}.set-block+.set-block{margin-top:6px;padding-top:18px;border-top:1px solid var(--border)}.seg{display:inline-flex;padding:4px;gap:4px;border-radius:var(--radius-pill);background:var(--surface);border:1px solid var(--border);box-shadow:inset 0 1px 0 var(--gloss)}.seg__btn{display:flex;align-items:center;gap:7px;padding:9px 18px;border-radius:var(--radius-pill);font-size:13px;font-weight:600;color:var(--text-muted);transition:all .2s var(--ease-out)}.seg__btn[aria-pressed=true]{color:#fff;background:linear-gradient(180deg,var(--accent-2),var(--accent));box-shadow:0 4px 12px var(--accent-glow),inset 0 1px 0 var(--gloss-strong)}.swatches{display:flex;gap:12px;flex-wrap:wrap}.swatch{width:44px;height:44px;border-radius:14px;position:relative;border:2px solid var(--border);box-shadow:inset 0 2px 3px #fff6,inset 0 -4px 8px #0003,0 4px 10px var(--shadow);transition:transform .2s var(--ease-out)}.swatch:hover{transform:translateY(-2px) scale(1.06)}.swatch[aria-pressed=true]{border-color:var(--text)}.swatch[aria-pressed=true]:after{content:"✓";position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:#fff;font-size:18px;font-weight:800;text-shadow:0 1px 3px rgba(0,0,0,.4)}.set-label{font-size:13px;font-weight:650}.set-hint{font-size:11.5px;color:var(--text-muted)}.footbar{display:flex;align-items:center;justify-content:center;gap:20px;padding:14px;font-size:11.5px;color:var(--text-muted)}.footbar b{display:inline-grid;place-items:center;width:16px;height:16px;border-radius:50%;border:1px solid currentColor;font-size:8px;margin-right:6px;vertical-align:middle}@media (max-width: 560px){.hero{flex-direction:column;text-align:center;padding-bottom:30px}.hero__meta{justify-content:center}.hero__cta{left:0;right:0;text-align:center}.grid{grid-template-columns:repeat(2,1fr);gap:12px}.bubble__icon{width:50px;height:50px;font-size:26px}}