@font-face{font-family:Space Grotesk;src:url('/assets/space-grotesk-regular.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Space Grotesk;src:url('/assets/space-grotesk-bold.ttf') format('truetype');font-weight:700;font-style:normal;font-display:swap}
:root{color-scheme:dark;--night:#0b0712;--accent:#c2a6ff;--accent-rgb:194,166,255;--text:#f8f3ff;--secondary:#c7b6d8;--muted:#aa94bd;--line:#ead6ff1c;--ease:cubic-bezier(.16,1,.3,1);--spring:cubic-bezier(.22,1,.36,1)}
*{box-sizing:border-box}html{background:var(--night);scroll-behavior:smooth}body{margin:0;min-height:100svh;font-family:'Space Grotesk',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:var(--text);overflow-x:hidden;isolation:isolate}body[data-clip=klm]{--accent:#dbb1ff;--accent-rgb:219,177,255}body[data-clip=seklenland]{--accent:#c9baff;--accent-rgb:201,186,255}
a{color:inherit;text-decoration:none}button,input,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer;transition:scale .24s var(--spring),color .3s var(--ease)}button:disabled,input:disabled{opacity:.4;cursor:default}button,a,input{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:4px}button:active:not(:disabled){scale:.96}svg{display:block;width:24px;height:24px}::selection{background:#dcc5ff;color:#241037}[hidden]{display:none!important}.svg-defs{position:absolute;width:0;height:0;overflow:hidden}.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}.skip-link{position:fixed;top:12px;left:12px;z-index:50;padding:12px 18px;background:#382047;border:1px solid var(--line);border-radius:10px;translate:0 -180%}.skip-link:focus{translate:0 0}.mono{font:400 10px/1.5 'SFMono-Regular',Consolas,monospace;letter-spacing:2px}
.night-background{position:fixed;inset:0;height:100vh;height:100dvh;overflow:hidden;background:radial-gradient(ellipse at 18% 20%,#2a143c 0%,transparent 60%),linear-gradient(150deg,#120b1e,#08060e 65%,#1b0c28);pointer-events:none;z-index:-3}#ambient-video{position:absolute;inset:auto;left:0;top:50%;display:block;width:100%;height:100%;object-fit:cover;object-position:center;transform:translateY(-50%);opacity:0;transition:opacity 0.85s ease}#ambient-video.is-ready{opacity:1}.video-shade{position:absolute;inset:0;background:linear-gradient(135deg,#15072199,#08050d63 55%,#14061c85),radial-gradient(ellipse at 50% 45%,transparent 12%,#09061075 100%);transition:opacity 0.8s ease}.ambient-aura{position:absolute;width:65vw;height:65vw;border-radius:50%;pointer-events:none;opacity:.35;filter:blur(60px);transition:opacity 0.7s ease}.aura-one{top:-45vw;left:-12vw;background:radial-gradient(ellipse,#974be366,transparent 70%);animation:aura-drift 24s ease-in-out infinite alternate}.aura-two{right:-43vw;bottom:-40vw;background:radial-gradient(ellipse,#9155c65e,transparent 70%);animation:aura-drift 30s -12s ease-in-out infinite alternate-reverse}#ambient-canvas{position:fixed;inset:0;z-index:0;width:100%;height:100%;opacity:.52;pointer-events:none;transition:opacity 0.7s ease}.cursor-glow{position:fixed;inset:0 auto auto 0;width:320px;height:320px;z-index:1;pointer-events:none;background:radial-gradient(circle,#cfb0ff13,transparent 65%);opacity:0;transition:opacity .6s var(--ease);will-change:transform}.cursor-glow.visible{opacity:1}
.site-header{position:absolute;inset:0 0 auto;z-index:5;padding:28px 40px;display:flex;justify-content:space-between;align-items:center;gap:20px;transition:translate .64s var(--ease),opacity .44s var(--ease),visibility 0s;transition-delay:.08s,.08s,0s;opacity:1;translate:0 0}.wordmark{display:flex;align-items:center;gap:10px;font-size:15px;font-weight:700;letter-spacing:-.6px}.logo-symbol{display:grid;place-items:center;width:32px;height:32px;padding:0 3px 2px 0;border:1px solid #d3b2ff30;border-radius:10px;background:linear-gradient(135deg,#b37bef24,#25133275);box-shadow:inset 0 1px 0 #efd5ff13;font:italic 700 27px/1 Georgia,serif;color:#e2cfff;transition:rotate .48s var(--spring),box-shadow .48s var(--ease)}.wordmark:hover .logo-symbol{rotate:-10deg;box-shadow:0 0 24px #b180e926}.wordmark-dot{color:var(--accent)}.paris-clock{display:flex;align-items:center;gap:10px;padding:9px 13px;border:1px solid #e2c5ff1c;background:#130b2257;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:999px;font-family:'SFMono-Regular',Consolas,monospace;font-variant-numeric:tabular-nums}.clock-label{font-size:9px;letter-spacing:1.5px;color:#b7a3ca}#paris-time{font-size:12px;letter-spacing:.6px;color:#edddfc}.clock-orbit{width:6px;height:6px;flex:0 0 6px;border:1px solid #dab8fc;border-radius:50%;box-shadow:0 0 10px #c69aff35}
.header-controls{display:flex;align-items:center;gap:12px;flex:0 0 auto}
.language-switch{position:relative;display:grid;grid-template-columns:1fr 1fr;isolation:isolate;width:84px;height:36px;padding:3px;border:1px solid #e2c5ff26;border-radius:999px;background:#130b2257;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:inset 0 1px 0 #f2dfff07}
.language-slider{position:absolute;z-index:-1;top:3px;bottom:3px;left:3px;width:calc((100% - 6px)/2);border-radius:999px;background:linear-gradient(135deg,#dfc6fc,#bfa0e7);box-shadow:0 2px 9px #0003,inset 0 1px 0 #fff4;translate:0 0;transition:translate .48s var(--spring)}
.language-switch[data-language=fr] .language-slider{translate:100% 0}
.language-switch button{min-width:0;border:0;border-radius:999px;padding:0;background:transparent;font:700 10px/1 'Space Grotesk',sans-serif;letter-spacing:.6px;color:#bea7d0;transition:color .3s var(--ease),scale .24s var(--spring);touch-action:manipulation}
.language-switch button:hover{color:#f5e8ff}.language-switch button[aria-pressed=true]{color:#29173a}.language-switch button:focus-visible{outline-offset:3px}

main{min-height:calc(100svh - 70px);padding:100px 30px 24px;position:relative;z-index:2;display:grid;grid-template-rows:auto auto;align-content:center;justify-items:center;gap:22px;outline:none}.profile-shell{width:min(100%,900px);transition:translate .78s var(--ease),opacity .5s var(--ease),visibility 0s;transition-delay:0s;opacity:1;translate:0 0}.profile-stage{width:100%;opacity:1;transform:translate3d(0,0,0) scale(1);transition:opacity .6s var(--ease),transform .78s var(--ease);transition-delay:.05s}.profile-frame{position:relative;display:grid;grid-template-columns:minmax(0,.4fr) minmax(0,.6fr);border:1px solid transparent;border-radius:26px;overflow:hidden;background:linear-gradient(125deg,#21122f55,#160d2354 46%,#110b1c85) padding-box,conic-gradient(from 0deg,#dcc5ff18 0%,#dcc5ff18 12%,#dab8ff7a 23%,#b580dc32 32%,#dcc5ff17 50%,#dcc5ff1a 76%,#d7b4ff55 89%,#dcc5ff18 100%) border-box;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 36px 100px #0007,0 0 90px #8042b00c,inset 0 1px 0 #f4deff08;transform:perspective(1350px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:transform .48s var(--spring),box-shadow .48s var(--ease)}.profile-frame::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:3;background:radial-gradient(ellipse at var(--spot-x,50%) var(--spot-y,0%),#e4c9ff0b,transparent 48%)}.profile-frame:hover{box-shadow:0 38px 110px #0008,0 0 100px #ad76da13,inset 0 1px 0 #f4deff08}
.identity-panel{position:relative;min-width:0;min-height:530px;padding:27px 30px 32px;display:flex;flex-direction:column;overflow:hidden;isolation:isolate;border-right:1px solid #dac4f51a;background:linear-gradient(155deg,#27163614,#150a2508)}.identity-top{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;color:#c5abd9}.identity-star{color:#cba9f5;font-size:16px;line-height:1;opacity:.65}.identity-light{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 48% 38%,#ab6bff16,transparent 62%)}.identity-orbit{position:absolute;left:50%;top:35%;width:265px;height:265px;translate:-50% -50%;pointer-events:none;opacity:.48}.identity-orbit span{position:absolute;inset:0;border:1px solid #d8bfff12;border-radius:50%;transform:rotate(-23deg) scaleY(.5)}.identity-orbit span:last-child{inset:-18px;transform:rotate(46deg) scaleY(.52);border-color:#d8bfff0e}.identity-art{position:absolute;left:-15px;right:-15px;top:10px;height:380px;pointer-events:none;mix-blend-mode:normal;translate:var(--drift-x,0px) var(--drift-y,0px);transition:translate .6s var(--spring)}.identity-art img{width:100%;height:100%;object-fit:contain;object-position:center;animation:mark-float 12s cubic-bezier(.45,0,.55,1) infinite;transform-origin:50% 55%;will-change:transform}.identity-copy{position:relative;z-index:1;margin-top:auto;padding-top:300px}.identity-rule{display:block;width:28px;height:2px;border-radius:2px;margin-bottom:18px;background:linear-gradient(90deg,var(--accent),#c7a0ec15);box-shadow:0 0 20px #ad80e529}h1{margin:0;font-size:clamp(65px,7vw,94px);line-height:.96;letter-spacing:-.085em;font-weight:700;text-shadow:0 2px 30px #dbbaff08;overflow-wrap:anywhere}.name-dot{color:var(--accent);text-shadow:0 0 30px #b991ff28}.handle-button{display:flex;align-items:center;gap:13px;padding:10px 0;margin-top:13px;border:0;background:transparent;color:#c9b5db;font-size:14px;letter-spacing:.4px;transition:color .3s var(--ease),scale .24s var(--spring)}.handle-button svg{width:14px;height:14px;color:#a891be;opacity:.55;transition:opacity .3s var(--ease),translate .3s var(--ease),scale .24s var(--spring)}.handle-button:hover{color:#f1e4ff}.handle-button:hover svg{opacity:1;translate:2px 0}.handle-button.is-copied svg{color:#b1efce;opacity:1}.has-avatar .identity-art{mix-blend-mode:normal;opacity:.6}.has-avatar .identity-art img{animation:none;object-fit:cover}
.links-panel{min-width:0;padding:24px;display:flex;flex-direction:column;gap:16px;background:linear-gradient(155deg,#160d2166,#140c206d)}
.discord-card{position:relative;min-width:0;border:1px solid #e3c6ff24;border-radius:18px;overflow:hidden;background:linear-gradient(130deg,#2a19357a,#190f278a);box-shadow:inset 0 1px 0 #f3dfff05}.discord-banner{height:60px;background:radial-gradient(ellipse at 85% 0%,#945fc84f,transparent 75%),linear-gradient(115deg,#5132605e,#2c193c50);background-size:cover;background-position:center;position:relative}.discord-banner::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#16092024,transparent 70%)}.discord-brand{position:absolute;top:12px;left:17px;z-index:1;display:flex;align-items:center;gap:6px;font-size:10px;font-weight:700;letter-spacing:.2px;color:#f0ddffdb}.discord-brand svg{width:14px;height:14px}.discord-profile-body{padding:0 17px 16px;position:relative;min-width:0}.discord-profile-top{display:flex;align-items:flex-end;gap:12px;margin-top:-23px}.discord-avatar-wrap{position:relative;flex:0 0 68px;width:68px;height:68px;border:4px solid #281830;border-radius:50%;background:#281830;box-shadow:0 4px 12px #0003}#discord-avatar{display:block;width:100%;height:100%;object-fit:cover;border-radius:50%}.discord-decoration{position:absolute;inset:-8px;width:calc(100% + 16px);height:calc(100% + 16px);pointer-events:none}.presence-dot{position:absolute;width:17px;height:17px;right:-2px;bottom:0;border:3px solid #281830;border-radius:50%;background:#8e7c9e}.presence-dot[data-status=online]{background:#69dcb0;box-shadow:0 0 10px #57d29f35}.presence-dot[data-status=idle]{background:#efc16a}.presence-dot[data-status=dnd]{background:#f38da2}.presence-dot[data-status=offline]{background:#9b8aa5}.presence-dot[data-status=dnd]::after{content:"";position:absolute;top:4px;left:2px;right:2px;height:2px;border-radius:2px;background:#281830}.presence-dot[data-status=offline]::after{content:"";position:absolute;inset:3px;border-radius:50%;background:#281830}.discord-identity{min-width:0;flex:1;padding-top:30px}.discord-name-row{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.discord-name-row h2{margin:0;font-size:20px;line-height:1.2;letter-spacing:-.65px;overflow-wrap:anywhere}.discord-username{margin:4px 0 0;color:#bfa7cf;font-size:11px;line-height:1.4;overflow-wrap:anywhere}.discord-presence{margin:5px 0 0;color:#bda6ca;font-size:11px;line-height:1.5}.discord-card[data-status=online] .discord-presence{color:#9edcbb}.discord-card[data-status=idle] .discord-presence{color:#dfc794}.discord-card[data-status=dnd] .discord-presence{color:#eca7b8}.discord-guild{display:flex;align-items:center;gap:4px;padding:2px 5px;border:1px solid #cba5ef26;border-radius:5px;color:#ddc6ee;font-size:10px;line-height:1.4}.discord-guild img{width:12px;height:12px;object-fit:contain}.discord-badges{display:flex;gap:5px;flex-wrap:wrap;margin-top:10px}.discord-badge{font-size:10px;line-height:1.5;padding:3px 7px;border:1px solid #dcc0f417;border-radius:5px;background:#ceabff0a;color:#c8b0dc}.discord-custom-status{display:flex;gap:6px;align-items:flex-start;margin:10px 0 0;color:#e9d9f6;font-size:12px;line-height:1.5;overflow-wrap:anywhere}.status-emoji{height:17px;width:17px;object-fit:contain;flex:0 0 17px;margin-top:1px}.discord-open{position:relative;display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:43px;margin-top:14px;padding:11px 14px;overflow:hidden;border:1px solid #d0a4ff4a;border-radius:10px;background:linear-gradient(110deg,#9d6bc133,#7d50ac30);box-shadow:inset 0 1px 0 #ebd2ff0d;font-size:12px;font-weight:700;color:#f1e2ff;transition:background .3s var(--ease),border-color .3s var(--ease),box-shadow .3s var(--ease),scale .24s var(--spring)}.discord-open svg{width:18px;height:18px;flex:0 0 18px;transition:translate .48s var(--spring)}.discord-open::after{content:"";position:absolute;inset:-80% -50%;pointer-events:none;background:linear-gradient(110deg,transparent 43%,#f6ddff14 49%,transparent 56%);translate:-100% 0;transition:translate 0.8s var(--ease)}.discord-open:hover{background:linear-gradient(110deg,#b282d94a,#9163c73d);border-color:#dfbfff7a;box-shadow:0 5px 20px #ae79dc13}.discord-open:hover svg{translate:3px 0}.discord-open:hover::after{translate:100% 0}
.discord-activities{display:grid;gap:12px;margin-top:13px;padding-top:12px;border-top:1px solid var(--line)}.activity{display:grid;grid-template-columns:36px minmax(0,1fr);gap:10px}.activity-art{width:36px;height:36px;object-fit:cover;border:1px solid var(--line);border-radius:7px;background:#d6b1ff0a}.activity-glyph{display:grid;place-items:center;font-size:19px;color:#c7a8e4}.activity-copy{min-width:0}.activity-label{margin:0 0 3px;font-size:10px;color:#ad91c2;line-height:1.4}.activity-name{display:block;margin:0;font-size:12px;font-weight:700;line-height:1.4;overflow-wrap:anywhere}a.activity-name:hover{text-decoration:underline;text-underline-offset:3px}.activity-detail{margin:3px 0 0;font-size:11px;line-height:1.5;color:#bca6cc;overflow-wrap:anywhere}.activity-time{display:flex;justify-content:space-between;gap:9px;margin-top:5px;font-size:10px;color:#b299c4;font-variant-numeric:tabular-nums}.spotify-progress{height:3px;margin-top:7px;border-radius:3px;overflow:hidden;background:#c49cde1a}.spotify-progress span{display:block;height:100%;background:var(--accent);border-radius:inherit}
.ambient-player{min-width:0;padding:17px;border:1px solid #e5caff20;border-radius:18px;background:linear-gradient(145deg,#291a365f,#1b112a79);box-shadow:inset 0 1px 0 #f3dfff05}.player-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:13px;color:#b99dcd}.player-heading .mono{font-size:9px;letter-spacing:1.65px}.playback-state{display:flex;align-items:center;gap:7px;min-width:0;font-size:10px;color:#bca5ce;line-height:1.5}.mini-equalizer{display:flex;align-items:center;justify-content:center;gap:2px;width:17px;height:12px}.mini-equalizer i{display:block;width:2px;height:4px;flex:0 0 2px;background:var(--accent);border-radius:3px;animation:equalize .85s ease-in-out infinite alternate;animation-play-state:paused;opacity:.55;transition:opacity .4s var(--ease)}.mini-equalizer i:nth-child(2){height:8px;animation-delay:-.3s}.mini-equalizer i:nth-child(3){height:12px;animation-delay:-.6s}.mini-equalizer i:nth-child(4){height:6px;animation-delay:-.15s}.is-playing .mini-equalizer i{animation-play-state:running;opacity:.9}.player-main{display:flex;align-items:center;gap:12px;min-width:0}.track-art{position:relative;width:54px;height:54px;flex:0 0 54px;border:1px solid #edcdff26;border-radius:10px;overflow:hidden;background:#321f44;box-shadow:0 4px 10px #0003}.track-art img{display:block;width:100%;height:100%;object-fit:cover;transition:opacity .48s var(--ease)}.art-shine{position:absolute;inset:0;pointer-events:none;background:linear-gradient(145deg,#e8d3ff14,transparent 60%);box-shadow:inset 0 1px 0 #f4ddff25}.track-copy{min-width:0;flex:1}.track-title{margin:0;font-size:16px;line-height:1.3;font-weight:700;letter-spacing:-.5px;overflow-wrap:anywhere}.track-meta{margin:5px 0 0;font-size:11px;line-height:1.5;color:#bda5ce;overflow-wrap:anywhere}.play-button{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;padding:0;border:1px solid #eed5ff70;border-radius:50%;background:linear-gradient(145deg,#e3c5ff,#ad89df);color:#2b1742;box-shadow:0 4px 17px #b080dc20,inset 0 1px 0 #fff7;transition:scale .3s var(--spring),box-shadow .3s var(--ease),border-color .3s var(--ease)}.play-button svg{width:19px;height:19px}.play-button:hover:not(:disabled){scale:1.07;box-shadow:0 0 0 5px #cfadff0d,0 5px 24px #c7a0f332}.play-button[aria-pressed=true]{box-shadow:0 0 0 4px #d1b1fc0d,0 4px 20px #be95e52a}
.player-progress{display:flex;align-items:center;gap:9px;margin-top:10px;min-width:0}.track-time{font:400 10px/1.5 'SFMono-Regular',Consolas,monospace;flex:0 0 auto;font-variant-numeric:tabular-nums;color:#b59cc8}.player-progress input{flex:1;min-width:0}input[type=range]{-webkit-appearance:none;appearance:none;height:30px;margin:0;background:transparent;border:0;cursor:pointer;touch-action:pan-y;min-width:0}input[type=range]::-webkit-slider-runnable-track{height:4px;border-radius:4px;background:linear-gradient(to right,var(--accent) var(--progress,0%),#bd91e228 var(--progress,0%))}input[type=range]::-moz-range-track{height:4px;border-radius:4px;background:linear-gradient(to right,var(--accent) var(--progress,0%),#bd91e228 var(--progress,0%))}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:10px;height:10px;border-radius:50%;margin-top:-3px;border:0;background:#efe0ff;box-shadow:0 0 0 4px #cfadff0e;transition:box-shadow .3s var(--ease),scale .3s var(--ease)}input[type=range]::-moz-range-thumb{width:10px;height:10px;border:0;border-radius:50%;background:#efe0ff;box-shadow:0 0 0 4px #cfadff0e}input[type=range]:hover::-webkit-slider-thumb,.is-scrubbing input[type=range]::-webkit-slider-thumb{scale:1.12;box-shadow:0 0 0 5px #d4b3ff22}input[type=range]:hover::-moz-range-thumb,.is-scrubbing input[type=range]::-moz-range-thumb{box-shadow:0 0 0 5px #d4b3ff22}
.player-bottom{display:flex;align-items:center;justify-content:space-between;gap:9px;flex-wrap:wrap;margin-top:1px}.seek-buttons{display:flex;align-items:center;gap:3px}.seek-buttons button{display:grid;place-content:center;grid-auto-flow:column;align-items:center;min-width:34px;height:36px;padding:4px;border:0;border-radius:7px;background:transparent;color:#c1a8d4;font-size:11px;font-variant-numeric:tabular-nums;transition:background .3s var(--ease),color .3s var(--ease),scale .3s var(--ease)}.seek-buttons button span{font-size:9px;margin-left:1px;opacity:.7}.seek-buttons button svg{width:14px;height:14px}.seek-buttons button:hover:not(:disabled){background:#c9a1f410;color:#f3dfff}.volume-control{display:flex;align-items:center;gap:6px}.volume-control button{display:grid;place-items:center;flex:0 0 30px;width:30px;height:36px;border:0;border-radius:7px;background:transparent;padding:6px;color:#c1a1d8;transition:background .3s var(--ease),scale .24s var(--spring)}.volume-control button:hover{background:#c9a1f410}.volume-control svg{width:17px;height:17px}.volume-control input{width:67px}.volume-control output{min-width:27px;font:400 10px/1.5 'SFMono-Regular',Consolas,monospace;color:#b69cca;text-align:right;font-variant-numeric:tabular-nums}
.playlist-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:10px;padding-top:9px;border-top:1px solid #dbc2f516}.queue-toggle{display:flex;align-items:center;gap:11px;flex:1;min-width:0;min-height:34px;padding:2px 0;border:0;background:transparent;text-align:left;font-size:11px;color:#bfa7d1}.queue-count{display:inline-block;margin-left:6px;font:400 9px/1.5 'SFMono-Regular',Consolas,monospace;color:#ad8ec6;padding:1px 5px;border:1px solid #d4b3ff1e;border-radius:4px}.queue-toggle svg{width:14px;height:14px;rotate:180deg;transition:rotate .48s var(--ease),scale .24s var(--spring)}.queue-toggle[aria-expanded=false] svg{rotate:0deg}.queue-toggle:hover{color:#f0dfff}.mode-buttons{display:flex;gap:4px}.icon-button{display:grid;place-items:center;width:30px;height:32px;padding:6px;border:0;border-radius:7px;background:transparent;color:#a68bbb;transition:background .3s var(--ease),color .3s var(--ease),scale .3s var(--ease)}.icon-button svg{width:15px;height:15px}.icon-button:hover{color:#ebd5fd;background:#d5adff0c}.mode-buttons .icon-button[aria-pressed=true]{color:var(--accent);background:#d5adff12;box-shadow:inset 0 -2px 0 #d5adff4d}.playlist-wrap{display:grid;grid-template-rows:1fr;opacity:1;transition:grid-template-rows .42s var(--ease),opacity .26s var(--ease)}.playlist-inner{min-height:0;overflow:hidden}.is-queue-collapsed .playlist-wrap{grid-template-rows:0fr;opacity:0}.clip-picker{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;padding-top:10px;transition:opacity .26s var(--ease),translate .42s var(--ease)}.clip-picker button{display:block;position:relative;min-width:0;border:1px solid #e6c5ff19;border-radius:9px;overflow:hidden;padding:0;background:#d2a2fa03;text-align:left;transition:border-color .3s var(--ease),background .3s var(--ease),translate .3s var(--ease),scale .24s var(--spring)}.clip-picker button:hover{translate:0 -2px;border-color:#dbb7ff4a;background:#d2a2fa0c}.clip-image{position:relative;display:block;height:58px;overflow:hidden;background:#28163a}.clip-image img{display:block;width:100%;height:100%;object-fit:cover;opacity:.72;transition:opacity .48s var(--ease),scale .6s var(--ease)}.clip-picker button:hover img{opacity:.94;scale:1.05}.clip-image::after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 35%,#1108177a);pointer-events:none}.clip-duration{position:absolute;right:5px;bottom:4px;z-index:1;font:400 8px/1.5 'SFMono-Regular',Consolas,monospace;color:#f0e3fa;text-shadow:0 1px 4px #000}.clip-title{display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;padding:7px 8px 8px;font-size:9px;line-height:1.4;color:#bda3d1;letter-spacing:.15px}.clip-selected{position:absolute;inset:0;z-index:1;display:grid;place-items:center;color:#f8ecff;opacity:0;background:#21102e24;transition:opacity .3s var(--ease)}.clip-selected svg{width:19px;height:19px;filter:drop-shadow(0 2px 5px #0008)}.clip-picker button[aria-pressed=true]{border-color:#d6afff67;background:#c99af515;box-shadow:0 0 0 1px #c99af509}.clip-picker button[aria-pressed=true] .clip-title{color:#eedbff}.clip-picker button[aria-pressed=true] img{opacity:1}.clip-picker button[aria-pressed=true] .clip-selected{opacity:1}
.cinema-hint{display:inline-flex;align-items:center;justify-content:center;gap:8px;max-width:100%;padding:6px 11px;margin:0;color:#dfc8f4bd;line-height:1.5;font-size:10px;letter-spacing:.25px;user-select:none;pointer-events:none;opacity:1;translate:0 0;transition:opacity .48s ease,translate .48s var(--ease),visibility 0s}.cinema-hint svg{width:17px;height:17px;flex:0 0 17px;color:#d0a7f4}.hint-ring{transform-box:fill-box;transform-origin:center;animation:hint-pulse 3s ease-in-out infinite}.cinema-hint.is-dismissed{opacity:0;translate:0 7px;visibility:hidden;transition-delay:0s,0s,.4s}
.site-footer{position:relative;z-index:3;min-height:70px;padding:18px 40px 24px;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:10px;color:#d0bade88;line-height:1.5;transition:translate .64s var(--ease),opacity .44s var(--ease),visibility 0s;transition-delay:.12s,.12s,0s;opacity:1;translate:0 0}.footer-meta{display:flex;align-items:center;gap:18px}.view-counter{display:inline-flex;align-items:center;gap:6px;color:#d4bde7b3;font-variant-numeric:tabular-nums;white-space:nowrap}.view-counter svg{width:15px;height:15px;color:#c4a5dc99}.keyboard-help{display:flex;align-items:center;gap:6px;font-size:9px;color:#bca3ce70}.keyboard-help>.keyboard-separator{margin:0 3px}kbd{font:400 9px/1.5 'SFMono-Regular',Consolas,monospace;border:1px solid #d6b7ee18;border-radius:4px;padding:1px 4px;color:inherit;background:#d0a9ff04}
.toast{position:fixed;z-index:40;left:50%;bottom:25px;translate:-50% 14px;opacity:0;visibility:hidden;max-width:calc(100% - 28px);display:flex;align-items:center;gap:10px;border:1px solid #ddc1fd2b;border-radius:12px;background:#21132ef0;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);padding:10px 12px 10px 15px;box-shadow:0 12px 40px #0005;color:#ecd9fc;font-size:12px;line-height:1.5;transition:translate .48s var(--spring),opacity .3s var(--ease),visibility 0s .48s}.toast.visible{translate:-50% 0;opacity:1;visibility:visible;transition-delay:0s}.toast-check{width:17px;height:17px;flex:0 0 17px;color:#cba9ef}.toast button{display:grid;place-items:center;flex:0 0 28px;width:28px;height:28px;border:0;border-radius:6px;background:transparent;color:#b299c8}.toast button:hover{background:#d9b5ff12}.toast button svg{width:15px;height:15px}
#restore-profile{position:fixed;inset:0;z-index:20;width:100%;height:100%;border:0;background:transparent;padding:0;cursor:pointer;color:#eee2ff}#restore-profile:focus-visible{outline:2px solid #d8bcff55;outline-offset:-5px}.restore-cue{position:absolute;bottom:max(26px,env(safe-area-inset-bottom));left:50%;translate:-50% 7px;display:flex;align-items:center;gap:9px;white-space:nowrap;padding:10px 15px;border:1px solid #f0dcff30;border-radius:999px;background:#130b2075;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 5px 25px #0003;font-size:11px;opacity:0;transition:opacity .4s var(--ease),translate .5s var(--ease);transition-delay:0s}.restore-cue>svg{width:15px;height:15px;rotate:180deg}.restore-cue kbd{margin-left:5px;color:#ceb4e2}
.cinema-mode .site-header{translate:0 -120%;opacity:0;visibility:hidden;transition-delay:0s,0s,.64s}.cinema-mode .site-footer{translate:0 140%;opacity:0;visibility:hidden;transition-delay:.03s,.03s,.67s}.cinema-mode .profile-shell{translate:110vw 0;opacity:0;visibility:hidden;pointer-events:none;transition-delay:.04s,.04s,.82s}.cinema-mode #ambient-canvas,.cinema-mode .ambient-aura,.cinema-mode .cursor-glow,.cinema-mode .toast{opacity:0!important;pointer-events:none}.cinema-mode .video-shade{opacity:0}.cinema-mode .cinema-hint{opacity:0}
@keyframes mark-float{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-11px) rotate(1.5deg)}}
@keyframes aura-drift{to{transform:translate(8%,12%) scale(1.12)}}
@keyframes equalize{to{transform:scaleY(.25)}}
@keyframes hint-pulse{0%,100%{opacity:.2;scale:.8}50%{opacity:.65;scale:1.16}}
/* Entrance, cinema and small content updates each own a separate layer. */
.entry-screen{position:fixed;inset:0;z-index:60;height:100vh;height:100dvh;opacity:1;visibility:visible;background:radial-gradient(ellipse at 50% 45%,#160c2875,#09060fe8 100%);transition:opacity .52s var(--ease),visibility 0s;isolation:isolate}
.entry-trigger{display:grid;place-items:center;width:100%;height:100%;padding:30px;border:0;background:transparent;touch-action:manipulation}
.entry-trigger:active:not(:disabled),#restore-profile:active:not(:disabled){scale:1}
.entry-trigger:focus-visible{outline:1px solid #d4b6ff66;outline-offset:-12px}
.entry-content{display:flex;align-items:center;flex-direction:column;gap:0;translate:0 0;transition:translate .4s var(--ease)}
.entry-brand{font-size:clamp(36px,6vw,48px);font-weight:700;line-height:1.2;letter-spacing:-2.5px;color:#f6edff;text-shadow:0 4px 40px #aa70e02a}
.entry-line{height:1px;width:32px;margin:23px 0;background:linear-gradient(90deg,transparent,#c6a2fa,transparent);opacity:.65;transition:width .4s var(--ease),opacity .4s var(--ease)}
.entry-prompt{font-size:14px;line-height:1.6;letter-spacing:.4px;color:#ead9fc}
.entry-note{margin-top:9px;color:#b99bcba6;font:400 9px/1.5 'SFMono-Regular',Consolas,monospace;letter-spacing:1.8px}
.entry-error{position:absolute;left:20px;right:20px;bottom:max(32px,env(safe-area-inset-bottom));margin:0;text-align:center;color:#d8bce9;font-size:12px;pointer-events:none}
.has-entered .entry-screen{opacity:0;visibility:hidden;transition-delay:0s,.52s}
.is-gated{overflow:hidden}
.is-gated .profile-shell{visibility:hidden}
.is-gated .profile-stage{opacity:0;transform:translate3d(0,18px,0) scale(.985);transition-delay:0s}
.is-gated .site-header{translate:0 -10px;opacity:0;visibility:hidden;transition-delay:0s}
.is-gated .site-footer{translate:0 8px;opacity:0;visibility:hidden;transition-delay:0s}
.is-gated .cinema-hint{opacity:0;translate:0 5px}
.is-gated #ambient-canvas,.is-gated .cursor-glow{opacity:0}
.is-gated .ambient-aura,.is-gated .identity-art img,.is-gated .hint-ring,.is-gated .mini-equalizer i{animation-play-state:paused}
.cinema-mode .ambient-aura,.cinema-mode .identity-art img,.cinema-mode .hint-ring,.cinema-mode .mini-equalizer i{animation-play-state:paused}
.cinema-mode .restore-cue{opacity:.85;translate:-50% 0;transition-delay:.4s}
@starting-style{.cinema-mode .restore-cue{opacity:0;translate:-50% 7px}}
.is-loading .track-art::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:linear-gradient(90deg,transparent,var(--accent),transparent);transform:translateX(-100%);animation:loading-line 1.1s ease-in-out infinite}
@keyframes loading-line{to{transform:translateX(100%)}}
@media(hover:hover) and (pointer:fine){.entry-trigger:hover .entry-content{translate:0 -2px}.entry-trigger:hover .entry-line{width:52px;opacity:1}}
@media(min-width:701px) and (max-height:850px){main{padding-top:85px;gap:14px}.identity-panel{min-height:470px}.identity-art{height:330px;top:0}.identity-copy{padding-top:240px}.identity-rule{margin-bottom:15px}.links-panel{padding:20px}.site-footer{min-height:55px;padding-top:10px;padding-bottom:15px}.site-header{padding-top:22px}.cinema-hint{padding-top:3px;padding-bottom:3px}}
@media(max-width:850px) and (min-width:701px){.profile-frame{grid-template-columns:minmax(0,.38fr) minmax(0,.62fr)}.identity-panel{padding-left:22px;padding-right:22px}.identity-art{left:-25px;right:-25px;height:345px}h1{font-size:72px}.links-panel{padding:20px}}
@media(max-width:700px){.site-header{padding:21px 22px}.wordmark{font-size:14px;gap:8px}.logo-symbol{height:29px;width:29px;font-size:24px}.paris-clock{padding:7px 10px;gap:7px}.clock-label{font-size:8px;letter-spacing:1px}#paris-time{font-size:11px}.clock-orbit{width:5px;height:5px;flex-basis:5px}main{padding:83px 20px 16px;min-height:calc(100svh - 60px);gap:13px}.profile-shell{max-width:450px}.profile-frame{grid-template-columns:minmax(0,1fr);border-radius:22px}.identity-panel{min-height:158px;padding:21px 24px 20px;border-right:0;border-bottom:1px solid #dac4f519}.identity-top .mono{font-size:9px;letter-spacing:1.6px}.identity-star{font-size:13px}.identity-art{left:auto;right:12px;top:5px;width:156px;height:156px;opacity:.85}.identity-orbit{left:auto;right:-24px;top:45%;width:188px;height:188px;translate:0 -50%;opacity:.5}.identity-copy{padding-top:25px;margin-top:0}.identity-rule{display:none}h1{font-size:57px;letter-spacing:-.075em}.handle-button{font-size:12px;padding:9px 0;margin-top:2px;gap:11px}.handle-button svg{width:12px;height:12px;opacity:.6}.links-panel{padding:16px;gap:14px}.discord-card,.ambient-player{border-radius:15px}.discord-banner{height:54px}.discord-brand{top:11px;left:15px;font-size:10px}.discord-profile-body{padding:0 15px 14px}.discord-profile-top{gap:11px;margin-top:-22px}.discord-avatar-wrap{height:62px;width:62px;flex-basis:62px}.discord-identity{padding-top:29px}.discord-name-row h2{font-size:20px}.discord-open{min-height:43px;margin-top:12px}.ambient-player{padding:15px}.player-heading{margin-bottom:11px}.track-art{width:49px;height:49px;flex-basis:49px;border-radius:9px}.track-title{font-size:15px}.track-meta{font-size:10px}.play-button{width:42px;height:42px;flex-basis:42px}.player-main{gap:10px}.volume-control input{width:53px}.volume-control{gap:4px}.seek-buttons{gap:1px}.seek-buttons button{min-width:32px;height:39px}.player-bottom{gap:4px}.playlist-toolbar{margin-top:7px;padding-top:6px}.mode-buttons .icon-button{height:34px;width:32px}.clip-image{height:54px}.clip-title{font-size:8.5px;padding:7px}.site-footer{padding:12px 22px max(18px,env(safe-area-inset-bottom));min-height:60px;gap:10px;font-size:9px}.footer-meta{gap:13px}.keyboard-help{display:none}.cinema-hint{font-size:9px;gap:6px;padding:4px 0}.cinema-hint svg{width:15px;height:15px;flex-basis:15px}.toast{bottom:max(18px,env(safe-area-inset-bottom));font-size:11px}.restore-cue{font-size:10px;padding:9px 13px}.restore-cue kbd{display:none}}
@media(max-width:360px){main{padding-left:12px;padding-right:12px}.site-header{padding-left:16px;padding-right:16px}.links-panel{padding:12px}.ambient-player{padding:12px}.identity-panel{padding-left:21px}.identity-art{right:7px}.player-main{gap:8px}.track-title{font-size:14px}.volume-control input{width:38px}.seek-buttons button{min-width:30px}.footer-domain{display:none}}
@media(hover:none){.cursor-glow{display:none}.handle-button svg{opacity:.7}.icon-button{min-height:36px}.track-time{font-size:10px}}
@media(hover:none){.play-button:hover:not(:disabled){scale:1}.clip-picker button:hover{translate:0 0}.clip-picker button:hover img{scale:1}.wordmark:hover .logo-symbol{rotate:0deg}.handle-button:hover svg{translate:0 0}}
.motion-paused .identity-art img,.motion-paused .ambient-aura,.motion-paused .profile-frame,.motion-paused .hint-ring,.motion-paused .mini-equalizer i,.is-paused .identity-art img,.is-paused .ambient-aura,.is-paused .profile-frame,.is-paused .hint-ring,.is-paused .mini-equalizer i{animation-play-state:paused}
@property --accent{syntax:'<color>';inherits:true;initial-value:#c2a6ff}
body{transition:--accent .85s var(--ease)}
.profile-frame.is-tilting{transition:box-shadow .6s var(--ease);will-change:transform}
.profile-frame.is-tilting .identity-art{transition:none}
.clip-picker{transition:opacity .26s var(--ease),translate .42s var(--ease)}
.is-queue-collapsed .clip-picker{opacity:0;translate:0 -6px}
.discord-avatar-wrap{transition:box-shadow .5s var(--ease)}
.discord-card:hover .discord-avatar-wrap{box-shadow:0 0 0 3px #e1b9ff07,0 7px 25px #0003}
.discord-banner{transition:background-color .6s var(--ease)}
.presence-dot{transition:background-color .5s var(--ease),box-shadow .5s var(--ease)}
input[type=range]:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 6px #d4b3ff24}
input[type=range]::-moz-range-thumb{transition:box-shadow .3s var(--ease),scale .3s var(--spring)}
.toast button{transition:background .3s var(--ease),color .3s var(--ease),scale .24s var(--spring)}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition-duration:.01ms!important;transition-delay:0s !important}.profile-stage,.identity-copy,.discord-card,.ambient-player{opacity:1;filter:none}.profile-frame{transform:none}.identity-art{translate:0 0}.restore-cue{opacity:.85}.cinema-mode .profile-shell,.cinema-mode .site-header,.cinema-mode .site-footer{translate:0 0}}

@media(max-width:700px){.header-controls{gap:9px}.language-switch{width:78px;height:34px}.site-header{gap:12px}}
@media(max-width:380px){.header-controls{gap:7px}.language-switch{width:72px}.site-header{gap:10px}.paris-clock{padding-left:8px;padding-right:8px}.clock-orbit{display:none}}
.discord-open:active{scale:.985}
.is-paused .track-art::after,.motion-paused .track-art::after{animation-play-state:paused}

/* Crop the encoded letterbox in H; native cover handles every viewport. */
body[data-clip=h] #ambient-video{height:117.647059%}