.home-view[data-v-b8bb31fe]{min-height:calc(100vh - 80px);position:relative;z-index:1}.hero-section[data-v-b8bb31fe]{min-height:100vh;display:flex;align-items:center;position:relative;overflow:hidden;padding:2rem 0}.hero-container[data-v-b8bb31fe]{max-width:1400px;margin:0 auto;padding:0 2rem;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}@media (max-width: 968px){.hero-container[data-v-b8bb31fe]{grid-template-columns:1fr;text-align:center;gap:2rem;padding:0 1rem}}.hero-badge[data-v-b8bb31fe]{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#ff00ff1a;border:1px solid rgba(255,0,255,.3);border-radius:2rem;font-size:.9rem;color:#f0f;margin-bottom:1.5rem;position:relative;overflow:hidden;animation:badge-glow-b8bb31fe 3s ease-in-out infinite}.hero-badge[data-v-b8bb31fe]:before{content:"";position:absolute;top:-2px;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,0,255,.4),transparent);animation:shimmer-b8bb31fe 3s ease-in-out infinite}.hero-badge .rotating-star[data-v-b8bb31fe]{font-size:1rem;animation:star-rotate-b8bb31fe 3s linear infinite;transform-origin:center;filter:drop-shadow(0 0 4px rgba(255,215,0,.6))}.hero-badge .material-icons[data-v-b8bb31fe]{font-size:1rem;animation:sparkle-b8bb31fe 2s ease-in-out infinite}.hero-title[data-v-b8bb31fe]{font-size:clamp(2.5rem,5vw,4rem);margin-bottom:1.5rem;line-height:1.1;position:relative}.hero-title .title-line-1[data-v-b8bb31fe]{display:block;color:#f8f8ff;font-weight:300}.hero-title .title-line-2[data-v-b8bb31fe]{display:block;font-weight:900;background:linear-gradient(135deg,#ff8fc7,#5fffff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative}.hero-title .title-line-2[data-v-b8bb31fe]:hover{animation:glitch .3s ease-in-out}.hero-title .kawaii-accent[data-v-b8bb31fe]{color:#ff69b4;display:inline-block;animation:bounce-b8bb31fe 2s ease-in-out infinite;font-size:.8em}.hero-subtitle[data-v-b8bb31fe]{font-size:1.25rem;margin-bottom:2rem;line-height:1.6;max-width:600px;min-height:2em}@media (max-width: 968px){.hero-subtitle[data-v-b8bb31fe]{margin:0 auto 2rem}}.hero-buttons[data-v-b8bb31fe]{display:flex;gap:1rem;flex-wrap:wrap;margin-bottom:2rem}@media (max-width: 968px){.hero-buttons[data-v-b8bb31fe]{justify-content:center}}.hero-buttons .btn[data-v-b8bb31fe]{padding:1rem 2rem;font-size:1.1rem}.status-indicators[data-v-b8bb31fe]{display:flex;gap:2rem;align-items:center}@media (max-width: 968px){.status-indicators[data-v-b8bb31fe]{justify-content:center}}.status-item[data-v-b8bb31fe]{display:flex;align-items:center;gap:.5rem;color:#f8f8ffcc;font-size:.9rem}.status-item .status-dot[data-v-b8bb31fe]{width:8px;height:8px;border-radius:50%;background:#ffffff4d}.status-item .status-dot.active[data-v-b8bb31fe]{background:#0f0;box-shadow:0 0 10px #0f0;animation:pulse-b8bb31fe 2s ease-in-out infinite}.status-item .material-icons[data-v-b8bb31fe]{font-size:1.2rem;color:#0ff}.hero-visual[data-v-b8bb31fe]{position:relative;height:600px;display:flex;align-items:center;justify-content:center}@media (max-width: 968px){.hero-visual[data-v-b8bb31fe]{height:400px}}@media (max-width: 768px){.hero-visual[data-v-b8bb31fe]{height:300px}}.mobile-icon-canvas[data-v-b8bb31fe]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10;border-radius:50%;box-shadow:0 0 30px #ff00ff4d}@media (max-width: 480px){.mobile-icon-canvas[data-v-b8bb31fe]{width:150px!important;height:150px!important}}.scroll-indicator[data-v-b8bb31fe]{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);animation:bounce-b8bb31fe 2s ease-in-out infinite}.scroll-indicator .material-icons[data-v-b8bb31fe]{font-size:2rem;color:#f0f}.features-section[data-v-b8bb31fe]{padding:5rem 0;background:#1a1a1a4d}.features-section .container[data-v-b8bb31fe]{padding:0 2rem}@media (max-width: 768px){.features-section .container[data-v-b8bb31fe]{padding:0 1.5rem}}@media (max-width: 480px){.features-section .container[data-v-b8bb31fe]{padding:0 1rem}}.section-title[data-v-b8bb31fe]{text-align:center;margin-bottom:3rem;position:relative}.section-title:hover .title-en[data-v-b8bb31fe]{animation:neon-flicker 1.5s infinite}.section-title .title-en[data-v-b8bb31fe]{display:none}.section-title .title-ja[data-v-b8bb31fe]{display:block;font-size:2rem;color:#0ff;position:relative;z-index:1;margin:0}.features-grid[data-v-b8bb31fe]{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem}.feature-card[data-v-b8bb31fe]{text-align:center;padding:2.5rem 2rem;position:relative;overflow:hidden;cursor:pointer;background:#0a0a0a99;border:1px solid rgba(255,0,255,.2);border-radius:15px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.feature-card h3[data-v-b8bb31fe]{color:#e8e8f0}.feature-card p[data-v-b8bb31fe]{color:#b8b8c8;line-height:1.6}.feature-card[data-v-b8bb31fe]:hover{transform:translateY(-10px) scale(1.02)}.feature-card .feature-icon[data-v-b8bb31fe]{width:80px;height:80px;margin:0 auto 1.5rem;display:flex;align-items:center;justify-content:center;background:#ff00ff1a;border-radius:50%;position:relative}.feature-card .feature-icon .material-icons[data-v-b8bb31fe]{font-size:2.5rem;color:#f0f;transition:.2s ease}.feature-card.kawaii .feature-icon[data-v-b8bb31fe]{background:#ff69b41a}.feature-card.kawaii .feature-icon .material-icons[data-v-b8bb31fe]{color:#ff69b4}.feature-card h3[data-v-b8bb31fe]{margin-bottom:1rem;color:#f8f8ff;font-size:1.3rem}.feature-card p[data-v-b8bb31fe]{color:#f8f8ffcc;margin:0;line-height:1.6}.feature-hover-effect[data-v-b8bb31fe]{position:absolute;inset:0;pointer-events:none}.hover-glow[data-v-b8bb31fe]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:200%;height:200%;background:radial-gradient(circle,rgba(255,0,255,.1) 0%,transparent 70%);animation:pulse-b8bb31fe 2s ease-in-out infinite}.projects-section[data-v-b8bb31fe]{padding:5rem 0}.projects-section .container[data-v-b8bb31fe]{padding:0 2rem}@media (max-width: 768px){.projects-section .container[data-v-b8bb31fe]{padding:0 1.5rem}}@media (max-width: 480px){.projects-section .container[data-v-b8bb31fe]{padding:0 1rem}}.projects-carousel[data-v-b8bb31fe]{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem}@media (max-width: 768px){.projects-carousel[data-v-b8bb31fe]{grid-template-columns:1fr}}.project-card[data-v-b8bb31fe]{background:#1a1a1acc;border:1px solid rgba(255,0,255,.2);border-radius:16px;overflow:hidden;transition:all .3s ease}.project-card[data-v-b8bb31fe]:hover{transform:translateY(-5px);border-color:#f0f;box-shadow:0 10px 30px #ff00ff4d}.project-card:hover .project-image .image-placeholder[data-v-b8bb31fe]{transform:scale(1.1)}.project-image[data-v-b8bb31fe]{position:relative;height:200px;overflow:hidden}.image-placeholder[data-v-b8bb31fe]{width:100%;height:100%;background:linear-gradient(135deg,#f0f,#0ff);display:flex;align-items:center;justify-content:center;transition:transform .3s ease}.image-placeholder .material-icons[data-v-b8bb31fe]{font-size:4rem;color:#0a0a0a}.project-overlay[data-v-b8bb31fe]{position:absolute;top:1rem;right:1rem}.project-overlay .project-category[data-v-b8bb31fe]{padding:.25rem .75rem;background:#000c;border:1px solid #00ffff;border-radius:2rem;font-size:.8rem;color:#0ff}.project-content[data-v-b8bb31fe]{padding:1.5rem}.project-content h4[data-v-b8bb31fe]{margin-bottom:.5rem;color:#f8f8ff;font-size:1.3rem}.project-content p[data-v-b8bb31fe]{margin-bottom:1rem;color:#f8f8ffcc;line-height:1.6}.project-tech[data-v-b8bb31fe]{display:flex;gap:.5rem;flex-wrap:wrap}.tech-tag[data-v-b8bb31fe]{padding:.25rem .75rem;background:#ff69b41a;border:1px solid rgba(255,105,180,.3);border-radius:8px;font-size:.8rem;color:#ff69b4}.cta-section[data-v-b8bb31fe]{padding:5rem 0;background:linear-gradient(135deg,#ff00ff0d,#00ffff0d);position:relative;overflow:hidden}.cta-content[data-v-b8bb31fe]{text-align:center;position:relative;z-index:2}.cta-title[data-v-b8bb31fe]{font-size:3rem;margin-bottom:1rem}@media (max-width: 768px){.cta-title[data-v-b8bb31fe]{font-size:2rem}}.cta-subtitle[data-v-b8bb31fe]{font-size:1.2rem;color:#f8f8ffe6;margin-bottom:2rem;max-width:600px;margin-left:auto;margin-right:auto}.btn.large[data-v-b8bb31fe]{padding:1.2rem 3rem;font-size:1.2rem}.cta-decoration[data-v-b8bb31fe]{position:absolute;inset:0;pointer-events:none;overflow:hidden}.decoration-circle[data-v-b8bb31fe]{position:absolute;width:400px;height:400px;border:2px solid rgba(255,0,255,.1);border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%);animation:rotate-b8bb31fe 20s linear infinite}.decoration-lines[data-v-b8bb31fe]{position:absolute;inset:0;background-image:linear-gradient(45deg,transparent 48%,rgba(0,255,255,.03) 50%,transparent 52%),linear-gradient(-45deg,transparent 48%,rgba(255,0,255,.03) 50%,transparent 52%);background-size:30px 30px}@keyframes bounce-b8bb31fe{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}@keyframes badge-glow-b8bb31fe{0%,to{box-shadow:0 0 5px #ff00ff80}50%{box-shadow:0 0 20px #f0fc,0 0 30px #ff69b499}}@keyframes shimmer-b8bb31fe{0%{left:-100%}to{left:200%}}@keyframes sparkle-b8bb31fe{0%,to{transform:scale(1) rotate(0)}50%{transform:scale(1.2) rotate(180deg)}}@keyframes star-rotate-b8bb31fe{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes rotate-b8bb31fe{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes pulse-b8bb31fe{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}.about-view[data-v-beefdb7d]{min-height:calc(100vh - 80px);padding:2rem 0}.container[data-v-beefdb7d]{max-width:1200px;margin:0 auto;padding:0 2rem}.about-hero .page-title[data-v-beefdb7d]{text-align:center;margin-bottom:3rem;font-size:3rem}@media (max-width: 768px){.about-hero .page-title[data-v-beefdb7d]{font-size:2rem}}.about-content[data-v-beefdb7d]{display:flex;flex-direction:column;gap:4rem}.profile-section[data-v-beefdb7d]{display:grid;grid-template-columns:250px 1fr;gap:3rem;align-items:center}@media (max-width: 768px){.profile-section[data-v-beefdb7d]{grid-template-columns:1fr;text-align:center}}.profile-image-wrapper[data-v-beefdb7d]{position:relative}.profile-image[data-v-beefdb7d]{width:200px;height:200px;border-radius:50%;background:linear-gradient(135deg,#f0f,#0ff);display:flex;align-items:center;justify-content:center;position:relative;z-index:2;margin:0 auto;background-image:url(/images/profile.jpeg);background-size:cover;background-position:center;background-repeat:no-repeat;border:3px solid rgba(255,0,255,.6);box-shadow:0 0 30px #f0f6}.profile-glow[data-v-beefdb7d]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:220px;height:220px;border-radius:50%;background:linear-gradient(135deg,#ff69b4,#9d4edd);filter:blur(30px);opacity:.5;animation:pulse-beefdb7d 3s ease-in-out infinite}.profile-info .name[data-v-beefdb7d]{font-family:var(--font-cyber-primary, "Orbitron", "Noto Sans JP", "Arial", sans-serif);font-size:2.5rem;margin-bottom:.5rem;background:linear-gradient(135deg,#ff69b4,#9d4edd);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.profile-info .tagline[data-v-beefdb7d]{font-size:1.2rem;color:#0ff;margin-bottom:1.5rem}.profile-info .bio[data-v-beefdb7d]{margin-bottom:2rem;line-height:1.8;color:#f8f8ffe6}.social-links[data-v-beefdb7d]{display:flex;gap:1rem}@media (max-width: 768px){.social-links[data-v-beefdb7d]{justify-content:center}}.social-links .social-link[data-v-beefdb7d]{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;border:2px solid #ff00ff;color:#f0f;text-decoration:none;transition:.2s ease}.social-links .social-link[data-v-beefdb7d]:hover{background:#f0f;color:#0a0a0a;transform:translateY(-3px);box-shadow:0 5px 20px #ff00ff80}.skills-section .section-title[data-v-beefdb7d]{text-align:center;margin-bottom:2rem;color:#0ff}.skill-tabs[data-v-beefdb7d]{display:flex;justify-content:center;margin-bottom:2rem;background:#1a1a1a99;border:2px solid rgba(0,255,255,.3);border-radius:20px;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 0 20px #00ffff1a}@media (max-width: 768px){.skill-tabs[data-v-beefdb7d]{flex-direction:column;margin:0 1rem 2rem}}.skill-tab[data-v-beefdb7d]{display:flex;align-items:center;gap:.5rem;padding:1rem 1.5rem;background:transparent;border:none;border-right:1px solid rgba(0,255,255,.2);color:#b8b8c8;font-weight:600;cursor:pointer;transition:all .3s ease;flex:1;position:relative;overflow:hidden}.skill-tab[data-v-beefdb7d]:last-child{border-right:none}.skill-tab .material-icons[data-v-beefdb7d]{font-size:1.2rem}.skill-tab[data-v-beefdb7d]:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,255,255,.1),transparent);transition:left .3s ease}.skill-tab[data-v-beefdb7d]:hover{color:#0ff;background:#00ffff0d}.skill-tab[data-v-beefdb7d]:hover:before{left:100%}.skill-tab:hover .material-icons[data-v-beefdb7d]{transform:scale(1.1)}.skill-tab.active[data-v-beefdb7d]{background:linear-gradient(135deg,#ff00ff26,#00ffff26);color:#f8f8ff;box-shadow:inset 0 0 20px #f0f3}.skill-tab.active .material-icons[data-v-beefdb7d]{color:#f0f;text-shadow:0 0 5px rgba(255,0,255,.5)}.skill-tab.active[data-v-beefdb7d]:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#f0f,#0ff);box-shadow:0 0 5px #f0fc}@media (max-width: 768px){.skill-tab[data-v-beefdb7d]{border-right:none;border-bottom:1px solid rgba(0,255,255,.2)}.skill-tab[data-v-beefdb7d]:last-child{border-bottom:none}}.skills-grid[data-v-beefdb7d]{display:block}.skill-grid-wrapper[data-v-beefdb7d]{position:relative;transition:height .3s ease}.skill-transition-container[data-v-beefdb7d]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;position:relative;align-content:start}.skill-card[data-v-beefdb7d]{text-align:center;padding:1.5rem;cursor:pointer;position:relative;transition:all .3s ease;opacity:0;transform:translateY(40px) scale(.7);animation:skillCardLoad-beefdb7d .6s cubic-bezier(.68,-.55,.265,1.55) forwards;animation-delay:calc(var(--delay, 0s) + .3s)}.skill-card[data-v-beefdb7d]:hover{transform:translateY(-5px) scale(1.02);box-shadow:0 10px 30px #ff00ff4d}.skill-card:hover .click-hint[data-v-beefdb7d]{opacity:1;transform:translateY(0) scale(1)}.skill-card .material-icons[data-v-beefdb7d]{font-size:2.5rem;color:#ff69b4;margin-bottom:1rem}.skill-card h4[data-v-beefdb7d]{margin-bottom:1rem;color:#f8f8ff}.click-hint[data-v-beefdb7d]{position:absolute;top:.5rem;right:.5rem;background:linear-gradient(135deg,#f0f3,#0ff3);border:1px solid rgba(255,0,255,.4);color:#f0f;font-size:.7rem;padding:.3rem .8rem;border-radius:12px;opacity:0;transition:all .3s ease;font-weight:600;display:flex;align-items:center;gap:.3rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 0 10px #f0f3;transform:translateY(-5px) scale(.9)}.click-hint .material-icons[data-v-beefdb7d]{font-size:.9rem;margin-bottom:0;color:#ff69b4}.skill-level[data-v-beefdb7d]{width:100%;height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden}.skill-bar[data-v-beefdb7d]{height:100%;background:linear-gradient(135deg,#f0f,#0ff);border-radius:4px;transition:width 1s ease-out;animation:slideIn-beefdb7d 1s ease-out}.timeline-section .section-title[data-v-beefdb7d]{text-align:center;margin-bottom:3rem;color:#0ff}.timeline[data-v-beefdb7d]{position:relative;padding:2rem 0}.timeline[data-v-beefdb7d]:before{content:"";position:absolute;left:50%;top:0;bottom:0;width:2px;background:linear-gradient(135deg,#f0f,#0ff);transform:translate(-50%)}@media (max-width: 768px){.timeline[data-v-beefdb7d]:before{left:20px}}.timeline-item[data-v-beefdb7d]{position:relative;margin-bottom:3rem;width:45%}.timeline-item.right[data-v-beefdb7d]{margin-left:auto}.timeline-item.right .timeline-dot[data-v-beefdb7d]{left:auto;right:-11px}@media (max-width: 768px){.timeline-item.right .timeline-dot[data-v-beefdb7d]{left:9px;right:auto}}@media (max-width: 768px){.timeline-item[data-v-beefdb7d]{width:calc(100% - 50px);margin-left:50px}}.timeline-dot[data-v-beefdb7d]{position:absolute;left:-11px;top:0;width:20px;height:20px;border-radius:50%;background:#ff69b4;border:3px solid #0a0a0a;box-shadow:0 0 20px #ff69b4}@media (max-width: 768px){.timeline-dot[data-v-beefdb7d]{left:9px}}.timeline-content[data-v-beefdb7d]{padding:1.5rem}.timeline-content .timeline-date[data-v-beefdb7d]{display:inline-block;padding:.25rem .75rem;background:#f0f3;border-radius:8px;font-size:.9rem;color:#f0f;margin-bottom:.5rem}.timeline-content h4[data-v-beefdb7d]{margin-bottom:.5rem;color:#f8f8ff}.timeline-content p[data-v-beefdb7d]{margin:0;color:#f8f8ffcc}@keyframes pulse-beefdb7d{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.5}50%{transform:translate(-50%,-50%) scale(1.1);opacity:.7}}@keyframes slideIn-beefdb7d{0%{width:0}}.skill-card-enter-active[data-v-beefdb7d]{transition:all .6s cubic-bezier(.68,-.55,.265,1.55);transition-delay:var(--delay, 0s)}.skill-card-leave-active[data-v-beefdb7d]{transition:none}.skill-card-enter-from[data-v-beefdb7d]{opacity:0;transform:translateY(40px) scale(.7) rotateY(20deg)}.skill-card-leave-to[data-v-beefdb7d]{opacity:0}.skill-card-move[data-v-beefdb7d]{transition:transform .5s cubic-bezier(.68,-.55,.265,1.55)}@keyframes skillCardLoad-beefdb7d{0%{opacity:0;transform:translateY(40px) scale(.7) rotateY(20deg)}to{opacity:1;transform:translateY(0) scale(1) rotateY(0)}}.skill-modal-overlay[data-v-beefdb7d]{position:fixed;inset:0;background:#0a0a0acc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:300;animation:fadeIn .2s ease}.skill-modal[data-v-beefdb7d]{background:linear-gradient(135deg,#1a1a1af2,#0a0a0af2);border:2px solid rgba(255,0,255,.3);border-radius:20px;max-width:600px;width:90%;max-height:80vh;overflow-y:auto;animation:slideIn-beefdb7d .3s ease;box-shadow:0 20px 60px #f0f3}.skill-modal-header[data-v-beefdb7d]{display:flex;align-items:center;gap:1rem;padding:2rem 2rem 1rem;position:relative}.skill-modal-header .skill-icon-large[data-v-beefdb7d]{display:flex;align-items:center;justify-content:center;width:60px;height:60px;background:linear-gradient(135deg,#f0f,#0ff);border-radius:50%}.skill-modal-header .skill-icon-large .material-icons[data-v-beefdb7d]{font-size:2rem;color:#0a0a0a}.skill-modal-header h3[data-v-beefdb7d]{flex:1;color:#f8f8ff;font-size:1.8rem;margin:0}.skill-modal-header .close-btn[data-v-beefdb7d]{position:absolute;top:1rem;right:1rem;background:none;border:none;color:#fff9;cursor:pointer;transition:color .2s ease}.skill-modal-header .close-btn[data-v-beefdb7d]:hover{color:#f0f}.skill-modal-header .close-btn .material-icons[data-v-beefdb7d]{font-size:1.5rem}.skill-modal-content[data-v-beefdb7d]{padding:0 2rem 2rem}.skill-modal-content .experience-section[data-v-beefdb7d],.skill-modal-content .projects-section[data-v-beefdb7d]{margin-bottom:1.5rem}.skill-modal-content .experience-section h4[data-v-beefdb7d],.skill-modal-content .projects-section h4[data-v-beefdb7d]{color:#0ff;font-size:1.2rem;margin-bottom:.8rem;display:flex;align-items:center;gap:.5rem}.skill-modal-content .experience-section h4[data-v-beefdb7d]:before,.skill-modal-content .projects-section h4[data-v-beefdb7d]:before{content:"";width:4px;height:1.2rem;background:linear-gradient(45deg,#f0f,#0ff);border-radius:2px}.skill-modal-content .experience-section ul[data-v-beefdb7d],.skill-modal-content .projects-section ul[data-v-beefdb7d]{list-style:none;padding:0;margin:0}.skill-modal-content .experience-section ul li[data-v-beefdb7d],.skill-modal-content .projects-section ul li[data-v-beefdb7d]{background:#ffffff0d;border-left:3px solid rgba(0,255,255,.5);padding:.8rem 1rem;margin-bottom:.5rem;border-radius:0 8px 8px 0;color:#f8f8ffe6;line-height:1.5;transition:all .2s ease}.skill-modal-content .experience-section ul li[data-v-beefdb7d]:hover,.skill-modal-content .projects-section ul li[data-v-beefdb7d]:hover{background:#ffffff1a;border-left-color:#0ff;transform:translate(5px)}@keyframes slideIn-beefdb7d{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}@media (max-width: 768px){.skill-modal[data-v-beefdb7d]{width:95%;max-height:85vh}.skill-modal-header[data-v-beefdb7d]{padding:1.5rem 1.5rem 1rem}.skill-modal-header h3[data-v-beefdb7d]{font-size:1.5rem}.skill-modal-header .skill-icon-large[data-v-beefdb7d]{width:50px;height:50px}.skill-modal-header .skill-icon-large .material-icons[data-v-beefdb7d]{font-size:1.5rem}.skill-modal-content[data-v-beefdb7d]{padding:0 1.5rem 1.5rem}}.services-view[data-v-88401de4]{min-height:calc(100vh - 80px);padding:2rem 0;overflow-x:hidden;width:100%;max-width:100vw}.container[data-v-88401de4]{max-width:1200px;margin:0 auto;padding:0 2rem;width:100%;box-sizing:border-box}@media (max-width: 768px){.container[data-v-88401de4]{padding:0 1rem}}.services-hero .page-title[data-v-88401de4]{text-align:center;margin-bottom:1rem;font-size:3rem}@media (max-width: 768px){.services-hero .page-title[data-v-88401de4]{font-size:2rem}}.services-hero .page-subtitle[data-v-88401de4]{text-align:center;font-size:1.2rem;color:#0ff;margin-bottom:3rem}.services-grid[data-v-88401de4]{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-bottom:5rem;width:100%;overflow:hidden}@media (max-width: 768px){.services-grid[data-v-88401de4]{grid-template-columns:1fr;gap:1.5rem}}.service-card[data-v-88401de4]{padding:2rem;text-align:center;position:relative;overflow:hidden}.service-card[data-v-88401de4]:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,0,255,.1) 0%,transparent 70%);opacity:0;transition:opacity .3s ease}.service-card[data-v-88401de4]:hover:before{opacity:1}.service-icon[data-v-88401de4]{width:80px;height:80px;margin:0 auto 1.5rem;background:linear-gradient(135deg,#f0f,#0ff);border-radius:50%;display:flex;align-items:center;justify-content:center}.service-icon .material-icons[data-v-88401de4]{font-size:2.5rem;color:#0a0a0a}.kawaii .service-icon[data-v-88401de4]{background:linear-gradient(135deg,#ff69b4,#9d4edd)}.service-title[data-v-88401de4]{margin-bottom:1rem;color:#f8f8ff}.service-description[data-v-88401de4]{margin-bottom:1.5rem;color:#f8f8ffcc;line-height:1.6}.service-features[data-v-88401de4]{list-style:none;padding:0;margin-bottom:1.5rem;text-align:left}.service-features li[data-v-88401de4]{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem;color:#f8f8ffe6}.service-features li .material-icons[data-v-88401de4]{font-size:1.2rem;color:#ff69b4}.service-price[data-v-88401de4]{margin-bottom:1.5rem}.service-price .price-label[data-v-88401de4]{display:block;font-size:.9rem;color:#f8f8ff99;margin-bottom:.25rem}.service-price .price-amount[data-v-88401de4]{display:block;font-size:1.5rem;font-weight:700;background:linear-gradient(135deg,#f0f,#0ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.workflow-section[data-v-88401de4]{margin-bottom:5rem}.workflow-section .section-title[data-v-88401de4]{text-align:center;margin-bottom:3rem;color:#0ff}.workflow-steps[data-v-88401de4]{display:flex;justify-content:space-between;align-items:flex-start;position:relative;overflow:hidden}@media (max-width: 768px){.workflow-steps[data-v-88401de4]{flex-direction:column;align-items:center}}.workflow-step[data-v-88401de4]{flex:1;text-align:center;position:relative}@media (max-width: 768px){.workflow-step[data-v-88401de4]{margin-bottom:2rem}}.step-number[data-v-88401de4]{width:60px;height:60px;margin:0 auto 1rem;background:linear-gradient(135deg,#ff69b4,#9d4edd);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;color:#0a0a0a;box-shadow:0 0 20px #ff69b480}.step-content h4[data-v-88401de4]{margin-bottom:.5rem;color:#f8f8ff}.step-content p[data-v-88401de4]{color:#f8f8ffcc;font-size:.9rem}.step-connector[data-v-88401de4]{position:absolute;top:30px;left:calc(100% + 10px);right:-10px;height:2px;background:linear-gradient(90deg,#f0f,#0ff);max-width:calc(100% - 20px)}@media (max-width: 768px){.step-connector[data-v-88401de4]{display:none}}.tech-stack-section .section-title[data-v-88401de4]{text-align:center;margin-bottom:3rem;color:#0ff}.tech-categories[data-v-88401de4]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;width:100%;overflow:hidden}@media (max-width: 768px){.tech-categories[data-v-88401de4]{grid-template-columns:1fr;gap:1.5rem}}.tech-category h3[data-v-88401de4]{margin-bottom:1rem;color:#ff69b4;font-size:1.2rem}.tech-items[data-v-88401de4]{display:flex;flex-wrap:wrap;gap:.5rem}.tech-item[data-v-88401de4]{display:inline-block;padding:.5rem 1rem;background:#ff00ff1a;border:1px solid rgba(255,0,255,.3);border-radius:8px;color:#f8f8ff;font-size:.9rem;transition:.2s ease}.tech-item[data-v-88401de4]:hover{background:#f0f3;border-color:#f0f;transform:translateY(-2px)}.contact-view[data-v-fc4ca82d]{min-height:calc(100vh - 80px);padding:2rem 0}.container[data-v-fc4ca82d]{max-width:1200px;margin:0 auto;padding:0 2rem}.debug-view[data-v-cf2c088d]{min-height:100vh;padding:2rem;background:transparent;transition:all var(--transition-duration, .5s) ease;position:relative}.debug-view[data-v-cf2c088d]:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#0a0a0ab3;z-index:-1;pointer-events:none}.debug-header[data-v-cf2c088d]{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.debug-header h1[data-v-cf2c088d]{font-family:var(--font-cyber-primary, "Orbitron", "Noto Sans JP", "Arial", sans-serif);font-size:2rem;color:#ff0}.back-btn[data-v-cf2c088d]{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#e8e8f0;transition:.2s ease}.back-btn[data-v-cf2c088d]:hover{background:#fff3;border-color:#f0f;transform:translate(-5px)}.tab-navigation[data-v-cf2c088d]{display:flex;gap:.5rem;margin-bottom:2rem;width:100%;max-width:none;margin:0 0 2rem;padding:0 1rem;flex-wrap:wrap;justify-content:center}@media (max-width: 1200px){.tab-navigation[data-v-cf2c088d]{gap:.25rem;padding:0 1rem}}@media (max-width: 768px){.tab-navigation[data-v-cf2c088d]{grid-template-columns:repeat(3,1fr);gap:.5rem;display:grid}}.tab-btn[data-v-cf2c088d]{display:flex;align-items:center;gap:.3rem;padding:.75rem 1rem;background:#1a1a1acc;border:2px solid rgba(255,0,255,.2);border-radius:8px;color:#b8b8c8;font-family:var(--font-cyber-primary, "Orbitron", "Noto Sans JP", "Arial", sans-serif);font-size:.8rem;cursor:pointer;transition:.2s ease;white-space:nowrap;min-width:0;flex-shrink:1}@media (max-width: 1200px){.tab-btn[data-v-cf2c088d]{padding:.5rem .75rem;font-size:.75rem}}@media (max-width: 768px){.tab-btn[data-v-cf2c088d]{padding:.75rem;justify-content:center;flex-direction:column;gap:.25rem;font-size:.7rem}}.tab-btn.active[data-v-cf2c088d]{background:#ff00ff1a;border-color:#f0f;color:#f0f;box-shadow:0 0 20px #ff00ff4d}.tab-btn[data-v-cf2c088d]:hover:not(.active){background:#ff00ff0d;border-color:#ff00ff80;transform:translateY(-2px)}.tab-btn .material-icons[data-v-cf2c088d]{font-size:1rem}@media (max-width: 1200px){.tab-btn .material-icons[data-v-cf2c088d]{font-size:.9rem}}@media (max-width: 768px){.tab-btn .material-icons[data-v-cf2c088d]{font-size:1.2rem}}.tab-content[data-v-cf2c088d]{min-height:calc(100vh - 300px)}.debug-content[data-v-cf2c088d]{width:100%;max-width:none;margin:0;padding:0 1rem}.debug-content .i18n-debug-panel[data-v-cf2c088d],.debug-content .system-info-panel[data-v-cf2c088d],.debug-content .storage-debug-panel[data-v-cf2c088d],.debug-content .performance-debug-panel[data-v-cf2c088d],.debug-content .network-debug-panel[data-v-cf2c088d],.debug-content .console-debug-panel[data-v-cf2c088d]{max-width:none;margin:0}.control-panel h2[data-v-cf2c088d],.stats-panel h2[data-v-cf2c088d],.preview-panel h2[data-v-cf2c088d]{font-family:var(--font-cyber-primary, "Orbitron", "Noto Sans JP", "Arial", sans-serif);color:#5fffff;margin-bottom:1.5rem;font-size:1.5rem}.control-group[data-v-cf2c088d]{margin-bottom:1.5rem}.control-group label[data-v-cf2c088d]{display:block;color:#b8b8c8;margin-bottom:.5rem;font-weight:600}.control-select[data-v-cf2c088d],.control-input[data-v-cf2c088d]{width:100%;padding:.75rem;background:#1a1a1ae6;border:2px solid rgba(255,0,255,.3);border-radius:8px;color:#e8e8f0;font-family:var(--font-mono-primary, "Fira Code", "Noto Sans JP", "Consolas", monospace);font-size:.9rem;transition:.2s ease}.control-select[data-v-cf2c088d]:focus,.control-input[data-v-cf2c088d]:focus{outline:none;border-color:#f0f;box-shadow:0 0 15px #ff00ff80,inset 0 0 10px #ff00ff1a;background:#1a1a1a}.control-select[data-v-cf2c088d]:hover,.control-input[data-v-cf2c088d]:hover{border-color:#ff00ff80;background:#1a1a1af2}.control-select[data-v-cf2c088d]{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url('data:image/svg+xml;charset=US-ASCII,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 4 5"><path fill="%23ff00ff" d="M2 0L0 2h4zm0 5L0 3h4z"/></svg>');background-repeat:no-repeat;background-position:right .7rem center;background-size:.65rem auto;padding-right:2.5rem}.control-select option[data-v-cf2c088d]{background:#0a0a0a;color:#e8e8f0;padding:.5rem}.control-select option[data-v-cf2c088d]:checked{background:#f0f3;color:#f0f}.control-input[type=number][data-v-cf2c088d]::-webkit-outer-spin-button,.control-input[type=number][data-v-cf2c088d]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.control-input[type=number][type=number][data-v-cf2c088d]{-moz-appearance:textfield}.device-toggle[data-v-cf2c088d]{display:flex;gap:.5rem;background:#1a1a1acc;border-radius:8px;padding:4px;border:2px solid rgba(255,0,255,.2)}.device-btn[data-v-cf2c088d]{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:transparent;border:none;border-radius:4px;color:#b8b8c8;font-family:var(--font-cyber-primary, "Orbitron", "Noto Sans JP", "Arial", sans-serif);font-size:.9rem;cursor:pointer;transition:.2s ease;flex:1;justify-content:center}.device-btn.active[data-v-cf2c088d]{background:#f0f3;color:#f0f;box-shadow:0 0 10px #ff00ff4d}.device-btn[data-v-cf2c088d]:hover:not(.active){background:#ff00ff1a;color:#e8e8f0}.device-btn .material-icons[data-v-cf2c088d]{font-size:1.2rem}.duration-hint[data-v-cf2c088d]{display:block;margin-top:.5rem;font-size:.8rem;color:#b8b8c8;font-family:var(--font-mono-primary, "Fira Code", "Noto Sans JP", "Consolas", monospace)}.color-options[data-v-cf2c088d]{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:.5rem}.color-btn[data-v-cf2c088d]{padding:.75rem;border:2px solid transparent;border-radius:8px;color:#fff;font-size:.8rem;cursor:pointer;transition:.2s ease}.color-btn.active[data-v-cf2c088d]{border-color:#ff0;box-shadow:0 0 10px currentColor}.color-btn[data-v-cf2c088d]:hover{transform:scale(1.05)}.control-actions[data-v-cf2c088d]{display:flex;gap:1rem;margin-top:2rem}.control-actions .btn[data-v-cf2c088d]{flex:1}.stats-grid[data-v-cf2c088d]{display:grid;gap:1rem;margin-bottom:2rem}.stat-item[data-v-cf2c088d]{display:flex;justify-content:space-between;padding:.75rem;background:#ffffff0d;border-radius:8px}.stat-item .stat-label[data-v-cf2c088d]{color:#b8b8c8}.stat-item .stat-value[data-v-cf2c088d]{color:#ff8fc7;font-family:var(--font-mono-primary, "Fira Code", "Noto Sans JP", "Consolas", monospace);font-weight:700}.weight-chart h3[data-v-cf2c088d]{font-size:1.1rem;color:#e8e8f0;margin-bottom:1rem}.chart-bars[data-v-cf2c088d]{display:flex;align-items:flex-end;justify-content:space-between;height:150px;padding:1rem;background:#ffffff0d;border-radius:8px;gap:.5rem}.chart-bar[data-v-cf2c088d]{flex:1;display:flex;flex-direction:column;align-items:center;gap:.5rem}.chart-bar .bar-fill[data-v-cf2c088d]{width:100%;background:linear-gradient(to top,#ff8fc7,#5fffff);border-radius:4px 4px 0 0;transition:height .3s ease}.chart-bar .bar-label[data-v-cf2c088d]{font-size:.7rem;color:#b8b8c8;writing-mode:vertical-lr;text-orientation:mixed}.preview-history[data-v-cf2c088d]{max-height:300px;overflow-y:auto}.preview-item[data-v-cf2c088d]{display:flex;justify-content:space-between;padding:.75rem;margin-bottom:.5rem;background:#ffffff0d;border-radius:8px;border-left:3px solid #ff00ff}.preview-item .preview-type[data-v-cf2c088d]{color:#5fffff;font-family:var(--font-mono-primary, "Fira Code", "Noto Sans JP", "Consolas", monospace);font-weight:700}.preview-item .preview-time[data-v-cf2c088d]{color:#b8b8c8;font-size:.9rem}.no-history[data-v-cf2c088d]{text-align:center;color:#b8b8c8;padding:2rem}.debug-loader-wrapper[data-v-cf2c088d]{position:fixed;inset:0;z-index:500;display:flex;align-items:center;justify-content:center}.debug-info[data-v-cf2c088d]{position:absolute;top:2rem;right:2rem;background:#000c;padding:1rem;border-radius:8px;border:1px solid #ffff00;color:#ff0;font-family:var(--font-mono-primary, "Fira Code", "Noto Sans JP", "Consolas", monospace)}.debug-info p[data-v-cf2c088d]{margin:.25rem 0}.close-debug-btn[data-v-cf2c088d]{position:absolute;top:-10px;right:-10px;width:30px;height:30px;background:#ff0;border:none;border-radius:50%;color:#0a0a0a;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:.2s ease}.close-debug-btn[data-v-cf2c088d]:hover{transform:scale(1.1) rotate(90deg)}.close-debug-btn .material-icons[data-v-cf2c088d]{font-size:1.2rem}.direction-grid[data-v-cf2c088d]{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem}.direction-btn[data-v-cf2c088d]{padding:.75rem;background:#1a1a1acc;border:2px solid rgba(255,0,255,.2);border-radius:8px;color:#b8b8c8;cursor:pointer;transition:.2s ease}.direction-btn.active[data-v-cf2c088d]{background:#f0f3;border-color:#f0f;color:#f0f}.direction-btn[data-v-cf2c088d]:hover{transform:scale(1.1)}.direction-btn .material-icons[data-v-cf2c088d]{font-size:1.5rem}.transition-preview[data-v-cf2c088d]{position:relative;height:400px;background:#0a0a0acc;border:2px solid rgba(255,0,255,.2);border-radius:8px;overflow:hidden}.preview-page[data-v-cf2c088d]{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,#1a1a1ae6,#333333e6);border-radius:8px}.preview-page h3[data-v-cf2c088d]{font-size:2rem;color:#5fffff;margin-bottom:1rem}.preview-page p[data-v-cf2c088d]{color:#b8b8c8}.preview-page.page-1[data-v-cf2c088d]{z-index:1}.preview-page.page-1.transitioning[data-v-cf2c088d]{animation:page-out var(--duration, .5s) ease-out forwards;animation-name:var(--transition-out,fade-out)}.preview-page.page-2[data-v-cf2c088d]{z-index:2;opacity:0}.preview-page.page-2.active[data-v-cf2c088d]{animation:page-in var(--duration, .5s) ease-out forwards;animation-name:var(--transition-in,fade-in)}.transition-history[data-v-cf2c088d]{max-height:400px;overflow-y:auto}.history-item[data-v-cf2c088d]{display:flex;justify-content:space-between;align-items:center;padding:1rem;margin-bottom:.5rem;background:#ffffff0d;border-radius:8px;border-left:3px solid #00ffff}.history-item .history-type[data-v-cf2c088d]{color:#0ff;font-family:var(--font-mono-primary, "Fira Code", "Noto Sans JP", "Consolas", monospace);font-weight:700}.history-item .history-meta[data-v-cf2c088d]{color:#b8b8c8;font-size:.9rem}.history-item .history-time[data-v-cf2c088d]{color:#b8b8c8;font-size:.8rem}.history-panel h2[data-v-cf2c088d]{font-family:var(--font-cyber-primary, "Orbitron", "Noto Sans JP", "Arial", sans-serif);color:#5fffff;margin-bottom:1.5rem;font-size:1.5rem}@keyframes fade-in-cf2c088d{0%{opacity:0}to{opacity:1}}@keyframes fade-out-cf2c088d{0%{opacity:1}to{opacity:0}}@keyframes slide-in-right-cf2c088d{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slide-in-left-cf2c088d{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slide-in-up-cf2c088d{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slide-in-down-cf2c088d{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slide-out-left-cf2c088d{0%{transform:translate(0);opacity:1}to{transform:translate(-100%);opacity:0}}@keyframes slide-out-right-cf2c088d{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}@keyframes slide-out-up-cf2c088d{0%{transform:translateY(0);opacity:1}to{transform:translateY(-100%);opacity:0}}@keyframes slide-out-down-cf2c088d{0%{transform:translateY(0);opacity:1}to{transform:translateY(100%);opacity:0}}@keyframes zoom-in-cf2c088d{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}@keyframes zoom-out-cf2c088d{0%{transform:scale(1);opacity:1}to{transform:scale(2);opacity:0}}@keyframes flip-in-cf2c088d{0%{transform:rotateY(90deg);opacity:0}to{transform:rotateY(0);opacity:1}}@keyframes flip-out-cf2c088d{0%{transform:rotateY(0);opacity:1}to{transform:rotateY(-90deg);opacity:0}}@keyframes glitch-in-cf2c088d{0%{transform:translate(0);opacity:0}25%{transform:translate(-5px);opacity:.5;filter:hue-rotate(90deg)}50%{transform:translate(5px);opacity:.7;filter:hue-rotate(180deg)}75%{transform:translate(-2px);opacity:.9;filter:hue-rotate(270deg)}to{transform:translate(0);opacity:1;filter:hue-rotate(0deg)}}@keyframes glitch-out-cf2c088d{0%{transform:translate(0);opacity:1;filter:hue-rotate(0deg)}25%{transform:translate(5px);opacity:.9;filter:hue-rotate(90deg)}50%{transform:translate(-5px);opacity:.7;filter:hue-rotate(180deg)}75%{transform:translate(2px);opacity:.5;filter:hue-rotate(270deg)}to{transform:translate(0);opacity:0;filter:hue-rotate(360deg)}}@keyframes portal-in-cf2c088d{0%{transform:scale(0) rotate(0);opacity:0;border-radius:50%}50%{transform:scale(.5) rotate(180deg);opacity:.5;border-radius:50%}to{transform:scale(1) rotate(360deg);opacity:1;border-radius:0%}}@keyframes portal-out-cf2c088d{0%{transform:scale(1) rotate(0);opacity:1;border-radius:0%}50%{transform:scale(.5) rotate(-180deg);opacity:.5;border-radius:50%}to{transform:scale(0) rotate(-360deg);opacity:0;border-radius:50%}}.error-container[data-v-5ef86f35]{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;background:transparent;overflow:hidden;padding:2rem}.error-container[data-v-5ef86f35]:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#0a0a0a,#1a1a1a);opacity:.3;z-index:-2}.cyber-bg-effects[data-v-5ef86f35]{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0}.error-particles[data-v-5ef86f35]{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 50%,rgba(255,255,0,.05) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,0,255,.05) 0%,transparent 50%);animation:particle-drift-5ef86f35 15s ease-in-out infinite}.warning-overlay[data-v-5ef86f35]{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(45deg,transparent 0%,rgba(255,255,0,.02) 50%,transparent 100%);animation:warning-pulse-5ef86f35 6s ease-in-out infinite}.error-content[data-v-5ef86f35]{position:relative;z-index:10;text-align:center;max-width:600px;width:100%}.neon-border[data-v-5ef86f35]{padding:3rem 2rem;border:2px solid #ffff00;border-radius:16px;background:#0a0a0ae6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 20px #ffff004d,inset 0 0 20px #ffff001a;position:relative}.neon-border[data-v-5ef86f35]:before{content:"";position:absolute;inset:-2px;background:linear-gradient(135deg,#ff0,#f0f);border-radius:16px;z-index:-1;opacity:.3;animation:error-pulse-5ef86f35 3s ease-in-out infinite}.error-code[data-v-5ef86f35]{font-family:var(--font-cyber-primary, "Orbitron", "Noto Sans JP", "Arial", sans-serif);font-size:clamp(3rem,12vw,6rem);font-weight:900;color:#ff0;margin:0 0 1rem;position:relative;display:inline-block;text-shadow:0 0 10px #ffff00,0 0 20px #ffff00,0 0 40px #ffff00}.error-code.glitch-active[data-v-5ef86f35]{animation:error-glitch-5ef86f35 .3s ease-in-out}.error-title[data-v-5ef86f35]{font-family:var(--font-cyber-primary, "Orbitron", "Noto Sans JP", "Arial", sans-serif);font-size:clamp(1.5rem,4vw,2.5rem);color:#e8e8f0;margin:0 0 1rem;text-shadow:0 0 10px rgba(255,255,0,.5)}.error-subtitle[data-v-5ef86f35]{font-family:var(--font-kawaii-primary, "Nunito", "Noto Sans JP", "Arial", sans-serif);font-size:clamp(1rem,3vw,1.25rem);color:#ff69b4;margin:0 0 1.5rem;line-height:1.6}.error-description[data-v-5ef86f35]{font-family:var(--font-kawaii-primary, "Nunito", "Noto Sans JP", "Arial", sans-serif);font-size:clamp(.9rem,2.5vw,1rem);color:#b8b8c8;margin:0 0 2.5rem;line-height:1.8;max-width:500px;margin-left:auto;margin-right:auto}.error-actions[data-v-5ef86f35]{display:flex;gap:1.5rem;justify-content:center;flex-wrap:wrap}.neon-button[data-v-5ef86f35]{position:relative;padding:1rem 2rem;border:2px solid;border-radius:8px;background:transparent;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-cyber-primary, "Orbitron", "Noto Sans JP", "Arial", sans-serif);font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s ease;overflow:hidden;min-width:150px}.neon-button.primary[data-v-5ef86f35]{border-color:#ff0;color:#ff0}.neon-button.primary[data-v-5ef86f35]:hover{background:#ffff001a;box-shadow:0 0 20px #ff06;transform:translateY(-2px)}.neon-button.secondary[data-v-5ef86f35]{border-color:#0ff;color:#0ff}.neon-button.secondary[data-v-5ef86f35]:hover{background:#00ffff1a;box-shadow:0 0 20px #0ff6;transform:translateY(-2px)}.button-text[data-v-5ef86f35]{position:relative;z-index:2}.button-glow[data-v-5ef86f35]{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.neon-button:hover .button-glow[data-v-5ef86f35]{left:100%}.floating-elements[data-v-5ef86f35]{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.floating-warning[data-v-5ef86f35],.floating-gear[data-v-5ef86f35],.floating-spark[data-v-5ef86f35]{position:absolute;font-size:2rem;opacity:.7;animation:float-5ef86f35 6s ease-in-out infinite}.floating-warning[data-v-5ef86f35]{top:15%;left:15%;animation-delay:0s}.floating-gear[data-v-5ef86f35]{top:75%;right:10%;animation-delay:2s;animation:gear-spin-5ef86f35 8s linear infinite}.floating-spark[data-v-5ef86f35]{top:45%;left:85%;animation-delay:4s}@keyframes particle-drift-5ef86f35{0%,to{opacity:.3;transform:translateY(0)}50%{opacity:.6;transform:translateY(-10px)}}@keyframes warning-pulse-5ef86f35{0%,to{opacity:.02}50%{opacity:.05}}@keyframes error-pulse-5ef86f35{0%,to{opacity:.3}50%{opacity:.6}}@keyframes error-glitch-5ef86f35{0%{transform:translate(0)}20%{transform:translate(-3px,3px)}40%{transform:translate(-3px,-3px)}60%{transform:translate(3px,3px)}80%{transform:translate(3px,-3px)}to{transform:translate(0)}}@keyframes float-5ef86f35{0%,to{transform:translateY(0) rotate(0);opacity:.7}50%{transform:translateY(-15px) rotate(180deg);opacity:1}}@keyframes gear-spin-5ef86f35{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.error-container[data-v-5ef86f35]{padding:1rem}.neon-border[data-v-5ef86f35]{padding:2rem 1.5rem}.error-actions[data-v-5ef86f35]{flex-direction:column;align-items:center}.neon-button[data-v-5ef86f35]{width:100%;max-width:250px}}@media (max-width: 480px){.floating-elements[data-v-5ef86f35]{display:none}}.error-container[data-v-afa8e509]{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;background:transparent;overflow:hidden;padding:2rem}.error-container[data-v-afa8e509]:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#0a0a0a,#1a1a1a);opacity:.3;z-index:-2}.cyber-bg-effects[data-v-afa8e509]{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0}.matrix-rain[data-v-afa8e509]{position:absolute;top:0;left:0;width:100%;height:100%;background:repeating-linear-gradient(90deg,transparent,transparent 98px,rgba(0,255,255,.03) 100px);animation:matrix-scroll-afa8e509 20s linear infinite}.glitch-overlay[data-v-afa8e509]{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,0,255,.02) 50%,transparent 100%);animation:glitch-sweep-afa8e509 8s ease-in-out infinite}.error-content[data-v-afa8e509]{position:relative;z-index:10;text-align:center;max-width:600px;width:100%}.neon-border[data-v-afa8e509]{padding:3rem 2rem;border:2px solid #ff00ff;border-radius:16px;background:#0a0a0ae6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 20px #ff00ff4d,inset 0 0 20px #ff00ff1a;position:relative}.neon-border[data-v-afa8e509]:before{content:"";position:absolute;inset:-2px;background:linear-gradient(135deg,#f0f,#0ff);border-radius:16px;z-index:-1;opacity:.3;animation:neon-pulse-afa8e509 2s ease-in-out infinite}.error-code[data-v-afa8e509]{font-family:var(--font-cyber-primary, "Orbitron", "Noto Sans JP", "Arial", sans-serif);font-size:clamp(4rem,15vw,8rem);font-weight:900;color:#f0f;margin:0 0 1rem;position:relative;display:inline-block;text-shadow:0 0 10px #ff00ff,0 0 20px #ff00ff,0 0 40px #ff00ff}.error-code.glitch-active[data-v-afa8e509]{animation:glitch-afa8e509 .2s ease-in-out}.error-title[data-v-afa8e509]{font-family:var(--font-cyber-primary, "Orbitron", "Noto Sans JP", "Arial", sans-serif);font-size:clamp(1.5rem,4vw,2.5rem);color:#e8e8f0;margin:0 0 1rem;text-shadow:0 0 10px rgba(0,255,255,.5)}.error-subtitle[data-v-afa8e509]{font-family:var(--font-kawaii-primary, "Nunito", "Noto Sans JP", "Arial", sans-serif);font-size:clamp(1rem,3vw,1.25rem);color:#ff69b4;margin:0 0 1.5rem;line-height:1.6}.error-description[data-v-afa8e509]{font-family:var(--font-kawaii-primary, "Nunito", "Noto Sans JP", "Arial", sans-serif);font-size:clamp(.9rem,2.5vw,1rem);color:#b8b8c8;margin:0 0 2.5rem;line-height:1.8;max-width:500px;margin-left:auto;margin-right:auto}.error-actions[data-v-afa8e509]{display:flex;gap:1.5rem;justify-content:center;flex-wrap:wrap}.neon-button[data-v-afa8e509]{position:relative;padding:1rem 2rem;border:2px solid;border-radius:8px;background:transparent;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-cyber-primary, "Orbitron", "Noto Sans JP", "Arial", sans-serif);font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s ease;overflow:hidden;min-width:150px}.neon-button.primary[data-v-afa8e509]{border-color:#f0f;color:#f0f}.neon-button.primary[data-v-afa8e509]:hover{background:#ff00ff1a;box-shadow:0 0 20px #f0f6;transform:translateY(-2px)}.neon-button.secondary[data-v-afa8e509]{border-color:#0ff;color:#0ff}.neon-button.secondary[data-v-afa8e509]:hover{background:#00ffff1a;box-shadow:0 0 20px #0ff6;transform:translateY(-2px)}.button-text[data-v-afa8e509]{position:relative;z-index:2}.button-glow[data-v-afa8e509]{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.neon-button:hover .button-glow[data-v-afa8e509]{left:100%}.floating-elements[data-v-afa8e509]{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.floating-heart[data-v-afa8e509],.floating-star[data-v-afa8e509],.floating-sparkle[data-v-afa8e509]{position:absolute;font-size:2rem;opacity:.7;animation:float-afa8e509 6s ease-in-out infinite}.floating-heart[data-v-afa8e509]{top:20%;left:10%;animation-delay:0s}.floating-star[data-v-afa8e509]{top:70%;right:15%;animation-delay:2s}.floating-sparkle[data-v-afa8e509]{top:40%;left:80%;animation-delay:4s}@keyframes matrix-scroll-afa8e509{0%{transform:translateY(-100px)}to{transform:translateY(100vh)}}@keyframes glitch-sweep-afa8e509{0%,to{transform:translate(-100%)}50%{transform:translate(100vw)}}@keyframes neon-pulse-afa8e509{0%,to{opacity:.3}50%{opacity:.6}}@keyframes glitch-afa8e509{0%{transform:translate(0)}20%{transform:translate(-2px,2px)}40%{transform:translate(-2px,-2px)}60%{transform:translate(2px,2px)}80%{transform:translate(2px,-2px)}to{transform:translate(0)}}@keyframes float-afa8e509{0%,to{transform:translateY(0) rotate(0);opacity:.7}50%{transform:translateY(-20px) rotate(180deg);opacity:1}}@media (max-width: 768px){.error-container[data-v-afa8e509]{padding:1rem}.neon-border[data-v-afa8e509]{padding:2rem 1.5rem}.error-actions[data-v-afa8e509]{flex-direction:column;align-items:center}.neon-button[data-v-afa8e509]{width:100%;max-width:250px}}@media (max-width: 480px){.floating-elements[data-v-afa8e509]{display:none}}
