*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0b0b0f;--bg-hover:#ffffff0a;--ink:#e8e8ea;--ink-dim:#8b8b92;--ink-mute:#5c5c64;--line:#ffffff0f;--max-width:680px;--font-display:"Space Grotesk", system-ui, sans-serif;--font-body:"Inter", system-ui, -apple-system, sans-serif;--font-mono:"JetBrains Mono", "Fira Code", monospace}html{scroll-behavior:smooth;scroll-padding-top:80px}body{font-family:var(--font-body);background:var(--bg);color:var(--ink-dim);-webkit-font-smoothing:antialiased;min-height:100dvh;font-size:15px;line-height:1.7;position:relative}body:after{content:"";z-index:9998;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");background-repeat:repeat;background-size:256px 256px;position:fixed;inset:0}:focus-visible{outline-offset:2px;outline:1px solid #fff3}a{color:var(--ink);text-decoration:none;transition:color .2s}a:hover{color:var(--ink-dim)}::selection{color:var(--ink);background:#e8e8ea1f}.container{max-width:var(--max-width);margin:0 auto;padding:0 24px}.page-section{padding:80px 0}.section-label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.12em;color:var(--ink-mute);margin-bottom:24px;font-size:12px;font-weight:500;display:block}hr{border:none;border-top:1px solid var(--line);max-width:var(--max-width);margin:0 auto}@media (width<=600px){.page-section{padding:48px 0}}.splash{z-index:9999;cursor:pointer;background:var(--bg);justify-content:center;align-items:center;transition:opacity .8s cubic-bezier(.25,1,.5,1);display:flex;position:fixed;inset:0}.splash--fade{opacity:0;pointer-events:none}.splash-bg{pointer-events:none;background:radial-gradient(60% 50% at 50% 42%,#e8e8ea09,#0000 70%);position:absolute;inset:0}.splash-grain{opacity:.045;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");background-repeat:repeat;background-size:256px 256px;position:absolute;inset:0}.splash-btn{cursor:pointer;background:0 0;border:none;outline:none;position:relative}.splash-content{opacity:0;filter:blur(8px);flex-direction:column;align-items:center;gap:36px;transition:all .8s cubic-bezier(.22,1,.36,1);display:flex;transform:translateY(10px)}.splash-content--show{opacity:1;filter:blur();transform:translateY(0)}.splash-name{font-family:var(--font-display);letter-spacing:-.045em;color:var(--ink);-webkit-user-select:none;user-select:none;font-size:clamp(48px,10vw,80px);font-weight:800;line-height:.92}.splash-hint{font-family:var(--font-mono);letter-spacing:.14em;color:var(--ink-mute);font-size:11px;animation:2.5s ease-in-out infinite splash-breathe}@keyframes splash-breathe{0%,to{opacity:.6}50%{opacity:.2}}.splash-content--fade{opacity:0!important;filter:blur(24px)!important;transition:all .8s cubic-bezier(.25,1,.5,1)!important;transform:translateY(-20px)scale(.96)!important}.cursor-glow{pointer-events:none;z-index:9997;background:radial-gradient(600px circle at var(--x,-200px) var(--y,-200px), #e8e8ea18, transparent 40%);width:100vw;height:100vh;transition:background .1s;position:fixed;top:0;left:0}.nav-wrapper{z-index:100;pointer-events:none;justify-content:center;padding:0 24px;animation:.8s cubic-bezier(.16,1,.3,1) forwards nav-slide-down;display:flex;position:fixed;inset:16px 0 auto}.nav{pointer-events:auto;-webkit-backdrop-filter:blur(24px)saturate(140%);background:#0a0a0eb3;border:1px solid #ffffff14;border-radius:9999px;align-items:center;height:48px;padding:0 8px;transition:all .3s;display:flex;box-shadow:inset 0 1px 1px #ffffff14,0 1px #000c,0 12px 40px #00000080}.nav:hover{border-color:#ffffff26;box-shadow:inset 0 1px 1px #ffffff1f,0 0 24px #ffffff05,0 16px 48px #0009}.nav-list{align-items:center;gap:2px;list-style:none;display:flex}.nav-item{position:relative}.nav-link{font-family:var(--font-mono);color:var(--ink-dim);-webkit-user-select:none;user-select:none;border-radius:9999px;padding:8px 16px;font-size:13px;font-weight:500;transition:all .3s cubic-bezier(.25,.8,.25,1);display:block;position:relative}.nav-link:hover{color:var(--ink);background:#ffffff08}.nav-link--active{color:#fff;text-shadow:0 0 12px #ffffff4d}.nav-active-pill{z-index:0;background:#ffffff14;border:1px solid #ffffff14;border-radius:9999px;animation:.25s cubic-bezier(.16,1,.3,1) both pill-fade;position:absolute;inset:0;box-shadow:inset 0 1px #ffffff1a}.nav-link-text{z-index:1;position:relative}.nav-divider{background:#ffffff1a;width:1px;height:20px;margin:0 12px}.nav-clock{font-family:var(--font-mono);color:var(--ink-dim);text-align:right;font-variant-numeric:tabular-nums;letter-spacing:.02em;-webkit-user-select:none;user-select:none;min-width:7ch;margin-right:12px;font-size:12px;font-weight:500;display:none}.nav-sound-btn{cursor:pointer;width:34px;height:34px;color:var(--ink-dim);background:0 0;border:none;border-radius:50%;outline:none;place-items:center;padding:0;transition:all .3s cubic-bezier(.25,.8,.25,1);display:grid}.nav-sound-btn:hover{color:var(--ink);background:#ffffff0f;transform:rotate(8deg)}.nav-sound-btn:active{transform:scale(.9)rotate(-4deg)}.nav-sound-icon{opacity:.75;transition:opacity .3s}.nav-sound-icon--muted{opacity:.35}@keyframes pill-fade{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes nav-slide-down{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@media (width<=680px){.nav-wrapper{padding:0 12px;inset:12px 0 auto}.nav{height:44px;padding:0 4px}.nav-link{padding:6px 12px;font-size:12px}.nav-divider{height:16px;margin:0 6px}.nav-sound-btn{width:30px;height:30px}}@media (width>=768px){.nav-clock{display:block}}.footer{border-top:1px solid var(--line);margin-top:40px;padding:60px 0 80px}.footer-text{color:var(--ink-mute);margin-bottom:4px;font-size:14px}.footer-year{color:var(--ink-mute);opacity:.5;font-size:12px;font-family:var(--font-mono)}.home{flex-direction:column;max-width:1408px;min-height:100dvh;margin:0 auto;padding:0 40px;display:flex;position:relative;overflow:hidden}.home-content{flex-direction:column;flex:1;justify-content:center;display:flex;position:relative}.mesh-glow{filter:blur(140px);pointer-events:none;opacity:.12;z-index:1;mix-blend-mode:screen;border-radius:50%;width:500px;height:500px;position:absolute}.mesh-glow--1{background:radial-gradient(circle,#6366f1 0%,#0000 80%);animation:25s ease-in-out infinite alternate mesh-drift-1;top:-10%;left:10%}.mesh-glow--2{background:radial-gradient(circle,#ffb066 0%,#0000 80%);animation:30s ease-in-out infinite alternate mesh-drift-2;bottom:-10%;right:15%}@keyframes mesh-drift-1{0%{transform:translate(0)scale(1)}50%{transform:translate(60px,40px)scale(1.1)}to{transform:translate(-40px,80px)scale(.9)}}@keyframes mesh-drift-2{0%{transform:translate(0)scale(1)}50%{transform:translate(-80px,-60px)scale(.9)}to{transform:translate(50px,40px)scale(1.2)}}.room-light-glow{z-index:0;pointer-events:none;background:radial-gradient(circle at 60% 40%,#ffb06614,#0000 75%);animation:1.2s cubic-bezier(.25,1,.5,1) forwards room-glow-fade;position:fixed;inset:0}.room-light-glow:after{content:"";pointer-events:none;background:#ffb06602;position:absolute;inset:0}@keyframes room-glow-fade{0%{opacity:0}to{opacity:1}}.home-main{z-index:5;margin-top:0;padding-bottom:0;position:relative}.home-name{font-family:var(--font-display);letter-spacing:-.045em;color:var(--ink);-webkit-user-select:none;user-select:none;font-size:clamp(64px,18vw,150px);font-weight:800;line-height:.9}.name-letters{align-items:baseline;display:inline-flex}.name-char{opacity:0;will-change:transform, opacity;cursor:default;transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1),color .3s,text-shadow .3s;display:inline-block;transform:translateY(.35em)}.name-char--show{opacity:1;transform:translateY(0)}.name-char:hover{color:#fff;text-shadow:0 4px 12px #ffffff40,0 12px 36px #ffffff1a;transform:translateY(-8px)scale(1.08)}.lamp-dot{cursor:pointer;vertical-align:baseline;opacity:0;background:#ffffff26;border:none;border-radius:50%;outline:none;width:.14em;height:.14em;margin-left:.06em;transition:opacity .8s cubic-bezier(.25,1,.5,1),transform .8s cubic-bezier(.25,1,.5,1),background-color .4s,box-shadow .4s;display:inline-block;position:relative;transform:scale(.6)}.lamp-dot--show{opacity:1;transform:scale(1)}.lamp-dot:hover{background:#ffffff59;transform:scale(1.1)}.lamp-dot--active{background:#ffb066;box-shadow:0 0 20px #ffb066f2,0 0 40px #ffb0668c,0 0 60px #ffb06640}.lamp-dot-inner{pointer-events:none;border:1px solid #ffffff14;border-radius:50%;position:absolute;inset:-3px}.home-desc{color:var(--ink-dim);opacity:0;filter:blur(8px);max-width:480px;margin-top:24px;font-size:17px;transition:all .8s cubic-bezier(.25,1,.5,1);transform:translateY(16px)}.home-desc--show{opacity:1;filter:blur();transform:translateY(0)}.home-side{text-align:right;z-index:5;flex-direction:column;align-items:flex-end;gap:36px;display:none;position:absolute;top:50%;right:0;transform:translateY(-50%)}.side-block{opacity:0;filter:blur(8px);transition:all .8s cubic-bezier(.25,1,.5,1);transform:translateY(16px)}.side-block--show{opacity:1;filter:blur();transform:translateY(0)}.side-time{font-family:var(--font-mono);color:var(--ink);letter-spacing:.02em;font-size:26px;font-weight:300}.side-tz{font-family:var(--font-mono);letter-spacing:.08em;color:var(--ink-mute);text-transform:uppercase;margin-top:4px;font-size:11px}.side-status{color:var(--ink-mute);text-wrap:balance;max-width:240px;font-size:14px;line-height:1.5}.home-mobile-info{opacity:0;filter:blur(8px);margin-top:36px;transition:all .8s cubic-bezier(.25,1,.5,1);display:block;transform:translateY(16px)}.home-mobile-info--show{opacity:1;filter:blur();transform:translateY(0)}.mobile-info-divider{background:var(--line);width:100%;height:1px;margin-bottom:24px}.mobile-info-row{justify-content:space-between;align-items:baseline;gap:16px;display:flex}.mobile-status{color:var(--ink-mute);font-size:14px;line-height:1.5}.mobile-time{font-family:var(--font-mono);color:var(--ink-mute);white-space:nowrap;font-variant-numeric:tabular-nums;font-size:13px}.mobile-tz{color:var(--ink-mute);opacity:.7;text-transform:uppercase;margin-left:6px;font-size:11px}@media (width>=1024px){.home-side{display:flex}}@media (width<=1023px){.home{padding:0 24px}.home-main{padding-bottom:40px}}@media (width<=600px){.home-desc{margin-top:20px;font-size:15px}.home-name{font-size:clamp(48px,16vw,84px)}}.discord-card{background:#111116;border:1px solid #ffffff0d;border-radius:24px;width:100%;max-width:460px;margin:0 auto;transition:all .5s cubic-bezier(.25,.8,.25,1);position:relative;overflow:hidden}.discord-card--online{border-color:#10b98140;box-shadow:0 0 30px #10b98126,0 8px 32px #00000080}.discord-card--idle{border-color:#faa61a40;box-shadow:0 0 30px #faa61a26,0 8px 32px #00000080}.discord-card--dnd{border-color:#ef444440;box-shadow:0 0 30px #ef444426,0 8px 32px #00000080}.discord-card--offline{opacity:.9;border-color:#ffffff0d;box-shadow:0 8px 32px #00000080}.discord-banner{width:100%;height:100px;transition:background .5s}.discord-banner--online{background:linear-gradient(135deg,#047857 0%,#10b981 100%)}.discord-banner--idle{background:linear-gradient(135deg,#b45309 0%,#faa61a 100%)}.discord-banner--dnd{background:linear-gradient(135deg,#b91c1c 0%,#ef4444 100%)}.discord-banner--offline{background:linear-gradient(135deg,#1f2937 0%,#4b5563 100%)}.discord-avatar-container{width:100%;height:38px;position:relative}.discord-avatar-wrapper{z-index:10;background:#111116;border:4px solid #111116;border-radius:50%;place-items:center;width:76px;height:76px;transition:all .3s;display:grid;position:absolute;top:-38px;left:50%;transform:translate(-50%)}.discord-avatar{object-fit:cover;border-radius:50%;width:100%;height:100%}.discord-avatar--placeholder{background:#ffffff0d}.discord-avatar-wrapper--online{box-shadow:0 0 16px #10b98166}.discord-avatar-wrapper--idle{box-shadow:0 0 16px #faa61a66}.discord-avatar-wrapper--dnd{box-shadow:0 0 16px #ef444466}.discord-body-content{flex-direction:column;align-items:center;padding:24px 24px 20px;display:flex}.discord-card-name{font-family:var(--font-body);color:#fff;align-items:center;gap:6px;margin-bottom:8px;font-size:17px;font-weight:700;display:flex}.discord-badge-star{color:#eab308;filter:drop-shadow(0 0 4px #eab30866);font-size:13px}.discord-status-badge-container{margin-bottom:16px}.discord-status-badge{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.05em;-webkit-user-select:none;user-select:none;border-radius:9999px;padding:3px 10px;font-size:9px;font-weight:700}.discord-status-badge--online{color:#10b981;background:#10b9811a;border:1px solid #10b98133}.discord-status-badge--idle{color:#faa61a;background:#faa61a1a;border:1px solid #faa61a33}.discord-status-badge--dnd{color:#ef4444;background:#ef44441a;border:1px solid #ef444433}.discord-status-badge--offline{color:#9ca3af;background:#9ca3af1a;border:1px solid #9ca3af33}.discord-quote{font-family:var(--font-body);color:var(--ink-dim);text-align:center;max-width:280px;margin-bottom:24px;font-size:13px;font-style:italic;line-height:1.5}.discord-sub-activities{background:#ffffff04;border:1px solid #ffffff08;border-radius:14px;width:100%;margin-bottom:24px;padding:10px 14px}.discord-sub-activity-row{color:var(--ink-dim);justify-content:center;align-items:center;gap:8px;font-size:12px;display:flex}.discord-activity-dot{background:#6366f1;border-radius:50%;width:6px;height:6px;animation:1.5s infinite alternate activity-pulse}@keyframes activity-pulse{0%{opacity:.4;transform:scale(.9)}to{opacity:1;transform:scale(1.1);box-shadow:0 0 6px #6366f1}}.discord-action-btn{width:100%;height:38px;font-family:var(--font-body);color:#fff;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff0f;border-radius:9999px;outline:none;font-size:13px;font-weight:600;transition:all .3s cubic-bezier(.25,.8,.25,1)}.discord-action-btn:hover{color:#0b0b0f;background:#fff;border-color:#fff;box-shadow:0 4px 16px #ffffff26}.discord-action-btn:active{transform:scale(.97)}.page--status{position:relative;overflow:hidden}.page--status .container{z-index:5;max-width:900px;position:relative}.page-body{opacity:0;width:100%;transition:all .8s cubic-bezier(.16,1,.3,1);transform:translateY(12px)}.status-hero-text{align-items:center;gap:12px;margin-bottom:24px;display:flex}.status-live-dot{background:#10b981;border-radius:50%;flex-shrink:0;width:8px;height:8px;animation:1.8s ease-in-out infinite live-pulse;box-shadow:0 0 8px #10b981,0 0 16px #10b98166}@keyframes live-pulse{0%{opacity:.6;transform:scale(.9)}50%{opacity:1;transform:scale(1.1);box-shadow:0 0 12px #10b981,0 0 24px #10b98180}to{opacity:.6;transform:scale(.9)}}.page-text{color:var(--ink-dim);margin:0;font-size:16px;line-height:1.6}.status-divider{background:#ffffff0d;height:1px;margin:32px 0}.status-ambient-glow{filter:blur(150px);pointer-events:none;opacity:.08;z-index:1;border-radius:50%;width:600px;height:600px;transition:all 1.5s cubic-bezier(.25,.8,.25,1);position:absolute;top:30%;left:20%}.status-glow--spotify{background:#1db954}.status-glow--online{background:#10b981}.status-glow--idle{background:#faa61a}.status-glow--dnd{background:#ef4444}.status-glow--offline{opacity:.03;background:#6b7280}.status-grid{flex-direction:column;align-items:center;gap:36px;width:100%;display:flex}.status-block{flex-direction:column;gap:16px;width:100%;max-width:460px;display:flex}.status-block-label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.12em;color:var(--ink-mute);text-align:center;font-size:11px;font-weight:600}.spotify-card{background:#111116;border:1px solid #ffffff0d;border-radius:24px;width:100%;max-width:460px;margin:0 auto;transition:all .5s cubic-bezier(.25,.8,.25,1);position:relative;overflow:hidden}.spotify-card--active{border-color:#1db95440;box-shadow:0 0 30px #1db95426,0 8px 32px #00000080}.spotify-card--idle{opacity:.9;border-color:#ffffff0d;box-shadow:0 8px 32px #00000080}.spotify-banner{background-position:50%;background-size:cover;width:100%;height:100px;transition:background .5s;position:relative}.spotify-banner-overlay{-webkit-backdrop-filter:blur(4px);background:linear-gradient(#11111633,#111116);position:absolute;inset:0}.spotify-banner--idle{background:linear-gradient(135deg,#1f2937 0%,#111116 100%)}.spotify-avatar-container{width:100%;height:38px;position:relative}.spotify-avatar-wrapper{z-index:10;background:#111116;border:4px solid #111116;border-radius:50%;place-items:center;width:76px;height:76px;transition:all .3s;display:grid;position:absolute;top:-38px;left:50%;transform:translate(-50%)}.spotify-avatar-img{object-fit:cover;border:1px solid #ffffff14;border-radius:50%;width:100%;height:100%}.spotify-avatar-img--spin{animation:15s linear infinite spinVinyl}.spotify-avatar-img--placeholder{background:#ffffff0d}.spotify-avatar-center-dot{z-index:3;background:#111116;border:3px solid #ffffff40;border-radius:50%;width:12px;height:12px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes spinVinyl{to{transform:rotate(360deg)}}.spotify-card--active .spotify-avatar-wrapper{box-shadow:0 0 16px #1db95466}.spotify-body-content{flex-direction:column;align-items:center;padding:24px 24px 20px;display:flex}.spotify-card-title{font-family:var(--font-body);color:#fff;text-align:center;white-space:nowrap;text-overflow:ellipsis;max-width:100%;margin-bottom:8px;font-size:17px;font-weight:700;line-height:1.3;overflow:hidden}.spotify-status-badge-container{margin-bottom:16px}.spotify-status-badge{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.05em;color:#1db954;-webkit-user-select:none;user-select:none;background:#1db9541a;border:1px solid #1db95433;border-radius:9999px;padding:3px 10px;font-size:9px;font-weight:700}.spotify-status-badge--idle{color:#9ca3af;background:#9ca3af1a;border:1px solid #9ca3af33}.spotify-artist-quote{font-family:var(--font-body);color:var(--ink-dim);text-align:center;text-overflow:ellipsis;white-space:nowrap;max-width:280px;margin-bottom:24px;font-size:13px;font-style:italic;line-height:1.5;overflow:hidden}.spotify-player-track-section{flex-direction:column;gap:8px;width:100%;margin-bottom:24px;display:flex}.spotify-bar-wrap{cursor:pointer;background:#ffffff0f;border-radius:2px;height:4px;position:relative}.spotify-bar-fill{background:#1db954;border-radius:2px;height:100%;transition:width .3s linear;position:absolute;top:0;left:0}.spotify-bar-knob{opacity:0;background:#fff;border-radius:50%;width:8px;height:8px;transition:opacity .2s,left .3s linear;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 0 6px #fff9}.spotify-card:hover .spotify-bar-knob{opacity:1}.spotify-bar-time{font-family:var(--font-mono);color:var(--ink-mute);-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;font-size:10px;display:flex}.spotify-wave{align-items:center;gap:1.5px;height:12px;display:flex}.spotify-wave span{background:#ffffff1a;border-radius:2px;width:1.5px;transition:background .3s}.spotify-wave--active span{background:#1db954;animation:.6s ease-in-out infinite alternate waveAnim}.spotify-wave span:first-child{height:4px}.spotify-wave span:nth-child(2){height:8px}.spotify-wave span:nth-child(3){height:12px}.spotify-wave span:nth-child(4){height:10px}.spotify-wave span:nth-child(5){height:7px}.spotify-wave span:nth-child(6){height:5px}.spotify-wave span:nth-child(7){height:3px}.spotify-wave--active span:first-child{animation-delay:0s}.spotify-wave--active span:nth-child(2){animation-delay:80ms}.spotify-wave--active span:nth-child(3){animation-delay:.16s}.spotify-wave--active span:nth-child(4){animation-delay:.24s}.spotify-wave--active span:nth-child(5){animation-delay:.12s}.spotify-wave--active span:nth-child(6){animation-delay:40ms}.spotify-wave--active span:nth-child(7){animation-delay:.18s}@keyframes waveAnim{0%{opacity:.5;transform:scaleY(.4)}to{opacity:1;transform:scaleY(1)}}.spotify-action-btn{width:100%;height:38px;font-family:var(--font-body);color:#fff;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff0f;border-radius:9999px;outline:none;place-items:center;font-size:13px;font-weight:600;text-decoration:none;transition:all .3s cubic-bezier(.25,.8,.25,1);display:grid}.spotify-action-btn:hover{color:#fff;background:#1db954;border-color:#1db954;box-shadow:0 4px 16px #1db95440}.spotify-action-btn:active{transform:scale(.97)}.spotify-action-btn[disabled]{cursor:not-allowed;pointer-events:none}.page-body{opacity:0;max-width:520px;margin:0 auto;transition:all .6s cubic-bezier(.22,1,.36,1);transform:translateY(8px)}.page-text{color:var(--ink-dim);margin-bottom:16px;font-size:15px;line-height:1.8}.page-text:last-child{margin-bottom:0}.page-text strong{color:var(--ink);font-weight:600}.about-divider{background:var(--line);height:1px;margin:24px 0}.about-skills{flex-wrap:wrap;gap:8px;display:flex}.about-skill-item{border:1px solid var(--line);color:var(--ink-dim);font-size:13px;font-family:var(--font-mono);border-radius:9999px;padding:4px 14px;transition:all .2s}.about-skill-item:hover{color:var(--ink);border-color:#ffffff1f}.page-body{opacity:0;width:100%;max-width:520px;margin:0 auto;transition:all .6s cubic-bezier(.22,1,.36,1);transform:translateY(8px)}.page-body--show{opacity:1;transform:translateY(0)}.project-item{border-top:1px solid var(--line);cursor:pointer;-webkit-user-select:none;user-select:none;flex-direction:column;gap:6px;padding:16px 0;transition:opacity .2s;display:flex}.project-item:first-child{border-top:none}.project-item:hover{opacity:.8}.project-item-header{justify-content:space-between;align-items:center;display:flex}.project-item-title{color:var(--ink);font-size:15px;font-weight:600}.project-item-arrow{color:var(--ink-mute);transition:transform .25s cubic-bezier(.22,1,.36,1);display:flex}.project-item-arrow--expanded{transform:rotate(180deg)}.project-item-desc{color:var(--ink-dim);font-size:13px;line-height:1.6}.project-item-tech{font-family:var(--font-mono);color:var(--ink-mute);font-size:11px}.project-links{border-top:1px solid var(--line);flex-wrap:wrap;gap:8px;margin-top:8px;padding-top:12px;display:flex}.project-btn{font-family:var(--font-mono);border:1px solid #0000;border-radius:8px;padding:6px 14px;font-size:12px;font-weight:500;text-decoration:none;transition:all .15s}.project-btn--invite{color:#fff;background:#5865f2}.project-btn--invite:hover{background:#4752c4}.project-btn--support{color:var(--ink-dim);border-color:var(--line);background:#ffffff0f}.project-btn--support:hover{color:var(--ink);background:#ffffff1a}.project-btn--dashboard{color:var(--ink-dim);border-color:var(--line);background:#ffffff0f}.project-btn--dashboard:hover{color:var(--ink);background:#ffffff1a}.project-btn--github{color:var(--ink-dim);border-color:var(--line);background:#ffffff0f}.project-btn--github:hover{color:var(--ink);background:#ffffff1a}.page-body{width:100%;max-width:520px;margin:0 auto}.project-item{cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:12px;outline:none;flex-direction:column;margin:0 -24px;padding:24px;transition:all .2s cubic-bezier(.25,1,.5,1);display:flex}.project-item:hover{background:var(--bg-hover)}.project-item--expanded{background:#ffffff04}.project-item+.project-item{border-top:1px solid var(--line);margin-top:0}.project-item-header{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.project-item-title{color:var(--ink);font-size:16px;font-weight:700;display:block}.project-item-arrow{color:var(--ink-mute);align-items:center;transition:transform .3s cubic-bezier(.25,1,.5,1),color .3s;display:flex}.project-item-arrow--expanded{color:var(--ink);transform:rotate(180deg)}.project-item-desc{color:var(--ink-dim);margin-bottom:12px;font-size:14px;line-height:1.6;display:block}.project-item-tech{font-size:12px;font-family:var(--font-mono);color:var(--ink-mute);display:block}.project-links{border-top:1px dashed var(--line);flex-wrap:wrap;gap:10px;margin-top:18px;padding-top:18px;animation:.25s cubic-bezier(.25,1,.5,1) slide-down;display:flex}.project-btn{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;border:1px solid var(--line);color:var(--ink-dim);background:#ffffff03;border-radius:9999px;align-items:center;padding:6px 14px;font-size:11px;font-weight:600;text-decoration:none;transition:all .2s cubic-bezier(.25,1,.5,1);display:inline-flex}.project-btn:hover{color:var(--ink);background:#ffffff0d;border-color:#ffffff26;transform:translateY(-1px)}.project-btn:active{transform:translateY(0)}.project-btn--invite:hover,.project-btn--support:hover{color:#fff;background:#5865f21f;border-color:#5865f259}.project-btn--dashboard:hover{color:#fff;background:#00bcd41a;border-color:#00bcd459}@keyframes slide-down{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.page{align-items:center;min-height:100dvh;display:flex}.contact-page-links{flex-wrap:wrap;gap:36px;margin-top:28px;display:flex}.contact-page-link{font-family:var(--font-mono);color:var(--ink-mute);font-size:13px;transition:color .2s}.contact-page-link:hover{color:var(--ink)}