@import "https://fonts.cdnfonts.com/css/sweet-pea";
@import "https://fonts.googleapis.com/css2?family=Pacifico&family=Dancing+Script:wght@600;700&display=swap";
@import "https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500;600;700&family=Inter:wght@300;400;500;600;700&display=swap";
:root{--font-geist-sans:"Inter", "Segoe UI", sans-serif;--font-geist-mono:"Cascadia Code", "SFMono-Regular", Consolas, monospace;--font-sweet-pea:"Sweet Pea", "Pacifico", "Dancing Script", cursive;--font-luxury:"Cormorant Garamond", Georgia, serif;--bg:#06101e;--surface:#0a1f39c2;--surface-strong:#0c2949;--text:#f4f8ff;--muted:#94aac4;--line:#5b97dc33;--blue:#4da3ff;--blue-strong:#1f6fff;--yellow:#ffd84a;--yellow-fill:#ffd84a;--button-text:#07111e;--marquee-bg:#071930ad}:root[data-theme=light]{--bg:#f4f7f2;--surface:#ffffffd1;--surface-strong:#fff;--text:#102a43;--muted:#4f667d;--line:#1f5b9b2e;--blue:#075bbf;--blue-strong:#064ba3;--yellow:#735600;--yellow-fill:#f2bd16;--button-text:#07111e;--marquee-bg:#ffffffb8}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{-webkit-font-smoothing:antialiased;font-weight:500}strong,b{font-weight:700}@media (prefers-reduced-motion:no-preference){html,.jp-shell{scroll-behavior:smooth}}body{background:var(--bg);min-width:320px;color:var(--text);font-family:var(--font-geist-sans), Arial, Helvetica, sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;line-height:1.5}button,a{font:inherit}a{color:inherit;text-decoration:none}button{color:inherit}::selection{background:var(--yellow-fill);color:#04101d}:focus-visible{outline:2px solid var(--blue);outline-offset:4px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:100;background:var(--text);color:var(--bg);border-radius:9px;padding:10px 14px;font-size:13px;font-weight:800;transition:transform .2s;position:fixed;top:12px;left:12px;transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}@media (pointer:fine){.site-shell.custom-cursor-active,.site-shell.custom-cursor-active a,.site-shell.custom-cursor-active button,.site-shell.custom-cursor-active input,.site-shell.custom-cursor-active textarea,.site-shell.custom-cursor-active summary{cursor:none}}.loading-screen{z-index:200;color:#f4f8ff;opacity:1;visibility:visible;background:radial-gradient(circle at 25% 20%,#2f80ff47,#0000 31%),radial-gradient(circle at 78% 78%,#ffd84a2e,#0000 32%),#06101e;place-items:center;padding:24px;transition:opacity .45s,visibility .45s;display:grid;position:fixed;inset:0;overflow:hidden}.loading-screen.closing{opacity:0;visibility:hidden}.loading-grid{background-color:#0000;background-image:linear-gradient(#4da3ff1c 1px,#0000 1px),linear-gradient(90deg,#4da3ff1c 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:48px 48px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle,#000,#0000 78%);mask-image:radial-gradient(circle,#000,#0000 78%)}.loading-panel{z-index:1;text-align:center;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#07182dc7;border:1px solid #4da3ff4d;border-radius:28px;flex-direction:column;align-items:center;width:min(430px,100%);padding:36px;display:flex;position:relative;box-shadow:0 36px 100px #0006,0 0 60px #2f80ff1f}.loading-avatar{background-color:#0c2949;background-position:50%;background-size:cover;border:3px solid #ffd84a;border-radius:29px;width:96px;height:96px;position:relative;overflow:hidden;transform:rotate(-3deg);box-shadow:0 0 0 8px #4da3ff1a,0 16px 36px #00000047}.loading-brand{color:#4da3ff;font-family:var(--font-geist-mono);letter-spacing:.22em;margin:22px 0 7px;font-size:13px;font-weight:850}.loading-panel h2{letter-spacing:-.045em;margin:0;font-size:clamp(25px,7vw,34px)}.loading-role{color:#94aac4;margin:7px 0 0;font-size:11px}.loading-progress{background:#94aac42e;border-radius:999px;width:min(260px,90%);height:4px;margin-top:25px;overflow:hidden}.loading-progress span{border-radius:inherit;transform-origin:0;background:linear-gradient(90deg,#4da3ff,#ffd84a);width:100%;height:100%;animation:1.45s cubic-bezier(.2,.8,.2,1) forwards loading-progress;display:block;transform:scaleX(0);box-shadow:0 0 16px #4da3ff94}.loading-status{color:#94aac4;min-height:43px;margin:17px 0 0;font-size:12px}.loading-enter{color:#07111e;cursor:pointer;opacity:0;background:linear-gradient(135deg,#ffd84a,#4da3ff 145%);border:0;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:2px;min-width:220px;min-height:58px;margin-top:20px;animation:.4s forwards loading-enter;display:flex;transform:translateY(8px);box-shadow:0 18px 45px #2f80ff47}.loading-enter span{font-size:14px;font-weight:900}.loading-enter small{letter-spacing:.04em;font-size:10px;font-weight:750}.loading-enter:hover{transform:translateY(-2px)}.loading-enter:disabled{cursor:wait;opacity:.7}.site-shell{background:linear-gradient(var(--line) 1px, transparent 1px), linear-gradient(90deg, var(--line) 1px, transparent 1px), radial-gradient(circle at 24% 34%, #2f80ff3d, transparent 30%), radial-gradient(circle at 70% 38%, #ffd84a29, transparent 27%), radial-gradient(circle at 82% 72%, #2f80ff1f, transparent 30%);background-size:52px 52px,52px 52px,auto,auto,auto;min-height:100vh;position:relative;overflow-x:clip}.site-header{z-index:20;border-bottom:1px solid var(--line);background:color-mix(in srgb, var(--bg) 76%, transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);grid-template-columns:1fr auto 1fr;align-items:center;width:min(1120px,100% - 40px);height:76px;margin:0 auto;display:grid;position:sticky;top:0}.brand{letter-spacing:-.02em;align-items:center;gap:11px;width:fit-content;font-weight:800;display:inline-flex}.brand-mark{background:linear-gradient(135deg, var(--yellow-fill), var(--blue-strong));width:36px;height:36px;color:var(--button-text);border:1px solid #ffffff3d;border-radius:10px;place-items:center;font-size:12px;display:grid;box-shadow:0 0 24px #2f80ff52}.main-nav{align-items:center;gap:6px;display:flex}.main-nav a{color:var(--muted);border:1px solid #0000;border-radius:999px;padding:10px 14px;font-size:13px;font-weight:650}.main-nav a span{color:var(--blue);font-family:var(--font-geist-mono);margin-right:6px;font-size:10px}.main-nav a:hover,.main-nav a.active{border-color:var(--line);background:var(--surface);color:var(--text)}.theme-toggle,.music-toggle{border:1px solid var(--line);background:var(--surface);width:40px;height:40px;color:var(--yellow);cursor:pointer;border-radius:12px;justify-self:end}.music-toggle{color:var(--muted);font-size:17px;transition:color .2s,box-shadow .2s,transform .2s}.music-toggle:hover{color:var(--blue);transform:translateY(-1px)}.music-toggle.playing{color:var(--yellow);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--yellow) 42%, transparent), 0 0 22px #ffd84a24}.music-toggle.playing span{animation:1.2s ease-in-out infinite music-pulse;display:inline-block}.header-actions{justify-self:end;align-items:center;gap:8px;display:flex}.menu-toggle{border:1px solid var(--line);background:var(--surface);cursor:pointer;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:6px;width:40px;height:40px;display:none}.menu-toggle span{background:var(--text);width:16px;height:1px;display:block}.mobile-nav{display:none}.aurora{z-index:0;filter:blur(110px);opacity:.15;pointer-events:none;border-radius:50%;width:460px;height:460px;animation:12s ease-in-out infinite alternate drift;position:absolute}.aurora-one{background:var(--blue-strong);top:220px;left:-180px}.aurora-two{background:var(--yellow-fill);animation-delay:-5s;top:640px;right:-220px}.site-header,.hero,.stats,.marquee,.content-section,.now-section,.contact-section,.site-footer{z-index:1;position:relative}.section-wrap{width:min(1040px,100% - 40px);margin-inline:auto}.hero{text-align:center;grid-template-columns:minmax(0,1fr);justify-items:center;gap:28px;min-height:680px;padding:68px 0 76px;display:grid}.portrait-wrap{place-items:center;width:250px;height:250px;display:grid;position:relative}.portrait-orbit{border:1px dashed #4da3ff61;border-radius:50%;position:absolute}.orbit-one{animation:18s linear infinite spin;inset:4px}.orbit-two{border-color:#ffd84a7a;animation:13s linear infinite reverse spin;inset:23px}.portrait-card{background-color:var(--surface-strong);background-position:50%;background-size:cover;border:5px solid #ffd84ae0;border-radius:42% 58% 50% 50%;place-items:center;width:174px;height:174px;display:grid;position:relative;overflow:hidden;transform:rotate(-4deg);box-shadow:0 0 0 11px #4da3ff1a,0 0 58px #2f80ff52,0 20px 60px #00000040}.status-dot{border:6px solid var(--bg);background:var(--yellow-fill);border-radius:50%;width:24px;height:24px;position:absolute;bottom:39px;right:27px;box-shadow:0 0 20px #ffd84a9e}.hero-copy{flex-direction:column;align-items:center;max-width:780px;display:flex}.availability{border:1px solid var(--line);background:var(--surface);color:var(--muted);border-radius:999px;align-items:center;gap:8px;padding:8px 12px;font-size:12px;font-weight:650;display:inline-flex}.availability span{background:var(--blue);width:7px;height:7px;box-shadow:0 0 12px var(--blue);border-radius:50%}.eyebrow{color:var(--yellow);font-family:var(--font-geist-mono);letter-spacing:.18em;text-transform:uppercase;margin:24px 0 4px;font-size:14px;font-weight:700}.hero h1{letter-spacing:-.07em;margin:0;font-size:clamp(54px,8vw,88px);font-weight:900;line-height:.98}.hero h1 span{color:var(--blue);text-shadow:0 0 25px #2f80ff5c}.role-line{color:var(--blue);font-family:var(--font-geist-mono);margin:16px 0;font-size:clamp(15px,2vw,18px);font-weight:700}.role-line>span:first-child{color:var(--yellow)}.role-line .rotating-role{min-width:14ch;color:var(--blue);animation:.5s both role-in;display:inline-block}.hero-intro{max-width:680px;color:var(--muted);margin:0;font-size:17px;line-height:1.75}.quick-skills{flex-wrap:wrap;gap:9px;margin-top:24px;display:flex}.quick-skills span{border:1px solid var(--line);background:var(--surface);letter-spacing:.06em;border-radius:999px;padding:8px 13px;font-size:12px;font-weight:750}.quick-skills span:nth-child(odd){border-color:color-mix(in srgb, var(--blue) 34%, var(--line))}.quick-skills span:nth-child(2n){border-color:color-mix(in srgb, var(--yellow) 36%, var(--line))}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:27px;display:flex}.button{border:1px solid var(--line);border-radius:14px;justify-content:center;align-items:center;min-height:48px;padding:0 22px;font-size:14px;font-weight:800;transition:transform .2s,box-shadow .2s;display:inline-flex}.button:hover{transform:translateY(-2px)}.button-primary{background:linear-gradient(135deg, var(--yellow-fill), var(--blue) 145%);color:var(--button-text);border-color:#0000;box-shadow:0 14px 35px #2f80ff3d}.button-primary span{margin-left:9px}.button-ghost{background:var(--surface)}.stats{border:1px solid var(--line);background:var(--surface);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:18px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:70px;display:grid;overflow:hidden}.stats div{flex-direction:column;justify-content:center;align-items:center;gap:6px;min-height:108px;display:flex;position:relative}.stats div+div{border-left:1px solid var(--line)}.stats strong{color:var(--blue);font-family:var(--font-geist-mono);font-size:28px}.stats div:nth-child(2n) strong{color:var(--yellow)}.stats span{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;font-size:11px;font-weight:700}.reveal{opacity:0;transition:opacity .75s,transform .75s;transform:translateY(26px)}.reveal.is-visible{opacity:1;transform:translateY(0)}.marquee{border-block:1px solid var(--line);background:var(--marquee-bg);overflow:hidden}.marquee>div{width:max-content;color:var(--muted);align-items:center;gap:25px;padding:16px 0;animation:28s linear infinite marquee;display:flex}.marquee span{font-family:var(--font-geist-mono);letter-spacing:.12em;align-items:center;gap:25px;font-size:12px;font-weight:700;display:inline-flex}.marquee b{color:var(--yellow);font-size:11px}.content-section{padding-block:116px 24px}.section-heading{grid-template-columns:150px 1fr 1fr;align-items:end;gap:30px;margin-bottom:42px;display:grid}.section-heading>div{align-self:start}.section-heading>div span{color:var(--blue);font-family:var(--font-geist-mono);font-size:12px;font-weight:800}.section-heading>div p{color:var(--muted);letter-spacing:.13em;text-transform:uppercase;margin:7px 0 0;font-size:11px;font-weight:700}.section-heading h2{letter-spacing:-.055em;margin:0;font-size:clamp(35px,5vw,54px);line-height:1}.section-heading>p{max-width:390px;color:var(--muted);margin:0;font-size:14px;line-height:1.75}.skills-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.skill-card{border:1px solid var(--line);background:var(--surface);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:18px;padding:24px;transition:border-color .25s,transform .25s,box-shadow .25s}.skill-card:hover{border-color:color-mix(in srgb, var(--blue) 48%, transparent);transform:translateY(-4px);box-shadow:0 20px 55px #00000021}.skill-top{grid-template-columns:auto 1fr auto;align-items:center;gap:14px;display:grid}.skill-icon{border:1px solid var(--line);width:44px;height:44px;color:var(--blue);font-family:var(--font-geist-mono);background:#2f80ff1a;border-radius:13px;place-items:center;font-weight:800;display:grid}.skill-card:nth-child(2n) .skill-icon{color:var(--yellow);background:#ffd84a1a}.skill-top h3{margin:0;font-size:15px}.skill-top p{color:var(--muted);margin:4px 0 0;font-size:11px}.skill-top strong{color:var(--blue);font-family:var(--font-geist-mono);font-size:14px}.skill-card:nth-child(2n) .skill-top strong{color:var(--yellow)}.skill-track{background:var(--line);border-radius:999px;height:5px;margin-top:21px;overflow:hidden}.skill-track span{border-radius:inherit;background:linear-gradient(90deg, var(--blue), var(--yellow-fill));width:0;height:100%;transition:width 1.1s cubic-bezier(.2,.8,.2,1) .25s;display:block;box-shadow:0 0 12px #2f80ff6b}#skills.is-visible .skill-track span{width:var(--level)}.project-list{gap:14px;display:grid}.project-card{border:1px solid var(--line);background:linear-gradient(110deg, var(--surface), color-mix(in srgb, var(--surface) 72%, transparent));-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:20px;grid-template-columns:70px 1fr 170px;align-items:center;gap:28px;min-height:225px;padding:32px;transition:transform .3s,border-color .3s,box-shadow .3s;display:grid;position:relative;overflow:hidden}.project-card:before{background:var(--project-color);width:3px;box-shadow:0 0 22px var(--project-color);content:"";position:absolute;inset:0 auto 0 0}.project-card:after{background:var(--project-color);filter:blur(110px);opacity:.08;content:"";border-radius:50%;width:220px;height:220px;position:absolute;top:-70px;right:70px}.project-card.blue{--project-color:var(--blue)}.project-card.yellow{--project-color:var(--yellow)}.project-card.sky{--project-color:var(--blue-strong)}.project-card:hover{border-color:color-mix(in srgb, var(--project-color) 42%, transparent);transform:translateY(-4px);box-shadow:0 24px 70px #0003}.project-card[href]:focus-visible{outline-color:var(--project-color)}.project-number{color:var(--project-color);font-family:var(--font-geist-mono);align-self:start;font-size:12px;font-weight:800}.project-type{color:var(--project-color);font-family:var(--font-geist-mono);letter-spacing:.13em;text-transform:uppercase;font-size:10px;font-weight:800}.project-copy h3{letter-spacing:-.04em;margin:8px 0 10px;font-size:clamp(25px,3vw,34px)}.project-copy>p{max-width:610px;color:var(--muted);margin:0;font-size:13px;line-height:1.75}.project-tags{flex-wrap:wrap;gap:7px;margin-top:18px;display:flex}.project-tags span{border:1px solid var(--line);color:var(--muted);letter-spacing:.05em;text-transform:uppercase;border-radius:999px;padding:6px 9px;font-size:9px;font-weight:700}.project-result{z-index:1;border-left:1px solid var(--line);text-align:right;flex-direction:column;justify-content:center;align-items:flex-end;height:100%;display:flex;position:relative}.project-result>span{color:var(--muted);letter-spacing:.14em;text-transform:uppercase;font-size:9px;font-weight:800}.project-result strong{margin-top:7px;font-size:14px}.now-section{border:1px solid var(--line);background:var(--surface);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:20px;grid-template-columns:280px 1fr;gap:34px;margin-top:110px;padding:28px;display:grid}.now-intro{align-items:center;gap:15px;display:flex}.now-icon{border:1px solid var(--line);width:50px;height:50px;color:var(--blue);background:linear-gradient(135deg,#2f80ff29,#ffd84a21);border-radius:15px;flex:none;place-items:center;font-size:22px;display:grid}.now-intro p{color:var(--blue);font-family:var(--font-geist-mono);letter-spacing:.13em;text-transform:uppercase;margin:0 0 4px;font-size:10px;font-weight:800}.now-intro h2{letter-spacing:-.02em;margin:0;font-size:17px}.now-grid{border-left:1px solid var(--line);grid-template-columns:repeat(4,1fr);display:grid}.now-grid div{flex-direction:column;justify-content:center;gap:7px;padding-left:22px;display:flex}.now-grid span{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;font-size:9px;font-weight:800}.now-grid strong{font-size:11px}.now-grid .online{color:var(--blue)}.online i{background:currentColor;border-radius:50%;width:6px;height:6px;margin-right:5px;display:inline-block;box-shadow:0 0 10px}.contact-section{text-align:center;padding-block:150px 140px}.contact-section .eyebrow{margin-top:0}.contact-section h2{letter-spacing:-.065em;white-space:pre-line;margin:16px 0 20px;font-size:clamp(45px,7vw,76px);line-height:1.04}.contact-section>p:not(.eyebrow){max-width:550px;color:var(--muted);margin:0 auto;line-height:1.7}.contact-actions{flex-wrap:wrap;justify-content:center;gap:11px;margin-top:32px;display:flex}.contact-actions button{cursor:pointer}.social-links{flex-wrap:wrap;justify-content:center;gap:9px;margin-top:18px;display:flex}.social-links a{border:1px solid var(--line);color:var(--muted);border-radius:999px;align-items:center;gap:8px;padding:9px 13px;font-size:11px;font-weight:800;display:inline-flex}.social-links a:hover{border-color:color-mix(in srgb, var(--blue) 44%, var(--line));color:var(--text)}.social-links a span{color:var(--yellow)}.site-footer{border-top:1px solid var(--line);grid-template-columns:1fr auto 1fr;align-items:center;min-height:110px;display:grid}.site-footer>p{color:var(--muted);text-align:center;font-size:11px}.site-footer>div{justify-self:end;gap:16px;display:flex}.site-footer>div a{color:var(--muted);font-size:11px;font-weight:700}.editor-shell{background:linear-gradient(var(--line) 1px, transparent 1px), linear-gradient(90deg, var(--line) 1px, transparent 1px), radial-gradient(circle at 16% 15%, color-mix(in srgb, var(--blue) 24%, transparent), transparent 27%), radial-gradient(circle at 86% 50%, color-mix(in srgb, var(--yellow) 14%, transparent), transparent 24%);background-color:var(--bg);background-size:52px 52px,52px 52px,auto,auto;min-height:100vh;padding-bottom:90px}.editor-topbar{z-index:40;border-bottom:1px solid var(--line);background:color-mix(in srgb, var(--bg) 82%, transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);justify-content:space-between;align-items:center;gap:18px;width:min(1180px,100% - 40px);min-height:76px;margin:0 auto;display:flex;position:sticky;top:0}.editor-topbar>div{align-items:center;gap:12px;display:flex}.editor-local-badge{border:1px solid var(--line);color:var(--muted);letter-spacing:.07em;text-transform:uppercase;border-radius:999px;padding:7px 10px;font-size:10px;font-weight:800}.editor-home-link{min-height:40px;padding-inline:15px;font-size:11px}.editor-hero{grid-template-columns:1fr auto;align-items:end;gap:42px;width:min(1180px,100% - 40px);margin:0 auto;padding:78px 0 58px;display:grid;position:relative}.editor-hero .eyebrow{margin-top:0}.editor-hero h1{letter-spacing:-.075em;max-width:700px;margin:12px 0 20px;font-size:clamp(52px,8vw,92px);line-height:.88}.editor-hero h1 span{color:var(--blue)}.editor-hero>div>p:last-child{max-width:620px;color:var(--muted);margin:0;font-size:15px;line-height:1.75}.editor-profile-preview{border:1px solid var(--line);background:var(--surface);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:20px;align-items:center;gap:15px;min-width:280px;padding:16px;display:flex;box-shadow:0 22px 58px #00000029}.editor-avatar{border:3px solid var(--yellow-fill);background-position:50%;background-size:cover;border-radius:22px;flex:none;width:72px;height:72px;transform:rotate(-3deg)}.editor-profile-preview>div:last-child{flex-direction:column;gap:4px;min-width:0;display:flex}.editor-profile-preview strong{text-overflow:ellipsis;font-size:17px;overflow:hidden}.editor-profile-preview span{max-width:190px;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.editor-layout{grid-template-columns:minmax(0,1fr) 310px;align-items:start;gap:24px;width:min(1180px,100% - 40px);margin:0 auto;display:grid}.editor-forms{gap:16px;min-width:0;display:grid}.editor-card{border:1px solid var(--line);background:color-mix(in srgb, var(--surface) 92%, transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:22px;min-width:0;margin:0;padding:28px;box-shadow:0 18px 55px #0000001a}.editor-card legend,.editor-advanced summary{color:var(--blue);font-family:var(--font-geist-mono);letter-spacing:.13em;text-transform:uppercase;padding:0 9px;font-size:11px;font-weight:850}.editor-card legend{margin-left:-9px}.editor-grid{gap:16px;display:grid}.editor-grid.two-columns{grid-template-columns:repeat(2,minmax(0,1fr))}.editor-field{flex-direction:column;gap:8px;min-width:0;margin-top:16px;display:flex}.editor-grid>.editor-field:first-child,.editor-grid>.editor-field:nth-child(2){margin-top:0}.editor-field>span,.editor-color-grid label>span,.editor-range-grid label>span{color:var(--muted);letter-spacing:.09em;text-transform:uppercase;font-size:10px;font-weight:850}.editor-field input,.editor-field textarea,.editor-advanced textarea{border:1px solid var(--line);background:color-mix(in srgb, var(--bg) 68%, transparent);width:100%;color:var(--text);border-radius:13px;outline:none;transition:border-color .2s,box-shadow .2s}.editor-field input{min-height:47px;padding:0 13px}.editor-field textarea{resize:vertical;min-height:92px;padding:12px 13px;line-height:1.55}.editor-field input:focus,.editor-field textarea:focus,.editor-advanced textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px color-mix(in srgb, var(--blue) 16%, transparent)}.editor-field small{color:var(--muted);font-size:9px;line-height:1.5}.editor-color-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:18px;display:grid}.editor-color-grid label{border:1px solid var(--line);background:color-mix(in srgb, var(--bg) 68%, transparent);border-radius:13px;justify-content:space-between;align-items:center;padding:11px 13px;display:flex}.editor-color-grid input{cursor:pointer;background:0 0;border:0;border-radius:8px;width:46px;height:32px;padding:2px}.editor-card>.button{cursor:pointer;margin-top:18px}.editor-range-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-bottom:24px;display:grid}.editor-range-grid label{gap:10px;display:grid}.editor-range-grid label>span{justify-content:space-between;display:flex}.editor-range-grid strong{color:var(--blue);font-family:var(--font-geist-mono)}.editor-range-grid input{width:100%;accent-color:var(--yellow-fill)}.editor-advanced summary{cursor:pointer;list-style-position:outside}.editor-advanced>p{color:var(--muted);margin:18px 0 13px;font-size:12px}.editor-advanced textarea{min-height:520px;font-family:var(--font-geist-mono);resize:vertical;padding:17px;font-size:11px;line-height:1.6}.editor-inline-actions{flex-wrap:wrap;gap:10px;margin-top:15px;display:flex}.editor-inline-actions .button{cursor:pointer;min-height:43px;margin:0;font-size:11px}.editor-file-button{cursor:pointer;position:relative;overflow:hidden}.editor-file-button input{opacity:0;width:1px;height:1px;position:absolute}.editor-sidebar{position:sticky;top:96px}.editor-save-card{border:1px solid color-mix(in srgb, var(--blue) 34%, var(--line));background:color-mix(in srgb, var(--surface) 94%, transparent);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:24px;flex-direction:column;align-items:stretch;padding:28px;display:flex;box-shadow:0 28px 80px #0000002e}.editor-save-icon{background:linear-gradient(135deg, var(--yellow-fill), var(--blue));width:46px;height:46px;color:var(--button-text);border-radius:14px;place-items:center;font-weight:900;display:grid}.editor-save-card h2{letter-spacing:-.04em;margin:20px 0 8px;font-size:23px}.editor-save-card>p{color:var(--muted);margin:0 0 21px;font-size:11px;line-height:1.65}.editor-save-card .button{cursor:pointer;width:100%;margin-top:9px}.editor-reset{color:var(--muted);cursor:pointer;text-underline-offset:4px;background:0 0;border:0;margin:19px auto 0;font-size:10px;font-weight:800;text-decoration:underline}.editor-save-card .editor-notice{min-height:34px;color:var(--blue);margin:18px 0 0;font-size:10px;font-weight:700}@keyframes spin{to{transform:rotate(360deg)}}@keyframes drift{to{transform:translate(70px,80px)scale(1.15)}}@keyframes role-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes marquee{to{transform:translate(-50%)}}@keyframes loading-progress{to{transform:scaleX(1)}}@keyframes loading-enter{to{opacity:1;transform:translateY(0)}}@keyframes music-pulse{50%{text-shadow:0 0 12px;transform:scale(1.14)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.reveal{opacity:1;transform:none}}@media (max-width:820px){.site-header{grid-template-columns:1fr auto}.main-nav{display:none}.menu-toggle{display:flex}.mobile-nav{border:1px solid var(--line);background:color-mix(in srgb, var(--bg) 92%, transparent);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);opacity:0;visibility:hidden;border-radius:16px;width:min(290px,100vw - 40px);padding:12px;transition:opacity .2s,transform .2s,visibility .2s;display:grid;position:absolute;top:65px;right:0;transform:translateY(-8px)scale(.98);box-shadow:0 25px 70px #00000052}.mobile-nav.open{opacity:1;visibility:visible;transform:none}.mobile-nav a{color:var(--muted);border-radius:11px;gap:14px;padding:15px;font-weight:700;display:flex}.mobile-nav a:hover{background:var(--surface);color:var(--text)}.mobile-nav span{color:var(--blue);font-family:var(--font-geist-mono);font-size:10px}.hero{text-align:center;grid-template-columns:1fr;gap:24px;padding-top:44px}.portrait-wrap{width:200px;height:200px;margin:0 auto}.hero-copy{flex-direction:column;align-items:center;display:flex}.hero-intro{max-width:560px}.stats{grid-template-columns:repeat(2,1fr)}.stats div:nth-child(3){border-left:0;border-top:1px solid var(--line)}.stats div:nth-child(4){border-top:1px solid var(--line)}.section-heading{grid-template-columns:1fr;gap:13px}.section-heading>div{align-items:center;gap:10px;display:flex}.section-heading>div p{margin:0}.section-heading>p{max-width:580px}.skills-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.project-card{grid-template-columns:45px 1fr}.project-result{border-top:1px solid var(--line);text-align:left;border-left:0;flex-direction:row;grid-column:2;justify-content:flex-start;align-items:center;gap:9px;height:auto;padding-top:20px}.now-section{grid-template-columns:1fr}.now-grid{border-top:1px solid var(--line);border-left:0;padding-top:23px}.now-grid div{padding-left:0}.site-footer{grid-template-columns:1fr auto}.site-footer>p{display:none}.editor-topbar,.editor-hero,.editor-layout{width:min(100% - 32px,680px)}.editor-local-badge{display:none}.editor-hero{grid-template-columns:1fr;gap:28px;padding-block:58px 42px}.editor-profile-preview{width:min(100%,360px)}.editor-layout{grid-template-columns:1fr}.editor-sidebar{grid-row:1;position:static}.editor-save-card{grid-template-columns:1fr 1fr;gap:9px;display:grid}.editor-save-icon,.editor-save-card h2,.editor-save-card>p,.editor-reset,.editor-notice{grid-column:1/-1}.editor-save-card .button{margin-top:0}}@media (max-width:520px){.loading-panel{border-radius:24px;padding:30px 22px}.loading-avatar{border-radius:25px;width:84px;height:84px}.loading-enter{width:100%;min-width:0}.site-header{width:min(100% - 28px,1120px)}.brand{font-size:14px}.section-wrap{width:min(100% - 28px,980px)}.hero{min-height:auto;padding-bottom:38px}.portrait-wrap{width:174px;height:174px}.portrait-card{width:122px;height:122px}.status-dot{bottom:28px;right:18px}.hero h1{font-size:48px}.hero-actions{width:100%}.button{flex:100%}.stats span{letter-spacing:.08em;font-size:9px}.content-section{padding-top:90px}.skills-grid{grid-template-columns:1fr}.project-card{grid-template-columns:1fr;gap:14px;min-height:auto;padding:25px}.project-number{display:none}.project-result{grid-column:1}.now-section{margin-top:86px;padding:22px}.now-grid{grid-template-columns:repeat(2,1fr);gap:25px 12px}.contact-section{padding-block:110px 100px}.contact-actions{width:100%}.site-footer{min-height:90px}.site-footer .brand>span:last-child{display:none}.editor-shell{padding-bottom:48px}.editor-topbar,.editor-hero,.editor-layout{width:min(100% - 24px,460px)}.editor-topbar{min-height:68px}.editor-home-link{padding-inline:12px}.editor-hero{padding-block:42px 30px}.editor-hero h1{font-size:52px}.editor-profile-preview{min-width:0}.editor-card,.editor-save-card{border-radius:18px;padding:21px}.editor-grid.two-columns,.editor-color-grid,.editor-range-grid{grid-template-columns:1fr}.editor-grid>.editor-field:nth-child(2){margin-top:16px}.editor-save-card{grid-template-columns:1fr}.editor-save-card .button,.editor-save-icon,.editor-save-card h2,.editor-save-card>p,.editor-reset,.editor-notice{grid-column:1}.editor-advanced textarea{min-height:390px}}.editor-auth-shell{place-items:center;min-height:100svh;padding:32px 20px;display:grid}.editor-auth-card{border:1px solid color-mix(in srgb, var(--blue) 36%, var(--line));background:color-mix(in srgb, var(--surface) 95%, transparent);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:26px;width:min(100%,460px);padding:34px;box-shadow:0 30px 90px #0000003d}.editor-auth-card .eyebrow{margin:20px 0 0}.editor-auth-card h1{letter-spacing:-.055em;margin:12px 0;font-size:clamp(30px,7vw,48px);line-height:.95}.editor-auth-card>p:not(.eyebrow):not(.editor-notice){color:var(--muted);margin:0 0 18px;font-size:12px;line-height:1.7}.editor-auth-card .editor-field{margin:22px 0 14px}.editor-auth-card .button{cursor:pointer;width:100%;margin-top:10px}.editor-auth-card .button:disabled,.editor-save-card .button:disabled,.editor-reset:disabled{opacity:.55;cursor:wait}.editor-auth-card .editor-notice{min-height:22px;color:var(--yellow-fill);margin:15px 0 0;font-size:11px;font-weight:750}.editor-topbar button.editor-home-link{font-family:inherit}.jp-shell{--jp-blue:#8ecdf1;--jp-yellow:#ffdab9;--jp-teal:#b8e6d0;--jp-ink:#2e4a62;--jp-muted:#7a9cb8;--jp-peach:#ffdab9;--jp-lilac:#e6e0ff;min-height:100vh;color:var(--jp-ink);background:#eef7ff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;position:relative;overflow-x:clip}.jp-shell button,.jp-shell a{font:inherit}.jp-shell button{color:inherit}.jp-bg{pointer-events:none;z-index:0;background:linear-gradient(#eef7fffa 0%,#e8f4fff2 34%,#fffffffa 68%,#eaf6fff5 100%),radial-gradient(circle at 72% 10%,#ffdab98c,#0000 30%),radial-gradient(circle at 14% 74%,#8ecdf152,#0000 36%),radial-gradient(circle at 88% 55%,#e6e0ff73,#0000 32%);position:fixed;inset:0}.jp-bg:before{content:"";opacity:.34;background-image:linear-gradient(#ffffff75 1px,#0000 1px),linear-gradient(90deg,#ffffff59 1px,#0000 1px);background-size:54px 54px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#00000026,#0000 65%);mask-image:linear-gradient(#00000026,#0000 65%)}.jp-cloud{filter:blur(9px);background:#ffffffd1;border-radius:999px;width:420px;height:118px;position:absolute;box-shadow:100px -18px 0 22px #ffffffad,220px 4px 0 -8px #ffffffb8}.jp-cloud-one{top:6%;left:13%;transform:scale(.8)}.jp-cloud-two{opacity:.62;top:22%;right:5%;transform:scale(.55)}.jp-orb{filter:blur(8px);opacity:.6;border-radius:50%;position:absolute}.jp-orb-one{background:#ffdab947;width:360px;height:360px;top:35%;right:9%}.jp-orb-two{background:#8ecdf12e;width:440px;height:440px;bottom:-10%;left:3%}.jp-sakura{color:#ffb79452;filter:blur(.2px);font-size:72px;position:absolute}.jp-sakura-one{top:9%;right:18%;transform:rotate(17deg)}.jp-sakura-two{bottom:18%;left:24%;transform:rotate(-12deg)scale(.65)}.jp-sidebar{z-index:50;-webkit-backdrop-filter:blur(22px)saturate(120%);backdrop-filter:blur(22px)saturate(120%);background:#ffffff9e;border-right:1px solid #ffffffd1;flex-direction:column;justify-content:space-between;width:94px;padding:16px 10px 12px;display:flex;position:fixed;inset:0 auto 0 0;box-shadow:4px 0 24px #7a9cb814}.jp-sidebar-top{flex-direction:column;align-items:center;gap:16px;display:flex}.jp-clock{text-align:center;line-height:1.1}.jp-clock strong{letter-spacing:.04em;font-size:14px;display:block}.jp-clock span{color:#8293a3;margin-top:4px;font-size:10px;display:block}.jp-home-badge{color:#4a7fa0;background:linear-gradient(135deg,#8ecdf18c,#ffdab973);border:1px solid #fffffff5;border-radius:17px;place-items:center;width:50px;height:50px;display:grid;box-shadow:0 10px 25px #7a9cb81f}.jp-home-badge span{font-size:18px;line-height:1}.jp-home-badge small{margin-top:-7px;font-size:8px;font-weight:800}.jp-nav{flex-direction:column;gap:7px;width:100%;display:flex}.jp-nav button{color:#64748b;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:2px;min-height:64px;transition:all .2s;display:flex}.jp-nav button span{font-size:11px;font-weight:750}.jp-nav button small{color:#9aa8b7;letter-spacing:.08em;font-size:8.5px;font-weight:800}.jp-nav button:hover,.jp-nav button.active{color:#5aa9e6;background:#ffffffd6;border-color:#fffffff5;box-shadow:0 8px 24px #7a9cb81a}.jp-sidebar-bottom{color:#687b8e;flex-direction:column;align-items:center;gap:11px;display:flex}.jp-sidebar-bottom a{place-items:center;display:grid}.jp-sidebar-bottom small{color:#9cabb7;text-align:center;font-size:7px;line-height:1.35}.jp-tools{z-index:45;gap:8px;display:flex;position:fixed;top:16px;right:22px}.jp-tools button,.jp-tools a{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);color:#536779;cursor:pointer;background:#ffffff80;border:1px solid #ffffffe6;border-radius:50%;place-items:center;width:34px;height:34px;display:grid;box-shadow:0 7px 18px #3c647d0f}.jp-main{z-index:10;width:calc(100% - 94px);margin-left:94px;padding:18px 26px 112px;position:relative}.jp-hero{justify-content:center;align-items:center;gap:36px;width:min(1240px,100% - 32px);min-height:380px;margin:0 auto 8px;padding:14px 0 8px;display:flex}.jp-avatar-wrap{filter:drop-shadow(0 18px 32px #7a9cb82e);flex:none;position:relative}.jp-avatar-ring{aspect-ratio:1;clip-path:none;background:0 0;border:0;border-radius:50%;flex-shrink:0;width:380px;height:380px;padding:0;overflow:hidden;box-shadow:0 0 0 4px #fff,0 0 0 5px #0000000f,0 12px 32px #00000038}.jp-avatar-ring:before{content:"";filter:blur(8px);z-index:-1;pointer-events:none;background:linear-gradient(135deg,#ffd84a3d,#ff8fa129,#8ecdf11f);border-radius:50%;position:absolute;inset:-3px}.jp-avatar{aspect-ratio:1;width:100%;height:100%;image-rendering:crisp-edges;clip-path:none;background-color:#0f172a;background-position:50%;background-repeat:no-repeat;background-size:cover;border:0;border-radius:50%;overflow:hidden}.jp-online-pill{color:#fff;background:linear-gradient(135deg,#8ecdf1,#a8d5f5);border:1px solid #fffffff5;border-radius:999px;padding:5px 11px;font-size:11px;font-weight:800;position:absolute;bottom:6px;right:-6px;box-shadow:0 6px 18px #7a9cb838}.jp-hero-copy{min-width:0;max-width:620px}.jp-jp-kicker{color:#5ba3d0;letter-spacing:.02em;text-shadow:0 2px #ffffffd9,0 4px 16px #4da3ff2e;margin:0 0 12px;font-family:Dancing Script,Pacifico,cursive;font-size:34px;font-weight:700;line-height:1.2;display:inline-block;position:relative}.jp-jp-kicker:after{content:"🍉";filter:drop-shadow(0 2px 6px #ff6b8a29);font-family:Apple Color Emoji,Segoe UI Emoji,sans-serif;font-size:18px;animation:2.8s ease-in-out infinite doodle-wiggle;position:absolute;top:-8px;right:-24px}.jp-hero h1{color:#0000;font-family:var(--font-sweet-pea);letter-spacing:.02em;filter:drop-shadow(0 3px #ffffffeb)drop-shadow(0 6px 18px #1e9ae847)drop-shadow(0 2px 12px #ff6b8a2e);-webkit-text-stroke:.6px #ffffff8c;background:linear-gradient(92deg,#1e9ae8 0%,#3db8e8 28%,#5ec8f0 42%,#ff9e9e 72%,#ff6b8a 100%);-webkit-background-clip:text;background-clip:text;margin:0;font-size:clamp(68px,8vw,108px);font-style:normal;font-weight:400;line-height:1.02;transform:translateZ(0)}.jp-role{color:#536779;margin:7px 0 2px;font-size:15px;font-weight:700}.jp-tagline{color:#91a0ad;margin:0;font-size:13px}.jp-meta-pills{flex-wrap:wrap;gap:7px;margin-top:11px;display:flex}.jp-meta-pills span{color:#5d7081;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);vertical-align:middle;background:#ffffff8c;border:1px solid #ffffffe6;border-radius:12px;justify-content:center;align-items:center;gap:6px;padding:7px 11px;font-size:12px;font-weight:700;line-height:1;display:inline-flex;box-shadow:0 5px 16px #41677e0d}.jp-meta-pills span>span[aria-hidden=true]{justify-content:center;align-items:center;transform:translateY(.5px);line-height:1!important;display:inline-flex!important}.jp-quote{color:#64748b;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff70;border:1px solid #ffffffd1;border-radius:15px;max-width:600px;margin-top:12px;padding:12px 15px;font-size:12.5px;line-height:1.55;box-shadow:0 8px 22px #3f67800d}.jp-quote strong,.jp-quote span{display:block}.jp-quote span{margin-top:4px}.jp-dashboard-grid{flex-direction:column;align-items:stretch;gap:20px;width:min(1180px,100% - 28px);margin:0 auto;display:flex}.jp-col{flex-direction:column;gap:28px;width:100%;min-width:0;display:flex}.jp-window{-webkit-backdrop-filter:blur(22px)saturate(116%);backdrop-filter:blur(22px)saturate(116%);background:#ffffffad;border:1px solid #ffffffeb;border-radius:19px;padding:13px;box-shadow:0 15px 42px #7a9cb81a,inset 0 1px #ffffffbf}.jp-window-top{color:#8c9aa7;justify-content:space-between;align-items:center;min-height:26px;margin-bottom:10px;display:flex}.jp-window-title{color:#4e6274;letter-spacing:.08em;align-items:center;gap:6px;font-size:12.5px;font-weight:900;display:flex}.jp-profile-lines{color:#5b6e7e;gap:7px;font-size:13px;display:grid}.jp-profile-lines p{align-items:center;gap:7px;margin:0;display:flex}.jp-profile-lines p span{text-align:center;width:16px}.jp-divider{background:#ffffffb8;height:1px;margin:14px 0 10px}.jp-mini-title{color:#738393;letter-spacing:.08em;margin:0 0 5px;font-size:11px;font-weight:900}.jp-space-top{margin-top:10px}.jp-body-copy{color:#657889;margin:0;font-size:13px;line-height:1.6}.jp-hobby-list{color:#657889;margin:0;padding:0;font-size:13px;line-height:1.6;list-style:none}.jp-social-row{color:#657889;border-top:1px solid #ffffffb3;gap:11px;margin-top:12px;padding-top:10px;display:flex}.jp-social-row a:hover{color:#ffd84a;text-shadow:0 0 12px #ffd84a52;transform:translateY(-2px)}.jp-stat-grid{grid-template-columns:1fr 1fr;gap:7px;display:grid}.jp-stat-chip{text-align:center;background:#ffffff80;border:1px solid #ffffffd6;border-radius:12px;padding:11px 8px}.jp-stat-chip strong{color:#4e6478;font-size:17px;display:block}.jp-stat-chip span{color:#8a99a7;margin-top:2px;font-size:10px;display:block}.jp-view-all{color:#2696df;cursor:pointer;background:0 0;border:0;align-items:center;gap:3px;padding:0;font-size:10.5px;font-weight:900;display:inline-flex}.jp-project-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;display:grid}.jp-project-card{background:#ffffff94;border:1px solid #ffffffe0;border-radius:14px;flex-direction:column;min-width:0;padding:8px;transition:transform .18s,background .18s;display:flex;box-shadow:0 7px 20px #4166800d}.jp-project-card:hover{background:#ffffffc2;transform:translateY(-2px)}.jp-project-art{border:1px solid #ffffffbf;border-radius:10px;place-items:center;height:82px;display:grid;position:relative;overflow:hidden}.jp-project-art:before{content:"";background:radial-gradient(circle at 30% 25%,#ffffffbf,#0000 27%),linear-gradient(135deg,#ffffff1a,#ffffff80);position:absolute;inset:0}.jp-art-blue{background:linear-gradient(135deg,#a8d5f5,#8ecdf1 48%,#c5e3ff)}.jp-art-yellow{background:linear-gradient(135deg,#ffdab9,#ffc8a2 52%,#ffe9d6)}.jp-art-sky{background:linear-gradient(135deg,#e6e0ff,#d0d4ff 48%,#cdeeff)}.jp-project-art span{color:#3e586ba3;font-size:7px;font-weight:900;position:absolute;top:6px;left:8px}.jp-project-art strong{z-index:1;color:#ffffffeb;text-shadow:0 4px 14px #4563772e;font-family:Georgia,serif;font-size:34px;position:relative}.jp-project-art i{color:#fffc;font-style:normal;position:absolute;bottom:6px;right:8px}.jp-project-card h3{color:#475c6e;min-height:28px;margin:8px 0 5px;font-size:13.5px;line-height:1.3}.jp-tag-row{flex-wrap:wrap;gap:4px;min-height:15px;display:flex}.jp-tag-row span{color:#4a8cb8;background:#a8d5f561;border-radius:5px;padding:3px 6px;font-size:9px;font-weight:800}.jp-project-card p{-webkit-line-clamp:2;color:#7a8996;-webkit-box-orient:vertical;min-height:34px;margin:6px 0;font-size:11px;line-height:1.45;display:-webkit-box;overflow:hidden}.jp-project-result{color:#536a7c;margin-top:auto;font-size:10.5px;font-weight:800}.jp-skills-window{padding-bottom:11px}.jp-skill-list{grid-template-columns:1fr 1fr;gap:8px 10px;display:grid}.jp-skill{background:#ffffff52;border:1px solid #ffffffb8;border-radius:11px;min-width:0;padding:7px 8px 11px;position:relative}.jp-skill>div{grid-template-columns:20px minmax(0,1fr) auto;align-items:center;column-gap:5px;display:grid}.jp-skill>div>span{color:#579bc8;background:#ffffff94;border-radius:7px;grid-row:span 2;place-items:center;width:22px;height:22px;font-size:10px;font-weight:900;display:grid}.jp-skill strong{color:#53697b;white-space:nowrap;text-overflow:ellipsis;font-size:11.5px;overflow:hidden}.jp-skill small{color:#91a0ac;white-space:nowrap;text-overflow:ellipsis;grid-column:2/4;font-size:9px;overflow:hidden}.jp-skill em{color:#5d839c;font-size:9px;font-style:normal;font-weight:900;position:absolute;top:7px;right:8px}.jp-skill>i{background:#718fa124;border-radius:99px;height:3px;position:absolute;bottom:6px;left:8px;right:8px;overflow:hidden}.jp-skill>i b{border-radius:inherit;background:linear-gradient(90deg,#8ecdf1,#ffdab9);height:100%;display:block}.jp-twin-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.jp-mini-window{min-height:177px;padding:10px}.jp-gallery-grid{grid-template-columns:1fr 1fr;gap:5px;display:grid}.jp-gallery-tile{color:#ffffffe0;text-shadow:0 2px 8px #4e68792e;border:1px solid #ffffffc2;border-radius:8px;place-items:center;height:48px;font-size:11.5px;font-weight:900;display:grid}.jp-skin-3d-wrap{flex-direction:column;align-items:center;padding:12px 0 4px;display:flex}.jp-skin-3d-stage{background:radial-gradient(circle at 25% 20%,#ffd84a1f,#0000 28%),radial-gradient(circle at 80% 80%,#4da3ff1a,#0000 30%),linear-gradient(135deg,#080e1cf5 0%,#0c1628eb 48%,#080e1cfa 100%);border:1px solid #ffd84a14;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:16px;width:100%;height:380px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff0a,0 16px 48px #00000047}.jp-skin-3d-stage:before{content:"";pointer-events:none;background:linear-gradient(135deg,#ffffff08,#0000 30%,#ffffff03 60%,#0000);position:absolute;inset:0}.jp-skin-3d-model{perspective:900px;animation:5.2s ease-in-out infinite skin-float;position:relative}@keyframes skin-float{0%,to{transform:translateY(0)rotateY(0)}50%{transform:translateY(-7px)rotateY(8deg)}}.jp-skin-3d-model:after{content:"";filter:blur(8px);background:radial-gradient(#00000059,#0000 70%);height:18px;position:absolute;inset:auto 10% -10px;transform:scaleX(.9)}.jp-skin-3d-img{width:210px;height:auto;image-rendering:pixelated;transform-style:preserve-3d;filter:drop-shadow(0 14px 28px #ffd84a2e)drop-shadow(0 10px 24px #0000006b);transition:transform .35s,filter .35s}.jp-skin-spin{animation:7s linear infinite skin-spin}@keyframes skin-spin{0%{transform:rotateY(0)rotateX(0)translateY(0)}25%{transform:rotateY(8deg)rotateX(2deg)translateY(-2px)}50%{transform:rotateY(0)rotateX(0)translateY(0)}75%{transform:rotateY(-8deg)rotateX(-2deg)translateY(-2px)}to{transform:rotateY(0)rotateX(0)translateY(0)}}.jp-skin-3d-img:hover{filter:drop-shadow(0 18px 34px #ffd84a3d)drop-shadow(0 12px 28px #0000007a);transform:scale(1.04)rotateY(10deg)}.jp-skin-iframe{border:none;width:100%;height:100%}.jp-skin-3d-label{color:#8aa0bc;letter-spacing:.08em;text-transform:uppercase;margin-top:8px;font-size:10px}.luxury-skin-stage{background:radial-gradient(circle at 50% 45%,#d4af372e,#0000 35%),#00000059;border-radius:24px;justify-content:center;align-items:center;min-height:390px;display:flex;position:relative;overflow:hidden}.luxury-skin-stage>div:first-child:not(.skin-holo-ring){z-index:2}.skin-holo-ring{transform-origin:50%;pointer-events:none;background:radial-gradient(circle,#d4af371a,#0000 65%);border:1px solid #d4af37d9;border-radius:50%;width:170px;height:170px;animation:8s linear infinite holoSpin;position:absolute;bottom:48px;left:50%;transform:translate(-50%);box-shadow:0 0 35px #d4af3773,inset 0 0 25px #d4af372e}.skin-status-chip{z-index:5;letter-spacing:.15em;color:#f5e6a8;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0000008c;border:1px solid #d4af3759;border-radius:999px;padding:8px 18px;font-size:11px;position:absolute;bottom:18px}@keyframes holoSpin{0%{transform:translate(-50%)rotateX(62deg)rotate(0)}to{transform:translate(-50%)rotateX(62deg)rotate(360deg)}}.jp-server-window{background:linear-gradient(135deg,#080e1ceb,#0c1628d1)!important;border:1px solid #ffd84a14!important;box-shadow:inset 0 1px #ffffff0a,0 16px 48px #00000042!important}.jp-server-head{color:#b8c7d8;justify-content:space-between;gap:6px;font-size:10px;font-weight:900;display:flex}.jp-server-head span{color:#7ef0b0;white-space:nowrap;background:#34d3991f;border:1px solid #34d3992e;border-radius:999px;padding:4px 8px;font-size:8px;box-shadow:0 0 16px #34d3990f}.jp-server-window h3{color:#e6efff;margin:10px 0 1px;font-size:14px}.jp-server-window p{color:#9fb1c7;margin:0;font-size:10px}.jp-server-data{color:#aab9ca;justify-content:space-between;margin-top:10px;font-size:10px;display:flex}.jp-server-data strong{color:#7ef0b0}.jp-stats-grid{padding-top:14px}.jp-chart i{background:linear-gradient(#4da3ffbf,#ffd84a6b);border-radius:2px 2px 0 0;flex:1;box-shadow:0 0 16px #4da3ff14}.jp-note-window{min-height:120px;position:relative;overflow:hidden}.jp-note-head{color:#586f80;justify-content:space-between;font-size:11px;font-weight:900;display:flex}.jp-note-head small{color:#9aa7b1;margin-left:3px;font-size:9px;font-weight:700}.jp-note-window h3{color:#4d6274;max-width:78%;font-family:var(--font-sweet-pea);margin:10px 0 3px;font-size:17px;font-style:normal}.jp-note-window p{color:#778896;max-width:78%;margin:0;font-size:11.5px;line-height:1.5}.jp-contact-actions{gap:6px;margin-top:9px;display:flex}.jp-contact-actions a,.jp-contact-actions button{color:#577184;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;background:#ffffff7a;border:1px solid #ffffffd4;border-radius:8px;align-items:center;gap:4px;max-width:160px;padding:7px 10px;font-size:10px;font-weight:800;display:inline-flex;overflow:hidden}.jp-note-flower{opacity:.25;font-size:45px;position:absolute;bottom:3px;right:13px;transform:rotate(8deg)}.jp-floating-playlist{z-index:40;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#ffffffc7;border:1px solid #fffffff0;border-radius:18px;width:240px;padding:10px;position:fixed;top:76px;right:22px;overflow:hidden;box-shadow:0 14px 38px #7a9cb824}@media (min-width:1380px){.jp-floating-playlist{top:78px;right:192px}}@media (min-width:1600px){.jp-floating-playlist{right:210px}}.jp-floating-playlist .jp-window-top{margin-bottom:6px}.jp-current-track{background:#ffffff8a;border:1px solid #ffffffd9;border-radius:11px;gap:8px;padding:7px;display:flex;overflow:hidden}.jp-album-art{border:1px solid #ffffffe6;border-radius:10px;flex:none;place-items:center;width:42px;height:42px;display:grid;color:#ffdab9!important;background:linear-gradient(135deg,#0f172a,#1e293b)!important;border-color:#ffffff14!important}.jp-current-track>div:last-child{flex-direction:column;flex:1 1 0;justify-content:center;min-width:0;display:flex;overflow:hidden}.jp-current-track strong{color:#506576;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:10px;font-weight:700;display:block;overflow:hidden}.jp-current-track span{color:#8d9aa5;white-space:nowrap;text-overflow:ellipsis;font-size:8px;font-weight:600;display:block;overflow:hidden}.jp-current-track small{color:#a0aab2;white-space:nowrap;text-overflow:ellipsis;margin-top:3px;font-size:6.5px;font-weight:500;display:block;overflow:hidden}.jp-playlist-lines{gap:3px;margin-top:7px;display:grid}.jp-playlist-lines>div{color:#8b98a4;border-radius:8px;grid-template-columns:21px 1fr 12px;align-items:center;gap:6px;padding:4px;display:grid}.jp-playlist-lines>div:hover{background:#ffffff5c}.jp-track-dot{color:#fff;background:linear-gradient(135deg,#78c3e699,#f4bed88f);border-radius:6px;place-items:center;width:20px;height:20px;font-size:7px;font-weight:900;display:grid}.jp-playlist-lines p{min-width:0;margin:0}.jp-playlist-lines strong,.jp-playlist-lines small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.jp-playlist-lines strong{color:#596d7d;font-size:8px}.jp-playlist-lines small{color:#9ba6af;font-size:6.5px}.jp-player{z-index:60;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#ffffffbd;border-top:1px solid #ffffffe6;grid-template-columns:minmax(180px,1fr) minmax(320px,2fr) minmax(160px,1fr);align-items:center;min-height:66px;padding:7px 24px;display:grid;position:fixed;bottom:0;left:94px;right:0;box-shadow:0 -10px 36px #335a7314}.jp-player-track{align-items:center;gap:9px;min-width:0;display:flex}.jp-album-art.small{border-radius:11px;width:42px;height:42px}.jp-player-track>div:last-child{min-width:0}.jp-player-track strong,.jp-player-track span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.jp-player-track strong{color:#4b6173;font-size:10px}.jp-player-track span{color:#8d9ba6;font-size:8px}.jp-player-center{flex-direction:column;align-items:center;gap:4px;display:flex}.jp-player-controls{color:#657786;align-items:center;gap:14px;display:flex}.jp-play-button{cursor:pointer;background:linear-gradient(135deg,#8ecdf1,#a8d5f5);border:0;border-radius:50%;place-items:center;width:34px;height:34px;display:grid;box-shadow:0 8px 18px #8ecdf147;color:#fff!important}.jp-progress-row{color:#98a4ad;align-items:center;gap:8px;width:100%;font-size:8px;display:flex}.jp-progress-row>span{text-align:center;font-variant-numeric:tabular-nums;min-width:28px}.jp-progress-row>i{background:#ffffff14;border-radius:99px;flex:1;height:4px;position:relative;overflow:hidden}.jp-progress-row>i b{border-radius:inherit;background:linear-gradient(90deg,#4da3ff,#ffd84a);width:0%;height:100%;transition:width .15s linear;display:block;box-shadow:0 0 8px #4da3ff52}.jp-player-extra{color:#748491;justify-content:flex-end;gap:12px;display:flex}.jp-mobile-nav{display:none}@keyframes jp-track-progress{0%{width:2%}to{width:92%}}@media (max-width:1250px){.jp-floating-playlist{display:none}.jp-hero{width:min(970px,100%)}.jp-dashboard-grid,.jp-col-right{flex-direction:column;display:flex}.jp-twin-grid{min-width:0}}@media (max-width:920px){.jp-sidebar{display:none}.jp-tools{top:12px;right:14px}.jp-main{width:100%;margin-left:0;padding:64px 16px 120px}.jp-hero{text-align:center;flex-direction:column;gap:24px;padding:10px 0}.jp-hero-copy{flex-direction:column;align-items:center;max-width:520px;display:flex}.jp-meta-pills{flex-wrap:wrap;justify-content:center}.jp-dashboard-grid{gap:18px;width:min(680px,100%)}.jp-col-right{flex-direction:column;display:flex}.jp-avatar-ring{width:min(58vw,240px);height:min(58vw,240px);padding:5px!important}.jp-project-grid{grid-template-columns:1fr 1fr;gap:10px}.jp-player{grid-template-columns:1fr auto;padding:10px 14px;bottom:62px;left:0;background:#070e1cf0!important;border-top:1px solid #ffd84a1a!important}.jp-player-center{justify-self:end}.jp-player-extra,.jp-progress-row{display:none}.jp-mobile-nav{z-index:70;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#070e1cf5;border-top:1px solid #ffd84a24;justify-content:space-around;align-items:center;height:62px;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -8px 24px #00000038}.jp-mobile-nav button{color:#94aac4;letter-spacing:.04em;background:0 0;border:0;flex-direction:column;align-items:center;gap:3px;min-width:56px;font-size:7.5px;font-weight:800;display:flex}.jp-mobile-nav button.active{color:#ffd84a;text-shadow:0 0 10px #ffd84a52}}@media (max-width:620px){.jp-main{padding-top:16px;padding-left:12px;padding-right:12px}.jp-tools{gap:6px;top:10px;right:10px}.jp-tools button,.jp-tools a{width:36px;height:36px}.jp-avatar-ring{width:100px!important;height:100px!important;padding:3px!important}.jp-hero{flex-direction:column;gap:14px;margin-bottom:16px;padding:6px 0}.jp-hero h1{font-size:42px;line-height:1.05}.jp-jp-kicker{font-size:20px}.jp-jp-kicker:after{font-size:14px;top:-4px;right:-16px}.jp-role{font-size:13px}.jp-tagline{font-size:11px}.jp-meta-pills{gap:6px;margin-top:10px}.jp-meta-pills span{padding:6px 10px;font-size:10px}.jp-quote{max-width:94vw;padding:10px 12px;font-size:11px}.control-deck-os{gap:8px;padding:8px}.jp-project-grid{grid-template-columns:1fr;gap:10px}.jp-skill-list{grid-template-columns:1fr;gap:8px}.jp-twin-grid{grid-template-columns:1fr;gap:10px}.jp-skin-3d-img{width:140px!important}.jp-skin-3d-stage{height:280px!important}.jp-player{grid-template-columns:1fr auto;min-height:64px;padding:8px 10px}.jp-player-track .jp-album-art{width:38px;height:38px}.jp-player-controls{gap:10px}.jp-mobile-nav{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#070e1cf5;border-top:1px solid #ffd84a1f;height:62px}.jp-mobile-nav button{gap:3px;min-width:48px;font-size:7px}.jp-mobile-nav button.active{color:#ffd84a;text-shadow:0 0 8px #ffd84a52}}@keyframes jp-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes jp-rise-in{0%{opacity:0;transform:translateY(22px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes jp-bar-bounce{0%,to{opacity:.45;transform:scaleY(.35)}50%{opacity:1;transform:scaleY(1)}}.jp-enter-stage .jp-hero,.jp-enter-stage .jp-window,.jp-enter-stage .jp-floating-playlist,.jp-enter-stage .jp-player{animation:.7s cubic-bezier(.2,.8,.2,1) both jp-rise-in}.jp-enter-stage .jp-window:nth-of-type(2){animation-delay:60ms}.jp-enter-stage .jp-window:nth-of-type(3){animation-delay:.12s}.jp-enter-stage .jp-window:nth-of-type(4){animation-delay:.18s}.jp-avatar-ring{animation:4.5s ease-in-out infinite jp-float}.jp-online-pill{animation:1.8s ease-in-out infinite music-pulse;box-shadow:0 4px 16px #8ecdf138,0 0 20px #8ecdf11f!important}.jp-current-track{align-items:center}.jp-visualizer{align-items:flex-end;gap:3px;height:24px;margin-left:auto;display:flex}.jp-visualizer i{background:linear-gradient(180deg, var(--jp-blue), var(--jp-yellow));transform-origin:bottom;opacity:.45;border-radius:999px;width:4px;height:100%;transform:scaleY(.35)}.jp-visualizer.playing i{animation:1s ease-in-out infinite jp-bar-bounce}.jp-visualizer.playing i:nth-child(2){animation-delay:.12s}.jp-visualizer.playing i:nth-child(3){animation-delay:.24s}.jp-visualizer.playing i:nth-child(4){animation-delay:.36s}.jp-player-status{color:#7a8790;letter-spacing:.08em;text-transform:uppercase;font-size:10px}.jp-player-status.playing{color:var(--jp-yellow)}@keyframes boat-rock{0%,to{transform:translate(0,0)rotate(-1.1deg)}25%{transform:translate(2px,-7px)rotate(.9deg)}50%{transform:translate(-1px,-4px)rotate(-.7deg)}75%{transform:translate(1px,-9px)rotate(1.2deg)}}@keyframes water-ripple-pulse{0%{opacity:.52;transform:scale(.75)}to{opacity:0;transform:scale(1.45)}}@keyframes heart-float{0%,to{opacity:.9;transform:translateY(0)rotate(0)scale(1)}50%{opacity:1;transform:translateY(-10px)rotate(6deg)scale(1.08)}}@keyframes sparkle-twinkle{0%,to{opacity:.3;transform:scale(.9)rotate(0)}50%{opacity:1;transform:scale(1.12)rotate(12deg)}}@keyframes decor-float{0%,to{transform:translateY(0)rotate(-4deg)}50%{transform:translateY(-14px)rotate(6deg)}}@keyframes wave-shimmer{0%{background-position:0%}to{background-position:200%}}@keyframes card-shine{0%{transform:translate(-110%)skew(-12deg)}to{transform:translate(210%)skew(-12deg)}}@keyframes title-float{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.jp-boat-float{animation:3.8s ease-in-out infinite boat-rock}.jp-avatar-boat-ring{position:relative;border:4px solid #ffffffeb!important;box-shadow:0 14px 36px #7a9cb838,0 0 0 8px #8ecdf11f,0 0 32px #ffdab92e!important}.jp-avatar-ryn{image-rendering:auto;background-color:#a8d5f5!important;border-width:3px!important;border-radius:24px!important}.jp-water-ripple{pointer-events:none;background:radial-gradient(#ffffff7a 0%,#0000 70%);border:2px solid #8ecdf161;border-radius:50%;width:260px;height:42px;margin-left:-130px;animation:2.8s ease-out infinite water-ripple-pulse;position:absolute;bottom:14px;left:50%}.jp-water-ripple-2{border-color:#ffdab966;width:200px;height:34px;margin-left:-100px;animation-delay:.9s;bottom:20px}.jp-water-ripple-3{border-color:#b8e6d057;width:320px;height:52px;margin-left:-160px;animation-delay:1.7s;bottom:6px}.jp-water-shine{mix-blend-mode:overlay;opacity:.5;pointer-events:none;background:linear-gradient(110deg,#0000 30%,#ffffff8c 50%,#0000 70%) 0 0/200% 100%;border-radius:50%;animation:3.2s linear infinite wave-shimmer;position:absolute;inset:-6px}.jp-orbit-heart{pointer-events:none;background:#ffffffe0;border:1px solid #fffffff2;border-radius:50%;place-items:center;width:26px;height:26px;font-size:12px;animation:2.6s ease-in-out infinite heart-float;display:grid;position:absolute;box-shadow:0 6px 14px #7a9cb824}.jp-orbit-heart-1{color:#ff8fa1;animation-delay:0s;top:-6px;right:6px}.jp-orbit-heart-2{background:#ffdab9eb;width:30px;height:30px;font-size:15px;animation-delay:.7s;top:46%;right:-14px}.jp-orbit-heart-3{color:#7fb8e6;animation-delay:1.2s;bottom:8px;left:-8px}.jp-floating-decor{pointer-events:none;filter:drop-shadow(0 4px 10px #7a9cb81f);opacity:.76;font-size:22px;animation:4.2s ease-in-out infinite decor-float;position:absolute}.jp-decor-1{font-size:26px;animation-delay:0s;top:14%;left:8%}.jp-decor-2{font-size:20px;animation-delay:.8s;top:18%;right:10%}.jp-decor-3{font-size:18px;animation-delay:1.5s;bottom:22%;left:18%}.jp-decor-4{color:#ff8fa1;font-size:14px;animation-delay:2.1s;bottom:18%;right:16%}.jp-decor-5{font-size:16px;animation-delay:2.8s;top:6%;left:46%}.jp-hero-name{animation:3.2s ease-in-out infinite title-float}.jp-quote-girl{position:relative;overflow:hidden;background:linear-gradient(135deg,#ffffffb8,#ffdab938)!important;border:1px solid #ffdab952!important}.jp-quote-girl:before{content:"";background:linear-gradient(110deg,#0000,#fff9,#0000);width:60%;height:100%;animation:3.6s ease-in-out infinite card-shine;position:absolute;top:0;left:-60%}.reveal-on-scroll{opacity:0;will-change:opacity, transform;transition:opacity .92s cubic-bezier(.22,1,.36,1),transform .92s cubic-bezier(.22,1,.36,1);transform:translateY(36px)scale(.97)}.reveal-on-scroll.is-visible{opacity:1;transform:translateY(0)scale(1)}.reveal-on-scroll:nth-child(2){transition-delay:80ms}.reveal-on-scroll:nth-child(3){transition-delay:.14s}.reveal-on-scroll:nth-child(4){transition-delay:.2s}.jp-hero.reveal-on-scroll{transition-delay:0s}.jp-window.reveal-on-scroll,.jp-project-card.reveal-on-scroll{transition-duration:1s}.jp-project-card,.jp-window,.jp-skill{transition:transform .32s cubic-bezier(.2,.8,.2,1),box-shadow .32s,border-color .32s}.jp-project-card:hover{transform:translateY(-6px)rotate(.6deg)scale(1.01);box-shadow:0 18px 42px #7a9cb829,0 0 22px #ffdab924;border-color:#8ecdf16b!important}.jp-skill:hover{transform:translateY(-2px)scale(1.02)}.jp-skill>i b{background-size:300% 100%;animation:2.4s linear infinite wave-shimmer;box-shadow:0 0 8px #4da3ff38;background:linear-gradient(90deg,#8ecdf1,#ffd84a,#ff8fa1,#8ecdf1)!important}.jp-gallery-tile{transition:transform .28s}.jp-gallery-tile:hover{transform:scale(1.06)rotate(1deg)}.jp-play-button.playing,.jp-play-button:active{transform:scale(1.06)}.jp-floating-playlist .jp-track-dot{animation:2.2s ease-in-out infinite sparkle-twinkle}@keyframes pencil-jiggle{0%,to{transform:rotate(-.6deg)}50%{transform:rotate(.7deg)}}@keyframes watercolor-bleed{0%{opacity:.52;transform:scale(.92)rotate(0)}50%{opacity:.42;transform:scale(1.04)rotate(1deg)}to{opacity:.52;transform:scale(.92)rotate(0)}}@keyframes doodle-wiggle{0%,to{transform:rotate(-2deg)translateY(0)}50%{transform:rotate(2deg)translateY(-3px)}}@keyframes tape-peel{0%,to{transform:rotate(-1.5deg)}50%{transform:rotate(1deg)}}.jp-shell{background-color:#fffefa!important;background-image:linear-gradient(#7a9cb80a 1px,#0000 1px),linear-gradient(90deg,#7a9cb80a 1px,#0000 1px),radial-gradient(circle at 18% 22%,#8ecdf11a,#0000 34%),radial-gradient(circle at 82% 78%,#ffdab91a,#0000 36%)!important;background-position:0 0!important;background-repeat:repeat!important;background-size:28px 28px,28px 28px,auto,auto!important;background-attachment:scroll!important;background-origin:padding-box!important;background-clip:border-box!important}.jp-bg:after{content:"";opacity:.9;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.92' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.03'/%3E%3C/svg%3E");position:absolute;inset:0}.jp-shell:before{content:"";z-index:0;pointer-events:none;filter:blur(.5px);background:radial-gradient(520px 380px at 14% 28%,#8ecdf12e,#0000 62%),radial-gradient(480px 360px at 86% 72%,#ffdab929,#0000 60%),radial-gradient(420px 320px at 52% 8%,#b8e6d01f,#0000 60%),radial-gradient(380px 280px at 72% 22%,#e6e0ff24,#0000 60%);animation:9s ease-in-out infinite watercolor-bleed;position:fixed;inset:0}.jp-window{animation:6s ease-in-out infinite pencil-jiggle;position:relative;overflow:visible;background:#fff!important;border:2.4px solid #2f3d4e!important;border-radius:15px 18px 14px 20px/18px 14px 20px 15px!important;box-shadow:4px 4px #2f3d4e14,0 10px 28px #7a9cb817!important}.jp-window:before{content:"";z-index:2;background:#ffdab9d1;border-left:1px dashed #ffffffb3;border-right:1px dashed #ffffffb3;width:72px;height:18px;animation:4.5s ease-in-out infinite tape-peel;position:absolute;top:-10px;left:18px;transform:rotate(-1.8deg);box-shadow:0 2px 6px #7a9cb81a}.jp-window:nth-child(2n):before{background:#a8d5f594;left:auto;right:22px;transform:rotate(1.4deg)}.jp-window:nth-child(3n):before{background:#b8e6d09e;width:58px;transform:rotate(-.8deg)}.jp-avatar-wrap{filter:drop-shadow(0 12px 22px #2f3d4e1a)}.jp-avatar-boat-ring{overflow:visible;transform:rotate(0);clip-path:none!important;border:2px solid #ffffff24!important;border-radius:50%!important;padding:7px!important;box-shadow:0 28px 80px #0000006b,0 0 0 6px #4da3ff1f,0 0 32px #ffd84a29!important}.jp-avatar-boat-ring:before,.jp-avatar-boat-ring:after{display:none}.jp-avatar-boat-ring{transition:transform .6s cubic-bezier(.22,1,.36,1),box-shadow .6s}.jp-avatar-wrap:hover .jp-avatar-boat-ring{transform:rotate(.4deg)scale(1.02);box-shadow:0 0 0 1px #ffd84a1f,0 0 0 4px #8ecdf12e,0 0 40px #4da3ff29,0 36px 90px #0000007a!important}.jp-avatar-boat-ring:after{content:"Ryn ♡ Chuyên vẽ skin Minecraft — Ai nhìn cũng mê";text-align:center;font-family:var(--font-sweet-pea);color:#5a6e84;letter-spacing:.03em;background:#ffffffeb;border:1px solid #2f3d4e0f;border-radius:99px;padding:4px 8px;font-size:12px;position:absolute;bottom:14px;left:14px;right:14px}.jp-avatar-ryn{border:0!important;border-radius:50%!important;box-shadow:inset 0 0 20px #0000004d!important}.jp-avatar-boat-ring:after{content:"Ryn ✏️ 2026";text-align:center;font-family:var(--font-sweet-pea);color:#5a6e84;letter-spacing:.04em;font-size:10px;position:absolute;bottom:6px;left:0;right:0}.jp-avatar-wrap:before{content:"";z-index:3;background:#ffffffeb repeating-linear-gradient(90deg,#0000 0 6px,#7a9cb814 6px 7px);border:1px solid #2f3d4e14;width:64px;height:16px;margin-left:-32px;position:absolute;top:-8px;left:50%;transform:rotate(-2deg);box-shadow:0 2px 8px #7a9cb81a}.jp-water-ripple{border-style:dashed!important;border-width:1.6px!important}.jp-project-card{background:#fffefc!important;border:2px solid #2f3d4e!important;border-radius:12px 14px 11px 16px/14px 11px 16px 12px!important;box-shadow:3px 3px #2f3d4e0f!important}.jp-project-card:before{content:"";border-radius:inherit;pointer-events:none;border:1px dashed #2f3d4e14;position:absolute;inset:6px}.jp-project-art{position:relative;border:1.8px solid #2f3d4e!important;border-radius:8px 10px 9px 11px/10px 8px 11px 9px!important}.jp-project-art:after{content:"✏️";opacity:.5;font-size:10px;position:absolute;bottom:4px;right:6px;transform:rotate(-12deg)}.jp-skill{background:#fffefc!important;border:1.8px solid #2f3d4e!important;border-radius:10px 12px 11px 9px/12px 10px 9px 11px!important;box-shadow:2px 2px #2f3d4e0d!important}.jp-skill>div>span{box-shadow:1px 1px #2f3d4e0f;background:#fff!important;border:1.4px solid #2f3d4e!important}.jp-hero-name,.jp-window-title span{position:relative}.jp-hero-name:after{content:"";opacity:.9;pointer-events:none;background:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 12' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 8 Q 50 2 100 7 T 198 6' stroke='%23FFDAB9' stroke-width='4' fill='none' stroke-linecap='round' opacity='0.9'/%3E%3C/svg%3E") 50%/100% 100% no-repeat;height:8px;position:absolute;bottom:-6px;left:2%;right:4%}.jp-doodle{pointer-events:none;opacity:.58;filter:drop-shadow(0 2px 4px #7a9cb814);font-size:18px;animation:3.4s ease-in-out infinite doodle-wiggle;position:absolute}.jp-doodle-pencil{font-size:20px;top:22%;left:4%;transform:rotate(-14deg)}.jp-doodle-palette{font-size:22px;animation-delay:.6s;top:16%;right:6%}.jp-doodle-brush{font-size:18px;animation-delay:1.2s;bottom:18%;left:12%;transform:rotate(12deg)}.jp-doodle-ruler{font-size:16px;animation-delay:1.8s;bottom:12%;right:14%}.jp-doodle-star{color:#ffdab9;font-size:14px;animation-delay:2.2s;top:4%;left:48%}.jp-brush-divider{opacity:.9;background:url("data:image/svg+xml,%3Csvg viewBox='0 0 400 14' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 7 Q 80 1 140 7 T 260 7 T 396 7' stroke='%238ECDF1' stroke-width='3.2' fill='none' stroke-linecap='round' stroke-dasharray='8 10' opacity='0.85'/%3E%3Ccircle cx='200' cy='7' r='3' fill='%23FFDAB9'/%3E%3C/svg%3E") 50%/contain no-repeat;width:min(420px,86%);height:12px;margin:2px auto 4px}.jp-nav button{border:1.6px solid #0000!important;border-radius:12px 14px 13px 11px/13px 11px 14px 12px!important}.jp-nav button.active{transform:rotate(-.4deg);background:#fff!important;border-color:#2f3d4e!important;box-shadow:2px 2px #2f3d4e0f!important}.jp-floating-playlist{transform:rotate(.3deg);border:2px solid #2f3d4e!important;border-radius:14px 16px 13px 15px/16px 13px 15px 14px!important;box-shadow:3px 3px #2f3d4e0f!important}.jp-side-game{z-index:5;pointer-events:none;opacity:.92;flex-direction:column;gap:14px;width:170px;display:none;position:fixed;top:110px;bottom:90px}.jp-side-game-left{left:108px}.jp-side-game-right{right:14px}@media (min-width:1380px){.jp-side-game{display:flex}}@media (max-width:1379px) and (min-width:1120px){.jp-side-game{opacity:.72;width:120px;display:flex}.jp-side-game .jp-side-card:nth-child(3){display:none}}.jp-side-card{pointer-events:auto;background:#fffefc;border:2px solid #2f3d4e;border-radius:14px 16px 13px 15px/15px 13px 16px 14px;padding:10px 11px;transform:rotate(-.6deg);box-shadow:3px 3px #2f3d4e0f}.jp-side-card:nth-child(2n){background:linear-gradient(135deg,#fff 0%,#eaf6ff 100%);transform:rotate(.7deg)}.jp-side-card h4{color:#2f3d4e;align-items:center;gap:5px;margin:0 0 4px;font-size:11px;font-weight:900;display:flex}.jp-side-card p{color:#5b6e7e;margin:0;font-size:10px;line-height:1.5}.jp-side-card .jp-mini-bar{background:#2f3d4e14;border-radius:99px;height:5px;margin-top:7px;overflow:hidden}.jp-side-card .jp-mini-bar i{background:linear-gradient(90deg,#8ecdf1,#ffdab9);border-radius:99px;height:100%;display:block}.jp-side-card .jp-side-tags{flex-wrap:wrap;gap:4px;margin-top:7px;display:flex}.jp-side-card .jp-side-tags span{color:#4a7fa0;background:#eaf6ff;border:1px solid #d6eaf8;border-radius:99px;padding:3px 6px;font-size:8px;font-weight:800}.jp-side-game .jp-doodle-side{text-align:center;opacity:.55;font-size:18px;animation:3.2s ease-in-out infinite doodle-wiggle}.control-deck-os{background:#081019;border:1px solid #ffffff14;border-radius:14px;grid-template-columns:1.1fr .9fr .9fr .9fr 1.1fr;gap:8px;width:min(1180px,100% - 28px);margin:2px auto 8px;padding:8px;display:grid;position:relative;overflow:hidden;box-shadow:0 10px 28px #0000002e}.control-deck-os:before{content:"";opacity:.5;pointer-events:none;background-color:#0000;background-image:linear-gradient(#ffffff0a 1px,#0000 1px),linear-gradient(90deg,#ffffff0a 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:28px 28px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;inset:0}.os-panel{z-index:1;color:#e2e8f0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff0a;border:1px solid #ffffff0f;border-radius:12px;padding:12px 11px;position:relative}.os-label{letter-spacing:.1em;color:#94aac4;margin-bottom:6px;font-size:8.5px;font-weight:900;display:block}.os-big{color:#ffdab9;font-size:32px;font-weight:900;line-height:1;display:block}.os-sub{color:#8ecdf1;margin-top:1px;font-size:8px;display:block}.os-tier{color:#081019;background:#ffdab9;border-radius:6px;margin-top:4px;padding:2px 6px;font-size:9px;font-weight:900;display:inline-block}.os-panel p{color:#94aac4;margin:4px 0 0;font-size:9.5px;line-height:1.4}.os-top-list{gap:4px;margin-top:3px;display:grid}.os-top-list span{color:#cbd5e1;font-size:9.5px}.os-top-list b{color:#ffdab9}.os-signal{color:#00e5a0;letter-spacing:.08em;margin-top:6px;font-size:7.5px;font-weight:900;display:inline-block}.os-matrix{grid-template-columns:1fr 1fr;gap:6px;margin-top:4px;display:grid}.os-matrix span{text-align:center;color:#94aac4;background:#ffffff0f;border-radius:8px;padding:5px;font-size:8.5px}.os-matrix b{color:#8ecdf1;font-size:14px;display:block}.os-terminal code{color:#8ecdf1;margin-top:4px;font-family:Cascadia Code,monospace;font-size:9px;line-height:1.5;display:block}.os-terminal code b{color:#ffdab9}@media (max-width:920px){.control-deck-os{grid-template-columns:1fr 1fr}.os-panel-performance{grid-column:1/-1}}@media (max-width:620px){.control-deck-os{grid-template-columns:1fr}}.code-heart-wrap{flex-wrap:wrap;align-items:center;gap:14px;margin-top:10px;display:flex}.code-heart{place-items:center;width:52px;height:46px;animation:1.15s ease-in-out infinite heart-beat-code;display:grid;position:relative;overflow:visible}.code-heart:before,.code-heart:after{content:"";background:linear-gradient(#ffb5c0 0%,#ff8fa1 55%,#ff6b8a 100%);border-radius:26px 26px 0 0;width:26px;height:40px;position:absolute;top:4px}.code-heart:before{transform-origin:0 100%;left:26px;transform:rotate(-45deg)}.code-heart:after{transform-origin:100% 100%;left:0;transform:rotate(45deg)}.code-heart span{z-index:2;color:#fff;text-shadow:0 1px 2px #0000001f;margin-top:10px;font-size:9px;font-weight:900;position:relative}@keyframes heart-beat-code{0%,to{transform:scale(1)}15%{transform:scale(1.18)}30%{transform:scale(.96)}45%{transform:scale(1.12)}60%{transform:scale(1)}}.code-snippet{color:#e2e8f0;background:#0f172a;border:1.6px solid #2f3d4e;border-radius:10px;flex:160px;min-width:0;padding:9px 10px;font-family:Cascadia Code,monospace;font-size:10.5px;line-height:1.5;overflow:auto;box-shadow:2px 2px #2f3d4e0f}.code-snippet b{color:#ffdab9}.code-snippet i{color:#8ecdf1;font-style:normal}.skin-glow{animation:2.2s ease-in-out infinite skin-glow-pulse}@keyframes skin-glow-pulse{0%,to{transform:rotate(-.6deg);box-shadow:3px 3px #2f3d4e0f,0 0 16px #8ecdf124}50%{transform:rotate(.6deg);box-shadow:3px 3px #2f3d4e0f,0 0 26px #ffdab938}}@keyframes pixel-float{0%,to{transform:translateY(0)translate(0)rotate(0)}33%{transform:translateY(-8px)translate(3px)rotate(1deg)}66%{transform:translateY(-4px)translate(-3px)rotate(-1deg)}}@keyframes block-spin-3d{0%{transform:rotateY(0)rotateX(2deg)}to{transform:rotateY(360deg)rotateX(2deg)}}@keyframes scanline{0%{opacity:0;transform:translateY(-100%)}50%{opacity:.18}to{opacity:0;transform:translateY(200%)}}.jp-project-card.skin-card{perspective:800px}.jp-project-card.skin-card .jp-project-art{transform-style:preserve-3d;transition:transform .6s cubic-bezier(.2,.8,.2,1)}.jp-project-card.skin-card:hover .jp-project-art{transform:rotateY(12deg)rotateX(4deg)translateZ(12px)}.jp-pixel{pointer-events:none;background:#a8d5f5;border:1px solid #2f3d4e;width:10px;height:10px;animation:3.6s ease-in-out infinite pixel-float;position:absolute;box-shadow:1px 1px #2f3d4e14}.jp-pixel-1{background:#ffdab9;animation-delay:0s;top:12px;left:-12px}.jp-pixel-2{background:#b8e6d0;width:8px;height:8px;animation-delay:.6s;top:32px;right:-10px}.jp-pixel-3{background:#e6e0ff;animation-delay:1.2s;bottom:-8px;left:18px}.jp-avatar-skin-scan{pointer-events:none;border-radius:50%;position:absolute;inset:4px;overflow:hidden}.jp-avatar-skin-scan:after{content:"";background:linear-gradient(#0000,#ffffff8c,#0000);height:18px;animation:2.8s linear infinite scanline;position:absolute;left:0;right:0}.jp-shell,.jp-shell a,.jp-shell button,.jp-shell [role=button],.jp-shell .jp-avatar-ryn,.jp-shell .jp-project-card,.jp-shell .jp-window{cursor:none}.jp-shell{color:#e6efff!important;background-color:#070e1c!important;background-image:linear-gradient(#ffffff0a 1px,#0000 1px),linear-gradient(90deg,#ffffff0a 1px,#0000 1px),radial-gradient(720px 460px at 18% 12%,#4da3ff24,#0000 62%),radial-gradient(640px 420px at 82% 72%,#ffd84a14,#0000 60%)!important;background-position:0 0!important;background-repeat:repeat!important;background-size:32px 32px,32px 32px,auto,auto!important;background-attachment:scroll!important;background-origin:padding-box!important;background-clip:border-box!important}.jp-bg{background:linear-gradient(#070e1cf5 0%,#070e1ce0 100%),radial-gradient(600px 400px at 20% 20%,#4da3ff1f,#0000 60%),radial-gradient(560px 380px at 85% 75%,#ffd84a12,#0000 60%)!important}.jp-bg:after{opacity:.14!important}.jp-shell:before{background:radial-gradient(560px 380px at 14% 28%,#4da3ff1f,#0000 62%),radial-gradient(480px 360px at 86% 72%,#ffd84a12,#0000 60%)!important}.jp-window{color:#e6efff!important;background:#0f172ab8!important;border:1px solid #ffffff14!important;border-radius:16px!important;box-shadow:0 16px 40px #00000052,inset 0 1px #ffffff0d!important}.jp-window:before{display:none!important}.jp-project-card{background:#0f172a9e!important;border:1px solid #ffffff12!important}.jp-project-card:before{border-color:#ffffff0d!important}.jp-skill{background:#0f172a94!important;border:1px solid #ffffff12!important}.jp-skill>div>span{color:#7fb8e6!important;background:#ffffff0f!important;border-color:#ffffff14!important}.jp-hero h1{paint-order:stroke fill;padding-bottom:8px;background:linear-gradient(92deg,#ffe9a3 0%,#ffdab9 14%,#8ecdf1 38%,#5ec8f0 58%,#4da3ff 78%,#7ed3c0 100%)!important;filter:drop-shadow(0 4px 12px #4da3ff38)drop-shadow(0 0 20px #ffd84a24)!important;-webkit-text-stroke:.8px #ffffffe0!important;-webkit-background-clip:text!important;line-height:1.12!important}.jp-jp-kicker{color:#ffd84a!important;text-shadow:0 0 12px #ffd84a47,0 1px #000000e6!important}.jp-role{color:#8ecdf1!important}.jp-tagline{color:#94aac4!important}.jp-meta-pills span{color:#cbd5e1!important;background:#ffffff0f!important;border-color:#ffffff12!important}.jp-quote{color:#94aac4!important;background:#ffffff0a!important;border-color:#ffffff0f!important}.jp-quote strong{color:#e6efff!important}.jp-avatar-boat-ring{background:#0f172a!important;border:2.8px solid #ffffffe0!important;box-shadow:0 0 0 5px #4da3ff1f,0 0 36px #ffd84a24,0 28px 80px #0000006b!important}.jp-sidebar{background:#070e1ceb!important;border-right:1px solid #ffffff0f!important;box-shadow:4px 0 24px #00000052!important}.jp-nav button{color:#94aac4!important}.jp-nav button.active{color:#ffd84a!important;background:#ffffff0f!important;border-color:#ffd84a6b!important;box-shadow:0 0 18px #ffd84a24!important}.jp-side-card{color:#e6efff!important;background:#0f172ab8!important;border:1px solid #ffffff12!important}.jp-side-card h4{color:#ffdab9!important}.jp-side-card p{color:#94aac4!important}.control-deck-os{background:#0a1426!important;border:1px solid #ffffff14!important;box-shadow:0 16px 42px #00000047!important}.control-deck-os .os-panel{background:#ffffff0a!important;border-color:#ffffff0f!important}.control-deck-os .os-label{color:#94aac4!important}.control-deck-os .os-big{color:#ffdab9!important}.control-deck-os .os-tier{color:#0a1426!important;background:#8ecdf1!important}.jp-avatar-ring,.jp-avatar-boat-ring{clip-path:none!important;border-radius:50%!important;overflow:hidden!important}.jp-sidebar{-webkit-backdrop-filter:blur(16px)!important;backdrop-filter:blur(16px)!important;box-shadow:none!important;background:#070e1c!important;border-right:1px solid #ffffff0f!important;width:72px!important;padding:16px 8px 14px!important}.jp-sidebar-top{gap:20px!important}.jp-clock{text-align:center;border-bottom:1px solid #ffffff0f;width:100%;padding:0 0 8px}.jp-clock strong{letter-spacing:.02em;color:#fff!important;text-shadow:none!important;font-size:15px!important;font-weight:700!important}.jp-clock span{letter-spacing:.06em;color:#64748b!important;margin-top:2px!important;font-size:9px!important;font-weight:500!important}.jp-home-badge{color:#94aac4!important;background:#0f172a!important;border:1.5px solid #ffffff14!important;border-radius:12px!important;width:48px!important;height:48px!important;box-shadow:0 4px 16px #00000038!important}.jp-home-badge span{color:#94aac4!important;font-size:18px!important}.jp-home-badge small{display:none!important}.jp-nav{margin-top:2px;gap:6px!important;width:100%!important}.jp-nav button{color:#475569!important;background:0 0!important;border:0!important;border-radius:10px!important;min-height:56px!important;padding:6px 0!important}.jp-nav button span{letter-spacing:.01em;color:inherit!important;font-size:10px!important;font-weight:600!important}.jp-nav button small,.jp-nav button:before{display:none!important}.jp-nav button.active{color:#e6efff!important;box-shadow:none!important;background:#ffffff14!important}.jp-nav button.active span{color:#0f172a!important;font-weight:700!important}.jp-nav button:hover{color:#cbd5e1!important;background:#ffffff0f!important;transform:none!important}.jp-sidebar-bottom{width:100%;margin-top:auto;padding-top:16px;border-top:0!important;gap:10px!important}.jp-sidebar-bottom a,.jp-sidebar-bottom button{border-radius:8px;width:32px;height:32px;color:#475569!important;background:0 0!important;border:0!important}.jp-sidebar-bottom a:hover{color:#cbd5e1!important;box-shadow:none!important;background:#ffffff0f!important;transform:none!important}.jp-sidebar-bottom small{display:none!important}.jp-player{-webkit-backdrop-filter:blur(22px)saturate(140%)!important;backdrop-filter:blur(22px)saturate(140%)!important;background:linear-gradient(135deg,#070e1cf5,#0f172aeb)!important;border:1px solid #ffd84a1f!important;border-radius:18px!important;width:calc(100% - 118px)!important;margin:0 12px 12px 106px!important;bottom:0!important;left:0!important;box-shadow:0 -12px 40px #00000047,0 0 32px #4da3ff14,inset 0 1px #ffffff0f!important}@media (max-width:920px){.jp-player{border-radius:16px!important;width:calc(100% - 16px)!important;margin:0 8px 72px!important}}.jp-player-track .jp-album-art{border:1px solid #ffd84a24!important;box-shadow:0 4px 16px #00000038,0 0 12px #ffd84a24!important}.jp-play-button{background:linear-gradient(135deg,#ffd84a,#ff8fa1)!important;transition:transform .22s cubic-bezier(.22,1,.36,1),box-shadow .22s!important;box-shadow:0 6px 20px #ffd84a38,0 0 16px #ff6b8a29!important}.jp-play-button:hover{transform:scale(1.08);box-shadow:0 8px 28px #ffd84a47,0 0 20px #ff6b8a33!important}.jp-play-button:active{transform:scale(.96)}.jp-progress-row>i{background:#ffffff14!important;height:4px!important}.jp-progress-row>i b{background:linear-gradient(90deg,#4da3ff,#ffd84a)!important;height:4px!important;box-shadow:0 0 8px #4da3ff52!important}.jp-visualizer i{background:linear-gradient(#ffd84a,#ff8fa1)!important;box-shadow:0 0 6px #ffd84a38!important}.jp-window,.jp-project-card,.jp-skill,.jp-side-card{position:relative;overflow:hidden;-webkit-backdrop-filter:blur(24px)saturate(140%)!important;backdrop-filter:blur(24px)saturate(140%)!important;background:linear-gradient(135deg,#0f172ad1,#0f172ab8)!important;border:1px solid #ffd84a29!important;box-shadow:0 20px 60px #00000038,0 0 0 1px #ffd84a0f,inset 0 1px #ffffff0f,0 0 40px #4da3ff0a!important}.jp-window:after{content:"";opacity:.6;background:linear-gradient(90deg,#0000,#ffd84a6b,#0000);height:1px;position:absolute;top:0;left:12px;right:12px}.jp-window:before{content:""!important;pointer-events:none!important;z-index:10!important;background:linear-gradient(110deg,#0000 20%,#ffffff0f 40%,#ffffff1a 50%,#ffffff0f 60%,#0000 80%)!important;width:60%!important;height:100%!important;transition:left .8s cubic-bezier(.22,1,.36,1)!important;position:absolute!important;top:0!important;left:-120%!important;transform:skew(-15deg)!important}.jp-window:hover:before{left:140%!important}.jp-window:hover,.jp-project-card:hover,.jp-skill:hover{border-color:#ffd84a38!important;box-shadow:0 24px 72px #00000047,0 0 32px #ffd84a1a,inset 0 1px #ffffff14!important}.jp-floating-playlist{-webkit-backdrop-filter:blur(20px)saturate(140%)!important;backdrop-filter:blur(20px)saturate(140%)!important;background:#0f172ad6!important;border:1px solid #ffd84a29!important;box-shadow:0 18px 48px #00000061,0 0 28px #4da3ff1f!important}.jp-floating-playlist .jp-window-top{border-bottom:1px solid #ffffff0a;margin-bottom:8px;padding-bottom:6px}.jp-current-track{background:linear-gradient(135deg,#0f172a9e,#0f172a6b)!important;border:1px solid #ffd84a1a!important}.jp-playlist-lines>div{border:1px solid #0000;transition:all .22s cubic-bezier(.22,1,.36,1)}.jp-playlist-lines>div:hover{transform:translate(4px)scale(1.02);box-shadow:0 4px 16px #0000001f;background:#ffd84a14!important;border-color:#ffd84a29!important}.jp-current-track{background:#0f172a9e!important;border-color:#ffffff0f!important}.jp-album-art{color:#ffdab9!important;background:linear-gradient(135deg,#0f172a,#1e293b)!important;border-color:#ffffff14!important}.jp-player{background:#070e1cf5!important;border-top:1px solid #ffffff14!important;box-shadow:0 -10px 36px #00000052!important}.jp-player-track strong{color:#e6efff!important}.jp-player-track span,.jp-player-center,.jp-player-extra{color:#94aac4!important}.jp-stat-chip{background:#0f172a9e!important;border-color:#ffffff0f!important;transition:all .3s cubic-bezier(.22,1,.36,1)!important}.jp-stat-chip:hover{transform:translateY(-3px)scale(1.04);box-shadow:0 8px 24px #00000038,0 0 16px #ffd84a14;border-color:#ffd84a2e!important}.jp-stat-chip strong{color:#ffdab9!important}.jp-stat-chip span{color:#94aac4!important}.jp-gallery-tile{color:#e6efff!important;background:#0f172a85!important;border-color:#ffffff0f!important}.jp-profile-lines{color:#cbd5e1!important}.jp-profile-lines strong{color:#e6efff!important}.jp-body-copy,.jp-hobby-list{color:#94aac4!important}.jp-mini-title{color:#8ecdf1!important}.jp-social-row{color:#94aac4!important;border-top-color:#ffffff0f!important}.jp-social-row a{color:#94aac4!important}.jp-divider{background:#ffffff14!important}.jp-window-title,.jp-project-card h3{color:#e6efff!important}.jp-project-card p{color:#94aac4!important}.jp-tag-row span{color:#8ecdf1!important;background:#4da3ff1f!important;border-color:#4da3ff24!important}.jp-project-result{color:#cbd5e1!important}.jp-skill strong{color:#e6efff!important}.jp-skill small,.jp-skill em{color:#94aac4!important}.jp-server-head,.jp-server-window h3,.jp-note-window h3{color:#e6efff!important}.jp-server-window p,.jp-note-window p{color:#94aac4!important}.jp-contact-actions a,.jp-contact-actions button{color:#e6efff!important;background:#0f172a9e!important;border-color:#ffffff14!important}.jp-note-flower{color:#ffdab9!important;opacity:.42!important}.code-snippet{background:#0f172a!important;border-color:#ffffff14!important}.jp-avatar-wrap{border-radius:50%!important;position:relative!important;overflow:visible!important}.jp-pixel,.jp-water-ripple,.jp-orbit-heart,.jp-water-shine,.jp-avatar-skin-scan,.jp-avatar-wrap:before,.jp-avatar-wrap:after,.jp-avatar-boat-ring:before,.jp-avatar-boat-ring:after{display:none!important}body{font-family:var(--font-geist-sans);letter-spacing:-.01em;background:radial-gradient(1200px 600px at 50% -10%,#ffd84a0f,#0000 60%),#070e1c;font-weight:400}h1,h2,h3,h4{font-family:var(--font-luxury);letter-spacing:-.02em;font-weight:600}.jp-hero{gap:48px!important;padding:28px 0 16px!important}.jp-hero-copy{gap:2px}.jp-jp-kicker{text-transform:uppercase;font-family:var(--font-luxury)!important;letter-spacing:.14em!important;color:#ffd84a!important;font-size:13px!important;font-weight:500!important}.jp-hero h1{font-family:var(--font-sweet-pea)!important;letter-spacing:.01em!important;font-weight:400!important;line-height:.95!important}.jp-role{font-family:var(--font-luxury);letter-spacing:.04em;color:#cbd5e1!important;font-size:16px!important;font-weight:500!important}.jp-window,.jp-project-card,.jp-skill,.control-deck-os .os-panel{will-change:transform, box-shadow;transition:transform .45s cubic-bezier(.22,1,.36,1),box-shadow .45s cubic-bezier(.22,1,.36,1),border-color .45s!important}.jp-window:hover{transform:translateY(-4px)scale(1.005)}.jp-avatar-ring:hover{transform:scale(1.02);box-shadow:0 0 0 1px #ffd84a38,0 0 56px #4da3ff33,0 36px 90px #0000007a!important}@media (max-width:920px){.jp-hero{gap:28px!important;padding:16px 0 12px!important}.jp-hero h1{font-size:56px!important}.control-deck-os{gap:10px!important;padding:10px!important}}@media (max-width:620px){.jp-hero{gap:20px!important}.jp-hero h1{font-size:48px!important}.jp-window,.jp-project-card{border-radius:16px!important}.jp-mobile-nav{-webkit-backdrop-filter:blur(24px)saturate(140%)!important;backdrop-filter:blur(24px)saturate(140%)!important}}.jp-avatar-ring,.jp-avatar-boat-ring,.jp-avatar{border-radius:50%!important}.jp-shell:after{content:"";pointer-events:none;z-index:1;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.02'/%3E%3C/svg%3E");position:fixed;inset:0}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#070e1c}::-webkit-scrollbar-thumb{background:linear-gradient(#ffd84a,#ff8fa1);border:1px solid #ffffff14;border-radius:99px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(#ffe9a3,#ffb5c0)}.jp-hero{position:relative}.jp-hero:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(#4da3ff14,#0000 60%),radial-gradient(at 70% 40%,#ffd84a0f,#0000 60%);width:800px;height:400px;margin-top:-200px;margin-left:-400px;position:absolute;top:50%;left:50%}.jp-window,.jp-project-card,.jp-skill{transform-style:preserve-3d}.jp-window:hover{transform:translateY(-6px)scale(1.01)!important;box-shadow:0 24px 64px #00000052,0 0 40px #ffd84a14,inset 0 1px #ffffff14!important}.jp-project-card:hover{border-color:#ffd84a38!important;transform:translateY(-8px)scale(1.02)rotate(.5deg)!important;box-shadow:0 28px 72px #0000005c,0 0 36px #4da3ff1f,0 0 24px #ffd84a14!important}.ryn-loading{z-index:9999;background:radial-gradient(#0f172a 0%,#070e1c 100%);place-items:center;transition:opacity .6s cubic-bezier(.22,1,.36,1),visibility .6s;display:grid;position:fixed;inset:0}.ryn-loading.hide{opacity:0;visibility:hidden}.ryn-loading-card{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#0f172ad1;border:1px solid #ffd84a2e;border-radius:20px;flex-direction:column;align-items:center;gap:14px;padding:28px 32px;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 60px #00000052,0 0 32px #ffd84a14,0 0 80px #4da3ff0f}.ryn-loading-card:before{content:"";z-index:-1;background:conic-gradient(#0000,#ffd84a33,#0000,#4da3ff26,#0000);border-radius:22px;animation:3s linear infinite loading-border-spin;position:absolute;inset:-2px}@keyframes loading-border-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.ryn-loading-avatar{background-position:50%;background-size:cover;border:3px solid #fff;border-radius:50%;width:72px;height:72px;animation:1.4s ease-in-out infinite heart-beat-code;box-shadow:0 0 20px #ffd84a24}.ryn-loading-bar{background:#ffffff14;border-radius:99px;width:120px;height:3px;overflow:hidden}.ryn-loading-bar i{background:linear-gradient(90deg,#4da3ff,#ffd84a);border-radius:99px;width:40%;height:100%;animation:1.1s ease-in-out infinite loading-slide;display:block}@keyframes loading-slide{0%{transform:translate(-100%)}to{transform:translate(300%)}}*{-webkit-font-smoothing:antialiased}.jp-boat-float{will-change:transform;animation:4.6s cubic-bezier(.22,1,.36,1) infinite boat-rock!important}.jp-orbit-heart,.jp-floating-decor,.jp-doodle,.jp-pixel{will-change:transform;backface-visibility:hidden}.heart-beat-code,.code-heart{animation-timing-function:cubic-bezier(.22,1,.36,1)!important}.reveal-on-scroll{transition:opacity 1.05s cubic-bezier(.22,1,.36,1),transform 1.05s cubic-bezier(.22,1,.36,1)!important}.jp-window,.jp-project-card,.jp-skill,.jp-side-card{will-change:transform;transition:transform .55s cubic-bezier(.22,1,.36,1),box-shadow .55s cubic-bezier(.22,1,.36,1),border-color .45s!important}.jp-avatar-ring{will-change:transform;animation:5.2s cubic-bezier(.45,.05,.55,.95) infinite jp-float!important}.ryn-loading{transition:opacity .7s cubic-bezier(.22,1,.36,1),visibility .7s!important}.ryn-loading-bar i{animation:1.3s cubic-bezier(.22,1,.36,1) infinite loading-slide!important}.jp-visualizer.playing i{animation-timing-function:cubic-bezier(.22,1,.36,1)!important}.jp-shell{letter-spacing:-.01em}.jp-main{padding-top:24px!important}.jp-hero{max-width:1180px;gap:56px!important;padding:32px 0 20px!important}.jp-hero-copy{max-width:580px!important}.jp-jp-kicker{color:#8ecdf1!important;text-shadow:0 1px #ffffffe6,0 8px 32px #4da3ff1f!important;margin-bottom:14px!important;font-size:36px!important;font-weight:700!important}.jp-jp-kicker:after{font-size:20px!important;top:-10px!important;right:-26px!important}.jp-hero h1{letter-spacing:-.03em!important;filter:drop-shadow(0 6px 20px #4da3ff2e)drop-shadow(0 0 32px #ffd84a1a)!important;padding-bottom:12px!important;font-size:clamp(76px,9vw,128px)!important;line-height:.92!important}.jp-role{letter-spacing:.06em!important;color:#ffdab9!important;margin-top:8px!important;font-size:17px!important;font-weight:600!important}.jp-tagline{letter-spacing:.04em!important;margin-top:4px!important;font-size:13px!important}.jp-meta-pills{gap:8px!important;margin-top:16px!important}.jp-meta-pills span{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:99px!important;padding:8px 14px!important;font-size:11px!important}.jp-quote{border-radius:16px!important;padding:16px 18px!important;font-size:13px!important;line-height:1.65!important;box-shadow:0 12px 32px #0000002e,inset 0 1px #ffffff0f!important}.jp-quote strong{color:#ffdab9!important;font-size:13px!important}.jp-avatar-ring{will-change:transform;background:#fff!important;border:0!important;width:340px!important;height:340px!important;padding:7px!important;transition:transform .6s cubic-bezier(.22,1,.36,1),box-shadow .6s!important;animation:5.2s cubic-bezier(.45,.05,.55,.95) infinite jp-float!important;overflow:visible!important;box-shadow:0 0 0 1px #ffd84a1f,0 0 0 4px #8ecdf124,0 0 32px #4da3ff1a,0 32px 80px #00000061!important}.jp-window,.control-deck-os .os-panel{border-radius:20px!important;padding:18px!important}.jp-project-card{border-radius:16px!important;padding:16px!important}.jp-skill{border-radius:14px!important;padding:14px!important}.control-deck-os{border-radius:20px!important;gap:10px!important;padding:12px!important}@media (max-width:920px){.jp-hero{gap:32px!important;padding:20px 0 12px!important}.jp-hero h1{font-size:64px!important}.jp-jp-kicker{font-size:28px!important}}@keyframes avatar-glow-pulse{0%,to{box-shadow:0 0 0 1px #ffd84a1f,0 0 0 4px #8ecdf124,0 0 32px #4da3ff1a,0 32px 80px #00000061}50%{box-shadow:0 0 0 1px #ffd84a29,0 0 0 4px #8ecdf133,0 0 40px #4da3ff24,0 32px 80px #00000070}}.scroll-progress{z-index:9999;background:linear-gradient(90deg,#4da3ff,#ffd84a,#ff8fa1);width:0;height:3px;transition:width .1s linear;position:fixed;top:0;left:0;box-shadow:0 0 8px #4da3ff6b,0 0 12px #ffd84a38}.particles{pointer-events:none;z-index:0;opacity:.52;background-image:radial-gradient(1.5px 1.5px at 20% 30%,#ffd84a2e,#0000),radial-gradient(1px 1px at 40% 70%,#4da3ff24,#0000),radial-gradient(1.2px 1.2px at 90% 40%,#ffffff14,#0000),radial-gradient(1px 1px at 65% 20%,#ff6b8a1a,#0000);background-repeat:repeat;background-size:420px 420px;animation:60s linear infinite particles-drift;position:fixed;inset:0}@keyframes particles-drift{0%{transform:translateY(0)}to{transform:translateY(-420px)}}.jp-hero{z-index:2;position:relative}.jp-hero:after{content:"";background:linear-gradient(90deg,#0000,#ffd84a6b,#0000);border-radius:99px;width:120px;height:2px;margin-left:-60px;position:absolute;bottom:-12px;left:50%}@media (max-width:920px){.jp-avatar-ring{width:min(50vw,200px)!important;height:min(50vw,200px)!important;padding:4px!important}}@media (max-width:620px){.jp-avatar-ring{width:90px!important;height:90px!important;padding:2px!important}.jp-online-pill{padding:2px 6px!important;font-size:7px!important;bottom:0!important;right:-2px!important}.jp-discord-badge{gap:4px!important;margin-top:10px!important;padding:4px 8px!important;font-size:9px!important}.jp-discord-badge svg{width:12px!important;height:9px!important}.jp-hero h1{font-size:38px!important}.jp-jp-kicker{font-size:18px!important}.jp-role{font-size:12px!important}}.jp-discord-badge{color:#94aac4;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:2;background:#0f172a9e;border:1px solid #ffffff14;border-radius:999px;align-items:center;gap:6px;margin-top:12px;padding:5px 12px;font-size:11px;font-weight:600;display:inline-flex;position:relative}.jp-discord-badge svg{color:#5865f2;flex-shrink:0}.jp-discord-badge span{color:#cbd5e1}.jp-social-cards-row{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.jp-social-card{color:#cbd5e1;background:linear-gradient(160deg,#0f172acc,#0f172a99);border:1px solid #ffffff14;border-radius:16px;flex-direction:column;gap:4px;min-height:160px;padding:14px;text-decoration:none;transition:all .3s cubic-bezier(.22,1,.36,1);display:flex;position:relative;overflow:hidden}.jp-social-card:before{content:"";opacity:0;border-radius:16px;transition:opacity .3s;position:absolute;inset:0}.discord-card:before{background:radial-gradient(circle at 30% 80%,#5865f21f,#0000 60%)}.fb-card:before{background:radial-gradient(circle at 30% 80%,#1877f21f,#0000 60%)}.tt-card:before{background:radial-gradient(circle at 30% 80%,#ff00501a,#0000 60%)}.jp-social-card:hover:before{opacity:1}.jp-social-card:hover{border-color:#ffffff29;transform:translateY(-4px)}.jp-social-card-label{letter-spacing:.12em;color:#64748b;text-transform:uppercase;font-size:9px;font-weight:800}.discord-card .jp-social-card-label{color:#5865f2}.fb-card .jp-social-card-label{color:#1877f2}.tt-card .jp-social-card-label{color:#ff0050}.jp-social-card-icon{color:#94aac4;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:12px;place-items:center;width:42px;height:42px;margin:8px 0;display:grid}.discord-card .jp-social-card-icon{color:#5865f2}.fb-card .jp-social-card-icon{color:#1877f2}.tt-card .jp-social-card-icon{color:#ff0050}.jp-social-card-cat{letter-spacing:.14em;color:#64748b;text-transform:uppercase;margin-top:auto;font-size:8px;font-weight:800}.jp-social-card-name{color:#e6efff;letter-spacing:-.02em;font-size:22px;font-weight:800;line-height:1.1}.jp-social-card-sub{color:#64748b;margin-top:2px;font-size:11px}.jp-social-card-plus{color:#64748b;border:1px solid #ffffff1a;border-radius:8px;place-items:center;width:28px;height:28px;font-size:14px;transition:all .2s;display:grid;position:absolute;bottom:12px;right:12px}.jp-social-card:hover .jp-social-card-plus{color:#e6efff;border-color:#fff3}@media (max-width:920px){.jp-social-cards-row{grid-template-columns:1fr 1fr}}@media (max-width:620px){.jp-social-cards-row{grid-template-columns:1fr}.jp-social-card{min-height:120px}}@keyframes avatar-glow-ring{0%,to{box-shadow:0 0 0 2px #ffffff26,0 0 20px #4da3ff1f,0 0 40px #4da3ff0f}50%{box-shadow:0 0 0 3px #ffd84a2e,0 0 30px #ffd84a24,0 0 60px #4da3ff1a}}@keyframes avatar-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes avatar-pulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.06)}}@keyframes ring-rotate{0%{transform:translate(-50%,-50%)rotate(0)}to{transform:translate(-50%,-50%)rotate(360deg)}}.jp-avatar-wrap{position:relative}.jp-avatar-boat-ring{animation:4.6s cubic-bezier(.22,1,.36,1) infinite boat-rock,3s ease-in-out infinite avatar-glow-ring!important}.jp-avatar:after{content:"";pointer-events:none;z-index:2;background:linear-gradient(110deg,#0000 30%,#ffffff2e 48%,#ffffff47 50%,#ffffff2e 52%,#0000 70%) 0 0/200% 100%;border-radius:50%;animation:4s ease-in-out infinite avatar-shimmer;position:absolute;inset:0}.jp-avatar-wrap:after{content:""!important;pointer-events:none!important;z-index:0!important;opacity:1!important;border:1.5px dashed #ffd84a33!important;border-radius:50%!important;animation:18s linear infinite ring-rotate!important;display:block!important;position:absolute!important;inset:-12px!important}.jp-avatar-wrap:before{content:""!important;pointer-events:none!important;z-index:0!important;opacity:1!important;border:1px dashed #4da3ff24!important;border-radius:50%!important;animation:26s linear infinite reverse ring-rotate!important;display:block!important;position:absolute!important;inset:-24px!important}@keyframes orb-orbit-1{0%{transform:rotate(0)translate(195px)rotate(0)}to{transform:rotate(360deg)translate(195px)rotate(-360deg)}}@keyframes orb-orbit-2{0%{transform:rotate(120deg)translate(220px)rotate(-120deg)}to{transform:rotate(480deg)translate(220px)rotate(-480deg)}}@keyframes orb-orbit-3{0%{transform:rotate(240deg)translate(205px)rotate(-240deg)}to{transform:rotate(600deg)translate(205px)rotate(-600deg)}}@keyframes orb-glow{0%,to{transform:scale(1);box-shadow:0 0 8px,0 0 16px}50%{transform:scale(1.3);box-shadow:0 0 14px,0 0 28px}}.jp-orb-ring{pointer-events:none;z-index:10;width:0;height:0;position:absolute;top:50%;left:50%}.jp-orb-ring-1{animation:8s linear infinite orb-orbit-1}.jp-orb-ring-2{animation:11s linear infinite orb-orbit-2}.jp-orb-ring-3{animation:14s linear infinite orb-orbit-3}.jp-orb{border-radius:50%;width:12px;height:12px;margin:-6px;animation:2s ease-in-out infinite orb-glow;display:block}.jp-orb-gold{color:#ffd84a;background:#ffd84a;box-shadow:0 0 10px #ffd84a,0 0 20px #ffd84a80}.jp-orb-blue{color:#8ecdf1;background:#8ecdf1;animation-delay:.7s;box-shadow:0 0 10px #8ecdf1,0 0 20px #8ecdf180}.jp-orb-pink{color:#ff8fa1;background:#ff8fa1;width:10px;height:10px;margin:-5px;animation-delay:1.4s;box-shadow:0 0 10px #ff8fa1,0 0 20px #ff8fa180}@media (max-width:920px){.jp-orb-ring-1{animation-name:orb-orbit-1-tablet}.jp-orb-ring-2{animation-name:orb-orbit-2-tablet}.jp-orb-ring-3{animation-name:orb-orbit-3-tablet}}@keyframes orb-orbit-1-tablet{0%{transform:rotate(0)translate(120px)rotate(0)}to{transform:rotate(360deg)translate(120px)rotate(-360deg)}}@keyframes orb-orbit-2-tablet{0%{transform:rotate(120deg)translate(135px)rotate(-120deg)}to{transform:rotate(480deg)translate(135px)rotate(-480deg)}}@keyframes orb-orbit-3-tablet{0%{transform:rotate(240deg)translate(128px)rotate(-240deg)}to{transform:rotate(600deg)translate(128px)rotate(-600deg)}}@media (max-width:620px){.jp-orb-ring-1{animation-name:orb-orbit-1-phone}.jp-orb-ring-2{animation-name:orb-orbit-2-phone}.jp-orb-ring-3{animation-name:orb-orbit-3-phone}.jp-orb{width:7px;height:7px;margin:-3.5px}.jp-orb-pink{width:6px;height:6px;margin:-3px}}@keyframes orb-orbit-1-phone{0%{transform:rotate(0)translate(60px)rotate(0)}to{transform:rotate(360deg)translate(60px)rotate(-360deg)}}@keyframes orb-orbit-2-phone{0%{transform:rotate(120deg)translate(68px)rotate(-120deg)}to{transform:rotate(480deg)translate(68px)rotate(-480deg)}}@keyframes orb-orbit-3-phone{0%{transform:rotate(240deg)translate(64px)rotate(-240deg)}to{transform:rotate(600deg)translate(64px)rotate(-600deg)}}@media (max-width:620px){*,:before,:after{transition-duration:.15s!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.jp-avatar-ring,.jp-avatar-boat-ring{animation:5.2s ease-in-out infinite jp-float!important}.jp-hero-name{animation:3.2s ease-in-out infinite title-float!important}.jp-skin-3d-model{animation:5.2s ease-in-out infinite skin-float!important}.jp-skin-spin{animation:7s linear infinite skin-spin!important}.particles,.aurora,.aurora-two,.jp-orb-ring-1,.jp-orb-ring-2,.jp-orb-ring-3,.jp-orbit-heart,.jp-pixel,.jp-water-ripple,.jp-water-shine,.jp-avatar-wrap:before,.jp-avatar-wrap:after,.jp-avatar-boat-ring:before,.jp-avatar-boat-ring:after{display:none!important}.jp-shell,.jp-shell *{cursor:auto!important}.jp-hero{margin-bottom:20px!important}.jp-discord-badge{margin-top:12px!important}}h1,h2,h3{letter-spacing:-.03em}p{line-height:1.65}.jp-window{-webkit-backdrop-filter:blur(24px)saturate(1.4)!important;backdrop-filter:blur(24px)saturate(1.4)!important;background:linear-gradient(135deg,#0f172aa6 0%,#0f172a73 100%)!important;border:1px solid #ffffff0f!important;transition:all .4s cubic-bezier(.4,0,.2,1)!important;box-shadow:0 8px 32px #0000004d,0 2px 8px #0003,inset 0 1px #ffffff0a!important}.jp-window:hover{border-color:#ffd84a1f!important;transform:translateY(-2px)!important;box-shadow:0 12px 48px #0006,0 4px 16px #ffd84a0f,inset 0 1px #ffffff0f!important}.jp-quote{-webkit-backdrop-filter:blur(20px)!important;backdrop-filter:blur(20px)!important;background:linear-gradient(135deg,#ffffff0f 0%,#ffffff05 100%)!important;border:1px solid #ffd84a14!important;box-shadow:0 8px 32px #0003,inset 0 1px #ffffff0a!important}.jp-social-card{-webkit-backdrop-filter:blur(16px)!important;backdrop-filter:blur(16px)!important;background:linear-gradient(135deg,#0f172ab3 0%,#0f172a80 100%)!important;border:1px solid #ffffff0f!important;transition:all .35s cubic-bezier(.4,0,.2,1)!important}.jp-social-card:hover{border-color:#ffd84a26!important;transform:translateY(-3px)!important;box-shadow:0 8px 32px #ffd84a14!important}.jp-avatar-ring{transition:all .5s cubic-bezier(.4,0,.2,1)!important;box-shadow:0 0 0 4px #ffffffe6,0 0 0 6px #ffd84a26,0 0 40px #ffd84a14,0 16px 48px #0000004d!important}.jp-avatar-ring:hover{box-shadow:0 0 0 4px #ffd84acc,0 0 0 8px #ffd84a33,0 0 60px #ffd84a26,0 20px 60px #00000059!important}.jp-hero-name{background:linear-gradient(135deg,#ffd84a 0%,orange 50%,#ffd84a 100%) 0 0/200% 200%!important;-webkit-text-fill-color:transparent!important;filter:drop-shadow(0 2px 8px #ffd84a33)!important;-webkit-background-clip:text!important;background-clip:text!important;animation:3s ease-in-out infinite shimmer-text!important}@keyframes shimmer-text{0%,to{background-position:0%!important}50%{background-position:100%!important}}button,.jp-btn{transition:all .3s cubic-bezier(.4,0,.2,1)!important}button:hover,.jp-btn:hover{transform:translateY(-1px)!important;box-shadow:0 4px 16px #ffd84a26!important}.jp-skill{background:linear-gradient(135deg,#ffffff0a 0%,#ffffff03 100%)!important;border:1px solid #ffffff0a!important;transition:all .3s!important}.jp-skill:hover{background:linear-gradient(135deg,#ffffff0f 0%,#ffffff05 100%)!important;border-color:#ffd84a1a!important}.jp-player{-webkit-backdrop-filter:blur(24px)!important;backdrop-filter:blur(24px)!important;background:linear-gradient(135deg,#0f172ad9 0%,#0f172ab3 100%)!important;border:1px solid #ffffff0f!important;box-shadow:0 -8px 32px #0000004d!important}.marquee{background:linear-gradient(90deg,#071930f2,#071930cc,#071930f2)!important;border-top:1px solid #ffd84a14!important;border-bottom:1px solid #ffd84a14!important}.loading-panel{background:linear-gradient(135deg,#07182dd9 0%,#07182db3 100%)!important;border:1px solid #ffd84a1a!important;box-shadow:0 40px 120px #00000080,0 0 80px #ffd84a0f,inset 0 1px #ffffff0f!important}::-webkit-scrollbar{width:6px!important}::-webkit-scrollbar-track{background:#070e1c99!important}::-webkit-scrollbar-thumb{background:linear-gradient(#ffd84a4d,#4da3ff4d)!important;border-radius:999px!important}::-webkit-scrollbar-thumb:hover{background:linear-gradient(#ffd84a80,#4da3ff80)!important}::selection{color:#04101d!important;background:linear-gradient(135deg,#ffd84a,orange)!important}:focus-visible{outline-offset:4px!important;outline:2px solid #ffd84a99!important;box-shadow:0 0 20px #ffd84a26!important}.jp-server-window{-webkit-backdrop-filter:blur(24px)saturate(1.4)!important;backdrop-filter:blur(24px)saturate(1.4)!important;background:linear-gradient(135deg,#0f172ab3 0%,#0f172a80 100%)!important;border:1px solid #ffffff0f!important;box-shadow:0 8px 32px #0000004d,inset 0 1px #ffffff0a!important}.jp-server-head{border-bottom:1px solid #ffffff0a!important;padding:10px 14px!important}.jp-server-head span{color:#34d399!important;text-shadow:0 0 8px #34d3994d!important;background:linear-gradient(135deg,#34d39926,#34d39914)!important;border:1px solid #34d39933!important;font-weight:700!important}.jp-server-window h3{color:#e6efff!important;font-size:14px!important;font-weight:600!important}.jp-server-data{border-top:1px solid #ffffff0a!important;padding:10px 14px!important}.jp-server-data strong{color:#34d399!important;text-shadow:0 0 8px #34d39933!important}.jp-stats-grid{border-top:1px solid #ffffff0a;grid-template-columns:repeat(3,1fr);gap:8px;padding:12px 14px 10px;display:grid}.jp-stat-item{background:radial-gradient(circle at 50% 0,#ffd84a1a,#0000 55%),linear-gradient(135deg,#ffffff0a 0%,#ffffff04 100%);border:1px solid #ffd84a1f;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;min-height:66px;padding:10px 8px;transition:all .3s;display:flex;box-shadow:inset 0 1px #ffffff0a}.jp-stat-item:hover{transform:translateY(-2px);border-color:#ffd84a52!important;box-shadow:0 10px 24px #ffd84a14,inset 0 1px #ffffff0f!important}.jp-stat-value{color:#ffd84a;text-shadow:0 0 12px #ffd84a47;font-size:19px;font-weight:800;line-height:1.1}.jp-stat-label{color:#94aac4;text-transform:uppercase;letter-spacing:.08em;margin-top:4px;font-size:9px}.jp-chart{border-bottom:1px solid #ffd84a24;align-items:end;gap:3px;height:60px;margin-top:10px;display:flex}.jp-chart i{background:linear-gradient(#4da3ffbf,#ffd84a6b)!important;transition:all .3s!important}