@import"https://fonts.googleapis.com/css2?family=Bebas+Neue&family=DM+Sans:ital,wght@0,400;0,500;0,600;0,700;1,400&family=JetBrains+Mono:wght@400;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Bebas+Neue&family=DM+Sans:ital,wght@0,300;0,400;0,500;0,700;1,300&family=JetBrains+Mono:wght@400;700&display=swap";.ds-wrap{background:#141414;border-radius:20px;padding:16px;display:flex;flex-direction:column;gap:12px;min-width:0}.ds-top-row{display:grid;grid-template-columns:56px minmax(0,1fr) minmax(0,1fr);gap:12px;align-items:start}.ds-tools-col{display:flex;flex-direction:column;gap:8px}.ds-tool-btn{width:46px;height:46px;padding:5px;border-radius:12px;background:#1b1b1b;border:1px solid #2a2a2a;display:flex;align-items:center;justify-content:center;color:var(--tool-color, #fff);cursor:pointer;transition:background .2s,transform .15s;box-sizing:border-box}.ds-tool-btn svg{display:block;width:100%;height:100%}.ds-tool-btn:hover{background:#252525;transform:scale(1.06)}.ds-title-block{display:flex;flex-direction:column;gap:2px;padding:4px 0}.ds-daily{font-family:Bebas Neue,sans-serif;font-size:1.6rem;letter-spacing:.06em;color:#fff;line-height:1}.ds-tool-label{font-size:1rem;color:#666;line-height:1.2}.ds-stack{font-family:Bebas Neue,sans-serif;font-size:1.6rem;letter-spacing:.06em;color:#fff;line-height:1}.ds-pill{margin-top:8px;height:34px;width:100%;background:linear-gradient(135deg,#3b82f6,#60a5fa);border-radius:50px;box-shadow:0 4px 18px #3b82f659}.ds-title-block .remote{--unit: 230px;margin-top:30px;margin-left:15px}.ds-github{background:#0d1117;border:1px solid #21262d;border-radius:12px;padding:12px;display:flex;flex-direction:column;gap:10px;height:fit-content}.ds-github-header{display:flex;align-items:center;gap:6px}.ds-github-column{display:flex;flex-direction:column;gap:12px}.ds-github-label{font-size:.7rem;color:#888;font-family:JetBrains Mono,monospace;flex:1}.ds-github-total{font-size:.65rem;color:#39d353;font-family:JetBrains Mono,monospace}.ds-github-loading{font-size:.65rem;color:#444;font-family:JetBrains Mono,monospace;text-align:center;padding:20px 0}.ds-contrib-grid{display:flex;gap:3px;flex:1}.ds-contrib-week{display:flex;flex-direction:column;gap:3px}.ds-contrib-day{width:10px;height:10px;border-radius:2px;transition:transform .1s;cursor:default}.ds-contrib-day:hover{transform:scale(1.3);outline:1px solid #444}.floating-field{position:relative;display:flex;flex-direction:column}.floating-field label{position:absolute;left:10px;top:10px;color:#888;font-size:.9rem;pointer-events:none;transition:all .2s ease}.floating-field:focus-within label{top:-8px;left:8px;font-size:.7rem;color:#3b82f6;background:#141414;padding:0 4px}.floating-field.has-value label{top:-8px;left:8px;font-size:.7rem;color:#3b82f6;background:#141414;padding:0 4px}.floating-field textarea{width:100%;height:90px;padding:10px;border-radius:6px;border:1px solid #333;background:#1a1a1a;color:#fff;font-family:JetBrains Mono,monospace;font-size:.8rem;resize:vertical}.ds-contact-form{display:flex;flex-direction:column;gap:8px;margin-top:20px}.ds-contact-form button{width:fit-content;padding:6px 12px;border-radius:6px;border:none;background:#3b82f6;color:#fff;font-family:JetBrains Mono,monospace;font-size:.7rem;cursor:pointer;transition:background .2s,transform .15s}.ds-bottom-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.ds-player{all:unset;width:330px;height:fit-content;display:flex;align-items:center;gap:10px;margin-top:30px;padding:10px 32px;background:linear-gradient(180deg,#232323,#1a1a1a);border:1px solid #2c2c2c;border-radius:100px;box-shadow:0 1px #ffffff0a inset,0 -3px 8px #0006 inset,0 6px 16px #00000059;cursor:pointer;transition:border-color .2s;box-sizing:border-box}.ds-player:hover{border-color:#3a3a3a}.ds-player:focus-visible{outline:2px solid #4ade80;outline-offset:2px}.ds-player-screen-frame{position:relative;flex:1 1 auto;min-width:0;border-radius:12px;padding:2px;background:linear-gradient(145deg,#3f3f3f,#191919);box-shadow:0 1px #ffffff14 inset,0 -1px 2px #0009 inset,0 2px 5px #0006}.ds-player-screen{position:relative;overflow:hidden;display:flex;align-items:center;gap:10px;background:#0d0f0d;border:1px solid #000;border-radius:9px;padding:8px 10px;box-shadow:inset 0 2px 2px #000000bf,inset 0 0 0 1px #ffffff05;box-sizing:border-box}.ds-player-screen:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(180deg,rgba(255,255,255,.04) 0px,rgba(255,255,255,.04) 1px,transparent 1px,transparent 2px);pointer-events:none}.ds-player-screen:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(120% 120% at 50% 30%,transparent 40%,rgba(0,0,0,.4) 100%);pointer-events:none}.ds-player-cover{position:relative;z-index:1;width:40px;height:40px;border-radius:4px;object-fit:cover;flex-shrink:0;filter:grayscale(.35) contrast(1.15) brightness(.95)}.ds-player-text{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:center;gap:2px;min-width:0;flex:1 1 auto}.ds-player-toprow{display:flex;align-items:center;justify-content:space-between;gap:6px}.ds-player-status{display:flex;align-items:center;font-size:.6rem;font-family:JetBrains Mono,monospace;color:#4ade80;font-weight:600;letter-spacing:.04em}.ds-player-status.is-last{color:#6f7a6f}.ds-player-status-dot{width:5px;height:5px;border-radius:50%;background:#4ade80;box-shadow:0 0 5px #4ade80;margin-right:4px}.ds-player-time{font-size:.6rem;font-family:JetBrains Mono,monospace;color:#6f7a6f;letter-spacing:.02em}.ds-player-title{font-family:JetBrains Mono,monospace;font-size:.8rem;font-weight:700;color:#d6ded6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ds-player-artist{font-family:JetBrains Mono,monospace;font-size:.7rem;color:#6f7a6f;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ds-player-play{flex:0 0 auto;width:46px;height:46px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;color:#26282a;background:radial-gradient(circle at 50% 120%,rgba(0,0,0,.45),transparent 60%),conic-gradient(from 180deg,#8a8e90,#f6f6f6 90deg,#b9bcbe 140deg,#f6f6f6 220deg,#6f7274 280deg,#8a8e90 360deg);box-shadow:0 0 0 2px #141414,0 0 0 3px #3a3a3a,0 2px 5px #00000073}.ds-building{background:radial-gradient(ellipse at 100% 0%,rgba(167,139,250,.15),transparent 48%),radial-gradient(ellipse at 0% 100%,rgba(74,222,128,.11),transparent 50%),#151518;border:1px solid #34323b;border-radius:12px;padding:20px 16px 15px;display:flex;min-height:150px;margin-top:5px;flex-direction:column;gap:7px;position:relative;overflow:hidden;box-sizing:border-box;transform-style:preserve-3d;will-change:transform;box-shadow:0 8px 24px #0003,0 0 22px #a78bfa0e;transition:border-color .18s ease,box-shadow .18s ease}.ds-building:hover{border-color:#a78bfa85;box-shadow:0 14px 30px #00000047,0 0 26px #a78bfa1f,0 0 22px #4ade800f}.ds-building:before{content:"";position:absolute;top:4px;right:4px;bottom:4px;left:4px;border:1px solid rgba(255,255,255,.035);border-radius:8px;pointer-events:none}.ds-building-header{display:flex;align-items:center;position:relative;z-index:1}.ds-building-badge{display:flex;align-items:center;gap:7px;font-size:.65rem;color:#b7a4ff;font-family:JetBrains Mono,monospace;font-weight:500;letter-spacing:.06em;text-transform:uppercase}.ds-building-dot{width:7px;height:7px;border-radius:50%;background:#6ee7a8;box-shadow:0 0 9px #6ee7a8b3;animation:pulse 2s infinite}.ds-building-name{font-family:DM Sans,sans-serif;font-size:1.35rem;font-weight:700;color:#f0edff;letter-spacing:-.04em;line-height:1;position:relative;z-index:1;margin-top:auto}.ds-building-desc{font-size:.78rem;color:#96969f;line-height:1.4;font-family:DM Sans,sans-serif;position:relative;z-index:1}.ds-building-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:3px;position:relative;z-index:1}.ds-building-tag{background:#a78bfa17;border:1px solid rgba(167,139,250,.2);color:#c8baff;font-size:.62rem;padding:3px 7px;border-radius:5px;font-family:JetBrains Mono,monospace}.ds-building-tag:nth-child(2n){background:#6ee7a812;border-color:#6ee7a82e;color:#9ce9bd}.ds-blog{display:flex;flex-direction:column;gap:5px;margin-top:40px;background:#1a1a2e;border:1px solid #2a2a4a;border-radius:10px;padding:10px 12px;text-decoration:none;transition:background .2s,border-color .2s,transform .15s;cursor:pointer}.ds-blog:hover{background:#1e1e38;border-color:#3b3b6e;transform:scale(1.02)}.ds-blog-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.ds-blog-badge{font-size:.6rem;font-family:JetBrains Mono,monospace;font-weight:700;color:#818cf8;letter-spacing:.06em;text-transform:uppercase}.ds-blog-date{font-size:.6rem;font-family:JetBrains Mono,monospace;color:#444}.ds-blog-read{font-size:.6rem;font-family:JetBrains Mono,monospace;color:#444;margin-left:auto}.ds-blog-title{font-size:.82rem;font-weight:700;color:#e0e0ff;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ds-blog-desc{font-size:.68rem;color:#555;font-family:DM Sans,sans-serif;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}@media (max-width: 640px){.ds-wrap{padding:12px;overflow-x:hidden}.ds-top-row{grid-template-columns:minmax(0,1fr);gap:12px}.ds-tools-col{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:6px}.ds-tool-btn{width:100%;height:auto;aspect-ratio:1;min-width:0;padding:4px}.ds-top-row>*,.ds-bottom-row>*{min-width:0}.ds-github-column,.ds-contact-form,.ds-bottom-row{min-width:0;width:100%}.ds-github{min-width:0;overflow-x:auto}.ds-contrib-grid{min-width:max-content}.ds-bottom-row{grid-template-columns:1fr}.ds-player{padding:9px 12px;margin:0;width:100%;min-width:0}.ds-player-play{flex:0 0 40px;width:40px;height:40px}.ds-player-speaker{display:none}.ds-building{padding:16px 13px 13px}.ds-building-name{font-size:1.25rem}.ds-building-desc{font-size:.7rem;line-height:1.45;overflow-wrap:anywhere}.media-remote{position:relative;left:0;align-self:center}.ds-title-block .remote{margin-left:0}}.remote{--shell-top: #262626;--shell-bottom: #101010;--face-top: #1e1e1e;--face-bottom: #141414;--well: #080808;--icon: #cfd0cb;--icon-lit: #f2f3ee;--seam: rgba(0, 0, 0, .65);--font-display: "Bebas Neue", sans-serif;--font-body: "DM Sans", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", monospace;position:relative;width:232px;max-width:100%;padding:5px;border-radius:30px;background:linear-gradient(170deg,var(--shell-top),var(--shell-bottom));box-shadow:0 18px 26px -12px #0000006b,0 3px 7px #0000004d,inset 0 1px #ffffff2e,inset 0 -1px 1px #0009;-webkit-user-select:none;user-select:none}.remote__face{position:relative;overflow:hidden;display:grid;gap:8px;padding:12px;border-radius:24px;background:linear-gradient(180deg,var(--face-top),var(--face-bottom));box-shadow:inset 0 1px 1px #ffffff17,inset 0 -2px 7px #00000059,0 1px 1px #00000073}.remote__screen{position:relative;aspect-ratio:16 / 12;overflow:hidden;margin:-8px -8px 0;border-radius:18px 18px 0 0;background:var(--well);box-shadow:inset 0 0 0 1px #000c,inset 0 3px 7px #000000bf,0 1px #ffffff12}.remote__art{display:block;width:100%;height:100%;border-radius:18px 18px 0 0;object-fit:cover;animation:clip-in .34s ease both}@keyframes clip-in{0%{opacity:0;transform:scale(1.04)}}.remote__empty{display:grid;place-content:center;height:100%;margin:0;padding:0 1em;color:#6f716c;font:500 12px / 1.35 var(--font-body);text-align:center}.remote__badge{position:absolute;right:7px;bottom:7px;z-index:2;display:inline-flex;align-items:center;gap:3px;padding:3px 6px;border-radius:23px;background:#0808088c;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);box-shadow:inset 0 0 0 1px #ffffff14;color:#f2f1ec;font:500 7px / 1 var(--font-body);letter-spacing:.01em;white-space:nowrap}.remote__badge-dot{width:4px;height:4px;flex:none;border-radius:50%;background:#ff6a52;animation:badge-pulse 1.8s ease-in-out infinite}@keyframes badge-pulse{0%,to{box-shadow:0 0 #ff6a5273}50%{box-shadow:0 0 0 5px #ff6a5200}}.remote__plate{padding:0 3px}.remote__title{overflow:hidden;margin:0;color:#eceeea;font:400 18px / 1.05 var(--font-display);letter-spacing:.02em;text-shadow:0 1px 0 rgba(0,0,0,.6);white-space:nowrap;text-overflow:ellipsis}.remote__keys{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;padding:2px;border-radius:12px 12px 21px 21px;background:var(--seam);box-shadow:inset 0 2px 3px #000000b3,0 1px #ffffff14}.key{display:grid;place-items:center;height:37px;padding:0;border:0;border-radius:12px;background:linear-gradient(180deg,#262626,#181818);color:var(--icon);cursor:pointer;box-shadow:inset 0 1px #ffffff1f,inset 0 -1px 1px #00000073,0 1px 2px #0006;transition:transform .11s ease,box-shadow .11s ease,color .18s ease}.key:first-child{border-radius:12px 5px 5px 21px}.key:last-child{border-radius:5px 12px 21px 5px}.key:nth-child(2){border-radius:5px}.key svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.key:hover:not(:disabled){color:var(--icon-lit)}.key:active:not(:disabled){transform:scale(.95);background:linear-gradient(180deg,#121212,#1a1a1a);box-shadow:inset 0 2px 4px #0009,inset 0 -1px #ffffff0d}.key:disabled{color:#6c6e69;cursor:default}.key--lit{color:var(--icon-lit)}.key--lit svg{fill:currentColor;filter:drop-shadow(0 0 5px rgba(242,243,238,.35))}.key:focus-visible{outline:2px solid #8fc7ff;outline-offset:-3px}@media (prefers-reduced-motion: reduce){.key{transition:none}.remote__art,.remote__badge-dot{animation:none}}.hero-card{background:#141414;border-radius:20px;padding:24px;display:flex;flex-direction:column;gap:20px;height:100%;animation:fadeUp .6s ease both}.hero-card__top{display:flex;justify-content:space-between;align-items:flex-start}.hero-card__profile{display:flex;align-items:center;gap:12px}.hero-card__avatar{width:52px;height:52px;border-radius:50%;background:linear-gradient(135deg,#333,#555);display:flex;align-items:center;justify-content:center;overflow:hidden}.hero-card__avatar-inner{width:100%;height:100%;font-size:1.4rem;font-weight:700;color:#fff;font-family:Bebas Neue,sans-serif}.hero-card__avatar-inner img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.hero-card__name{font-size:1.2rem;font-weight:700;color:#fff}.hero-card__handle{font-size:.8rem;color:#666;font-family:JetBrains Mono,monospace}.hero-card__kanji{font-size:1.8rem;color:#444;font-family:serif;line-height:1}.hero-card__bio{display:flex;flex-direction:column;gap:10px;flex:1}.hero-card__headline{font-size:1.5rem;color:#fff;font-weight:400;font-family:DM Sans,sans-serif}.hero-card__headline strong{font-weight:700;text-decoration:underline;text-underline-offset:4px}.hero-card__desc{font-size:.9rem;color:#888;line-height:1.6}.hero-card__desc a{position:relative;color:inherit;text-decoration:none;transition:color .35s ease}.hero-card__desc a:hover{color:#fff}.hero-card__desc a:after{content:"";position:absolute;left:0;bottom:-2px;width:100%;height:1px;background:#666}.hero-card__desc a:before{content:"";position:absolute;left:0;bottom:-2px;width:0%;height:1px;background:#fff;transition:width .35s ease;z-index:1}.hero-card__desc a:hover:before{width:100%}.blog-arrow{display:inline-block;margin-left:3px;opacity:0;color:#fff;transform:translate(-6px,2px);transition:opacity .3s ease,transform .3s ease}.hero-card__desc a:hover+.blog-arrow{opacity:1;transform:translate(-2px,-.5px)}.hero-card__footer{display:flex;justify-content:space-between;align-items:flex-end;padding-top:12px;border-top:1px solid #1e1e1e}.hero-card__joke{font-size:.78rem;color:#555;font-family:JetBrains Mono,monospace;max-width:160px;line-height:1.5}.hero-card__status{display:flex;align-items:center;gap:8px;text-align:right}.hero-card__dot{width:8px;height:8px;border-radius:50%;background:#4ade80;box-shadow:0 0 6px #4ade80;animation:pulse 2s infinite}.hero-card__available{font-size:.78rem;color:#4ade80;font-weight:600}.hero-card__time{font-size:.7rem;color:#555;font-family:JetBrains Mono,monospace}.hover-trigger{position:relative;cursor:pointer}.hover-trigger span{position:fixed;z-index:1000;background:#fff;padding:7px;border-radius:20px;opacity:0;visibility:hidden;pointer-events:none;transform:translate(-170%,10%) scale(.8) rotate(var(--tilt, 0deg));transition:opacity .3s ease,transform .3s ease,visibility .3s ease;filter:drop-shadow(0px 2px 2px rgba(0,0,0,.1))}.hover-trigger:hover span{opacity:1;visibility:visible;transform:translate(-170%,10%) scale(1) rotate(var(--tilt, 0deg))}.hover-trigger span img{display:block;max-width:300px;height:auto;border-radius:15px}.hover-trigger span:after{content:"";position:absolute;top:-10px;left:50%;transform:translate(-50%);border-width:0 10px 10px 10px;border-style:solid;border-color:transparent transparent #fff transparent}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.hero-card__desc{--fav-dur: 1.2s}.fav{--c: #fff;color:inherit;white-space:nowrap;transition:color .3s ease}.fav--tv{--c: #c084fc}.fav--ufc{--c: #f87171}.fav--ball{--c: #34d399}.fav__icon{display:inline-block;width:1em;height:1em;margin-left:.2em;vertical-align:-.14em;transform-origin:50% 100%}.fav--ball .fav__icon{transform-origin:50% 50%}.hero-card__desc:hover .fav,.hero-card__desc:focus-within .fav{color:var(--c)}.hero-card__desc:hover .fav__icon,.hero-card__desc:focus-within .fav__icon{animation-duration:var(--fav-dur);animation-iteration-count:infinite;animation-timing-function:ease-in-out}.hero-card__desc:hover .fav--tv .fav__icon,.hero-card__desc:focus-within .fav--tv .fav__icon{animation-name:fav-tune}.hero-card__desc:hover .fav--ufc .fav__icon,.hero-card__desc:focus-within .fav--ufc .fav__icon{animation-name:fav-jab}.hero-card__desc:hover .fav--ball .fav__icon,.hero-card__desc:focus-within .fav--ball .fav__icon{animation-name:fav-roll}@keyframes fav-tune{0%,55%,to{transform:scale(1);opacity:1}10%{transform:scale(1.15,.7);opacity:.55}22%{transform:scale(.92,1.1);opacity:1}34%{transform:scale(1.1,.85);opacity:.5}46%{transform:scale(1);opacity:1}}@keyframes fav-jab{0%,60%,to{transform:translate(0) rotate(0) scale(1)}15%{transform:translate(-.12em) rotate(-8deg) scale(.96)}32%{transform:translate(.28em) rotate(6deg) scale(1.12)}45%{transform:translate(.02em) rotate(0) scale(1)}}@keyframes fav-roll{0%,to{transform:translate(0) rotate(0)}30%{transform:translate(.25em) rotate(180deg)}65%{transform:translate(-.25em) rotate(-180deg)}}@media (prefers-reduced-motion: reduce){.hero-card__desc:hover .fav__icon,.hero-card__desc:focus-within .fav__icon{animation:none}}.links-panel{display:flex;flex-direction:column;gap:12px;height:100%;animation:fadeUp .6s ease both;animation-delay:.3s}.links-panel__top{background:#141414;border-radius:20px;padding:20px;display:flex;flex-direction:column;gap:16px}.links-panel__title{font-family:Bebas Neue,sans-serif;font-size:2.6rem;line-height:1;letter-spacing:.04em;color:#fff}.links-panel__grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.links-panel__btn{position:relative;overflow:hidden;width:100%;aspect-ratio:1;background:#1e1e1e;border:1px solid #2a2a2a;border-radius:12px;display:flex;align-items:center;justify-content:center;color:var(--link-color, #fff);text-decoration:none;transition:transform .15s,border-color .25s}.links-panel__btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#fff;transform:translate(var(--social-fill-x, 0),var(--social-fill-y, 101%));transition:transform .3s cubic-bezier(.22,1,.36,1)}.links-panel__btn:hover:before{transform:translate(0)}.links-panel__btn svg{position:relative;z-index:1;transition:color .25s}.links-panel__btn:hover{border-color:#fff;color:var(--link-hover-color, #111);transform:scale(1.04)}@media (prefers-reduced-motion: reduce){.links-panel__btn,.links-panel__btn:before,.links-panel__btn svg{transition:none}}.links-panel__project{background:#c084fc;border-radius:20px;padding:20px;flex:1;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden;min-height:180px}.links-panel__project:before{content:"";position:absolute;bottom:-30px;right:-30px;width:130px;height:130px;border-radius:50%;background:#ffffff1f}.links-panel__project:after{content:"";position:absolute;bottom:-50px;right:-50px;width:180px;height:180px;border-radius:50%;background:#ffffff0f}.links-panel__project-icon{color:#1a1a1a;opacity:.8}.links-panel__project-name{font-family:Bebas Neue,sans-serif;font-size:2.2rem;line-height:1.05;color:#111;letter-spacing:.02em;z-index:1;position:relative}.links-panel__kanji{position:absolute;bottom:16px;right:16px;display:flex;flex-direction:column;align-items:center;font-size:1.1rem;color:#1a1a1a;opacity:.6;font-family:serif;line-height:1.3;z-index:1}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes breathe{0%,to{transform:scale(1);opacity:1}50%{transform:scale(.82);opacity:.7}}.links-panel__project-icon svg{animation:spin 2s linear infinite}.links-panel__project:before{animation:breathe 2s ease-in-out infinite}.links-panel__project:after{animation:breathe 2s ease-in-out infinite;animation-delay:.4s}.links-panel__client{background:#34d399;border-radius:20px;padding:20px;flex:1;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden;min-height:180px}.links-panel__client:before{content:"";position:absolute;bottom:-30px;right:-30px;width:130px;height:130px;border-radius:50%;background:#ffffff1f;animation:breathe 2s ease-in-out infinite}.links-panel__client:after{content:"";position:absolute;bottom:-50px;right:-50px;width:180px;height:180px;border-radius:50%;background:#ffffff0f;animation:breathe 2s ease-in-out infinite;animation-delay:.4s}a{text-decoration:none}.tech-stack{background:#141414;border-radius:20px;padding:24px 20px;display:flex;flex-direction:column;gap:16px;height:100%;animation:fadeUp .6s ease both}.tech-stack__header{display:flex;flex-direction:column;gap:4px}.tech-stack__icon{font-family:JetBrains Mono,monospace;font-size:2rem;font-weight:700;color:#fff;line-height:1}.tech-stack__title{font-family:Bebas Neue,sans-serif;font-size:3.2rem;line-height:1;letter-spacing:.02em;color:#fff}.tech-stack__categories{display:flex;flex-direction:column;gap:14px}.tech-stack__cat-label{font-size:.85rem;font-weight:600;color:#888;margin-bottom:5px;font-family:DM Sans,sans-serif}.tech-stack__tags{display:flex;flex-wrap:wrap;gap:5px 6px}.tech-stack__tag{background:#1e1e1e;border:1px solid #2a2a2a;color:#ccc;font-size:.75rem;padding:4px 9px;border-radius:6px;font-family:DM Sans,sans-serif;display:inline-flex;align-items:center;transition:border-color .2s,color .2s;cursor:default}.tech-stack__tag:hover{border-color:#555;color:#fff}.tech-stack__tag-icon{width:0;height:14px;flex:0 0 0;margin-right:0;color:#fff;opacity:0;overflow:hidden;transition:width .2s,flex-basis .2s,margin-right .2s,opacity .2s,color .2s}.tech-stack__tag:hover .tech-stack__tag-icon{width:14px;flex-basis:14px;margin-right:6px;color:var(--tech-color, #fff);opacity:1}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{background:#0a0a0a;font-family:DM Sans,sans-serif;color:#fff}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}.portfolio{width:100%;min-height:100vh;background:#0a0a0a;display:flex;align-items:center;justify-content:center;padding:24px}.portfolio__grid{display:grid;grid-template-columns:300px 1fr 210px;gap:12px;max-width:1180px;width:100%;align-items:start}.portfolio__col{display:flex;flex-direction:column;gap:12px}.portfolio__col--tech{animation:fadeUp .5s ease both}.portfolio__col--center{animation:fadeUp .5s ease both;animation-delay:.08s}.portfolio__col--links{animation:fadeUp .5s ease both;animation-delay:.16s}@media (max-width: 900px){.portfolio{align-items:flex-start}.portfolio__grid{grid-template-columns:minmax(0,1fr);max-width:640px}.portfolio__col--center{order:0}.portfolio__col--tech{order:1}.portfolio__col--links{order:2}}@media (max-width: 640px){.portfolio{padding:14px 12px 24px}.portfolio__grid,.portfolio__col{gap:10px}}.projects-page{background:#080808;color:#fff;font-family:DM Sans,sans-serif;min-height:100vh;overflow-x:hidden}.proj-intro{height:100vh;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:0 8vw;gap:16px;position:relative}.proj-intro-label{font-family:JetBrains Mono,monospace;font-size:.75rem;color:#444;letter-spacing:.12em;text-transform:uppercase}.proj-intro-title{font-family:Bebas Neue,sans-serif;font-size:clamp(3.2rem,10vw,9rem);line-height:.95;letter-spacing:.01em;color:#fff}.proj-intro-sub{font-size:.9rem;color:#444;margin-top:8px}.proj-intro-arrow{position:absolute;bottom:40px;left:8vw;font-size:1.4rem;color:#333;animation:bounce 2s ease-in-out infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(8px)}}.proj-spotlight{height:100vh;display:grid;grid-template-columns:120px 1fr 380px;padding:60px 4vw 60px 6vw;overflow:hidden;position:relative;background:#080808}.proj-spotlight:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);background-size:60px 60px;pointer-events:none}.proj-index{display:flex;flex-direction:column;align-items:flex-start;gap:16px;padding-top:4px;will-change:transform}.proj-counter{font-family:JetBrains Mono,monospace;font-size:.78rem;color:#555;letter-spacing:.1em;white-space:nowrap}.proj-index-line{width:1px;height:60px;background:linear-gradient(to bottom,#333,transparent)}.proj-images-wrap{display:flex;align-items:flex-start;justify-content:center;overflow:hidden;position:relative}.proj-images{display:flex;flex-direction:column;gap:24px;padding:20vh 0;will-change:transform}.proj-image{width:clamp(280px,30vw,420px);aspect-ratio:16 / 10;border-radius:16px;overflow:hidden;position:relative;opacity:.12;transform:scale(.95);border:1px solid #1a1a1a;will-change:opacity,transform;transition:opacity .2s ease,transform .2s ease}.proj-image-bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:top;opacity:.9}.proj-image-overlay{position:absolute;top:14px;left:14px;right:14px;display:flex;justify-content:space-between;align-items:center;z-index:1}.proj-image-type{font-family:JetBrains Mono,monospace;font-size:.65rem;color:#ffffff80;background:#0006;padding:3px 8px;border-radius:4px;letter-spacing:.06em}.proj-image-year{font-family:JetBrains Mono,monospace;font-size:.65rem;color:#fff6}.proj-image-tags{position:absolute;bottom:14px;left:14px;display:flex;flex-wrap:wrap;gap:5px;z-index:1}.proj-image-tag{font-family:JetBrains Mono,monospace;font-size:.6rem;padding:2px 7px;border-radius:4px;border:1px solid;background:#00000080;letter-spacing:.04em}.proj-names-wrap{display:flex;align-items:flex-start;justify-content:flex-start;overflow:hidden;padding-left:40px;padding-top:20px}.proj-names{width:100%;will-change:transform}.proj-title{display:flex;flex-direction:column;gap:10px;height:300px;padding:28px 0 32px;border-bottom:1px solid #111;opacity:.12;color:#222;will-change:opacity,color;transition:opacity .15s ease,color .15s ease}.proj-title-role{font-family:JetBrains Mono,monospace;font-size:.68rem;color:#444;letter-spacing:.1em;text-transform:uppercase}.proj-title-name{font-family:Bebas Neue,sans-serif;font-size:clamp(2.4rem,4vw,3.6rem);line-height:1;letter-spacing:.02em;color:inherit}.proj-title-desc{font-size:.82rem;color:#666;line-height:1.65;max-width:320px;font-weight:300}.proj-title-links{display:flex;gap:12px;margin-top:6px}.proj-link{font-family:JetBrains Mono,monospace;font-size:.7rem;text-decoration:none;padding:5px 12px;border-radius:6px;letter-spacing:.04em;transition:background .2s,color .2s}.proj-link--live{background:#fff;color:#000}.proj-link--live:hover{background:#ddd}.proj-link--gh{background:#1a1a1a;color:#888;border:1px solid #2a2a2a}.proj-link--gh:hover{background:#222;color:#fff}.proj-link--wip{background:transparent;color:#333;border:1px solid #1e1e1e;cursor:default;font-size:.65rem}.mob-list{display:flex;flex-direction:column;gap:16px;padding:0 16px 60px}@keyframes mobFadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.mob-card{background:#111;border:1px solid #1e1e1e;border-radius:20px;overflow:hidden;animation:mobFadeUp .5s ease both;transition:border-color .2s}.mob-card:hover{border-color:var(--accent, #444)}.mob-card-image{position:relative;width:100%;aspect-ratio:16 / 9;overflow:hidden}.mob-card-badges{position:absolute;top:12px;left:12px;right:12px;display:flex;justify-content:space-between;align-items:center;z-index:1}.mob-card-type{font-family:JetBrains Mono,monospace;font-size:.6rem;color:#fff9;background:#00000080;padding:3px 8px;border-radius:4px;letter-spacing:.06em}.mob-card-year{font-family:JetBrains Mono,monospace;font-size:.6rem;color:#fff6}.mob-card-tags{position:absolute;bottom:12px;left:12px;display:flex;flex-wrap:wrap;gap:4px;z-index:1}.mob-card-tag{font-family:JetBrains Mono,monospace;font-size:.58rem;padding:2px 6px;border-radius:4px;border:1px solid;background:#0009;letter-spacing:.03em}.mob-card-body{padding:16px 18px 20px;display:flex;flex-direction:column;gap:6px}.mob-card-role{font-family:JetBrains Mono,monospace;font-size:.62rem;color:#555;letter-spacing:.1em;text-transform:uppercase}.mob-card-name{font-family:Bebas Neue,sans-serif;font-size:2rem;line-height:1;letter-spacing:.02em;color:#fff}.mob-card-desc{font-size:.8rem;color:#666;line-height:1.6;font-weight:300;margin-top:2px}.mob-card-links{display:flex;gap:8px;margin-top:10px}.proj-outro{height:50vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px}.proj-outro-text{font-family:Bebas Neue,sans-serif;font-size:clamp(1.8rem,6vw,3rem);color:#222;letter-spacing:.04em}.proj-back{font-family:JetBrains Mono,monospace;font-size:.75rem;color:#555;background:none;border:none;border-bottom:1px solid #2a2a2a;padding-bottom:2px;cursor:pointer;letter-spacing:.08em;transition:color .2s,border-color .2s}.proj-back:hover{color:#fff;border-color:#fff}.work-gallery{--work-ink: #f1f1f1;--work-muted: #858585;--work-line: rgba(255, 255, 255, .11);--work-accent: #d8b4fe;position:relative;min-height:100vh;padding:0 clamp(22px,7vw,112px);color:var(--work-ink);isolation:isolate}.work-gallery.is-previewing:before{position:fixed;z-index:5;top:0;right:0;bottom:0;left:0;background:#0808083d;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);content:"";pointer-events:none}.work-gallery__intro{max-width:980px;padding:clamp(90px,13vh,140px) 0 48px}.work-gallery__label,.work-gallery__year,.work-gallery__button,.work-gallery__preview span,.work-gallery__mobile-type{font-family:JetBrains Mono,monospace}.work-gallery__label{margin-bottom:16px;color:var(--work-accent);font-size:.72rem;letter-spacing:.16em;text-transform:uppercase}.work-gallery__title{color:var(--work-ink);font-family:Bebas Neue,sans-serif;font-size:clamp(3.6rem,7vw,6.6rem);font-weight:400;line-height:.9;letter-spacing:.01em}.work-gallery__subtitle{max-width:580px;margin-top:18px;color:var(--work-muted);font-size:.95rem;line-height:1.6}.work-gallery__list{border-top:1px solid var(--work-line)}.work-gallery__row{position:relative;z-index:0;display:grid;grid-template-columns:minmax(115px,max-content) minmax(0,1fr) 42px auto;gap:clamp(12px,2vw,26px);align-items:center;min-height:58px;padding:10px 12px;border-bottom:1px solid var(--work-line);transition:border-color .2s ease,background .2s ease,padding .2s ease;animation:fadeUp .45s ease both;animation-delay:calc(var(--row-index, 0) * 55ms)}.work-gallery__row.is-clickable{cursor:pointer}.work-gallery__row.is-active{z-index:6;padding-right:16px;padding-left:16px;border-bottom-color:#ffffff6b;background:#ffffff0b}.work-gallery__row:focus-visible{outline:2px solid #fff;outline-offset:3px}.work-gallery__name{min-width:0;margin:0;color:#ededed;font-family:DM Sans,sans-serif;font-size:.9rem;font-weight:650;line-height:1.4;white-space:nowrap}.work-gallery__name a{position:static;color:inherit;text-decoration:none;transition:color .16s ease}.work-gallery__stretched-link:after{position:absolute;z-index:0;top:0;right:0;bottom:0;left:0;content:"";cursor:pointer}.work-gallery__row.is-clickable .work-gallery__name a:focus-visible:after,.work-gallery__mobile-card .work-gallery__name a:focus-visible:after{outline:2px solid var(--work-accent);outline-offset:3px}.work-gallery__row.is-active .work-gallery__name,.work-gallery__name a:hover{color:#fff}.work-gallery__name a:focus-visible,.work-gallery__button:focus-visible,.work-gallery__footer button:focus-visible{border-radius:2px;outline:2px solid var(--work-accent);outline-offset:3px}.work-gallery__row-content{min-width:0}.work-gallery__description{min-width:0;color:#929292;font-size:.88rem;line-height:1.5;overflow-wrap:anywhere}.work-gallery__year{color:#777;font-size:.72rem;text-align:right;white-space:nowrap}.work-gallery__sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;clip-path:inset(50%)}.work-gallery__actions{position:relative;z-index:1;display:flex;flex-wrap:wrap;gap:7px}.work-gallery__button{display:inline-flex;min-height:48px;min-width:96px;align-items:center;justify-content:center;gap:8px;padding:0 14px;border:1px solid rgba(255,255,255,.52);border-radius:6px;color:#f4f4f4;font-size:.75rem;font-weight:600;text-decoration:none;white-space:nowrap;transition:border-color .16s ease,color .16s ease,background .16s ease,transform .16s ease}.work-gallery__button:hover{transform:translateY(-2px)}.work-gallery__button--live,.work-gallery__button--live:hover{border-color:#fff;background:#fff;color:#111}.work-gallery__button--github:hover{border-color:#fff;background:#ffffff1a;color:#fff}.work-gallery__availability{display:inline-flex;min-height:48px;align-items:center;padding:0 12px;border:1px solid rgba(255,255,255,.3);border-radius:5px;color:#d0d0d0;font-size:.72rem;white-space:nowrap}.work-gallery__preview{position:fixed;z-index:10;width:clamp(270px,34vw,440px);aspect-ratio:16 / 10;overflow:hidden;border:4px solid #fff;border-radius:12px;background:#171614;box-shadow:0 24px 70px #00000073;pointer-events:none;transition:left 80ms ease-out,top 80ms ease-out,opacity .15s ease;animation:workPreviewIn .18s ease both}.work-gallery__preview img{display:block;width:100%;height:100%;object-fit:cover;object-position:top}.work-gallery__preview span{position:absolute;right:10px;bottom:10px;padding:6px 9px;border:1px solid rgba(255,255,255,.55);border-radius:4px;background:#0a0a0acc;color:#fff;font-size:.64rem}@keyframes workPreviewIn{0%{opacity:0;scale:.96}to{opacity:1;scale:1}}.work-gallery__mobile-list{display:none}.work-gallery__footer{min-height:30vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;color:var(--work-muted);text-align:center}.work-gallery__footer p{color:#d2d2d2;font-family:Bebas Neue,sans-serif;font-size:clamp(2rem,5vw,3.8rem)}.work-gallery__footer button{padding:8px 0;border:0;border-bottom:1px solid #514c45;background:transparent;color:#c2c2c2;font-family:JetBrains Mono,monospace;font-size:.74rem;cursor:pointer}.work-gallery__footer button:hover{border-color:var(--work-accent);color:var(--work-accent)}@media (max-width: 920px){.work-gallery__row{grid-template-columns:minmax(100px,max-content) minmax(0,1fr) 38px}.work-gallery__row .work-gallery__actions{grid-column:2 / -1;padding-top:2px}}@media (max-width: 760px),(hover: none){.work-gallery{padding:0 18px}.work-gallery__intro{padding:90px 0 38px}.work-gallery__title{font-size:clamp(3.5rem,17vw,6.5rem)}.work-gallery__subtitle{margin-top:16px;font-size:.92rem}.work-gallery__list,.work-gallery__preview{display:none}.work-gallery.is-previewing:before{display:none}.work-gallery__mobile-list{display:grid;gap:18px}.work-gallery__mobile-card{position:relative;overflow:hidden;border:1px solid var(--work-line);border-radius:14px;background:#111}.work-gallery__mobile-image-wrap{position:relative;overflow:hidden;aspect-ratio:16 / 10;background:#191817}.work-gallery__mobile-image{display:block;width:100%;height:100%;object-fit:cover;object-position:top}.work-gallery__mobile-type{position:absolute;top:12px;right:12px;padding:5px 8px;border:1px solid rgba(255,255,255,.34);border-radius:4px;background:#0c0c0cb8;color:#fff;font-size:.62rem}.work-gallery__mobile-content{padding:18px}.work-gallery__mobile-content .work-gallery__meta{display:flex;flex-wrap:wrap;gap:7px 12px;color:var(--work-muted);font-family:JetBrains Mono,monospace;font-size:.67rem;text-transform:uppercase}.work-gallery__mobile-content .work-gallery__name{margin-top:9px;font-size:1.55rem;white-space:normal}.work-gallery__mobile-content .work-gallery__description{overflow:visible;color:#bcbcbc;font-size:.88rem;line-height:1.6;white-space:normal}.work-gallery__tags{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0 0;padding:0;list-style:none}.work-gallery__tags li{padding:4px 7px;border:1px solid rgba(255,255,255,.16);border-radius:4px;color:#c4c4c4;font-size:.65rem}.work-gallery__mobile-content .work-gallery__actions{gap:8px;margin-top:16px}.work-gallery__mobile-content .work-gallery__button,.work-gallery__mobile-content .work-gallery__availability{min-height:48px}.work-gallery__mobile-content .work-gallery__actions{position:relative;z-index:1}.work-gallery__mobile-content .work-gallery__button{min-width:120px;padding:0 15px;font-size:.75rem}.work-gallery__footer{min-height:26vh}}@media (prefers-reduced-motion: reduce){.work-gallery__row,.work-gallery__name a,.work-gallery__button,.work-gallery__preview{transition:none;animation:none}}