:root{--parchment-light:#f4e8d0;--parchment-medium:#e8dcc0;--parchment-dark:#dccfb0;--leather-brown:#8b4513;--leather-dark:#654321;--coffee:#2c1810;--coffee-light:#5d4037;--terminal-red:#e94560;--terminal-yellow:gold;--terminal-green:#27c93f;--skill-react:#61dafb;--skill-python:#ffd43b;--skill-html:#e34c26;--skill-git:#f05032;--text-primary:#2c1810;--text-terminal:#f4e8d0;--text-muted:#8b949e;--font-terminal:"Courier New", monospace;--font-serif:"Georgia", "Times New Roman", serif;--space-xs:.5rem;--space-sm:.75rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:20px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-serif);background:var(--parchment-light);color:var(--text-primary);min-height:100vh;line-height:1.6}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.animate-blink{animation:1s infinite blink}.animate-fade-in{animation:.6s ease-out forwards fadeInUp}.animate-float{animation:3s ease-in-out infinite float}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--parchment-medium)}::-webkit-scrollbar-thumb{background:var(--leather-brown);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--leather-dark)}.link-card{opacity:0;margin-bottom:1rem;text-decoration:none;animation:.6s ease-out forwards fadeInUp;display:block;position:relative}.link-glow{background:linear-gradient(135deg, var(--leather-brown), var(--leather-dark));border-radius:var(--radius-lg);opacity:0;z-index:0;transition:opacity .3s;position:absolute;inset:-2px}.link-card:hover .link-glow{opacity:.5}.link-content{background:linear-gradient(135deg, var(--parchment-light) 0%, var(--parchment-medium) 100%);border:3px solid var(--leather-brown);border-radius:var(--radius-lg);z-index:1;align-items:center;gap:1rem;padding:1.25rem;transition:all .3s;display:flex;position:relative;box-shadow:0 4px 16px #0003,inset 0 0 20px #8b45130d}.link-card:hover .link-content{border-color:var(--leather-dark);transform:translateY(-4px);box-shadow:0 8px 24px #8b45134d,inset 0 0 20px #8b45131a}.link-icon-wrapper{background:var(--leather-brown);border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:50px;height:50px;display:flex}.link-icon{color:var(--parchment-light);font-size:1.5rem;transition:transform .3s}.link-card:hover .link-icon{transform:scale(1.1)}.link-text{flex-direction:column;flex-grow:1;gap:.25rem;display:flex}.link-title{font-family:var(--font-terminal);color:var(--text-primary);text-transform:uppercase;letter-spacing:1px;font-size:1.1rem;font-weight:700}.link-subtitle{color:var(--coffee-light);font-size:.9rem}.link-arrow{color:var(--leather-brown);font-size:1.5rem;font-weight:700;transition:all .3s}.link-card:hover .link-arrow{color:var(--leather-dark);transform:translate(4px)}@media (width<=768px){.link-content{padding:1rem}.link-icon-wrapper{width:44px;height:44px}.link-icon{font-size:1.25rem}.link-title{font-size:1rem}.link-subtitle{font-size:.85rem}}@keyframes equalizer{0%,to{transform:scaleY(.3)}50%{transform:scaleY(1)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeInOut{0%,to{opacity:0;transform:translateY(10px)}20%,80%{opacity:1;transform:translateY(0)}}@media (width<=768px){.music-toggle{width:44px;height:44px;font-size:1rem}.song-tooltip{min-width:180px;padding:.6rem}.song-cover{width:40px;height:40px}.song-title{font-size:.85rem}.song-artist{font-size:.7rem}}.music-container{z-index:1000;position:fixed;bottom:1rem;right:1rem}.music-toggle{background:var(--leather-brown);border:3px solid var(--leather-dark);width:50px;height:50px;color:var(--parchment-light);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;font-size:1.25rem;transition:all .3s;display:flex;box-shadow:0 4px 16px #0000004d}.music-toggle:hover{background:var(--leather-dark);transform:scale(1.1);box-shadow:0 6px 20px #8b451366}.song-tooltip{background:linear-gradient(135deg, var(--parchment-medium) 0%, var(--parchment-light) 100%);border:3px solid var(--leather-brown);border-radius:var(--radius-lg);opacity:0;visibility:hidden;min-width:260px;padding:1rem;transition:all .3s;position:absolute;bottom:70px;right:0;transform:translateY(10px);box-shadow:0 8px 24px #0000004d}.song-link{color:inherit;align-items:center;gap:1rem;text-decoration:none;transition:opacity .2s;display:flex}.song-link:hover{opacity:.8}.song-link:hover .song-title{color:var(--leather-brown)}.song-tooltip.visible{opacity:1;visibility:visible;transform:translateY(0)}.song-cover{flex-shrink:0;width:70px;height:70px;position:relative}.song-cover img{object-fit:cover;border-radius:var(--radius-sm);border:2px solid var(--leather-brown);width:100%;height:100%}.playing-indicator{background:var(--leather-brown);border-radius:10px;gap:2px;padding:3px 5px;display:flex;position:absolute;bottom:-5px;right:-5px}.playing-indicator span{background:var(--parchment-light);border-radius:1px;width:3px;height:12px;animation:.8s ease-in-out infinite equalizer}.playing-indicator span:nth-child(2){animation-delay:.2s}.playing-indicator span:nth-child(3){animation-delay:.4s}.song-details{flex-direction:column;gap:.4rem;display:flex}.song-title{font-family:var(--font-terminal);color:var(--text-primary);white-space:nowrap;font-size:1.1rem;font-weight:700;text-decoration:none;display:block}.song-title:hover{color:var(--leather-brown)}.song-artist{font-family:var(--font-terminal);color:var(--coffee-light);align-items:center;gap:.4rem;font-size:.9rem;text-decoration:none;display:flex}.song-artist:hover{color:var(--leather-brown)}.disc-icon{font-size:.85rem;animation:3s linear infinite spin}.music-hint{white-space:nowrap;font-family:var(--font-terminal);background:var(--coffee);color:var(--parchment-light);border-radius:var(--radius-sm);opacity:0;padding:.5rem .75rem;font-size:.75rem;animation:3s ease-in-out fadeInOut;position:absolute;bottom:60px;right:0}@media (width<=768px){.music-toggle{width:44px;height:44px;font-size:1rem}.song-tooltip{min-width:180px;padding:.6rem}.song-cover{width:40px;height:40px}.song-title{font-size:.85rem}.song-artist{font-size:.7rem}}.app{min-height:100vh;padding:2rem 1rem;position:relative}.background-pattern{background-color:var(--parchment-light);z-index:-1;background-image:repeating-linear-gradient(45deg,#0000,#0000 10px,#8b451308 10px 20px),repeating-linear-gradient(-45deg,#0000,#0000 10px,#8b451308 10px 20px);position:fixed;inset:0}.main-container{z-index:1;max-width:600px;margin:0 auto;position:relative}.header{text-align:center;margin-bottom:2.5rem}.profile-section{flex-direction:column;align-items:center;gap:1rem;display:flex}.profile-frame{width:140px;height:140px;position:relative}.profile-image{object-fit:cover;border:4px solid var(--leather-brown);z-index:1;border-radius:50%;width:100%;height:100%;position:relative}.profile-ring{border:3px dashed var(--leather-brown);border-radius:50%;animation:20s linear infinite spin;position:absolute;inset:-8px}.profile-name{font-family:var(--font-terminal);color:var(--text-primary);text-transform:uppercase;letter-spacing:3px;align-items:center;gap:.75rem;margin:0;font-size:2rem;font-weight:700;display:flex}.pirate-icon{color:var(--leather-brown);font-size:1.25rem}.profile-subtitle{font-family:var(--font-terminal);color:var(--coffee-light);letter-spacing:1px;margin:0;font-size:1rem}.quote-section{margin-bottom:2.5rem}.quote-parchment{background:linear-gradient(135deg, var(--parchment-medium) 0%, var(--parchment-light) 50%, var(--parchment-dark) 100%);border:4px solid var(--leather-brown);border-radius:var(--radius-xl);padding:1.5rem;position:relative;box-shadow:0 8px 32px #0000004d,inset 0 0 30px #8b451326,0 0 0 1px #8b451333}.quote-parchment:before{content:"";border:1px dashed var(--leather-brown);border-radius:var(--radius-lg);opacity:.4;pointer-events:none;position:absolute;inset:10px}.quote-header{border-bottom:2px solid var(--leather-brown);justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.75rem;display:flex}.quote-feather{color:var(--leather-brown);font-size:1.25rem}.quote-label{font-family:var(--font-terminal);color:var(--leather-brown);text-transform:uppercase;letter-spacing:2px;font-size:.9rem;font-weight:700}.quote-dots{gap:.5rem;display:flex}.quote-dots span{background:var(--leather-brown);opacity:.6;border-radius:50%;width:8px;height:8px}.quote-dots span:nth-child(2){opacity:.4}.quote-dots span:nth-child(3){opacity:.2}.quote-content-box{text-align:center;justify-content:center;align-items:flex-start;gap:1rem;min-height:100px;padding:1rem 0;display:flex}.quote-icon{color:var(--leather-brown);opacity:.6;margin-top:.5rem;font-size:1.25rem}.quote-icon.left{transform:rotate(-10deg)}.quote-icon.right{transform:rotate(10deg)}.quote-text{flex:1}.quote-japanese{color:var(--text-primary);font-size:1.3rem;font-style:italic;font-family:var(--font-terminal);text-shadow:1px 1px 2px #0000001a;min-height:2rem;margin-bottom:.5rem}.quote-english{color:var(--coffee-light);font-size:.95rem;font-family:var(--font-terminal);opacity:.9;min-height:1.5rem}.quote-footer{border-top:1px solid var(--leather-brown);opacity:.8;justify-content:center;margin-top:1rem;padding-top:.75rem;display:flex}.typing-text{font-family:var(--font-terminal);color:var(--leather-brown);align-items:center;gap:.5rem;font-size:.9rem;display:flex}.compass-icon{font-size:.85rem;animation:2s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.typing-cursor{color:var(--leather-brown);opacity:0;font-weight:700}.typing-cursor.visible{opacity:1}.links-container{flex-direction:column;gap:2rem;display:flex}.links-section{background:linear-gradient(135deg, var(--parchment-light) 0%, var(--parchment-medium) 50%, var(--parchment-dark) 100%);border:4px solid var(--leather-brown);border-radius:var(--radius-xl);padding:1.5rem;box-shadow:0 8px 32px #0000004d,inset 0 0 20px #8b45131a}.section-header{border-bottom:2px solid var(--leather-brown);align-items:center;gap:.75rem;margin-bottom:1.5rem;padding-bottom:.75rem;display:flex}.section-icon{color:var(--leather-brown);font-size:1.25rem}.section-title{font-family:var(--font-terminal);color:var(--text-primary);text-transform:uppercase;letter-spacing:2px;margin:0;font-size:1.25rem;font-weight:700}.section-line{background:linear-gradient(to right, var(--leather-brown), transparent);flex:1;height:2px}.footer{text-align:center;margin-top:3rem}.footer-content{flex-direction:column;align-items:center;gap:1rem;display:flex}.footer-text{font-family:var(--font-terminal);color:var(--coffee-light);background:var(--parchment-medium);border:2px solid var(--leather-brown);border-radius:50px;padding:.75rem 1.5rem;font-size:.9rem}.footer-link{font-family:var(--font-terminal);color:var(--parchment-light);background:var(--leather-brown);border-radius:var(--radius-sm);padding:.5rem 1.25rem;font-size:.85rem;text-decoration:none;transition:all .3s}.footer-link:hover{background:var(--leather-dark);transform:translateY(-2px);box-shadow:0 4px 12px #8b45134d}@media (width<=768px){.app{padding:1.5rem 1rem}.profile-frame{width:120px;height:120px}.profile-name{letter-spacing:2px;font-size:1.5rem}.profile-subtitle{font-size:.9rem}.quote-japanese{font-size:1.1rem}.quote-english{font-size:.8rem}.links-section{border-width:3px;padding:1.25rem}.section-title{font-size:1.1rem}.quote-content-box{flex-direction:column;gap:.5rem}.quote-icon{margin-top:0;font-size:1rem}.quote-parchment{border-width:3px;padding:1rem}.quote-header{margin-bottom:.75rem}.quote-label{font-size:.8rem}}