body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{margin:0;padding:0}#root,body,html{background:#131314;color:#c4c7c5;height:100%;width:100%}.App{height:100%!important}.coding-background{margin:20px auto!important;width:100vw}.logo{width:50px}.Text{color:#adff2f}.icons{fill:#c4c7c5!important;background-color:#222;border-radius:7px;height:32px;padding:5px;transition:fill .3s ease}.links{align-items:center;color:#c4c7c5;display:flex;flex-direction:column;justify-content:center;margin:40px auto!important;text-decoration:none;transition:color .3s ease}.external_links{align-items:center;flex-direction:row;gap:10px;justify-content:space-evenly;margin-top:20px}:root{--main-header-bg:#1e1f207b;--sidebar-bg:#1313144d;--settings-bg:#222c;--main-header-blur:blur(15px);--sidebar-blur:blur(25px);--settings-blur:blur(10px)}.App.dark-mode{background:#131314;color:#c4c7c5}.App.light-mode{background:#fff;color:#222}.main-title{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);-webkit-backdrop-filter:var(--main-header-blur);backdrop-filter:var(--main-header-blur);background:#1e1f207b;background:var(--main-header-bg);border-radius:30px;color:#fff;font-size:3rem;margin:15px auto;max-width:700px;text-align:center;text-shadow:0 0 10px #fffc}.main-header{border-radius:30px;height:300px;padding:25px 5px;right:15px;transform:translateY(-50%)!important;z-index:1}.left-header h2{color:#f4feff;text-decoration:underline}.right-header-ul{gap:15px;justify-content:space-between;text-decoration:none}.material-symbols-rounded,.right-header-ul{color:#c4c7c5;font-family:Material Symbols Rounded}.material-symbols-rounded{cursor:pointer;font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24;transition:font-variation-settings .5s ease}.sidebar-btn{color:#c4c7c5;font-size:24px}.sidebar-btn-hover-ani{border-bottom-left-radius:7px;border-top-left-radius:7px;padding:2px;transition:all .3s ease;width:100%}.sidebar-btn-hover-ani:hover{animation:btn-ani .2s ease-in-out 1 forwards}@keyframes btn-ani{0%{background:#fff0;transform:background translateX(15px)}to{background:#ffffff2f;transform:background translateX(-5px)}}.sidebar{-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);-webkit-backdrop-filter:var(--sidebar-blur);backdrop-filter:var(--sidebar-blur);background:#1313144d;background:var(--sidebar-bg);box-shadow:-2px 2px 25px #000;color:#c4c7c5;height:100%;left:-280px;padding:20px;transition:left .2s ease-in-out;width:250px;z-index:1000}.sidebar-header{margin-top:25px}.close-btn{background:#ffffff8a;color:#000!important;font-family:Material Symbols Rounded;font-size:18px;justify-items:center;left:7px;margin-bottom:20px;padding:3px 4px;text-align:center;top:25px;transition:all .2s ease-in-out}.close-btn:hover{background:#fff;border-radius:50%}.content{margin:70px auto 40px;max-width:900px;padding:24px 6vw}.sidebar-content{align-items:center;display:flex;flex-direction:column;justify-content:space-around;list-style:none;margin:18px;overflow:scroll}.sidebar-btn h3{color:#c4c7c5;font-size:12px;font-weight:300}@media (max-width:768px){.content{right:50px}}.Sidebar-open-btn{animation:translate-ani 2s ease-out infinite;background:#fff;border-bottom-right-radius:12px;border-style:none;border-top-right-radius:12px;font-family:Material Symbols Rounded;left:5px;padding:5px;position:fixed!important;scale:1.5;top:20px;transition:all .2s ease;transition:all .5s ease-in-out!important;z-index:1;&:hover{animation:none;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#ffffff62;box-shadow:0 8px 32px #000!important;scale:1.6;transform:translateX(5px)!important}&:active{background:#0000}}@keyframes translate-ani{0%{transform:translateX(0)}50%{transform:translateX(3px)}to{transform:translateX(0)}}.settings-menu-circle{align-items:center;animation:circle-expand .3s cubic-bezier(.4,0,.2,1) forwards;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#222c;box-shadow:0 0 20px #0008;display:flex;height:40px;justify-content:center;overflow:hidden;position:fixed;right:0;transform:translate(-50%,-50%);width:40px;z-index:10}@keyframes circle-expand{0%{height:40px;opacity:0;width:40px}to{height:220px;opacity:1;width:220px}}.settings-content{align-items:flex-start;color:#fff;display:flex;flex-direction:column;font-size:1rem;gap:20px;padding:40px 30px}.settings-content label{cursor:pointer;font-size:1rem;-webkit-user-select:none;user-select:none}.settings-content input[type=checkbox]{margin-right:10px}.matrix-container,.matrix-pattern{display:flex;justify-content:space-evenly}.matrix-pattern{height:100vh!important;left:0;top:0;width:100vw!important}.matrix-column{animation:fall linear infinite;font-size:14px;font-weight:700;height:100%;line-height:18px;position:absolute;top:-100%;white-space:nowrap;width:20px}.matrix-column:before{-webkit-text-fill-color:#0000;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(180deg,#fff 0,#fff 5%,#00ff41 10%,#00ff41 20%,#0d3 30%,#0b2 40%,#091 50%,#070 60%,#050 70%,#030 80%,#00ff4180 90%,#0000);-webkit-background-clip:text;background-clip:text;content:"アイウエオカキクケコサシスセソタチツテトナニヌネハヒフヘホマミムメモヤユヨラリルレロワヲンABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789!@#$%^&*";left:0;letter-spacing:1px;position:absolute;text-rendering:optimizeLegibility;top:0;writing-mode:vertical-lr}.matrix-column:first-child{animation-delay:-2.5s;animation-duration:3s;left:0}.matrix-column:nth-child(2){animation-delay:-3.2s;animation-duration:4s;left:25px}.matrix-column:nth-child(3){animation-delay:-1.8s;animation-duration:2.5s;left:50px}.matrix-column:nth-child(4){animation-delay:-2.9s;animation-duration:3.5s;left:75px}.matrix-column:nth-child(5){animation-delay:-1.5s;animation-duration:3s;left:100px}.matrix-column:nth-child(6){animation-delay:-3.8s;animation-duration:4.5s;left:125px}.matrix-column:nth-child(7){animation-delay:-2.1s;animation-duration:2.8s;left:150px}.matrix-column:nth-child(8){animation-delay:-2.7s;animation-duration:3.2s;left:175px}.matrix-column:nth-child(9){animation-delay:-3.4s;animation-duration:3.8s;left:200px}.matrix-column:nth-child(10){animation-delay:-1.9s;animation-duration:2.7s;left:225px}.matrix-column:nth-child(11){animation-delay:-3.6s;animation-duration:4.2s;left:250px}.matrix-column:nth-child(12){animation-delay:-2.3s;animation-duration:3.1s;left:275px}.matrix-column:nth-child(13){animation-delay:-3.1s;animation-duration:3.6s;left:300px}.matrix-column:nth-child(14){animation-delay:-2.6s;animation-duration:2.9s;left:325px}.matrix-column:nth-child(15){animation-delay:-3.7s;animation-duration:4.1s;left:350px}.matrix-column:nth-child(16){animation-delay:-2.8s;animation-duration:3.3s;left:375px}.matrix-column:nth-child(17){animation-delay:-3.3s;animation-duration:3.7s;left:400px}.matrix-column:nth-child(18){animation-delay:-2.2s;animation-duration:2.6s;left:425px}.matrix-column:nth-child(19){animation-delay:-3.9s;animation-duration:4.3s;left:450px}.matrix-column:nth-child(20){animation-delay:-2.4s;animation-duration:3.4s;left:475px}.matrix-column:nth-child(21){animation-delay:-1.7s;animation-duration:2.4s;left:500px}.matrix-column:nth-child(22){animation-delay:-3.5s;animation-duration:3.9s;left:525px}.matrix-column:nth-child(23){animation-delay:-2s;animation-duration:3s;left:550px}.matrix-column:nth-child(24){animation-delay:-4s;animation-duration:4.4s;left:575px}.matrix-column:nth-child(25){animation-delay:-1.6s;animation-duration:2.3s;left:600px}.matrix-column:nth-child(26){animation-delay:-3s;animation-duration:3.5s;left:625px}.matrix-column:nth-child(27){animation-delay:-3.8s;animation-duration:4s;left:650px}.matrix-column:nth-child(28){animation-delay:-2.5s;animation-duration:2.8s;left:675px}.matrix-column:nth-child(29){animation-delay:-3.2s;animation-duration:3.6s;left:700px}.matrix-column:nth-child(30){animation-delay:-2.7s;animation-duration:3.2s;left:725px}.matrix-column:nth-child(31){animation-delay:-1.8s;animation-duration:2.7s;left:750px}.matrix-column:nth-child(32){animation-delay:-3.6s;animation-duration:4.1s;left:775px}.matrix-column:nth-child(33){animation-delay:-2.1s;animation-duration:3.1s;left:800px}.matrix-column:nth-child(34){animation-delay:-3.4s;animation-duration:3.7s;left:825px}.matrix-column:nth-child(35){animation-delay:-2.8s;animation-duration:2.9s;left:850px}.matrix-column:nth-child(36){animation-delay:-3.7s;animation-duration:4.2s;left:875px}.matrix-column:nth-child(37){animation-delay:-2.3s;animation-duration:3.3s;left:900px}.matrix-column:nth-child(38){animation-delay:-1.9s;animation-duration:2.5s;left:925px}.matrix-column:nth-child(39){animation-delay:-3.5s;animation-duration:3.8s;left:950px}.matrix-column:nth-child(40){animation-delay:-2.6s;animation-duration:3.4s;left:975px}.matrix-column:nth-child(2n):before,.matrix-column:nth-child(3n):before,.matrix-column:nth-child(4n):before,.matrix-column:nth-child(odd):before{content:"アイウエオカキクケコサシスセソタチツテトナニヌネハヒフヘホマミムメモヤユヨラリルレロワヲンABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789!@#$%^&*"}.matrix-column:nth-child(5n):before{content:"アイウエオカキクケコサシスセソタチツテトナニヌネハヒフヘホマミムメモヤユヨラリルレロワヲンABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789!@#$%^&*s!@#$%^&*()_+-=[]{}|;:,.<>?"}@keyframes fall{0%{opacity:1;transform:translateY(-10%)}to{opacity:0;transform:translateY(200%)}}@media (max-width:768px){.matrix-column{font-size:14px;line-height:16px;width:18px}}@media (max-width:480px){.matrix-column{font-size:12px;line-height:14px;width:15px}}.hacking-font{font-family:Fira Mono,Consolas,Menlo,Monaco,monospace!important;letter-spacing:.03em}.hacking-green{color:#00ff41!important;text-shadow:0 0 8px #00ff41cc}.glass-panel{-webkit-backdrop-filter:blur(20px)!important;backdrop-filter:blur(20px)!important;background:#0009!important;border-radius:25px;box-shadow:2px 8px 32px #0000008b!important;padding:24px 6vw}#root,body,html{background:#0a0f13;color:#c4f0c7;font-family:Fira Mono,Consolas,Menlo,Monaco,monospace;letter-spacing:.02em;min-height:100vh;scroll-behavior:smooth}.App{min-height:100vh;padding-bottom:60px;position:relative;z-index:0}.sidebar{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#141e1eeb;border-bottom-left-radius:0;border-bottom-right-radius:24px;border-top-left-radius:0;border-top-right-radius:24px;box-shadow:2px 0 30px #000;color:#c4f0c7;display:flex;flex-direction:column;gap:24px;height:100vh;left:-270px;overflow:scroll;padding:32px 18px 35px;position:fixed;top:0;transition:left .3s cubic-bezier(.4,0,.2,1);width:240px;z-index:1002}.sidebar.open{left:0}.sidebar-header h3{color:#00ff41;font-size:1.3rem;letter-spacing:.04em;margin-bottom:18px;text-align:center}.sidebar-content h3{color:#00ff41;margin-bottom:8px}.sidebar-content p{color:#b6e7c9;font-size:.98rem;margin-bottom:12px}.sidebar-content nav ul{list-style:none;margin:0;padding:0}.sidebar-content nav li{margin-bottom:8px}.sidebar-content nav a{color:#00ff41;font-weight:500;text-align:center!important;text-decoration:none;transition:color .2s}.sidebar-content nav a:hover{color:#fff;text-shadow:0 0 8px #00ff41}.external_links{display:flex;gap:12px;justify-content:flex-start;margin:18px auto}.icons:hover{background:#00ff4130;box-shadow:0 0 8px #00ff41}.close-btn{align-items:center;background:#fff;border:none;border-radius:50%;box-shadow:0 2px 8px #00ff4130;cursor:pointer;display:flex;font-size:1.2rem;height:32px;justify-content:center;position:absolute;right:18px;top:18px;transition:background .2s,color .2s;width:32px}.close-btn:hover{background:#3a3a3ab2}.main-header{align-items:center;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);-webkit-backdrop-filter:var(--main-header-blur);backdrop-filter:var(--main-header-blur);background:#1e1f207b;background:var(--main-header-bg);border-radius:32px;box-shadow:0 0 24px #00ff4130;display:flex;flex-direction:column;height:320px;justify-content:space-between;max-width:10%;min-height:30%;padding:30px 10px;position:fixed;right:18px;top:50%;transform:translateY(-50%);z-index:1001}.left-header h2{color:#00ff41;font-size:1.5rem;margin-bottom:12px}.logo{border:2px solid #00ff41;border-radius:50%;box-shadow:0 0 12px #00ff41;width:54px}.right-header-ul{gap:18px;list-style:none}.right-header-ul,.sidebar-btn{display:flex;flex-direction:column}.sidebar-btn{align-items:center;background:none;border:none;color:#c4f0c7;cursor:pointer;font-size:1.3rem;gap:8px;text-align:center;transition:color .2s;width:100%}.sidebar-btn:hover{color:#00ff41}.sidebar-btn h3{color:#c4f0c7;font-size:1rem;font-weight:400;margin:0}.settings-popup-container{animation:popup-grow .2s ease forwards;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#181f1fdd;border-radius:20px;box-shadow:0 0 24px #00ff4130;position:fixed;right:135px;top:60%;transform-origin:top right;z-index:2000}.settings-popup-card{color:#fff;display:flex;flex-direction:column;gap:20px;padding:32px 28px}.settings-popup-card label{align-items:center;display:flex;gap:5px;justify-content:flex-start}.about-section{background:#141e1eeb;border-radius:28px;box-shadow:0 8px 32px #00ff4130;margin:70px auto 40px;max-width:900px;opacity:0;padding:24px 6vw;transform:translateY(50px);transition:box-shadow .3s}.about-section:hover{box-shadow:0 12px 40px #00ff4180}.about-title{color:#00ff41;font-family:inherit;font-size:2.3rem;letter-spacing:1px;margin-bottom:22px;text-align:left}.about-content{display:flex;flex-wrap:wrap;gap:44px}.about-bio{color:#b6e7c9;flex:2 1;font-size:1.13rem;line-height:1.7}.about-skills{flex:1.5 1;min-width:260px}.skills-list{list-style:none;margin:0;padding:0}.skill-item{align-items:center;display:flex;gap:10px;margin-bottom:18px}.skill-name{color:#00ff41;font-size:1rem;font-weight:500;width:90px}.skill-bar{background:#222c;border-radius:8px;box-shadow:0 2px 8px #00ff4130;flex:1 1;height:12px;margin:0 8px;overflow:hidden}.skill-bar-inner{background:linear-gradient(90deg,#00ff41 60%,#00b36b);border-radius:8px;height:100%;transition:width 1s cubic-bezier(.4,0,.2,1);width:0}.skill-level{color:#c4c7c5;font-size:.95rem;min-width:36px;text-align:right}.tools-section{background:#141e1eeb;border-radius:28px;box-shadow:0 8px 32px #00ff4130;margin:70px auto 40px;max-width:900px;padding:48px 34px}.tools-section h2{color:#00ff41;font-size:2rem;margin-bottom:28px;text-align:left}.tools-cards{display:flex;flex-wrap:wrap;gap:24px;justify-content:center;margin-bottom:32px}.tool-card{background:#181f1f;border:1.5px solid #222c;border-radius:18px;box-shadow:0 2px 12px #00ff4130;color:#c4f0c7;cursor:pointer;max-width:220px;min-width:180px;opacity:0;padding:28px 20px;text-align:center;transform:translateY(40px);transition:border .2s,box-shadow .2s,background .2s}.tool-card.active,.tool-card:hover{background:#222c;border:2.5px solid #00ff41;box-shadow:0 0 24px #00ff41;color:#fff}.tool-icon{font-size:2.2rem;margin-bottom:10px}.tool-panel{align-items:center;background:#181f1fdd;border-radius:18px;box-shadow:0 4px 24px #00ff4130;color:#c4f0c7;display:flex;flex-direction:column;justify-content:center;margin:30px auto;max-width:420px;padding:28px 20px;text-align:center}.tool-panel button,.tool-panel input[type=file],.tool-panel select{background:#222c;border:1px solid #00ff41;border-radius:6px;color:#00ff41;font-family:inherit;font-size:1rem;margin:8px 0;outline:none;padding:6px 12px;transition:border .2s,background .2s}.tool-panel button{background:#00ff41;border:none;color:#181f1f;cursor:pointer;font-weight:600;margin-left:8px}.tool-panel button:disabled{background:#444;color:#aaa;cursor:not-allowed}.tool-panel a{color:#00ff41;font-weight:500;text-decoration:underline}.tool-panel iframe,.tool-panel img,.tool-panel video{border-radius:8px;box-shadow:0 2px 8px #00ff4130;margin-top:12px;max-width:100%}.matrix-container{height:100vh!important;left:0;opacity:.7;pointer-events:none;position:fixed;top:0;width:100vw!important;z-index:0}.footer,footer{background:#181f1f;box-shadow:0 -2px 12px #00000030;color:#00ff41;font-size:1.1rem;letter-spacing:.04em;margin:25px auto;padding:18px 10px;text-align:center;width:100%;z-index:5}@media (max-width:1100px){.about-section,.tools-section{max-width:98vw;padding:24px 6vw}.main-header{max-width:18%}}@media (max-width:800px){.about-content{flex-direction:column;gap:24px}.main-header{scale:.7;top:75%}.sidebar-open-btn{scale:.8}.sidebar{border-radius:0 0 24px 24px;left:-100vw;width:90vw}.sidebar.open{left:0}}@media (max-width:600px){.about-section,.tools-section{border-radius:12px;padding:18px 2vw}.tool-panel{border-radius:10px;padding:14px 4px}.tool-card{background:#222;border-radius:10px;min-width:120px;padding:12px 6px}.sidebar{border-radius:0 0 18px 18px;padding:18px 6px 8px}.main-header{scale:.7;top:75%}.Sidebar-open-btn{left:0;scale:.9}.main-title{font-size:2.2rem;margin-bottom:12px;margin-top:90px}}.terminal-animated-bg{animation:terminal-bg-move 5s ease-in-out 2 alternate;background:linear-gradient(120deg,#91ff0030,#292929 10%,#101010 20%,#292929 35%,#0099ff30 55%,#0099ffa7 70%,#00fbffa7 80%,#91ff006a);background-size:200% 200%;height:100vh;left:0;opacity:.85;pointer-events:none;position:fixed;top:0;width:100vw;z-index:-2}@keyframes terminal-bg-move{0%{background-position:0 50%}to{background-position:100% 50%}}.terminal-scanlines{background:repeating-linear-gradient(180deg,#0000001a 0,#0000001a 2px,#0000 0,#0000 10px);mix-blend-mode:overlay;opacity:1;pointer-events:none}.hacking-background-overlay,.terminal-scanlines{height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:-1}.hacking-background-overlay{font-size:100%;opacity:.07;text-align:justify}.username-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.username-modal{background:#181818;border-radius:12px;box-shadow:0 8px 32px #0000004d;color:#fff;display:flex;flex-direction:column;padding:2rem 2.5rem;text-align:center}.username-modal input{border:none;border-radius:6px;font-size:1rem;margin:1rem 0;padding:.5rem 1rem}.username-modal button{background:#00ff41;border:none;border-radius:6px;color:#181818;cursor:pointer;font-weight:700;padding:.5rem 1.5rem;transition:all .3s ease-in-out;&:hover{scale:1.05}}
/*# sourceMappingURL=main.47495f48.css.map*/