*,:before,:after{box-sizing:border-box}body,html,#root{background-color:#f5f0fa;width:100%;height:100%;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;overflow:hidden auto}html,body{cursor:url(/HatsuneMikuCursors.png),auto}a,button,[role=button],.hero-avatar{cursor:url(/HatsuneMiku--pointer.png),pointer}.particles-bg canvas{cursor:inherit}.about-section{z-index:1;justify-content:center;width:100%;max-width:1100px;padding:0 20px 60px;display:flex;position:relative}.glass-container{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);backface-visibility:hidden;background:#ffffff59;border:1px solid #f472b626;border-radius:24px;width:100%;max-width:1000px;padding:30px;box-shadow:0 8px 32px #c061cb14}.bento-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.bento-item{background:#ffffff59;border:1px solid #f472b62e;border-radius:16px;padding:24px;transition:margin .3s,background .3s}.bento-item:hover{background:#ffffff80;margin-top:-5px;margin-bottom:5px}.main-intro{grid-area:span 2/span 2}.skills-box,.status-box{grid-column:span 1}.wide-box{grid-column:span 3}.bento-title{color:#3d2b4d;margin:0 0 15px;font-size:2.5rem;font-weight:800}.bento-title-small{color:#c061cb;margin:0 0 15px;font-size:1.2rem;font-weight:600}.bento-title-ultrasmall{color:#b8a0c8;margin:0 0 35px;font-size:.5rem;font-weight:400;display:block}.small-text{color:#b8a0c8;margin:0 0 10px;font-size:.5rem}.bento-text{color:#7b6b8b;font-size:1.1rem;line-height:1.6}.tech-tags{flex-wrap:wrap;gap:10px;display:flex}.tech-tags span{color:#c061cb;background:#c061cb14;border-radius:8px;padding:6px 12px;font-size:.9rem}.about-image{border-radius:12px;max-width:150px;height:auto;margin-top:15px;display:block;box-shadow:0 8px 16px #0000004d}.anime-line{align-items:center;gap:8px;display:flex}.inline-icon{vertical-align:middle;border-radius:4px;width:auto;height:2.5em;box-shadow:0 2px 6px #0003}.flip-wrapper{perspective:1200px;width:100%;max-width:1000px;position:relative}.flip-inner{width:100%;transform-style:preserve-3d;transition:transform .8s cubic-bezier(.4,0,.2,1);position:relative}.flip-wrapper.flipped .flip-inner{transform:rotateY(180deg)}.flip-front-panel,.flip-back-panel{backface-visibility:hidden}.flip-front-panel{position:relative}.flip-back-panel{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);backface-visibility:hidden;background:#ffffff59;border:1px solid #f472b626;border-radius:24px;flex-direction:column;width:100%;min-height:100%;padding:30px;display:flex;position:absolute;top:0;left:0;transform:rotateY(180deg);box-shadow:0 8px 32px #c061cb14}.flip-trigger{-webkit-user-select:none;user-select:none;transition:color .3s}.flip-trigger:hover{color:#e879a8}.easter-egg-content{color:#7b6b8b;margin-top:16px}.easter-egg-content p{margin:0 0 12px;font-size:1.1rem}.easter-egg-content ul{margin:0 0 16px;padding-left:1.2em;list-style:"🌸 "}.easter-egg-content li{color:#6b5b7b;margin-bottom:10px;font-size:1rem;line-height:1.6}.egg-footer{font-style:italic;color:#b8a0c8!important;margin-top:20px!important;font-size:.85rem!important}.anime-lists{flex-direction:row;gap:80px;margin:0 0 16px;display:flex}.anime-lists ul{margin:0;padding-left:1.2em}@media (width<=768px){.about-section{padding:0 12px 40px}.glass-container{border-radius:16px;padding:20px}.bento-grid{grid-template-columns:1fr;gap:12px}.main-intro,.skills-box,.status-box,.wide-box{grid-area:auto/span 1}.bento-item{border-radius:12px;padding:16px}.bento-title{margin:0 0 10px;font-size:1.5rem}.bento-title-small{margin:0 0 10px;font-size:1rem}.bento-title-ultrasmall{margin:0 0 20px;font-size:.45rem}.bento-text{font-size:.9rem}.tech-tags span{padding:4px 10px;font-size:.75rem}.about-image{max-width:100px;margin-top:10px}.flip-wrapper{perspective:800px}.flip-back-panel{border-radius:16px;padding:16px}.flip-back-panel img{object-fit:contain;border-radius:8px;width:auto;max-height:80px}.easter-egg-content p{font-size:.85rem}.easter-egg-content li{font-size:.8rem}.anime-lists{flex-direction:column;gap:16px}.inline-icon{height:1.8em}.egg-footer{margin-top:12px!important;font-size:.7rem!important}}.modal-backdrop{z-index:9998;background:#090d164d;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.modal-panel{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);backface-visibility:hidden;text-align:center;background:#ffffff73;border:1px solid #f472b626;border-radius:20px;width:100%;max-width:380px;padding:36px 28px 28px;position:relative;box-shadow:0 16px 48px #c061cb1f}.modal-close{color:#b8a0c8;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px 8px;font-size:1.2rem;transition:color .2s,background .2s;position:absolute;top:12px;right:14px}.modal-close:hover{color:#c061cb;background:#c061cb14}.modal-title{color:#3d2b4d;margin:0 0 6px;font-size:1.6rem;font-weight:700}.modal-subtitle{color:#8b7b9b;margin:0 0 24px;font-size:.9rem}.modal-links{flex-direction:column;gap:10px;margin-bottom:24px;display:flex}.modal-link{color:#3d2b4d;background:#ffffff73;border:1px solid #f472b61f;border-radius:12px;align-items:center;gap:12px;padding:12px 16px;font-size:.95rem;text-decoration:none;transition:background .2s,transform .2s;display:flex}.modal-link:hover{background:#ffffff8c;transform:translate(4px)}.modal-link-icon{flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.contact-icon{object-fit:contain;width:24px;height:24px}.modal-link-label{font-weight:500;line-height:1.3}.modal-footer{color:#90f;margin:0;font-size:.75rem}@media (width<=768px){.modal-panel{padding:28px 20px 20px}.modal-title{font-size:1.3rem}}.trail-canvas{z-index:9997;pointer-events:none;position:fixed;inset:0}.hero-wrapper{position:relative}.particles-bg{z-index:0;pointer-events:none;width:100%;height:100%;position:fixed;top:0;left:0}.particles-bg canvas{pointer-events:auto}.hero-container{color:#3d2b4d;flex-direction:column;align-items:center;min-height:100vh;padding-top:12vh;padding-bottom:80px;display:flex}.hero-content{text-align:center;width:100%;padding:0 20px}.hero-title{margin:0 0 20px;font-size:4rem;font-weight:700}.hero-subtitle{margin:0 0 80px;font-size:2rem;font-weight:400}.highlight-blue,.highlight-pink{color:#c061cb;font-weight:700}.ripple-center,.ripple-fill,.ripple-ring{pointer-events:none;z-index:9999;border-radius:50%;position:fixed}.ripple-ring{border-style:solid}.hero-avatar{object-fit:cover;z-index:100;border:2px solid #c061cb33;border-radius:50%;width:48px;height:48px;transition:transform .3s,box-shadow .3s;position:absolute;top:24px;right:24px;box-shadow:0 0 20px #c061cb26}.hero-avatar:hover{transform:scale(1.1);box-shadow:0 0 30px #c061cb40}@media (width<=768px){.hero-container{min-height:auto;padding-top:6vh;padding-bottom:40px}.hero-title{margin:0 0 12px;font-size:1.8rem}.hero-subtitle{margin:0 0 40px;font-size:1rem}.hero-avatar{width:36px;height:36px;top:12px;right:12px}.hero-content{padding:0 16px}}