:root{--bg-void:#17181b;--accent-violet:#b46bff;--accent-cyan:#3fe0d0;--accent-red:#ff4d5e;--text-primary:#f2f3f6;--text-muted:#9497a3;--text-dim:#5c5f6a;--border-hair:#ffffff14;--font-display:"Chakra Petch", sans-serif;--font-body:"Inter", sans-serif;--font-mono:"JetBrains Mono", monospace}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html,body{height:100%;overflow:hidden;cursor:none!important}body{font-family:var(--font-body);color:var(--text-primary);background:var(--bg-void);-webkit-font-smoothing:antialiased;cursor:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;min-height:100svh;overflow-x:hidden}.video-layer{z-index:0;pointer-events:none;width:100vw;height:100vh;position:fixed;inset:0;overflow:hidden}.video-layer video{object-fit:cover;opacity:.45;filter:saturate(1.1)brightness(.8);width:100%;height:100%}.video-layer:after{content:"";background:radial-gradient(circle,#17181b66,#17181bd9);position:absolute;inset:0}.page-shell{z-index:1;opacity:0;visibility:hidden;pointer-events:none;height:100svh;transition:opacity .6s,visibility .6s;position:relative}.page-shell.is-ready{opacity:1;visibility:visible;pointer-events:auto}.intro-screen{z-index:30;background:radial-gradient(60% 50% at 30% 35%, #b46bff26, transparent 70%), var(--bg-void);cursor:pointer;place-items:center;padding:24px;transition:opacity .7s,visibility .7s;display:grid;position:fixed;inset:0}.intro-screen.is-hidden{opacity:0;visibility:hidden;pointer-events:none}.intro-screen .intro-card{text-align:center;max-width:320px}.intro-screen .intro-text{font-family:var(--font-mono);letter-spacing:.26em;color:var(--text-primary);text-transform:lowercase;white-space:pre;min-height:1.4em;margin-right:-.26em;font-size:clamp(24px,5vw,38px)}.intro-screen .intro-cursor{will-change:opacity;border-right:1px solid #ffffffe6;width:.7ch;margin-left:.18em;animation:.9s step-end infinite intro-cursor;display:inline-block}@keyframes intro-cursor{50%{opacity:0}}.intro-screen .intro-hint{letter-spacing:.24em;text-transform:uppercase;color:var(--text-muted);margin-top:14px;font-size:12px}.link-modal{z-index:60;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:0;visibility:hidden;pointer-events:none;background:#0a0a0db8;place-items:center;padding:24px;transition:opacity .2s,visibility .2s;display:grid;position:fixed;inset:0}.link-modal.is-open{opacity:1;visibility:visible;pointer-events:auto}.link-modal-card{border:1px solid var(--border-hair);text-align:center;background:#1c1d22;border-radius:16px;width:min(360px,100%);padding:26px 24px;transition:transform .2s;transform:translateY(8px)scale(.97);box-shadow:0 20px 50px #0000008c}.link-modal.is-open .link-modal-card{transform:translateY(0)scale(1)}.link-modal-title{font-family:var(--font-display);margin-bottom:10px;font-size:18px;font-weight:700}.link-modal-url{font-family:var(--font-mono);color:var(--accent-cyan);word-break:break-all;border:1px solid var(--border-hair);background:#ffffff0a;border-radius:8px;margin-bottom:14px;padding:8px 10px;font-size:12.5px}.link-modal-question{color:var(--text-muted);margin-bottom:20px;font-size:14px}.link-modal-actions{gap:10px;display:flex}.link-modal-btn{border:1px solid var(--border-hair);font-family:var(--font-display);cursor:none;color:var(--text-primary);background:#ffffff08;border-radius:10px;flex:1;padding:10px 14px;font-size:13px;font-weight:600;transition:transform .15s,filter .15s,background .15s}.link-modal-cancel:hover{background:#ffffff14}.link-modal-confirm{color:var(--bg-void);background:linear-gradient(120deg, var(--accent-cyan), var(--accent-violet));border-color:#0000}.link-modal-confirm:hover{filter:brightness(1.08)}@media (hover:none),(pointer:coarse){.link-modal-btn{cursor:pointer}}.lang-switch{border:1px solid var(--border-hair);border-radius:8px;align-items:center;display:flex;overflow:hidden}.lang-switch .lang-btn{font-family:var(--font-mono);letter-spacing:.4px;color:var(--text-dim);cursor:none;background:0 0;border:none;padding:4px 8px;font-size:11px;font-weight:600;transition:background .15s,color .15s}.lang-switch .lang-btn.is-active{background:linear-gradient(120deg, var(--accent-cyan), var(--accent-violet));color:var(--bg-void)}@media (hover:none),(pointer:coarse){.lang-switch .lang-btn{cursor:pointer}}.custom-cursor{pointer-events:none;z-index:9999;filter:drop-shadow(0 0 1.5px #f5f3f399)drop-shadow(0 0 1.5px #858585a4);width:24px;height:24px;transition:opacity .15s,transform .15s;position:fixed;transform:translate(-50%,-50%)}.custom-cursor:before,.custom-cursor:after{content:"";background:#fff;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 10px #3fe0d099}.custom-cursor:before{width:100%;height:2px}.custom-cursor:after{width:2px;height:100%}.custom-cursor.is-pointer{mix-blend-mode:difference;transform:translate(-50%,-50%)scale(.7)}.custom-cursor.is-pointer:before,.custom-cursor.is-pointer:after{background:#ffffffe6;box-shadow:0 0 8px #aa3fe0e6}.trail-drop{pointer-events:none;z-index:9998;width:16px;height:16px;animation:.4s ease-out forwards trailFade;position:fixed;transform:translate(-50%,-50%)}.trail-drop:before,.trail-drop:after{content:"";background:var(--accent-violet);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.trail-drop:before{width:100%;height:2px}.trail-drop:after{width:2px;height:100%}@keyframes trailFade{0%{opacity:.8;filter:blur();transform:translate(-50%,-50%)scale(1)}to{opacity:0;filter:blur(2px);transform:translate(-50%,-50%)scale(.2)}}body.cursor-hidden a,body.cursor-hidden button,body.cursor-hidden{cursor:none!important}.top-bar{z-index:20;pointer-events:none;justify-content:space-between;align-items:center;padding:clamp(14px,3vw,26px);display:flex;position:fixed;top:0;left:0;right:0}.top-bar>*{pointer-events:auto}.mute-btn{border:1px solid var(--border-hair);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);width:44px;height:44px;color:var(--text-primary);background:#ffffff0a;border-radius:12px;justify-content:center;align-items:center;transition:background .15s,border-color .15s,transform .15s;display:flex}.mute-btn:hover{border-color:var(--border-hair);background:#ffffff14;transform:translateY(-1px)}.mute-btn svg{width:19px;height:19px}.audio-control-container{align-items:center;display:flex;position:relative}#volumeSlider{opacity:0;visibility:hidden;cursor:none;appearance:none;background:0 0;width:80px;height:44px;margin-left:8px;transition:opacity .3s,visibility .3s;position:absolute;left:100%}.audio-control-container:hover #volumeSlider{opacity:1;visibility:visible}#volumeSlider::-webkit-slider-runnable-track{background:linear-gradient(90deg, var(--accent-cyan) 0%, var(--accent-violet) calc(var(--vol-percent,50%)), #ffffff1a calc(var(--vol-percent,50%)), #ffffff1a 100%);border-radius:999px;height:3px}#volumeSlider::-moz-range-track{background:#ffffff1a;border-radius:999px;height:3px}#volumeSlider::-moz-range-progress{background:linear-gradient(90deg, var(--accent-cyan), var(--accent-violet));border-radius:999px;height:3px}#volumeSlider::-webkit-slider-thumb{appearance:none;background:var(--text-primary);border:2px solid var(--accent-cyan);border-radius:50%;width:11px;height:11px;margin-top:-4px;transition:box-shadow .15s,transform .15s;box-shadow:0 0 8px #3fe0d099}#volumeSlider::-webkit-slider-thumb:hover{transform:scale(1.15);box-shadow:0 0 12px #b46bffb3}#volumeSlider::-moz-range-thumb{background:var(--text-primary);border:2px solid var(--accent-cyan);border-radius:50%;width:11px;height:11px;box-shadow:0 0 8px #3fe0d099}.stats{font-family:var(--font-mono);color:var(--text-muted);align-items:center;gap:10px;font-size:13px;display:flex}.stats .divider{color:var(--text-dim)}.stats .stat{align-items:center;gap:6px;display:flex}.stats svg{opacity:.75;flex-shrink:0;width:15px;height:15px}.scroll-wrapper{z-index:5;position:absolute;inset:0;overflow:hidden}.slider-container{will-change:transform;width:300vw;height:100svh;transition:transform .9s cubic-bezier(.65,0,.25,1);display:flex}.panel{flex-direction:column;flex-shrink:0;justify-content:center;width:100vw;height:100svh;padding:clamp(24px,6vw,64px);display:flex;position:relative}.reveal{opacity:0;transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1);transform:translateY(40px)scale(.95)}.panel.is-visible .reveal{opacity:1;transform:translateY(0)scale(1)}.d-1{transition-delay:.2s}.d-2{transition-delay:.3s}.d-3{transition-delay:.4s}.profile{flex-direction:column;align-items:flex-start;max-width:480px;margin-left:clamp(0px,6vw,96px);display:flex}.avatar-tilt{perspective:700px}.avatar-wrap{width:clamp(88px,11vw,132px);height:clamp(88px,11vw,132px);transform-style:preserve-3d;will-change:transform;border-radius:50%;transition:transform .12s ease-out;position:relative}.avatar-wrap:before{content:"";filter:blur(6px);z-index:-1;background:radial-gradient(circle,#b46bff8c,#0000 70%);border-radius:50%;animation:3.4s ease-in-out infinite halo-pulse;position:absolute;inset:-14px}@keyframes halo-pulse{0%,to{opacity:.7;transform:scale(.96)}50%{opacity:1;transform:scale(1.04)}}.avatar{object-fit:cover;z-index:1;border:2px solid #b46bff99;border-radius:50%;width:100%;height:100%;display:block;position:relative}.avatar-decoration{z-index:5;pointer-events:none;-webkit-user-select:none;user-select:none;width:120%;height:120%;position:absolute;top:-10%;left:-10%}.presence-badge{border:clamp(3px, .4vw, 5px) solid var(--bg-void);background:var(--badge-color,var(--text-dim));width:clamp(24px,3vw,32px);height:clamp(24px,3vw,32px);color:var(--bg-void);z-index:3;border-radius:50%;justify-content:center;align-items:center;transition:background-color .3s;display:flex;position:absolute;bottom:2%;right:2%}.presence-badge svg{width:55%;height:55%}.name-row{perspective:600px;flex-wrap:wrap;align-items:center;gap:10px;margin-top:20px;display:flex}.display-name{font-family:var(--font-display);letter-spacing:.3px;background:linear-gradient(100deg, var(--text-primary) 0%, var(--text-primary) 35%, var(--accent-cyan) 48%, var(--accent-violet) 58%, var(--text-primary) 70%, var(--text-primary) 100%);-webkit-text-fill-color:transparent;transform-style:preserve-3d;transform:rotateX(var(--name-rx,0deg)) rotateY(var(--name-ry,0deg));will-change:transform;background-size:260% 100%;-webkit-background-clip:text;background-clip:text;font-size:clamp(26px,5vw,36px);font-weight:700;transition:transform .18s ease-out;animation:7s ease-in-out infinite name-shimmer;display:inline-block;position:relative}@keyframes name-shimmer{0%,to{background-position:0%}50%{background-position:100%}}.display-name:before,.display-name:after{content:attr(data-text);background:inherit;opacity:0;pointer-events:none;-webkit-background-clip:text;background-clip:text;position:absolute;inset:0}.display-name.is-glitching:before{opacity:.75;-webkit-text-fill-color:var(--accent-cyan);transform:translate(var(--glitch-x,2px));animation:.42s steps(2,end) infinite glitch-slice}.display-name.is-glitching:after{opacity:.75;-webkit-text-fill-color:var(--accent-red);transform:translate(calc(var(--glitch-x,2px) * -1));animation:.36s steps(2,end) infinite reverse glitch-slice}@keyframes glitch-slice{0%{clip-path:polygon(0 8%,100% 8%,100% 20%,0 20%)}20%{clip-path:polygon(0 42%,100% 42%,100% 55%,0 55%)}40%{clip-path:polygon(0 72%,100% 72%,100% 86%,0 86%)}60%{clip-path:polygon(0 14%,100% 14%,100% 28%,0 28%)}80%{clip-path:polygon(0 50%,100% 50%,100% 64%,0 64%)}to{clip-path:polygon(0 4%,100% 4%,100% 16%,0 16%)}}@media (prefers-reduced-motion:reduce){.display-name{background-position:30%;animation:none;transform:none!important}.display-name.is-glitching:before,.display-name.is-glitching:after{opacity:0;animation:none}}.badges{align-items:center;gap:7px;font-size:clamp(15px,3vw,18px);line-height:1;display:flex}.presence{flex-direction:column;gap:6px;margin-top:8px;display:flex}.presence-name-row{align-items:center;gap:7px;display:flex}.presence-name{font-family:var(--font-mono);color:var(--text-primary);font-size:15px;font-weight:700}.presence-tag{font-family:var(--font-mono);letter-spacing:.5px;color:var(--text-dim);border:1px solid var(--border-hair);border-radius:5px;padding:2px 6px;font-size:10px}.presence-activity{font-family:var(--font-mono);color:var(--accent-cyan);font-size:13px}.listening-card{border:1px solid var(--border-hair);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff08;border-radius:12px;align-items:center;gap:12px;max-width:340px;margin-top:6px;padding:10px 14px 10px 10px;display:none}.listening-card.is-active{display:flex}.listening-cover{object-fit:cover;background:#ffffff0f;border-radius:8px;flex-shrink:0;width:48px;height:48px;box-shadow:0 4px 12px #00000059}.listening-info{flex-direction:column;gap:2px;min-width:0;display:flex}.listening-header{font-family:var(--font-mono);letter-spacing:.5px;color:var(--text-dim);text-transform:uppercase;font-size:10px}.listening-title{font-family:var(--font-body);color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;overflow:hidden}.listening-artist{font-family:var(--font-body);color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;overflow:hidden}.links{flex-wrap:wrap;gap:8px;margin-top:24px;display:flex}.link-btn{border:1px solid var(--border-hair);color:var(--text-primary);background:#ffffff08;border-radius:9px;align-items:center;gap:6px;padding:8px 12px;font-family:inherit;font-size:12px;font-weight:500;text-decoration:none;transition:background .15s,transform .15s;display:flex}.link-btn:hover{background:#ffffff12;transform:translateY(-1px)}.info-box{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-hair);background:#17181b99;border-radius:16px;max-width:500px;margin-left:clamp(0px,6vw,96px);padding:clamp(20px,4vw,32px);box-shadow:0 10px 30px #0000004d}.info-box h2{font-family:var(--font-display);color:var(--accent-cyan);align-items:center;min-height:1.2em;margin-bottom:12px;font-size:24px;display:flex}.info-box p{color:var(--text-muted);margin-bottom:12px;font-size:15px;line-height:1.6}.type-cursor{width:9px;color:var(--accent-cyan);margin-left:2px;animation:.9s step-end infinite type-blink;display:inline-block}.type-cursor.is-done{display:none}@keyframes type-blink{0%,to{opacity:1}50%{opacity:0}}.age-hover{-webkit-text-decoration:underline dotted var(--text-dim);text-decoration:underline dotted var(--text-dim);text-underline-offset:3px;position:relative}.age-tooltip{border:1px solid var(--border-hair);color:var(--accent-cyan);font-family:var(--font-mono);white-space:nowrap;opacity:0;pointer-events:none;z-index:5;background:#1e232b;border-radius:8px;padding:6px 10px;font-size:12px;font-weight:600;transition:opacity .15s,transform .15s;position:absolute;bottom:calc(100% + 8px);left:0;transform:translateY(4px)}.age-hover:hover+.age-tooltip{opacity:1;transform:translateY(0)}.poland-flag{background:linear-gradient(#fff 0% 49%,#dc143c 51% 100%);-webkit-text-fill-color:transparent;text-shadow:0 0 1px #ffffff26;-webkit-background-clip:text;background-clip:text;font-weight:700}.info-box ul{margin-top:16px;list-style:none}.info-box ul li{font-family:var(--font-mono);color:var(--text-primary);align-items:center;gap:10px;margin-bottom:8px;font-size:14px;display:flex}.info-box ul li:before{content:">";color:var(--accent-violet);font-weight:700}.info-box.skills-box{max-width:620px}.info-box.credits-box{max-width:580px}.contact-btns{flex-wrap:wrap;gap:10px;margin-top:10px;display:flex}.copy-btn{border:1px solid var(--border-hair);color:var(--text-primary);font-family:var(--font-mono);cursor:none;background:#ffffff08;border-radius:10px;align-items:center;gap:8px;padding:10px 14px;font-size:13px;font-weight:500;transition:background .15s,transform .15s,border-color .15s;display:flex}.copy-btn:hover{background:#ffffff12;border-color:#3fe0d04d;transform:translateY(-1px)}.copy-btn:active{transform:scale(.97)}.copy-btn svg:first-child{opacity:.7;flex-shrink:0;width:15px;height:15px}.copy-icon{opacity:.35;width:13px;height:13px;color:var(--accent-cyan);flex-shrink:0;margin-left:2px;transition:opacity .15s}.copy-btn:hover .copy-icon{opacity:.8}.credit-link{color:var(--accent-cyan);border-bottom:1px solid #3fe0d04d;text-decoration:none;transition:border-color .15s,color .15s}.credit-link:hover{color:var(--accent-violet);border-bottom-color:#b46bff80}.back-to-top-btn{border:1px solid var(--border-hair);color:var(--text-muted);font-family:var(--font-mono);cursor:none;background:#ffffff08;border-radius:10px;align-items:center;gap:7px;width:fit-content;margin-top:22px;padding:9px 16px;font-size:12px;font-weight:500;transition:background .15s,color .15s,transform .15s,border-color .15s;display:flex}.back-to-top-btn svg{flex-shrink:0;width:13px;height:13px}.back-to-top-btn:hover{color:var(--accent-cyan);background:#ffffff12;border-color:#3fe0d04d;transform:translateY(-1px)}@media (hover:none),(pointer:coarse){.back-to-top-btn{cursor:pointer}}.contact-dmca{font-family:var(--font-mono);color:var(--text-dim);letter-spacing:.2px;margin-top:10px;margin-bottom:0;font-size:11.5px;line-height:1.6}@media (hover:none),(pointer:coarse){.copy-btn{cursor:pointer}}@media (width<=640px){.contact-btns{flex-direction:column}.copy-btn{justify-content:flex-start;width:100%}}.skills-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:22px 28px;margin-top:18px;display:grid}.skill-group ul{margin-top:8px}.skill-group-label{font-family:var(--font-mono);letter-spacing:.6px;text-transform:uppercase;color:var(--accent-cyan);border:1px solid var(--border-hair);border-radius:5px;padding:3px 8px;font-size:11px;display:inline-block}.poke-btn{z-index:20;cursor:pointer;font-family:var(--font-display);color:var(--bg-void);background:linear-gradient(120deg, var(--accent-cyan), var(--accent-violet));border:none;border-radius:999px;align-items:center;gap:8px;padding:12px 18px;font-size:13px;font-weight:600;transition:transform .15s,filter .15s;display:flex;position:fixed;bottom:clamp(16px,4vw,32px);right:clamp(16px,4vw,32px);box-shadow:0 8px 24px -8px #b46bff99}.page-dots{z-index:20;align-items:center;gap:10px;display:flex;position:fixed;bottom:clamp(16px,4vw,28px);left:50%;transform:translate(-50%)}.page-dots .dot{border:1px solid var(--border-hair);cursor:none;background:#ffffff2e;border-radius:50%;width:8px;height:8px;padding:0;transition:background .2s,width .2s,border-color .2s}.page-dots .dot:hover{background:#fff6}.page-dots .dot.is-active{background:linear-gradient(90deg, var(--accent-cyan), var(--accent-violet));border:none;border-radius:100px;width:22px}@media (hover:none),(pointer:coarse){.page-dots .dot{cursor:pointer}}.poke-btn:hover{filter:brightness(1.08)}.poke-btn:active{transform:scale(.96)}.poke-btn:disabled{cursor:not-allowed}.poke-btn.is-unavailable{color:var(--text-dim);box-shadow:none;cursor:not-allowed;background:#ffffff0d}.poke-btn.is-unavailable:hover{filter:none;transform:none}.ping-ring{z-index:19;border:2px solid var(--accent-cyan);pointer-events:none;border-radius:50%;width:10px;height:10px;animation:.9s ease-out forwards ping-out;position:fixed}@keyframes ping-out{0%{opacity:.9;transform:scale(.5)}to{opacity:0;transform:scale(16)}}@media (hover:none),(pointer:coarse){#volumeSlider,.custom-cursor{display:none!important}body,body.cursor-hidden a,body.cursor-hidden button,body.cursor-hidden{cursor:auto!important}}@media (width<=640px){.panel{justify-content:center;padding-top:60px}.profile,.info-box{text-align:center;align-items:center;max-width:100%;margin-left:0}.name-row,.presence,.links{justify-content:center;align-items:center}.listening-card{margin-left:auto;margin-right:auto}.info-box ul li{justify-content:center}.stats{font-size:11px}.stats .stat span.stat-label{display:none}.skills-grid{text-align:left;grid-template-columns:1fr}.page-dots{bottom:78px}}#tsparticles{z-index:-1;background-color:#0a0a0a;width:100%;height:100%;position:fixed;top:0;left:0}
