/* Colors pulled from the supplied blue-haired portrait and its nighttime background. */
:root{--bg:#0b0e17;--surface:#141a29;--fg:#e8ebf4;--muted:#98a3bb;--line:#293249;--accent:#a3b7ed;--ink:#11192b;--glow:#6e88cf}
[data-theme=light]{--bg:#e7ebf5;--surface:#dce3f1;--fg:#1e2841;--muted:#526383;--line:#bcc9e0;--accent:#3f5b9d;--ink:#f2f5ff;--glow:#5875b4}
body{background-image:radial-gradient(ellipse at 75% 6%,#4a659814,transparent 35%);background-attachment:fixed}.brand-avatar{border-radius:8px;object-fit:cover;margin-right:10px;border:1px solid #57658b;flex-shrink:0}.brand-dot{color:var(--accent)}.header{gap:9px}nav{gap:26px;margin-right:10px}.motion-toggle{display:flex;gap:6px;align-items:center;background:transparent;color:var(--muted);font:9px Consolas,monospace;height:35px;padding:0 6px;white-space:nowrap}.motion-toggle:hover{color:var(--fg)}.motion-toggle .motion-play{display:none}.motion-toggle[aria-pressed=false] .motion-play{display:block}.motion-toggle[aria-pressed=false] .motion-pause{display:none}.motion-toggle[aria-pressed=true]{color:var(--accent)}.hero-art{background:radial-gradient(ellipse at center,#405c9630,transparent 70%);border-color:var(--line)}.hero-art canvas{position:absolute;inset:0;opacity:.65}.portrait-orbit{position:absolute;left:50%;top:50%;width:190px;transform:translate(-50%,-50%);pointer-events:none;isolation:isolate;filter:drop-shadow(0 16px 22px #04081466)}.portrait-orbit>img{width:100%;height:auto;display:block;aspect-ratio:1;object-fit:cover;border:3px solid #7185b1;border-radius:22px;box-shadow:0 0 50px #718ed027;transform:rotate(-6deg)}.portrait-tag{position:absolute;bottom:-16px;left:50%;white-space:nowrap;transform:translateX(-50%) rotate(-3deg);padding:8px 12px;border:1px solid #465a87;background:#151d31;color:#d8e3ff;display:flex;align-items:center;gap:8px;border-radius:5px;font-size:9px}.orbit-label{position:absolute;color:var(--accent);background:var(--bg);border:1px solid var(--line);padding:8px 12px;border-radius:5px;font-size:12px}.orbit-label-one{top:24%;left:12%;transform:rotate(-10deg)}.orbit-label-two{bottom:23%;right:9%;transform:rotate(9deg)}.hero h1 .hero-name{color:var(--accent);text-shadow:0 0 55px #7e9cde12}.type-cursor{color:#667ba7}.hero-description{max-width:360px}.button-primary:hover{box-shadow:0 0 30px #a3b7ed25}.profile-frame img,.profile-frame:hover img{filter:none}.profile-frame{border-color:#3c4c6d;background:#151c2c}.profile-sticker{background:#9fb3e3;color:#14203b}.about-copy h2{font-size:39px}.about-copy h2 .serif{font-size:41px}.editing-experience{border-top:1px solid var(--line);margin-top:25px;padding-top:20px}.editing-experience>.mono{font-size:9px;color:var(--accent);margin-bottom:10px}.editing-experience>p[data-editing]{font-size:12px;line-height:1.9;color:var(--muted)}.editing-tools{display:flex;gap:7px;flex-wrap:wrap;margin-top:13px}.editing-tools>span{font-size:9px;border:1px solid var(--line);padding:5px 8px;border-radius:3px}.project-art{border:1px solid #35425f;color:#b9c9ef;height:270px}.spoticraft-art{background:radial-gradient(ellipse at 25% 35%,#415c7c55,transparent 70%),#151d2d}.music-hud{position:absolute;inset:57px 24px 43px;background:#0c1423e8;border:1px solid #4c607d88;border-radius:9px;padding:17px 15px;display:grid;grid-template-columns:42px 1fr 25px;gap:12px;align-items:center;box-shadow:0 15px 30px #03081366}.album-art{width:42px;height:42px;background:linear-gradient(140deg,#617cae,#283d5d);border-radius:6px;display:grid;place-items:center;color:#d9e7ff}.album-art svg{width:34px;height:34px}.music-meta{display:flex;flex-direction:column;gap:4px;min-width:0}.music-meta>.mono{font-size:6px;letter-spacing:1.3px;color:#839bbe}.music-meta strong{font:500 11px var(--display);color:#e4ecff;white-space:nowrap}.music-meta>span:last-child{font-size:8px;color:#9eacc4;white-space:nowrap}.equalizer{display:flex;gap:2px;align-items:center;justify-content:center;height:28px}.equalizer i{width:3px;height:20px;background:#9fc6de;transform-origin:bottom;border-radius:2px;animation:equalize .8s ease-in-out infinite alternate}.equalizer i:nth-child(2){animation-delay:-.5s;height:12px}.equalizer i:nth-child(3){animation-delay:-.2s;height:26px}.equalizer i:nth-child(4){animation-delay:-.6s;height:16px}.equalizer i:nth-child(5){animation-delay:-.35s;height:23px}.lyrics-preview{grid-column:1/-1;display:flex;flex-direction:column;gap:4px;margin-top:2px;font-size:9px;color:#e4ecff}.lyrics-preview>span:last-child{color:#7485a4}.music-progress{grid-column:1/-1;background:#273651;height:3px;border-radius:2px;overflow:hidden}.music-progress>i{display:block;background:#8daadc;width:35%;height:3px;animation:track-progress 12s linear infinite}.preview-footer{font-size:6px;letter-spacing:.7px;opacity:.65}.donutx-art{background:radial-gradient(ellipse at 50% 45%,#5667a630,transparent 65%),#171a2b}.donut-symbol{position:absolute;width:150px;height:150px;top:44px;left:50%;transform:translateX(-50%);display:grid;place-items:center}.donut-symbol>span{font:600 87px/1 var(--display);color:#aebce3;text-shadow:0 0 25px #879fd94d}.donut-ring{position:absolute;inset:0;border:1px dashed #7589bc88;border-radius:50%;animation:ring-spin 20s linear infinite}.donut-ring:after{content:'';position:absolute;top:16px;left:18px;width:7px;height:7px;border-radius:50%;background:#a4b7ed;box-shadow:0 0 15px #a4b7ed}.second-ring{inset:16px;border:1px solid #445176;animation:ring-spin 12s linear infinite reverse;transform:rotateX(55deg)}.second-ring:after{top:5px;left:21px;width:4px;height:4px}.client-chips{position:absolute;bottom:45px;left:0;right:0;display:flex;justify-content:center;gap:7px;font-size:7px}.client-chips>span{border:1px solid #384664;border-radius:3px;padding:4px 7px;background:#111827}.gama-art{background:#1e2b48;overflow:hidden}.shader-sky{position:absolute;inset:0;overflow:hidden;background:linear-gradient(#141c33,#344977 65%,#646e93)}.sky-moon{position:absolute;width:28px;height:28px;right:22%;top:26%;border-radius:50%;background:#c2d1ed;box-shadow:0 0 50px #c7daff60}.sky-cloud{position:absolute;width:90px;height:15px;top:38%;left:10%;background:#9aafd027;box-shadow:20px -9px 0 #9aafd027,-20px 8px 0 #9aafd027;animation:cloud-drift 14s ease-in-out infinite alternate}.cloud-two{top:23%;left:49%;width:62px;animation-delay:-8s;animation-duration:18s;opacity:.6}.voxel-horizon{position:absolute;inset:50% -10px 0;background:#1b2943;clip-path:polygon(0 30%,7% 30%,7% 12%,20% 12%,20% 40%,32% 40%,32% 22%,43% 22%,43% 0,53% 0,53% 45%,65% 45%,65% 26%,77% 26%,77% 14%,90% 14%,90% 40%,100% 40%,100% 100%,0 100%)}.front-horizon{inset:67% -20px 0;background:#10192b;transform:scaleX(-1)}.voxel-player{position:absolute;width:23px;height:64px;left:60%;bottom:35px;filter:drop-shadow(0 0 7px #9ebefa80)}.voxel-player>i{display:block;background:#a1b3de;width:19px;height:19px;margin:auto;border:1px solid #dce8ff}.voxel-player>b{display:block;background:#617bad;width:23px;height:29px;margin-top:3px;border:1px solid #b6cdf2;box-shadow:0 18px 0 -4px #526b9f}.player-aura{position:absolute;left:calc(60% - 30px);bottom:30px;width:83px;height:18px;border:1px solid #a8c7f4;border-radius:50%;box-shadow:0 0 20px #95b5ff66;animation:aura-breathe 2.4s ease-in-out infinite}.sky-stars{position:absolute;left:15px;right:0;top:45px;color:#d7e5ff;line-height:35px;font-size:13px;animation:stars-shimmer 4s ease-in-out infinite alternate}.gama-art .preview-label,.gama-art .preview-footer{color:#c4d6fc;text-shadow:0 1px 4px #000}.project-detail p:last-child{max-width:270px}.project-dialog-tags{display:flex;flex-wrap:wrap;gap:8px;margin:15px 0 28px}.project-dialog-tags>span{border:1px solid var(--line);background:var(--surface);border-radius:4px;padding:6px 10px;font-size:11px;color:var(--accent)}.project-summary{border-top:1px solid var(--line);padding-top:22px}.project-summary h3{font:500 18px var(--display);margin-bottom:12px}.project-summary ul{padding-left:18px;margin:0;color:var(--muted);font-size:13px;line-height:2}.project-summary .project-credit{font:10px Consolas,monospace;margin-top:22px;color:var(--muted)}.project-summary .button{margin-top:24px}.social-card[data-copy]{cursor:pointer}.social-card[data-copy]:hover{color:var(--accent)}.social-card[data-copy] .social-end{font:9px Consolas,monospace}.social-card p{letter-spacing:.1px}.project-detail h3{font-size:23px}.brand-avatar{filter:none}.outro-asterisk{color:var(--accent)}
@keyframes portrait-float{0%,100%{transform:translate(-50%,-50%) rotate(-2deg)}50%{transform:translate(-50%,calc(-50% - 16px)) rotate(2deg)}}@keyframes tag-float{0%,100%{translate:0 0}50%{translate:0 -12px}}@keyframes equalize{from{transform:scaleY(.25)}to{transform:scaleY(1)}}@keyframes track-progress{from{width:8%}to{width:100%}}@keyframes ring-spin{to{rotate:360deg}}@keyframes cloud-drift{from{transform:translateX(-20px)}to{transform:translateX(45px)}}@keyframes aura-breathe{0%,100%{transform:scale(.85);opacity:.5}50%{transform:scale(1.2);opacity:1}}@keyframes stars-shimmer{from{opacity:.3}to{opacity:1}}
html[data-motion=on] .portrait-orbit{animation:portrait-float 5s ease-in-out infinite}html[data-motion=on] .orbit-label{animation:tag-float 4.5s ease-in-out infinite}html[data-motion=on] .orbit-label-two{animation-delay:-2s}html[data-motion=on] .album-art svg{animation:ring-spin 9s linear infinite}html[data-motion=on] .hero-art{animation:enter-up 1.1s .2s both}
html[data-motion=off]{scroll-behavior:auto}html[data-motion=off] *,html[data-motion=off] *:before,html[data-motion=off] *:after{animation:none!important;transition:none!important}html[data-motion=off] .reveal{opacity:1!important;transform:none!important}html[data-motion=off] .project-card:hover .project-art{transform:none}html[data-motion=off] .profile-frame{transform:none}
@media(max-width:1050px){nav{gap:18px;margin-right:4px}.header{gap:4px}.motion-toggle{padding:0 4px}.motion-toggle>span,.sound-toggle>span{display:none}.portrait-orbit{width:155px}.orbit-label-one{left:7%}.orbit-label-two{right:7%}.project-art{height:240px}.music-hud{inset:54px 13px 40px;padding:12px;gap:8px;grid-template-columns:35px 1fr 19px}.album-art{width:35px;height:35px}.album-art svg{width:30px}.music-meta strong{font-size:10px}.music-meta>span:last-child{font-size:7px}.lyrics-preview{font-size:8px}.donut-symbol{width:125px;height:125px;top:45px}.client-chips{bottom:37px}.about-copy h2,.about-copy h2 .serif{font-size:32px}}
@media(max-width:760px){.portrait-orbit{width:165px}.orbit-label-one{left:12%}.orbit-label-two{right:12%}.hero-art{height:370px}.project-art{height:300px}.music-hud{inset:65px 30px 53px;padding:19px;grid-template-columns:45px 1fr 27px;gap:14px}.album-art{width:45px;height:45px}.music-meta strong{font-size:13px}.music-meta>span:last-child{font-size:9px}.music-meta>.mono{font-size:7px}.lyrics-preview{font-size:11px;gap:7px}.preview-footer{font-size:7px}.donut-symbol{width:170px;height:170px;top:52px}.donut-symbol>span{font-size:100px}.client-chips{bottom:45px;font-size:8px}.about-copy h2,.about-copy h2 .serif{font-size:35px}.editing-experience>p[data-editing]{font-size:13px}.hero-description{max-width:400px}.brand-avatar{width:31px;height:31px;margin-right:8px}}
@media(max-width:420px){.header nav a:nth-child(n+2){display:none}.header nav{margin-right:6px;margin-left:auto}.header{gap:6px}.motion-toggle,.sound-toggle{padding:0 3px}.brand>[data-name]{max-width:68px}.hero-art{height:340px}.portrait-orbit{width:145px}.orbit-label-one{left:8%}.orbit-label-two{right:7%}.project-art{height:270px}.music-hud{inset:60px 20px 45px;padding:14px;gap:10px}.music-meta strong{font-size:12px}.lyrics-preview{font-size:10px}.donut-symbol{width:145px;height:145px;top:48px}.filter{padding-inline:7px;font-size:9px}.filter span{margin-left:5px}.hero-actions{gap:18px}.hero-actions .button{gap:18px}}