.scene::after,.scene::before{position:fixed;inset:0;content:"";pointer-events:none}.card,header .logo{box-shadow:var(--shadow)}.card,.ratio-477-251,.scene,footer{position:relative}.dc-ava-glow,.ocean-layer,.scene::after,.scene::before{pointer-events:none}.btn,.pl-btn,.pl-track{cursor:pointer}.bubbles,.card,.ocean-layer,.pl-range,.pl-track{overflow:hidden}.bio-title,.dc-name,.pl-title{font-weight:700}.bio-quote blockquote,body{margin:0}.btn,.dc-badge,.h2-icon,.pl-art,.pl-btn{place-items:center}.brand .logo-img,.dc-ava{object-fit:cover}:root{--bg:#0b1620;--panel:#0e1d2a;--panel-soft:#0f1b27;--text:#e8f0f7;--muted:#9bb0c3;--border:#1a2a37;--accent:#8aa9ff;--ring:rgba(138,169,255,.45);--shadow:0 14px 40px rgba(0,0,0,.35);--bg-image:url("https://cdnb.artstation.com/p/assets/images/images/006/267/299/original/lip-comarella-omj-sailing-1920x1080.gif?1497278284");--bg-blur:12px;--bg-dim:.6;--overlay:rgba(30,30,30,.55);--overlay-blur:12px;--glass-bg:rgba(255,255,255,.06);--glass-bd:rgba(255,255,255,.12);--wave-h:96px;--wave-color:rgba(255,255,255,.22);--wave-shadow:0 2px 4px rgba(0,0,50,.30);--w1:6s;--w2:8s;--w3:7s;--bub-color:rgba(196,227,255,.18);--caustic:radial-gradient(60% 40% at 50% 100%, rgba(255,255,255,.06), transparent 60%);--glass-ra:24px}[data-theme=light]{--bg:#f8f8fb;--panel:#ffffff;--panel-soft:#f0f1f8;--text:#10121a;--muted:#5b617a;--border:#e7e8f1;--accent:#3b6cff;--ring:rgba(59,108,255,.25);--overlay:rgba(255,255,255,.45);--glass-bg:rgba(255,255,255,.55);--glass-bd:rgba(0,0,0,.06);--wave-color:rgba(0,0,0,.06);--bub-color:rgba(0,0,0,.08)}*{box-sizing:border-box}body,html{height:100%}body{color:var(--text);overflow-x:hidden;font:16px/1.55 ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Inter,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(1200px 800px at 100% -10%,rgba(138,169,255,.08),transparent 60%),var(--bg)}a{color:inherit;text-decoration:none}.muted{color:var(--muted)}.btn,.link:hover{color:var(--text)}.disable-transitions *{transition:none!important}.scene{min-height:100dvh;display:flex;flex-direction:column;isolation:isolate}main{flex:1}.scene::before{z-index:-3;background-image:var(--bg-image);background-size:cover;background-position:center;filter:blur(var(--bg-blur)) brightness(var(--bg-dim))}.scene::after{z-index:-2;background:var(--overlay);backdrop-filter:blur(var(--overlay-blur));-webkit-backdrop-filter:blur(var(--overlay-blur))}.glass{background:var(--glass-bg);border-bottom:1px solid var(--glass-bd);backdrop-filter:saturate(140%) blur(10px);-webkit-backdrop-filter:saturate(140%) blur(10px)}.card{background:linear-gradient(180deg,var(--panel),var(--panel-soft));border:1px solid var(--border);border-radius:var(--glass-ra);transition:transform .18s,border-color .18s,box-shadow .18s}.btn,.card--glass,.link:hover,footer,header .logo{background:var(--glass-bg)}.btn,.dc-ava-glow,.link{transition:.2s}.card--glass{border:1px solid var(--glass-bd);backdrop-filter:saturate(180%) blur(12px);-webkit-backdrop-filter:saturate(180%) blur(12px)}.card:hover{transform:translateY(-2px);border-color:color-mix(in oklab,var(--accent) 35%,var(--border));box-shadow:0 22px 44px rgba(0,0,0,.3)}.btn{display:inline-grid;width:36px;height:36px;border-radius:12px;border:1px solid var(--glass-bd);outline:0;backdrop-filter:saturate(160%) blur(8px)}.btn:hover{transform:translateY(-1px);box-shadow:0 8px 20px rgba(0,0,0,.18)}.btn:focus-visible{box-shadow:0 0 0 4px var(--ring)}.skeleton{border-radius:14px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.07),transparent);background-size:200% 100%;animation:2s infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}.icon{width:1rem;height:1rem;display:block}.container{max-width:56rem;margin-inline:auto;padding-inline:1rem}.grid-areas{display:grid;gap:1rem;grid-template-areas:"a a" "a a" "b b" "f f" "e e";grid-template-columns:1fr 1fr}.row,header .nav{align-items:center;gap:12px;display:flex}@media (min-width:640px){.container{max-width:40rem}.grid-areas{grid-template-areas:"a a" "b f" "e e"}}@media (min-width:768px){.container{max-width:56rem}}@media (min-width:1280px){.container{max-width:64rem}.grid-areas{grid-template-areas:"a a b" "f d d" "e e e";grid-template-columns:repeat(3,1fr)}}.ga-a{grid-area:a}.ga-b{grid-area:b}.ga-d{grid-area:d}.ga-e{grid-area:e}.ga-f{grid-area:f}header .nav{justify-content:space-between;padding:12px 0}.pl-ctrls,header .brand{display:flex;align-items:center;gap:10px}header .logo{width:24px;height:24px;border-radius:8px;border:1px solid var(--glass-bd);backdrop-filter:blur(8px)}.nav-links{display:none;gap:18px}.link{color:color-mix(in oklab,var(--text)70%,transparent);padding:8px 10px;border-radius:10px}.pl-artist,.pl-time,footer{color:var(--muted)}footer{margin-top:auto;z-index:0;border-top:1px solid var(--glass-bd);backdrop-filter:blur(10px) saturate(140%);-webkit-backdrop-filter:blur(10px) saturate(140%)}.dc-ava,.dc-head{backdrop-filter:blur(8px)}.footer-wrap{display:flex;flex-direction:column;gap:10px;align-items:center;padding:22px 0}.dc-card,.h2-icon,.h2-row{display:grid}@media (min-width:640px){.nav-links{display:flex}.footer-wrap{flex-direction:row;justify-content:space-between}}.footer-wrap li,.footer-wrap ul{list-style:none;margin:0;padding:0}.ratio-477-251{padding-top:calc(251/477*100%)}.ratio-477-251>*{position:absolute;inset:0}.ocean-layer{position:fixed;left:0;right:0;bottom:0;height:calc(var(--wave-h) + 36px);z-index:2147483647}.bubble,.bubbles,.dc-ava-glow,.h2-track::before,.wave{position:absolute}.ocean-layer::before{content:"";position:absolute;inset:-40% -20% auto -20%;height:140%;background:var(--caustic);transform:translateY(10px);filter:blur(6px);animation:8s ease-in-out infinite alternate caustic;opacity:.48}.wave:first-child,.wave:nth-child(2),.wave:nth-child(3){opacity:calc(var(--baseOpacity) * var(--fade))}@keyframes caustic{from{transform:translateY(14px)}to{transform:translateY(2px)}}@property --fade{syntax:'<number>';inherits:true;initial-value:1}.wave{bottom:0;width:200%;height:var(--wave-h);background:var(--wave-color);border-radius:50% 50% 0 0/100% 100% 0 0;filter:drop-shadow(var(--wave-shadow));transform:translateX(-25%);will-change:transform,opacity;--fade:1}.wave:first-child{left:-50%;--baseOpacity:.35;animation:waveMoveMid var(--w1) linear infinite,waveFade var(--w1) ease-in-out infinite}.wave:nth-child(2){left:0;--baseOpacity:.18;animation:waveMoveMidRev var(--w2) linear infinite,waveFade var(--w2) ease-in-out infinite}.wave:nth-child(3){left:-25%;--baseOpacity:.22;animation:waveMoveMid var(--w3) linear infinite,waveFade var(--w3) ease-in-out infinite}@keyframes waveMoveMid{from{transform:translateX(-25%)}to{transform:translateX(-75%)}}@keyframes waveMoveMidRev{from{transform:translateX(-75%)}to{transform:translateX(-25%)}}@keyframes waveFade{0%,100%{--fade:0}6%,94%{--fade:1}}.bubbles{inset:0}.bubble{bottom:-20px;width:6px;height:6px;border-radius:999px;background:var(--bub-color);filter:blur(.2px);animation:9s linear infinite bubble}@keyframes bubble{0%{transform:translateY(0) translateX(0) scale(.9);opacity:0}8%,85%{opacity:.7}100%{transform:translateY(-110%) translateX(-20px) scale(1.1);opacity:0}}.bubble.b1{left:6%;animation-duration:10s}.bubble.b2{left:18%;animation-duration:11s;animation-delay:2s}.bubble.b3{left:28%;animation-duration:9.5s;animation-delay:1s}.bubble.b4{left:42%;animation-duration:12s;animation-delay:.5s}.bubble.b5{left:57%;animation-duration:10.5s;animation-delay:3s}.bubble.b6{left:68%;animation-duration:9s;animation-delay:1.8s}.bubble.b7{left:79%;animation-duration:11.2s;animation-delay:2.6s}.bubble.b8{left:91%;animation-duration:10.8s;animation-delay:1.2s}.h2-rows.h2-rows--compact{gap:8px}.h2-row{grid-template-columns:24px 1fr auto;align-items:center}.h2-icon{opacity:.95}.h2-icon img{width:18px;height:18px;display:block}.h2-track{border:1px solid var(--glass-bd)}.h2-track::before{content:"";left:8px;top:3px;bottom:3px;width:3px;border-radius:6px;background:rgba(112,173,255,.25)}.h2-fill{border-radius:999px;width:0%}.h2-val{min-width:40px;text-align:right}[data-theme=dark] .h2-icon img.mono,[data-theme=dark] .tool img.mono,[data-theme=dark] .tool img.si{filter:brightness(0) invert(1)}[data-theme=light] .h2-icon img.mono{filter:brightness(0) saturate(100%)!important}.dc-card{grid-template-rows:auto 1fr;gap:12px;height:100%}.dc-left,.dc-leftcol{grid-template-rows:auto auto}.dc-head{border-bottom:1px solid var(--glass-bd);padding:8px 12px;display:flex;align-items:center;justify-content:space-between;background:var(--glass-bg)}.dc-body{padding:12px;display:grid;grid-template-columns:1fr auto;gap:12px;align-items:start}.badge,.dc-left{align-items:center}.dc-left{display:grid;grid-template-columns:auto 1fr;grid-column-gap:12px;grid-row-gap:8px}.dc-ava{border:1px solid var(--glass-bd)}.dc-activity-card,.dc-acts-card{backdrop-filter:blur(10px);grid-column:1/-1}.dc-ava-glow{inset:-6px;border-radius:999px;background:conic-gradient(from 0deg,#aef 0,#8af 20%,#cdf 40%,transparent 60%);filter:blur(8px);opacity:0}.badge,.dc-activity-card,.dc-acts-card{background:var(--glass-bg)}.has-nitro .dc-ava-glow{opacity:.6}.dc-status{transform:translate(35%,35%);box-shadow:0 0 0 3px var(--bg)}.dc-name{font-size:16px}.dc-right{display:flex;align-items:flex-start;justify-content:flex-end}.dc-badges{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:flex-end;max-width:220px}.dc-badge{width:28px;display:inline-grid;box-shadow:inset 0 0 0 1px rgba(255,255,255,.06),0 2px 8px rgba(0,0,0,.25)}.dc-activity-card{border-radius:14px;border:1px solid var(--glass-bd);padding:12px;min-height:52px}.dc-acts-card{border-radius:14px;border:1px solid var(--glass-bd);padding:10px;min-height:60px}.dc-acts{display:flex;flex-wrap:wrap;gap:6px}.badge{display:inline-flex;gap:6px;padding:6px 10px;border:1px solid var(--glass-bd);border-radius:999px;font-size:12px}.pl-bar,.player{grid-template-columns:auto 1fr auto;align-items:center}.player{display:grid;gap:14px;padding:18px}.pl-art{width:64px;height:64px;border-radius:16px;border:1px solid var(--glass-bd);background:linear-gradient(135deg,#2a3b52,#0f1a28);display:grid}.bio-lines,.pl-meta{display:flex;flex-direction:column;gap:6px}.pl-artist{font-size:13px}.pl-btn{width:38px;height:38px;border-radius:12px;border:1px solid var(--glass-bd);background:var(--glass-bg);display:grid}.pl-btn:focus-visible{outline:0;box-shadow:0 0 0 4px var(--ring)}.pl-bar{grid-column:1/-1;display:grid;gap:10px}.pl-time{font-size:12px;min-width:42px;text-align:center}.pl-track{position:relative;height:10px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid var(--glass-bd)}.pl-fill{height:100%;background:linear-gradient(90deg,#59b6ff,#8abfff);border-radius:999px;width:0%}.pl-dot{position:absolute;top:50%;transform:translate(-50%,-50%);width:12px;height:12px;border-radius:4px;background:#7fc3ff;left:0}.pl-vol{display:flex;align-items:center;gap:8px}.bio-block,.dc-meta{flex-direction:column}.pl-range{appearance:none;width:110px;height:6px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid var(--glass-bd)}.dc-ava,.dc-ava-wrap{width:80px;height:80px}.pl-range::-webkit-slider-thumb{appearance:none;width:14px;height:14px;border-radius:6px;background:#8abfff;border:0;box-shadow:0 0 0 2px rgba(0,0,0,.2) inset}.pl-range::-moz-range-thumb{width:14px;height:14px;border:none;border-radius:6px;background:#8abfff}.dc-ava,.dc-status{border-radius:999px}.bio-block{padding:22px 24px 20px;display:flex;gap:10px}.bio-title{font-size:28px;line-height:1.15;margin:0 0 8px}.bio-line,.bio-quote{font-size:15px;line-height:1.5}.bio-line{color:var(--text);opacity:.95;transition:opacity .2s}.bio-quote,.dc-id,.h2-total{color:var(--muted)}.bio-langs img:hover,.bio-line:hover{opacity:1}.bio-quote{margin-top:10px;padding-left:14px;border-left:3px solid var(--accent);font-style:italic;opacity:.9}.dc-grid{display:grid;grid-template-columns:92px 1fr;gap:12px;padding:12px;align-items:start}.dc-leftcol{display:grid;gap:8px}.dc-meta{display:flex;gap:2px}.dc-handle{font-weight:600;opacity:.95}.dc-display,.h2-title,.h2-total{font-weight:700}.dc-id{font-size:12px}.dc-ava-wrap{grid-row:1/span 2;position:relative}.dc-status{position:absolute;right:2px;bottom:2px;width:14px;height:14px;box-shadow:0 0 0 3px var(--panel)}.dc-rightcol{position:relative;display:flex;flex-direction:column;gap:8px;padding-bottom:135px}.dc-name-row{display:flex;align-items:center;gap:10px;min-width:0}.dc-display{font-size:16px;white-space:nowrap}.dc-badges{position:absolute;right:0;bottom:0;display:flex;align-items:center;gap:4px;flex-wrap:wrap}.h2-row,.h2-rows{gap:10px}.dc-badge{height:22px;display:inline-flex;align-items:center;justify-content:center;background:0 0;border:0;box-shadow:none;border-radius:0;padding:0;overflow:visible}.h2-head{align-items:center}.dc-badge img{width:22px;height:22px;display:block;border-radius:4px;filter:drop-shadow(0 0 2px rgba(0,0,0,.3))}.dc-activity-card,.dc-acts-card{grid-column:1/-1}.h2-head{display:flex;justify-content:space-between;margin-bottom:6px}[data-theme=light] .h2-icon{color:#4b5672}[data-theme=light] .h2-val{color:#2b3450}.tool--noimg .tool-name{padding-left:2px}.tool span,.tool-name{font-size:13px;opacity:.95}.h2-wrap{display:grid}.h2-head{display:flex;justify-content:space-between}.h2-icon,.h2-row,.h2-rows{display:grid}.h2-row,.tool{align-items:center}.h2-title{letter-spacing:.2px}.h2-icon,.h2-val{color:#cfe1ff;opacity:.9}.h2-divider{background:var(--glass-bd)}.h2-row{grid-template-columns:auto 1fr auto}.h2-icon{width:20px;height:20px}.h2-track{position:relative;height:12px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid var(--glass-bd);overflow:hidden}.h2-fill{height:100%;background:linear-gradient(90deg,#59b6ff,#8abfff)}.h2-val{font-size:13px;font-weight:600}.h2-tools{display:flex;flex-wrap:wrap;gap:10px}.tool{display:inline-flex;gap:8px;padding:8px 10px;border:1px solid var(--glass-bd);border-radius:12px;background:var(--glass-bg);backdrop-filter:blur(8px)}.tool img,.tool svg{width:20px;display:block}.h2-wrap{display:grid;gap:16px;padding:18px;grid-template-rows:auto auto auto}.h2-tools{display:grid;grid-auto-rows:minmax(36px,auto);grid-template-columns:1fr;gap:8px}.bio-langs{margin-top:1rem;display:flex;align-items:center;gap:.5rem;font-size:.95rem;opacity:.9}.bio-langs img{border-radius:3px;width:22px;height:16px;transition:opacity .2s}[data-theme=light] .tool img.mono,[data-theme=light] .tool img.si{filter:none}.h2-scroll{max-height:200px;overflow-y:auto;scroll-behavior:smooth;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:rgba(138,169,255,0.45) rgba(255,255,255,0.05)}.h2-scroll::-webkit-scrollbar{width:8px}.h2-scroll::-webkit-scrollbar-track{background:rgba(255,255,255,.05);border-radius:8px}.h2-scroll::-webkit-scrollbar-thumb{background:rgba(138,169,255,.45);border-radius:8px;transition:background .3s}.h2-scroll::-webkit-scrollbar-thumb:hover{background:rgba(138,169,255,.75)}.ga-f.card{height:420px;display:flex}.ga-f.card .h2-wrap{flex:1;height:100%;display:grid;grid-template-rows:auto 1fr auto 1fr;gap:12px;padding:18px}.h2-rows,.h2-scroll{min-height:0;overflow:auto;padding-right:8px}.overflow-hidden,.ratio-477-251,.skip-link{overflow:hidden}.h2-divider{height:1px;background:var(--glass-bd);margin:0}.is-sticky{position:sticky;top:0;z-index:3}.mt-5{margin-top:1.25rem}.brand .logo-img{width:24px;height:24px;border-radius:6px}.feature{display:none;align-items:start;padding:14px;position:relative}.ratio-477-251{aspect-ratio:477/251;width:85%;border:1px solid var(--glass-bd);border-radius:20px}.feature-link{position:absolute;right:0;bottom:0;margin:12px}.muted-xxs{font-size:11px;letter-spacing:.08em;text-transform:uppercase}.muted-xs{font-size:12px}.text-opacity-80{opacity:.8}.row{display:flex;align-items:center}.skip-link{position:absolute;left:-9999px;top:auto;width:1px;height:1px}.skip-link:focus{left:12px;top:12px;width:auto;height:auto;background:var(--accent);color:var(--accent-foreground);padding:6px 10px;border-radius:8px;z-index:9999}:where(a,button,[role=button]):focus-visible{outline:2px solid var(--ring);outline-offset:2px}