@font-face{font-family:GunaTech;src:url(/assets/fonts/guna-tech.otf.otf) format("opentype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:GunaTech;src:url(/assets/fonts/guna-tech-bold.otf.otf) format("opentype"),url(/assets/fonts/guna-tech.otf.otf) format("opentype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:GunaTech;src:url(/assets/fonts/guna-tech-black.otf.otf) format("opentype"),url(/assets/fonts/guna-tech-bold.otf.otf) format("opentype"),url(/assets/fonts/guna-tech.otf.otf) format("opentype");font-weight:900;font-style:normal;font-display:swap}:root{--bg-primary: linear-gradient(135deg, #e8f4fd 0%, #f0f8ff 25%, #e1f3ff 50%, #f8fcff 75%, #e8f4fd 100%);--bg-secondary: rgba(232, 244, 253, .6);--bg-card: rgba(232, 244, 253, .4);--bg-hover: rgba(232, 244, 253, .7);--text-primary: #2d3748;--text-secondary: #4a5568;--text-muted: #718096;--accent-green: #00d26a;--accent-purple: #a78bfa;--accent-cyan: #67e8f9;--accent-pink: #f472b6;--border: rgba(45, 55, 72, .1);--shadow-light: rgba(232, 244, 253, .3);--shadow-dark: rgba(0, 0, 0, .1);--glow: rgba(168, 139, 250, .3)}body.light-mode,body:not(.dark-mode){--bg-primary: linear-gradient(135deg, #e8f4fd 0%, #f0f8ff 25%, #e1f3ff 50%, #f8fcff 75%, #e8f4fd 100%);--bg-secondary: rgba(232, 244, 253, .6);--bg-card: rgba(232, 244, 253, .4);--bg-hover: rgba(232, 244, 253, .7);--text-primary: #2d3748;--text-secondary: #4a5568;--text-muted: #718096;--accent-green: #00d26a;--accent-purple: #a78bfa;--accent-cyan: #67e8f9;--accent-pink: #f472b6;--border: rgba(45, 55, 72, .1);--shadow-light: rgba(232, 244, 253, .3);--shadow-dark: rgba(0, 0, 0, .1);--glow: rgba(168, 139, 250, .3)}body.dark-mode{--bg-primary: linear-gradient(135deg, #0a0a0a 0%, #111111 25%, #0f0f0f 50%, #121212 75%, #0a0a0a 100%);--bg-secondary: rgba(20, 20, 20, .6);--bg-card: rgba(30, 30, 30, .4);--bg-hover: rgba(40, 40, 40, .5);--text-primary: #ffffff;--text-secondary: #e2e8f0;--text-muted: #a0aec0;--accent-green: #4ade80;--accent-purple: #c084fc;--accent-cyan: #22d3ee;--accent-pink: #f472b6;--border: rgba(60, 60, 60, .3);--shadow-light: rgba(40, 40, 40, .1);--shadow-dark: rgba(0, 0, 0, .3);--glow: rgba(196, 132, 252, .4)}body.light-mode .profile-name-japanese,body:not(.dark-mode) .profile-name-japanese{color:#2d3748;background:linear-gradient(135deg,#4299e1,#9f7aea);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 10px rgba(66,153,225,.3)}body.light-mode .profile-name-tech,body:not(.dark-mode) .profile-name-tech{color:#000!important;background:none!important;-webkit-background-clip:unset!important;-webkit-text-fill-color:unset!important;background-clip:unset!important;text-shadow:none!important;filter:none!important}body.dark-mode .profile-name-japanese{color:var(--accent-primary);background:linear-gradient(135deg,var(--accent-cyan),var(--accent-purple));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 10px rgba(0,212,255,.3)}body.dark-mode .profile-name-tech{color:#fff!important;background:none!important;-webkit-background-clip:unset!important;-webkit-text-fill-color:unset!important;background-clip:unset!important;text-shadow:none!important;filter:none!important}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--bg-primary);color:var(--text-primary);line-height:1.6;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;min-height:100vh;position:relative}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:url(/assets/cloud-background.png) center center/cover no-repeat;opacity:.4;pointer-events:none;z-index:-10}body.dark-mode:before{background:transparent;opacity:0}.animate-on-scroll{opacity:0;transform:translateY(30px);transition:all .6s cubic-bezier(.4,0,.2,1)}.animate-on-scroll.animated{opacity:1;transform:translateY(0)}.fade-in{opacity:0;transition:opacity .8s ease-out}.fade-in.animated{opacity:1}.gradient-blob{will-change:transform}.enhanced-hover{transition:all .3s cubic-bezier(.4,0,.2,1)}.enhanced-hover:hover{transform:translateY(-3px);box-shadow:0 10px 25px #0000004d}.squircle-image{border-radius:25%;object-fit:cover}.squircle-small{width:60px;height:60px}.squircle-medium{width:100px;height:100px}.squircle-large{width:200px;height:200px}.squircle-card{border-radius:25px}.squircle-card-sm{border-radius:20px}.squircle-card-lg{border-radius:30px}.squircle-icon{border-radius:25%}.squircle-button{border-radius:20px}.container{max-width:1400px;margin:0 auto;padding:80px 60px;display:grid;grid-template-columns:400px 1fr 300px;gap:48px;align-items:start}.neu-card{background:transparent;border:1px solid var(--border);border-radius:20px;box-shadow:12px 12px 24px var(--shadow-dark),-12px -12px 24px var(--shadow-light);transition:all .4s cubic-bezier(.4,0,.2,1)}.neu-card:hover{transform:translateY(-8px);box-shadow:16px 16px 32px var(--shadow-dark),-16px -16px 32px var(--shadow-light),0 20px 40px #a88bfa33}.tech-stack{background:var(--bg-card);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:32px;border-radius:20px;height:fit-content;border:1px solid var(--border);box-shadow:12px 12px 24px var(--shadow-dark),-12px -12px 24px var(--shadow-light);transition:all .4s cubic-bezier(.4,0,.2,1);color:var(--text-primary)}.tech-stack:hover{transform:translateY(-2px);box-shadow:16px 16px 32px var(--shadow-dark),-16px -16px 32px var(--shadow-light),0 16px 32px #a88bfa33}body.dark-mode .tech-stack{background:#1a1a1a;border:1px solid rgba(255,255,255,.1);color:#fff}body.dark-mode .tech-stack:hover{background:#2a2a2a;box-shadow:0 8px 25px #0006}.tech-header{display:flex;align-items:center;gap:12px;margin-bottom:32px}.tech-brackets{font-size:40px;font-weight:900;color:var(--text-primary);line-height:1}.tech-title{font-size:28px;font-weight:900;color:var(--text-primary);line-height:1}.underline{height:2px;background:var(--text-primary);width:100%;margin-top:8px}.tech-section{margin-bottom:32px}.tech-section h3{font-size:16px;font-weight:600;color:var(--text-primary);margin-bottom:12px}.tech-badges{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.tech-badge{background:var(--bg-hover);color:var(--text-primary);padding:8px 16px;border-radius:16px;font-size:13px;font-weight:500;border:1px solid var(--border);cursor:pointer;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:4px 4px 8px var(--shadow-dark),-2px -2px 4px var(--shadow-light)}.tech-badge:hover{background:var(--bg-card);transform:translateY(-1px);box-shadow:6px 6px 12px var(--shadow-dark),-3px -3px 6px var(--shadow-light)}body.dark-mode .tech-brackets,body.dark-mode .tech-title,body.dark-mode .underline,body.dark-mode .tech-section h3{color:#fff}body.dark-mode .underline{background:#fff}body.dark-mode .tech-badge{background:#2a2a2a;color:#fff;border:1px solid rgba(255,255,255,.1);box-shadow:0 2px 8px #0003}body.dark-mode .tech-badge:hover{background:#3a3a3a;color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px #0000004d;border-color:#fff3}.tech-badges[data-section=ai-ml] .tech-badge:hover{box-shadow:8px 8px 16px var(--shadow-dark),-8px -8px 16px var(--shadow-light),0 8px 20px #f472b666}.tech-badges[data-section=backend] .tech-badge:hover{box-shadow:8px 8px 16px var(--shadow-dark),-8px -8px 16px var(--shadow-light),0 8px 20px #34d39966}.tech-badges[data-section=database] .tech-badge:hover{box-shadow:8px 8px 16px var(--shadow-dark),-8px -8px 16px var(--shadow-light),0 8px 20px #8b5cf666}.profile-section{display:flex;flex-direction:column;gap:40px}.profile-card{background:var(--bg-card);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:40px;border-radius:24px;border:2px solid transparent;position:relative;box-shadow:12px 12px 24px var(--shadow-dark),-12px -12px 24px var(--shadow-light);transition:all .4s cubic-bezier(.4,0,.2,1);overflow:hidden}.profile-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:24px;padding:2px;background:linear-gradient(135deg,var(--accent-color),#8b5cf6,#ec4899,var(--accent-color));background-size:300% 300%;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:gradientBorder 3s ease infinite;opacity:.6;z-index:0}.profile-card:after{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:24px;background:radial-gradient(circle at 50% 50%,rgba(59,130,246,.1),transparent 70%);opacity:0;transition:opacity .4s ease;z-index:-1}.profile-card:hover:after{opacity:1}.profile-card:hover{transform:translateY(-6px) scale(1.01);box-shadow:16px 16px 32px var(--shadow-dark),-16px -16px 32px var(--shadow-light),0 20px 40px #3b82f633}@keyframes gradientBorder{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.night-mode-toggle{position:absolute;top:24px;right:24px;width:44px;height:44px;background:transparent;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;color:var(--text-secondary);cursor:pointer;border:1px solid var(--border);box-shadow:6px 6px 12px var(--shadow-dark),-6px -6px 12px var(--shadow-light);transition:all .3s cubic-bezier(.4,0,.2,1)}.night-mode-toggle:hover{transform:scale(1.1);box-shadow:8px 8px 16px var(--shadow-dark),-8px -8px 16px var(--shadow-light),0 4px 12px var(--glow);color:var(--text-primary)}.night-mode-toggle:hover{color:var(--text-primary)}.profile-header{display:flex;align-items:center;gap:16px;margin-bottom:12px}.profile-info{display:flex;flex-direction:column;gap:0}.profile-image{width:70px;height:70px;border-radius:30%;background:linear-gradient(135deg,#333,#555);background-image:url(/assets/profile-photo.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;object-fit:cover;flex-shrink:0;border:3px solid transparent;box-shadow:0 8px 24px #00000026,0 0 0 3px var(--bg-card);transition:all .4s cubic-bezier(.4,0,.2,1);position:relative}.profile-image:before{content:"";position:absolute;top:-5px;right:-5px;bottom:-5px;left:-5px;border-radius:30%;background:linear-gradient(135deg,var(--accent-color),#8b5cf6,#ec4899);background-size:200% 200%;animation:rotateBorder 3s linear infinite;opacity:0;transition:opacity .3s ease;z-index:-1}.profile-image:hover:before{opacity:.8}.profile-image:hover{transform:scale(1.1) translateY(-2px) rotate(2deg);box-shadow:0 12px 32px #3b82f64d,0 0 0 3px var(--bg-card),0 0 20px #3b82f633}@keyframes rotateBorder{0%{background-position:0% 50%;transform:rotate(0)}50%{background-position:100% 50%}to{background-position:0% 50%;transform:rotate(360deg)}}.profile-info h1{font-size:28px;font-weight:800;background:linear-gradient(135deg,var(--text-primary),var(--accent-color),#8b5cf6);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradientText 4s ease infinite;margin-bottom:4px;letter-spacing:-.5px}@keyframes gradientText{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.profile-username{color:var(--text-muted);font-size:14px;margin-bottom:0;opacity:.8;transition:opacity .3s ease}.profile-name-japanese{font-size:18px;font-weight:700;color:var(--accent-primary);margin-bottom:8px;font-family:Hiragino Sans,Yu Gothic,Meiryo,Takao,IPAexGothic,IPAPGothic,VL PGothic,Noto Sans CJK JP,sans-serif;letter-spacing:2px;text-shadow:0 0 10px rgba(0,212,255,.3);background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:japaneseGlow 3s ease-in-out infinite alternate}.profile-name-tech{font-size:24px;font-weight:900;font-family:GunaTech,Inter,Roboto Mono,Courier New,monospace;color:var(--text-primary);margin-bottom:0;letter-spacing:2px;text-transform:none;position:relative;text-shadow:none;filter:none;transform:none;display:block;text-align:left}@keyframes techNameFlow{0%{background-position:0% 50%;transform:perspective(500px) rotateX(15deg) scale(1)}25%{background-position:100% 50%;transform:perspective(500px) rotateX(12deg) scale(1.02)}50%{background-position:100% 100%;transform:perspective(500px) rotateX(18deg) scale(1)}75%{background-position:0% 100%;transform:perspective(500px) rotateX(15deg) scale(1.01)}to{background-position:0% 50%;transform:perspective(500px) rotateX(15deg) scale(1)}}@keyframes japaneseGlow{0%{filter:brightness(1);transform:scale(1)}to{filter:brightness(1.2);transform:scale(1.02)}}@keyframes techGlow{0%{opacity:.2;transform:scale(.95)}to{opacity:.4;transform:scale(1.05)}}.profile-username{font-size:16px;color:var(--text-secondary);margin-bottom:16px;font-weight:500;opacity:.8;transition:opacity .3s ease}.profile-info:hover .profile-username{opacity:1}.profile-content{margin-top:16px}.profile-tagline{font-size:20px;margin-bottom:16px;font-weight:600;display:flex;align-items:center;gap:.25em;line-height:1.4}.profile-tagline .highlight{color:var(--text-primary);font-weight:700}.profile-description{color:var(--text-secondary);font-size:16px;margin-bottom:16px;line-height:1.5}.status-section{display:flex;justify-content:space-between;align-items:center}.quote-preview{color:var(--text-muted);font-size:14px;font-style:italic;max-width:200px}.status{display:flex;flex-direction:column;align-items:flex-end;text-align:right}.status-dot{width:10px;height:10px;background:var(--accent-green);border-radius:50%;animation:pulseGlow 2s infinite;display:inline-block;margin-right:8px;box-shadow:0 0 10px var(--accent-green);position:relative}.status-dot:before{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:50%;border:2px solid var(--accent-green);animation:ringPulse 2s infinite}.status-text{color:var(--accent-green);font-size:14px;font-weight:600;text-shadow:0 0 10px rgba(34,197,94,.3)}.status-time{color:var(--text-muted);font-size:12px;margin-top:2px;opacity:.8}@keyframes pulseGlow{0%,to{opacity:1;box-shadow:0 0 10px var(--accent-green)}50%{opacity:.6;box-shadow:0 0 20px var(--accent-green)}}@keyframes ringPulse{0%{transform:scale(1);opacity:1}to{transform:scale(1.5);opacity:0}}.quote-section{background:var(--bg-card);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:32px;border-radius:20px;border:1px solid var(--border);box-shadow:0 2px 10px #00000008;position:relative}.quote-text{font-size:16px;color:var(--text-secondary);line-height:1.4;font-style:italic;transition:opacity .3s ease}.daily-tools{background:var(--bg-card);background-image:url(/assets/images/experience-bg.png);background-size:cover;background-position:center;background-repeat:no-repeat;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:40px;border-radius:20px;border:1px solid var(--border);box-shadow:12px 12px 24px var(--shadow-dark),-12px -12px 24px var(--shadow-light);transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;cursor:pointer}.daily-tools:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#0006;z-index:1}.daily-tools>*{position:relative;z-index:2}.daily-tools:hover{transform:translateY(-2px);box-shadow:16px 16px 32px var(--shadow-dark),-16px -16px 32px var(--shadow-light),0 16px 32px #67e8f933}.daily-header{margin-bottom:48px}.daily-title,.daily-subtitle{font-size:32px;font-weight:900;color:var(--text-primary);line-height:1}.right-sidebar{display:flex;flex-direction:column;gap:32px}.links-section{background:var(--bg-card);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:40px;border-radius:20px;border:1px solid var(--border);box-shadow:12px 12px 24px var(--shadow-dark),-12px -12px 24px var(--shadow-light);transition:all .4s cubic-bezier(.4,0,.2,1)}.links-section:hover{transform:translateY(-4px);box-shadow:16px 16px 32px var(--shadow-dark),-16px -16px 32px var(--shadow-light),0 16px 32px #f472b633}.links-header{display:flex;align-items:center;gap:8px;margin-bottom:32px;position:relative;z-index:1}.links-title{font-size:22px;font-weight:900;color:var(--text-primary);margin-bottom:4px}.social-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;justify-items:center;align-items:center;position:relative;z-index:1;padding:8px;max-width:220px;margin:0 auto}.social-link{width:65px;height:65px;background:#1a1a1a;border:2px solid rgba(255,255,255,.1);border-radius:20px;display:flex;align-items:center;justify-content:center;text-decoration:none;color:#fff;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:4px 4px 12px var(--shadow-dark),-4px -4px 12px var(--shadow-light);position:relative;overflow:hidden;font-size:22px}.social-link:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,rgba(255,255,255,.1),transparent);transform:rotate(45deg);transition:all .5s ease}.social-link:hover:before{left:100%}.social-link:hover{transform:translateY(-4px) scale(1.05);box-shadow:6px 6px 18px var(--shadow-dark),-6px -6px 18px var(--shadow-light),0 10px 30px #0000004d;border-color:#ffffff4d}body:not(.dark-mode) .social-link{background:#1a1a1af2;color:#fff;border:1px solid rgba(255,255,255,.1);box-shadow:0 4px 12px #00000026}body:not(.dark-mode) .social-link:hover{background:#2a2a2af2;transform:translateY(-2px);box-shadow:0 8px 25px #00000040}.github:hover{background:#24292e!important;box-shadow:0 8px 25px #24292e66}.twitter:hover{background:#1da1f2!important;box-shadow:0 8px 25px #1da1f266}.gmail:hover{background:#ea4335!important;box-shadow:0 8px 25px #ea433566}.discord:hover{background:#5865f2!important;box-shadow:0 8px 25px #5865f266}.linkedin:hover{background:#0077b5!important;box-shadow:0 8px 25px #0077b566}.medial:hover{background:#000!important;box-shadow:0 8px 25px #0006}.medial{background:#1a1a1a}.medial svg{color:#1a1a1a}.project-card{background:linear-gradient(135deg,#87ceeb,#b4d6f1,#d6e9f7);padding:32px;border-radius:20px;position:relative;cursor:pointer;transition:transform .2s ease;color:#2d3748;overflow:hidden;border:1px solid rgba(135,206,235,.3)}body.dark-mode .project-card{background:linear-gradient(135deg,#a855f7,#c084fc,#e879f9);color:#000;border:1px solid rgba(168,85,247,.3)}.project-card:hover{transform:translateY(-2px)}.project-icon{position:absolute;top:24px;right:24px;font-size:28px;z-index:3}.project-animation-container{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;pointer-events:none;overflow:hidden}.rotating-gear{position:absolute;top:24px;right:24px;font-size:28px;animation:rotateGear 4s linear infinite;transform-origin:center center;z-index:3;display:flex;align-items:center;justify-content:center}.rotating-gear svg{width:28px;height:28px;color:currentColor}body.light-mode .rotating-gear svg,body:not(.dark-mode) .rotating-gear svg{color:#2d3748}body.dark-mode .rotating-gear svg{color:#fff}@keyframes rotateGear{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.project-circles{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.circle{position:absolute;background:#ffffff26;border-radius:50%;animation:zoomInOut 4s ease-in-out infinite;left:50%;top:50%;transform-origin:center center}.circle-1{width:120px;height:120px;animation-delay:0s;background:#fff3;margin-left:-60px;margin-top:-60px}.circle-2{width:200px;height:200px;animation-delay:1.3s;background:#ffffff26;margin-left:-100px;margin-top:-100px}.circle-3{width:280px;height:280px;animation-delay:2.6s;background:#ffffff1a;margin-left:-140px;margin-top:-140px}@keyframes zoomInOut{0%,to{transform:scale(.3);opacity:.4}50%{transform:scale(1);opacity:.8}}body.dark-mode .circle-1{background:#00000026}body.dark-mode .circle-2{background:#0000001a}body.dark-mode .circle-3{background:#00000014}.experience-animation-container{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;pointer-events:none;overflow:hidden}.experience-icon{position:absolute;top:24px;right:24px;font-size:28px;animation:rotateGear 4s linear infinite;transform-origin:center center;z-index:3;display:flex;align-items:center;justify-content:center}.experience-icon svg{width:28px;height:28px;color:currentColor}body.light-mode .experience-icon svg,body:not(.dark-mode) .experience-icon svg{color:#1a1a1a!important}body.dark-mode .experience-icon svg{color:#fff!important}.experience-circles{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.experience-circles .circle{position:absolute;background:#ffffff26;border-radius:50%;animation:zoomInOut 4s ease-in-out infinite;left:50%;top:50%;transform-origin:center center}.experience-circles .circle-1{width:120px;height:120px;animation-delay:0s;background:#fff3;margin-left:-60px;margin-top:-60px}.experience-circles .circle-2{width:200px;height:200px;animation-delay:1.3s;background:#ffffff26;margin-left:-100px;margin-top:-100px}.experience-circles .circle-3{width:280px;height:280px;animation-delay:2.6s;background:#ffffff1a;margin-left:-140px;margin-top:-140px}body.dark-mode .experience-circles .circle-1{background:#00000026}body.dark-mode .experience-circles .circle-2{background:#0000001a}body.dark-mode .experience-circles .circle-3{background:#00000014}.experience-title{font-size:32px;font-weight:900;margin-bottom:20px;line-height:1;text-transform:uppercase;position:relative;z-index:4;color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.8)}.experience-japanese{font-size:14px;color:#fffc;margin-bottom:20px;position:relative;z-index:4;text-shadow:1px 1px 2px rgba(0,0,0,.8)}.project-title{font-size:32px;font-weight:900;margin-bottom:0;line-height:1;text-transform:uppercase}.project-subtitle{font-size:32px;font-weight:900;line-height:1;margin-bottom:40px;text-transform:uppercase}.project-japanese{position:absolute;bottom:20px;right:24px;font-size:16px;font-weight:700;writing-mode:vertical-rl;text-orientation:mixed}.recent-work{background:var(--bg-card);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:32px;border-radius:20px;border:1px solid var(--border);box-shadow:12px 12px 24px var(--shadow-dark),-12px -12px 24px var(--shadow-light)}.recent-title{font-size:18px;font-weight:600;color:var(--text-primary);margin-bottom:16px}.work-item{display:flex;gap:16px;align-items:center;margin-bottom:16px}.work-thumbnail{width:60px;height:60px;border-radius:8px;background:linear-gradient(135deg,#ff6b35,#f7931e);display:flex;align-items:center;justify-content:center;font-size:24px;flex-shrink:0}.work-info h4{font-size:14px;font-weight:500;color:var(--text-primary);margin-bottom:4px;line-height:1.3}.work-info p{font-size:12px;color:var(--text-muted)}.glow-active{position:relative}.glow-active:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:transparent;border-radius:inherit;pointer-events:none;opacity:0;transition:opacity .3s ease}body.dark-mode .glow-active:after{background:transparent}.glow-active:hover:after{opacity:0}@media (max-width: 1200px){.container{grid-template-columns:1fr;gap:32px;max-width:800px;padding:48px 32px}.tech-stack,.profile-card,.daily-tools,.links-section,.recent-work{padding:32px}.profile-section{order:1;display:flex;flex-direction:column}.profile-card{order:1}.links-section{order:2}.tech-stack{order:3}.project-card{order:4}.daily-tools{order:5}.quote-section{order:6}.recent-work{order:7}}@media (max-width: 768px){body{font-size:14px;-webkit-overflow-scrolling:touch;touch-action:manipulation;overflow-x:hidden}.container{grid-template-columns:1fr;padding:16px 12px;gap:20px;touch-action:pan-y;max-width:100vw;box-sizing:border-box}.tech-badge,.social-link{transform:none!important;touch-action:pan-y!important;pointer-events:auto!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important}.tech-stack,.neu-card,.squircle-card,.profile-card,.daily-stack .neu-card,.projects-section .neu-card,.links-section .neu-card,.quote-section .neu-card,.project-card,.daily-tools,.links-grid,.social-grid,.recent-work,.work-item,.status-section,.work-thumbnail{transform:none!important;transition:background-color .2s,color .2s!important;touch-action:pan-y!important;pointer-events:auto!important}.tech-badge:hover,.tech-badge:active,.tech-badge:focus{transform:translateY(-1px) scale(1.02)!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;box-shadow:6px 6px 12px var(--shadow-dark),-3px -3px 6px var(--shadow-light)!important}.tech-badges[data-section=ai-ml] .tech-badge:hover,.tech-badges[data-section=ai-ml] .tech-badge:active,.tech-badges[data-section=ai-ml] .tech-badge:focus{box-shadow:8px 8px 16px var(--shadow-dark),-8px -8px 16px var(--shadow-light),0 8px 20px #f472b666!important}.tech-badges[data-section=backend] .tech-badge:hover,.tech-badges[data-section=backend] .tech-badge:active,.tech-badges[data-section=backend] .tech-badge:focus{box-shadow:8px 8px 16px var(--shadow-dark),-8px -8px 16px var(--shadow-light),0 8px 20px #34d39966!important}.tech-badges[data-section=database] .tech-badge:hover,.tech-badges[data-section=database] .tech-badge:active,.tech-badges[data-section=database] .tech-badge:focus{box-shadow:8px 8px 16px var(--shadow-dark),-8px -8px 16px var(--shadow-light),0 8px 20px #8b5cf666!important}.social-link:hover,.social-link:active,.social-link:focus{transform:translateY(-2px) scale(1.05)!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;box-shadow:8px 8px 16px var(--shadow-dark),-8px -8px 16px var(--shadow-light),0 8px 20px #3b82f666!important}.tech-stack:hover,.tech-stack:active,.tech-stack:focus,.neu-card:hover,.neu-card:active,.neu-card:focus,.squircle-card:hover,.squircle-card:active,.squircle-card:focus,.profile-card:hover,.profile-card:active,.profile-card:focus,.project-card:hover,.project-card:active,.project-card:focus,.daily-tools:hover,.daily-tools:active,.daily-tools:focus,.links-section:hover,.links-section:active,.links-section:focus,.recent-work:hover,.recent-work:active,.recent-work:focus,.work-thumbnail:hover,.work-thumbnail:active,.work-thumbnail:focus{transform:none!important;transition:background-color .2s,color .2s!important}.resume-button,.projects-button,.theme-toggle,button,.btn,a[href],.social-links a,.links-grid a,.tech-links a,.projects-section a,.links-section a,.quote-section button,.social-link,.work-thumbnail,.daily-tools,.project-card,.daily-tools a,.recent-work a,.profile-card a,.night-mode-toggle,.social-grid a{pointer-events:auto!important;touch-action:manipulation!important;transform:none!important;transition:background-color .2s,color .2s,border .2s!important}.tech-badges,.tech-stack,.links-section,.links-grid,.social-grid,.recent-work,.quote-section,.profile-card,.status-section{pointer-events:none!important}.profile-section{order:1;display:contents}.profile-card{order:1}.links-section{order:2}.tech-stack{order:3;padding:24px}.project-card{order:4}.daily-tools{order:5}.quote-section{order:6}.right-sidebar{display:contents}.recent-work{order:7}.tech-header{flex-direction:column;text-align:center;margin-bottom:32px;gap:8px}.tech-brackets{font-size:32px}.tech-title{font-size:24px}.tech-section{margin-bottom:32px}.tech-section h3{font-size:14px;margin-bottom:12px}.tech-badges{gap:8px;margin-bottom:16px}.tech-badge{padding:8px 12px;font-size:12px}.profile-card{padding:24px 20px;text-align:center;margin-bottom:20px;border-radius:20px;max-width:100%;box-sizing:border-box}.profile-header{flex-direction:column;align-items:center;margin-bottom:16px;gap:12px}.profile-image{width:80px;height:80px;margin-bottom:0;border-radius:25%}.profile-info{display:flex;flex-direction:column;align-items:center;gap:4px}.profile-name-tech{font-size:24px;font-weight:900;letter-spacing:1px;margin-bottom:0;transform:none}.profile-username{font-size:16px;opacity:.7;margin-bottom:16px;font-weight:400}.profile-tagline{font-size:18px;margin-bottom:12px;font-weight:600;text-align:center}.profile-description{font-size:15px;line-height:1.5;opacity:.8;text-align:center;max-width:280px;margin:12px auto 16px}.status-section{margin-top:20px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px}.quote-preview{font-size:14px;font-style:italic;margin-bottom:0;opacity:.7;order:1}.status{display:flex;flex-direction:column;align-items:center;gap:6px;order:2}.status-text{font-size:14px;display:flex;align-items:center;gap:8px;justify-content:center}.status-time{font-size:12px;opacity:.6;text-align:center}.rotating-text{font-size:15px;margin:8px 0;font-weight:700}.rotating-text-wrapper{min-width:160px;height:1.6em;display:inline-block;vertical-align:baseline}.profile-tagline{font-size:15px;margin-bottom:12px;text-align:center;line-height:1.6;display:flex;align-items:center;justify-content:center;flex-wrap:nowrap;gap:.25em;margin-left:auto;margin-right:auto;width:fit-content;padding-left:15px}.night-mode-toggle{top:16px;right:16px;width:36px;height:36px;font-size:16px}.quote-section{padding:20px}.quote-text{font-size:14px;line-height:1.5}.daily-tools{padding:20px 16px}.daily-header{margin-bottom:24px;text-align:center}.daily-title,.daily-subtitle{font-size:24px}.links-section{padding:20px 16px}.links-header{margin-bottom:16px;justify-content:center}.links-title{font-size:18px}.social-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:6px;justify-items:center;max-width:300px;margin:0 auto;padding:8px 4px}.social-link{width:42px;height:42px;font-size:15px;border-radius:14px}.project-card{padding:24px}.project-icon{top:16px;right:16px;font-size:24px}.project-title,.project-subtitle{font-size:24px}.project-japanese{bottom:16px;right:16px;font-size:14px}.recent-work{padding:24px}.recent-title{font-size:16px;margin-bottom:12px}.work-item{margin-bottom:12px}.work-thumbnail{width:50px;height:50px;font-size:18px}.status-section{text-align:center}.status{flex-direction:column;gap:8px}.status-time{font-size:12px}}@media (max-width: 480px){.container{padding:16px 12px;gap:20px}.tech-stack,.profile-card,.daily-tools,.links-section,.recent-work{padding:20px;border-radius:16px}.quote-section,.project-card{padding:16px;border-radius:12px}.social-grid{justify-content:center;gap:8px}.social-link{width:45px;height:45px;font-size:16px}.tech-brackets{font-size:28px}.tech-title,.daily-title,.daily-subtitle,.project-title,.project-subtitle{font-size:20px}.profile-info h1{font-size:18px}.profile-card{padding:20px 16px;margin-bottom:16px}.profile-image{width:70px;height:70px}.profile-name-tech{font-size:22px}.profile-username{font-size:15px;margin-bottom:14px}.profile-tagline{font-size:16px;margin-bottom:10px}.profile-description{font-size:14px;max-width:260px;margin:10px auto 14px}.status-section{margin-top:16px;display:flex;flex-direction:column;align-items:center;gap:10px}.quote-preview{font-size:13px;order:1}.status{order:2;gap:5px}.status-text{font-size:13px}.status-time{font-size:11px}.profile-image{width:60px;height:60px}}.rotating-text-wrapper{position:relative;display:inline-block;min-width:220px;height:1.6em;overflow:hidden;vertical-align:baseline;margin-left:0}.rotating-text{position:absolute;top:0;left:0;width:100%;font-weight:700;opacity:1;transform:translateY(0);transition:none;white-space:nowrap;text-align:left;line-height:1.6;will-change:auto}.rotating-text:after{content:"|";animation:blink 1s infinite;margin-left:2px;color:inherit}body:not(.dark-mode) .rotating-text:after,body.light-mode .rotating-text:after{color:#1a202c}body.dark-mode .rotating-text:after{color:#fff}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}@keyframes fadeLoop{0%{opacity:0;transform:translateY(5px)}15%{opacity:1;transform:translateY(0)}85%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-5px)}}body:not(.dark-mode) .rotating-text,body.light-mode .rotating-text{color:#1a202c}body.dark-mode .rotating-text{color:#fff}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes slideUp{0%,30%{transform:translateY(0);opacity:1}33%,36%{transform:translateY(-100%);opacity:0}39%{transform:translateY(100%);opacity:0}42%,63%{transform:translateY(0);opacity:1}66%,69%{transform:translateY(-100%);opacity:0}72%{transform:translateY(100%);opacity:0}75%,97%{transform:translateY(0);opacity:1}to{transform:translateY(-100%);opacity:0}}.rotating-text.fade-out{animation:smoothFadeOut .8s ease-in-out forwards}.rotating-text.fade-in{animation:smoothFadeIn .8s ease-in-out forwards}@keyframes smoothFadeOut{0%{opacity:1;transform:translateY(0);filter:blur(0px)}to{opacity:0;transform:translateY(0);filter:blur(1px)}}@keyframes smoothFadeIn{0%{opacity:0;transform:translateY(0);filter:blur(1px)}to{opacity:1;transform:translateY(0);filter:blur(0px)}}.rotating-text.typing{overflow:hidden;border-right:2px solid var(--accent-purple);white-space:nowrap;animation:typing 1.5s steps(20,end),blink-caret 1s step-end infinite}@keyframes typing{0%{width:0}to{width:100%}}@keyframes blink-caret{0%,to{border-color:transparent}50%{border-color:var(--accent-purple)}}.rotating-text.glow{text-shadow:0 0 5px var(--accent-purple),0 0 10px var(--accent-purple),0 0 15px var(--accent-purple),0 0 20px var(--accent-purple);animation:glow-pulse 2s ease-in-out infinite alternate}@keyframes glow-pulse{0%{text-shadow:0 0 5px var(--accent-purple),0 0 10px var(--accent-purple),0 0 15px var(--accent-purple),0 0 20px var(--accent-purple)}to{text-shadow:0 0 2px var(--accent-purple),0 0 5px var(--accent-purple),0 0 8px var(--accent-purple),0 0 12px var(--accent-purple)}}@media (max-width: 768px){.rotating-text-wrapper{min-width:130px;display:inline-block;overflow:visible}.rotating-text{font-size:inherit;white-space:nowrap;overflow:visible}.build-spacing{margin-right:2px}.profile-tagline{display:inline-flex;align-items:baseline;gap:7px;flex-wrap:nowrap;white-space:nowrap;overflow:visible}.profile-tagline span{display:inline-block}}.build-spacing{margin-right:8px}.period-spacing{margin-left:8px}.resume-section{margin-top:20px;display:flex;justify-content:flex-start}.resume-button{display:inline-flex;align-items:center;gap:8px;padding:12px 20px;background:var(--bg-card);border:1px solid var(--border);border-radius:12px;text-decoration:none;color:var(--text-primary);font-weight:500;font-size:14px;transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:4px 4px 8px var(--shadow-dark),-4px -4px 8px var(--shadow-light);position:relative;overflow:hidden}.resume-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s ease}.resume-button:hover:before{left:100%}.resume-button:hover{transform:translateY(-2px);box-shadow:6px 6px 12px var(--shadow-dark),-6px -6px 12px var(--shadow-light),0 8px 20px #a88bfa26;border-color:var(--accent-purple)}.resume-icon{font-size:16px;filter:grayscale(1);transition:filter .3s ease}.resume-button:hover .resume-icon{filter:grayscale(0)}.resume-arrow{font-size:14px;transition:transform .3s ease;opacity:.7}.resume-button:hover .resume-arrow{transform:translate(3px);opacity:1}body.dark-mode .resume-button{background:var(--bg-card);border-color:var(--border)}body.dark-mode .resume-button:hover{border-color:var(--accent-cyan);box-shadow:6px 6px 12px var(--shadow-dark),-6px -6px 12px var(--shadow-light),0 8px 20px #22d3ee26}body:not(.dark-mode) .resume-button,body.light-mode .resume-button{background:var(--bg-card);border-color:var(--border)}body:not(.dark-mode) .resume-button:hover,body.light-mode .resume-button:hover{border-color:#6366f1;box-shadow:6px 6px 12px var(--shadow-dark),-6px -6px 12px var(--shadow-light),0 8px 20px #6366f126}@media (max-width: 768px){.resume-button{font-size:13px;padding:10px 16px;gap:6px}.resume-icon{font-size:14px}}.projects-section{margin-top:16px;display:flex;justify-content:flex-start}.projects-button{display:inline-flex;align-items:center;gap:8px;padding:12px 20px;background:var(--bg-card);border:1px solid var(--border);border-radius:12px;text-decoration:none;color:var(--text-primary);font-weight:500;font-size:14px;transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:4px 4px 8px var(--shadow-dark),-4px -4px 8px var(--shadow-light);position:relative;overflow:hidden;cursor:pointer}.projects-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s ease}.projects-button:hover:before{left:100%}.projects-button:hover{transform:translateY(-2px);box-shadow:6px 6px 12px var(--shadow-dark),-6px -6px 12px var(--shadow-light),0 8px 20px #22c55e26;border-color:#22c55e}.projects-icon{font-size:16px;filter:grayscale(1);transition:filter .3s ease}.projects-button:hover .projects-icon{filter:grayscale(0)}.projects-arrow{font-size:14px;transition:transform .3s ease;opacity:.7}.projects-button:hover .projects-arrow{transform:translate(3px);opacity:1}body.dark-mode .projects-button{background:var(--bg-card);border-color:var(--border)}body.dark-mode .projects-button:hover{border-color:#22c55e;box-shadow:6px 6px 12px var(--shadow-dark),-6px -6px 12px var(--shadow-light),0 8px 20px #22c55e26}body:not(.dark-mode) .projects-button,body.light-mode .projects-button{background:var(--bg-card);border-color:var(--border)}body:not(.dark-mode) .projects-button:hover,body.light-mode .projects-button:hover{border-color:#22c55e;box-shadow:6px 6px 12px var(--shadow-dark),-6px -6px 12px var(--shadow-light),0 8px 20px #22c55e26}@media (max-width: 768px){.projects-button{font-size:13px;padding:10px 16px;gap:6px}.projects-icon{font-size:14px}}.resume-modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:1000;animation:fadeIn .3s ease}.resume-modal.active{display:flex;align-items:center;justify-content:center;padding:20px}.resume-modal-content{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;width:90%;max-width:900px;height:90%;max-height:800px;display:flex;flex-direction:column;box-shadow:12px 12px 24px #0000004d,-12px -12px 24px #ffffff1a;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.resume-modal-header{padding:16px 20px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;background:var(--bg-secondary);border-radius:16px 16px 0 0}.resume-modal-header h3{color:var(--text-primary);font-size:18px;font-weight:600;margin:0}.resume-modal-actions{display:flex;gap:8px;align-items:center}.download-btn,.close-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;border-radius:8px;background:var(--bg-card);border:1px solid var(--border);cursor:pointer;transition:all .2s ease;color:var(--text-secondary);text-decoration:none}.download-btn:hover,.close-btn:hover{background:var(--bg-hover);transform:translateY(-1px);box-shadow:0 4px 8px #0000001a}.close-btn:hover{border-color:#ef4444;color:#ef4444}.resume-modal-body{flex:1;padding:0;overflow:hidden;border-radius:0 0 16px 16px}.resume-modal-body iframe{border-radius:0 0 16px 16px}body.dark-mode .resume-modal-content{background:var(--bg-card);box-shadow:12px 12px 24px #00000080,-12px -12px 24px #2828281a}body.dark-mode .resume-modal-header{background:var(--bg-secondary)}@media (max-width: 768px){.resume-modal.active{padding:10px}.resume-modal-content{width:95%;height:95%;border-radius:12px}.resume-modal-header{padding:12px 16px;border-radius:12px 12px 0 0}.resume-modal-header h3{font-size:16px}.download-btn,.close-btn{width:32px;height:32px}.resume-modal-body iframe{border-radius:0 0 12px 12px}}.projects-modal{max-width:1000px;width:95%;max-height:90vh;padding:0;border-radius:20px;background:var(--card-bg);border:1px solid var(--text-secondary);box-shadow:20px 20px 40px var(--shadow-dark),-20px -20px 40px var(--shadow-light)}.projects-modal-header{padding:24px 32px;border-bottom:1px solid var(--text-secondary);display:flex;justify-content:flex-end;align-items:center;background:var(--card-bg);border-radius:20px 20px 0 0}.projects-modal-body{padding:32px;max-height:calc(90vh - 100px);overflow-y:auto}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}.project-showcase-card{background:var(--card-bg);border-radius:20px;border:1px solid var(--text-secondary);overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:8px 8px 16px var(--shadow-dark),-8px -8px 16px var(--shadow-light)}.project-showcase-card:hover{transform:translateY(-4px);box-shadow:12px 12px 24px var(--shadow-dark),-12px -12px 24px var(--shadow-light),0 12px 30px #3b82f633}.project-preview{position:relative;height:180px;overflow:hidden}.project-preview-image{width:100%;height:100%;background:linear-gradient(135deg,var(--accent-color),var(--text-secondary));display:flex;align-items:center;justify-content:center;font-size:48px;position:relative}.project-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#000000b3;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.project-preview:hover .project-overlay{opacity:1}.view-btn{color:#fff;font-weight:600;padding:12px 24px;background:var(--accent-color);border-radius:20px;text-decoration:none;cursor:pointer;transition:all .3s ease}.view-btn:hover{transform:scale(1.05);box-shadow:0 8px 20px #3b82f666}.project-info{padding:24px}.project-info h4{font-size:20px;font-weight:600;color:var(--text-primary);margin:0 0 8px}.project-info p{color:var(--text-secondary);margin:0 0 16px;font-size:14px}.tech-tags{display:flex;flex-wrap:wrap;gap:8px}.tech-tag{background:var(--bg-color);color:var(--text-primary);padding:6px 12px;border-radius:20px;font-size:12px;font-weight:500;border:1px solid var(--text-secondary);box-shadow:4px 4px 8px var(--shadow-dark),-4px -4px 8px var(--shadow-light)}@media (max-width: 768px){.projects-modal{width:95%;max-height:95vh;border-radius:16px}.projects-modal-header{padding:16px 20px;border-radius:16px 16px 0 0}.projects-modal-body{padding:20px}.projects-grid{grid-template-columns:1fr;gap:16px}.project-showcase-card{border-radius:16px}.project-preview{height:150px}.project-preview-image{font-size:40px}.project-info{padding:16px}.project-info h4{font-size:18px}}