@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500&display=swap);@import url(https://fonts.googleapis.com/css2?family=VT323&display=swap);#root,body,html{background-color:#000;margin:0;min-height:100vh;overflow-x:hidden;padding:0}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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.cursor{animation:blink 1s step-end infinite}@font-face{font-family:VT323;src:url(https://fonts.googleapis.com/css2?family=VT323&display=swap)}.matrix-chars{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:20px;max-width:80%}@keyframes matrixRain{0%{opacity:0;transform:translateY(-100%)}50%{opacity:1}to{opacity:0;transform:translateY(100%)}}.matrix-char{animation:matrixRain 2s infinite;color:#0f0;text-shadow:0 0 8px #0f0}.login-container{align-items:center;background-color:#000000f2;box-sizing:border-box;display:flex;justify-content:center;min-height:100vh;padding:20px;width:100%}.terminal-container{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#0009;border:1px solid #00ff4133;border-radius:16px;box-shadow:0 0 30px #00ff0026;max-width:500px;min-height:300px;overflow:hidden;padding:25px;position:relative;width:100%}.terminal-header{margin-bottom:20px;padding-bottom:15px}.terminal-icon{margin-right:10px}.terminal-icon,.terminal-title{color:var(--matrix-green);font-size:1.2em}.terminal-title{font-family:Orbitron,monospace;margin:0;text-shadow:0 0 10px #00ff4180}.terminal-text{color:var(--matrix-green);font-family:Courier New,monospace;height:calc(100% - 120px);line-height:1.6;margin:0;overflow:hidden;text-shadow:0 0 5px #00ff4180;white-space:pre-wrap}.login-button{backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);background:#00ff411a;border:1px solid #00ff414d;border-radius:8px;color:var(--matrix-green);cursor:pointer;font-family:Orbitron,monospace;font-size:1em;margin-top:20px;padding:12px;transition:all .3s ease;width:100%}.login-button:hover{background:#00ff4133;border-color:#00ff4180;box-shadow:0 0 20px #00ff4133;transform:translateY(-1px)}.login-button:active{transform:translateY(1px)}.login-button:disabled{cursor:not-allowed;opacity:.5}.terminal-container:before{background:radial-gradient(circle at center,#00ff411a 0,#0000 70%);content:"";height:100%;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:100%;z-index:-1}@keyframes borderGlow{0%{border-color:#00ff4133;box-shadow:0 0 30px #00ff0026}50%{border-color:#00ff4166;box-shadow:0 0 40px #00ff0040}to{border-color:#00ff4133;box-shadow:0 0 30px #00ff0026}}.terminal-container{animation:borderGlow 4s ease-in-out infinite}.loading-spinner{animation:spin 1s linear infinite;border:2px solid #00ff411a;border-radius:50%;border-top:2px solid var(--matrix-green);height:20px;margin:0 auto;width:20px}@keyframes spin{to{transform:rotate(1turn)}}@media (max-width:600px){.terminal-container{min-height:250px;padding:20px}.terminal-title{font-size:1em}.terminal-text{font-size:.9em}}.logout-button{align-items:center;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);background:#ff00001a;border:1px solid #ff00004d;border-radius:8px;color:#ff4141;cursor:pointer;display:flex;font-family:Orbitron,monospace;font-size:.9em;gap:8px;padding:8px 12px;transition:all .3s ease}.logout-button:hover{background:#f003;border-color:#ff000080;box-shadow:0 0 20px #f003;transform:translateY(-1px)}.logout-button:active{transform:translateY(1px)}.logout-button:disabled{cursor:not-allowed;opacity:.5}@media (max-width:600px){.terminal-header{flex-wrap:wrap;gap:10px}.logout-button{font-size:.8em;padding:6px 10px}}:root{--matrix-dark:#0a0a0a;--matrix-glow:0 0 10px #00ff41,0 0 20px #00ff41,0 0 30px #00ff41}.code-converter{box-sizing:border-box;margin:0 auto;max-width:1400px;width:100%}.form-section{margin-bottom:40px}.form-group{margin-bottom:20px}.form-group label{color:#00ff41;color:var(--matrix-green);display:block;font-family:Courier New,monospace;margin-bottom:10px}.code-output-container{grid-template-columns:repeat(2,1fr);height:min(calc(100vh - 400px),600px);margin-top:30px;min-height:400px}.code-section{display:flex;flex-direction:column;gap:20px;height:100%}.code-textarea{background:#000000b3;border:1px solid #00ff41;border:1px solid var(--matrix-green);border-radius:8px;color:#00ff41;color:var(--matrix-green);flex:1 1;font-family:Courier New,monospace;font-size:14px;line-height:1.5;min-height:450px;padding:15px;resize:none;width:100%}.code-textarea:focus{box-shadow:0 0 10px #00ff41,0 0 20px #00ff41,0 0 30px #00ff41;box-shadow:var(--matrix-glow);outline:none}.conversion-section{display:flex;flex-direction:column;height:100%}.preview-content{background:#000000b3;border:1px solid #00ff41;border:1px solid var(--matrix-green);border-radius:8px;flex:1 1;overflow:auto;padding:15px}.terminal-animation{background:#0a0a0a;background:var(--matrix-dark);border:1px solid #00ff41;border:1px solid var(--matrix-green);border-radius:4px;box-sizing:border-box;color:#00ff41;color:var(--matrix-green);font-family:Courier New,monospace;height:auto;max-height:80vh;min-height:200px;overflow:hidden;padding:15px;position:relative;width:100%}.terminal-line{animation:typing 2s steps(40) infinite;font-size:14px;margin-bottom:8px;white-space:pre-wrap;word-break:break-word}.terminal-cursor{animation:blink 1s step-end infinite;background:#00ff41;background:var(--matrix-green);height:20px;position:absolute;width:10px}.convert-button{background:#0000;border:1px solid #00ff41;border:1px solid var(--matrix-green);transition:all .3s ease}.convert-button:hover{box-shadow:0 0 10px #00ff41,0 0 20px #00ff41,0 0 30px #00ff41;box-shadow:var(--matrix-glow)}.prompt-history-section{background:#0a0a0a;background:var(--matrix-dark);border:1px solid #00ff41;border:1px solid var(--matrix-green);border-radius:4px;margin-top:20px;padding:15px}.prompt-list{display:flex;flex-direction:column;gap:10px;margin-top:10px}.prompt-item{border:1px solid #00ff41;border:1px solid var(--matrix-green);border-radius:4px;cursor:pointer;padding:10px;transition:all .3s ease}.prompt-item:hover{background:#00ff411a;box-shadow:0 0 10px #00ff41,0 0 20px #00ff41,0 0 30px #00ff41;box-shadow:var(--matrix-glow)}@keyframes typing{0%{width:0}to{width:100%}}@keyframes blink{50%{opacity:0}}@media (max-width:1024px){.code-output-container{grid-template-columns:1fr;height:auto}.code-section,.conversion-section{height:400px}}@media (max-width:768px){.code-converter{padding:10px}.terminal-animation{min-height:150px;padding:10px}.terminal-line{font-size:12px;margin-bottom:6px}.code-section,.conversion-section{height:300px}}@media (max-width:480px){.terminal-animation{min-height:120px}.terminal-line{font-size:11px;margin-bottom:4px}}:root{--header-height:60px;--font-family-mono:"Courier New",monospace}body{font-family:Courier New,monospace}.App{grid-gap:0;display:grid;gap:0;grid-template-rows:auto 1fr}.matrix-title{margin-bottom:40px;padding:30px 0;z-index:30}.scramble-title{color:#00ff41;color:var(--matrix-green);font-family:Courier New,monospace;font-family:var(--font-family-mono);font-size:3.5rem;font-weight:500;letter-spacing:.15em;line-height:1;margin:0;text-shadow:0 0 10px #00ff0080,0 0 20px #00ff004d,0 0 30px #0f03;text-transform:uppercase}.matrix-title h1{animation:none;opacity:1}@media (max-width:768px){.scramble-title{font-size:2.5rem}}@media (max-width:480px){.scramble-title{font-size:2rem}.matrix-title{margin-bottom:15px;padding:20px 0}}@font-face{font-display:swap;font-family:Blade Runner;font-style:normal;font-weight:400;src:url(https://fonts.cdnfonts.com/css/blade-runner-movie-font) format("woff2")}.code-converter{border:1px solid #00ff4126;border-radius:16px;box-shadow:0 4px 24px #00ff410d,inset 0 0 30px #00ff4108;margin:20px;padding:20px;transition:all .3s ease;z-index:2}select,textarea{backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);background:#0000004d;border:1px solid #00ff4133;border-radius:4px;color:#00ff41;color:var(--matrix-green);font-family:Courier New,monospace;font-family:var(--font-family-mono);padding:10px;transition:all .2s ease;width:100%}select:focus,textarea:focus{background:#0006;border-color:#00ff414d;box-shadow:0 0 15px #00ff411a;outline:none}button{background:#0006;border:1px solid #00ff414d;border-radius:4px;color:#00ff41;color:var(--matrix-green);cursor:pointer;font-family:Courier New,monospace;font-family:var(--font-family-mono);padding:8px 16px;transition:all .2s ease}button:hover{background:#00ff411a;border-color:#00ff4166;box-shadow:0 0 15px #00ff4126}button:active{transform:translateY(1px)}.prompt-history{backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);background:#0003;border:1px solid #00ff4126;border-radius:8px}.terminal-header{background:#0000004d}@media (max-width:768px){.matrix-title h1{font-size:1.8rem}.code-converter{margin:5px;padding:10px}button,select,textarea{font-size:16px;min-height:44px}.main-content{gap:10px;padding:10px}}@media (hover:none) and (pointer:coarse){[role=button],button,select{min-height:44px;min-width:44px}}.prompt-history{backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:#0000004d;border:1px solid #00ff411a;border-radius:16px;box-shadow:0 8px 32px #00ff411a;margin:10px;overflow:hidden;transition:all .3s ease}.prompt-history.collapsed{max-height:60px}.prompt-history.expanded{max-height:400px}.terminal-header{align-items:center;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);background:#0006;border-bottom:1px solid #00ff4133;display:flex;justify-content:space-between;padding:10px 15px}.expand-button{align-items:center;background:#0000;border:1px solid #00ff41;border:1px solid var(--matrix-green);border-radius:4px;color:#00ff41;color:var(--matrix-green);cursor:pointer;display:flex;height:30px;justify-content:center;padding:0;width:30px}.terminal-window{max-height:340px;overflow-y:auto;padding:10px}.terminal-line{align-items:center;border-bottom:1px solid #00ff411a;display:flex;justify-content:space-between;padding:8px}.prompt-content{display:flex;flex:1 1;flex-direction:column;gap:4px}.timestamp{color:#00ff41b3;font-size:.8em}.prompt-text{word-break:break-word}.paste-button{background:#0000;border:none;color:#00ff41;color:var(--matrix-green);cursor:pointer;margin-left:8px;opacity:.7;padding:4px;transition:opacity .2s ease}.paste-button:hover{opacity:1}.terminal-window::-webkit-scrollbar{background:#0000004d;width:8px}.terminal-window::-webkit-scrollbar-track{background:#0000004d}.terminal-window::-webkit-scrollbar-thumb{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#00ff414d;border-radius:4px}@media (max-width:768px){.prompt-history{margin:5px}.terminal-window{max-height:280px}.terminal-line{padding:6px}}.scramble-text{align-items:center;background:#000000e6;color:#00ff41;color:var(--matrix-green);display:flex;font-family:Courier New,monospace;font-family:var(--font-family-mono);font-size:inherit;justify-content:flex-start;line-height:inherit;overflow:hidden;pointer-events:none;position:absolute;text-overflow:ellipsis;text-shadow:0 0 5px #00ff0080;white-space:nowrap;z-index:2}.select-container{display:inline-block}.select-container,select{position:relative;width:100%}select{appearance:none;-webkit-appearance:none;padding-right:24px;z-index:1}.select-container:after{color:#00ff41;color:var(--matrix-green);content:"▼";font-size:12px;pointer-events:none;position:absolute;right:8px;top:50%;transform:translateY(-50%)}.main-content{display:flex;flex-direction:column;gap:20px;z-index:10}@media (max-width:768px){.code-converter,.prompt-history{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}}.code-output-container{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;margin-top:20px}.code-section,.conversion-section{backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);background:#0000004d;border:1px solid #00ff4126;border-radius:8px;padding:15px;position:relative}.loading-overlay{align-items:center;background:#000c;border-radius:8px;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:100}.convert-button{background:#0006;border:1px solid #00ff414d;border-radius:4px;color:#00ff41;color:var(--matrix-green);cursor:pointer;font-family:Courier New,monospace;font-family:var(--font-family-mono);margin-top:10px;padding:10px 20px;transition:all .2s ease}.convert-button:hover{background:#00ff411a;border-color:#00ff4166;box-shadow:0 0 15px #00ff4126}.convert-button:disabled{cursor:not-allowed;opacity:.5}@media (max-width:768px){.code-output-container{grid-template-columns:1fr}}.login-prompt-button{background:#0000;border:1px solid #00ff41;border:1px solid var(--matrix-green);border-radius:4px;color:#00ff41;color:var(--matrix-green);cursor:pointer;font-family:Orbitron,sans-serif;padding:8px 16px;transition:all .3s ease}.login-prompt-button:hover{background:#00ff41;background:var(--matrix-green);box-shadow:0 0 10px #00ff41;box-shadow:0 0 10px var(--matrix-green);color:#000;color:var(--matrix-dark)}.main-container{background:#0000;min-height:100vh;position:relative;z-index:1}.matrix-title{color:#0f0;padding:15px 0;text-align:center;text-shadow:0 0 10px #00ff0080;z-index:2}.matrix-title h1{font-size:2.5rem;letter-spacing:2px}.code-converter{background:#000000b3;position:relative;z-index:3}.code-converter,.modal-overlay{backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}.modal-overlay{align-items:center;background:#000000d9;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{animation:modalFadeIn .3s ease-out;background:#000;background:var(--matrix-dark);border:1px solid #00ff41;border:1px solid var(--matrix-green);border-radius:8px;box-shadow:0 0 20px #00ff4133;max-height:90vh;max-width:90%;overflow-y:auto;padding:20px;position:relative}.modal-close{background:#0000;border:none;color:#00ff41;color:var(--matrix-green);cursor:pointer;font-size:24px;line-height:1;padding:5px;position:absolute;right:10px;top:10px;transition:all .3s ease}.modal-close:hover{color:#fff;transform:scale(1.1)}@keyframes modalFadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#000;background:var(--matrix-dark)}::-webkit-scrollbar-thumb{background:#00ff41;background:var(--matrix-green);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#0f0}@media (max-width:768px){.matrix-title h1{font-size:2.5rem}.modal-content{padding:15px;width:95%}}@media (max-width:480px){.matrix-title h1{font-size:2rem}.modal-content{padding:10px}.modal-close{font-size:20px}}:root{--matrix-green:#00ff41;--matrix-dark:#000;--matrix-glow:0 0 10px #00ff0080}body{background:#000;background:var(--matrix-dark);color:#00ff41;color:var(--matrix-green);font-family:var(--font-family-mono);margin:0;padding:0}.App,body{min-height:100vh;overflow-x:hidden}.App{background-color:#000000f2;display:flex;flex-direction:column;max-width:100vw;position:relative;width:100%}.app-header{align-items:center;background-color:#000000e6;border-bottom:1px solid #00ff41;border-bottom:1px solid var(--matrix-green);display:flex;height:var(--header-height);justify-content:space-between;padding:0 20px;position:sticky;top:0;z-index:100}.main-content{flex:1 1;padding:20px;position:relative;z-index:5}.matrix-container{height:100vh;left:0;pointer-events:none;position:fixed;top:0;width:100vw;z-index:0}.app-header,.main-content{position:relative;z-index:1}@media (max-width:768px){.app-header{height:50px;padding:0 15px}.main-content{gap:15px;padding:15px}}@media (max-width:480px){.app-header{padding:0 10px}.main-content{gap:10px;padding:10px}}@media (hover:none) and (pointer:coarse){button{min-height:44px}}@media (max-width:768px){.App{grid-template-rows:auto auto 1fr}.main-content{gap:10px;padding:10px}}.matrix-title{margin-bottom:20px;margin-top:40px;position:relative;z-index:10}.matrix-title h1{color:#00ff41;color:var(--matrix-green);font-family:Courier New,monospace;font-size:3.5rem;font-weight:500;letter-spacing:.15em;margin:0;text-align:center;text-shadow:0 0 10px #00ff0080,0 0 20px #00ff004d,0 0 30px #0f03;text-transform:uppercase}.loading-screen{align-items:center;background:#000;background:var(--matrix-dark);display:flex;justify-content:center;min-height:100vh}.matrix-loading{animation:pulse 1.5s infinite;color:#00ff41;color:var(--matrix-green);font-family:Courier New,monospace;font-size:24px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}@media (max-width:768px){.matrix-title h1{font-size:2.5rem}}@media (max-width:480px){.matrix-title h1{font-size:2rem}}
/*# sourceMappingURL=main.00c14641.css.map*/