#canvas-container{width:100vw;height:100vh;position:absolute;z-index:1;top:0;left:0}html,body{margin:0;height:100%;overflow:hidden}body{background-color:#121212;display:flex;justify-content:center;align-items:center;height:100vh;margin:0;font-family:Roboto Mono,monospace;color:#fff}.memory-title{overflow:hidden;display:flex;flex-direction:column;justify-content:center;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none;position:fixed;margin-top:-45vh;margin-right:-50vw;left:-40vw;text-transform:uppercase}.counter{position:absolute;top:-45vh;right:40vw}#mem-count{position:relative;color:#d8d8d8;font-family:Archivo Black,sans-serif;font-weight:bolder;font-style:normal;font-size:4rem;animation-name:fade1;animation-duration:1.5s;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none}#mem-total{position:absolute;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none;color:transparent;font-family:Archivo Black,sans-serif;-webkit-text-stroke:2px rgb(216,216,216);min-width:100px;font-size:2rem;margin-top:1px;animation-name:fade1;animation-duration:1.5s}#main-name{color:#d8d8d8;font-family:Archivo Black,sans-serif;font-weight:bolder;font-style:normal;font-size:4rem;margin-bottom:-4%;animation-name:slide1;animation-duration:1s}#secondary-name{color:transparent;font-family:Archivo Black,sans-serif;-webkit-text-stroke:2px rgb(216,216,216);font-size:3rem;animation-name:slide1;animation-duration:1s;animation-delay:.1s;transform:translate(-100vw);animation-fill-mode:forwards}@keyframes slide1{0%{transform:translate(-100vw)}to{transform:translate(0)}}@keyframes fade1{0%{opacity:0%}to{opacity:100%}}.btn-container-inactive,.btn-container-active{display:flex;justify-content:center;align-items:center;margin-bottom:80px;margin-right:80px;position:fixed;bottom:0;right:0;border:2px solid #c4c4c4;border-radius:20px;padding:10px;transition:.3s;z-index:3}.btn-container-active:hover,.btn-container-inactive:hover{scale:1.2;border:2px solid #ebebeb}.btn-container-active:active,.btn-container-inactive:active{scale:.9;border:2px solid #ffffff}.btn-container-active{transform:rotate(-45deg)}.plus{--b: 8px;--c: #0000 90deg, #c4c4c4 0;width:20px;aspect-ratio:1;background:conic-gradient(from 90deg at var(--b) var(--b),var(--c)) calc(100% + var(--b)/2) calc(100% + var(--b)/2)/ calc(50% + var(--b)) calc(50% + var(--b));padding:10px}.plus:hover{--c: #0000 90deg, #ffffff 0}.form-container{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#040404;display:flex;justify-content:center;align-items:center;z-index:2;animation-name:fade-in;animation-duration:.3s}.memory-form{background-color:#1a1a1a;border:1px solid #ffffff;padding:2rem 3rem;width:320px;box-shadow:0 0 20px #00000080;animation:fade-in .3s ease,drop-in .3s ease}@keyframes fade-in{0%{opacity:0}to{opacity:100}}@keyframes drop-in{0%{transform:translateY(-70vh)}to{transform:translateY(0)}}.memory-form h2{font-size:1.2rem;text-transform:uppercase;letter-spacing:1px;margin-bottom:2rem;text-align:left}.memory-form .input-group{margin-bottom:1.5rem;position:relative}.memory-form label{display:block;font-size:.9rem;text-transform:uppercase;margin-bottom:.5rem}.memory-form input[type=text],.memory-form input[type=date],.memory-form input[type=file]{width:100%;background:transparent;border:none;border-bottom:2px solid #444;padding:.5rem 0;color:#fff;font-family:inherit;font-size:1rem;outline:none;transition:border-color .3s ease}.memory-form input:focus{border-bottom-color:#fff}.memory-form .btn-form{width:100%;padding:.75rem;background-color:#fff;color:#121212;border:none;font-family:inherit;font-size:1rem;text-transform:uppercase;font-weight:700;cursor:pointer;transition:background-color .3s ease,color .3s ease}.memory-form .btn-form:hover{background-color:#1a1a1a;color:#fff;outline:1px solid #ffffff}.memory-form.memory-done{transition:.3s;transform:translateY(-70vh);pointer-events:none}.form-container.form-container-done{transition:.3s;opacity:0;pointer-events:none}.memory-form textarea{max-width:100%;min-width:100%;max-height:30%;resize:none;width:100%;height:6rem;background:transparent;border:none;border-bottom:2px solid #444;padding:.5rem 0;color:#fff;font-family:inherit;font-size:1rem;outline:none;transition:border-color .3s ease}.memory-form textarea:focus{border-bottom-color:#fff}.login-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#040404;display:flex;justify-content:center;align-items:center;flex-direction:column;z-index:100}.login-form{background-color:#1a1a1a;border:1px solid #ffffff;padding:2rem 3rem;width:320px;box-shadow:0 0 20px #00000080}.login-form h2{font-size:1.2rem;text-transform:uppercase;letter-spacing:1px;margin-bottom:2rem;text-align:left}.login-form .input-group{margin-bottom:1.5rem;position:relative}.login-form label{display:block;font-size:.9rem;text-transform:uppercase;margin-bottom:.5rem}.login-form input[type=text],.login-form input[type=password]{width:100%;background:transparent;border:none;border-bottom:2px solid #444;padding:.5rem 0;color:#fff;font-family:inherit;font-size:1rem;outline:none;transition:border-color .3s ease}.login-form input:focus{border-bottom-color:#fff}.login-form .btn-login{width:100%;padding:.75rem;background-color:#fff;color:#121212;border:none;font-family:inherit;font-size:1rem;text-transform:uppercase;font-weight:700;cursor:pointer;transition:background-color .3s ease,color .3s ease}.login-form .btn-login:hover{background-color:#1a1a1a;color:#fff;outline:1px solid #ffffff}.login-form.login-done{transition:.3s;transform:translateY(-70vh);pointer-events:none}.login-overlay.login-overlay-done{transition:.3s;opacity:0;pointer-events:none}.logout-btn{position:absolute;right:5rem;top:6rem;z-index:11;padding:.75rem;background-color:#fff;color:#121212;border:none;border-radius:10px;font-family:inherit;font-size:1rem;text-transform:uppercase;font-weight:700;cursor:pointer;transition:background-color .3s ease,color .3s ease}.logout-btn:hover{background-color:#1a1a1a;color:#fff;outline:1px solid #ffffff}.delete-btn{position:absolute;right:5rem;top:10rem;z-index:10;padding:.75rem;background-color:#be2424;color:#fff;border:none;border-radius:10px;font-family:inherit;font-size:1rem;text-transform:uppercase;font-weight:700;cursor:pointer;transition:background-color .3s ease,color .3s ease}.delete-btn:hover{background-color:#1e4c9c;color:#fff;outline:1px solid #ffffff}.arrow-right,.arrow-left,.arrow-down,.arrow-up{display:block;width:25px;height:25px;border-top:2px solid #c4c4c4;border-left:2px solid #c4c4c4;position:absolute;transition:.3s}.arrow-right{transform:rotate(135deg) scale(2);margin-left:30vw;margin-bottom:10px}.arrow-left{transform:rotate(-45deg) scale(2);margin-left:-30vw}.arrow-down{transform:rotate(-135deg) scale(2);margin-top:22.5vw}.arrow-up{transform:rotate(45deg) scale(2);margin-top:-25vh;z-index:100}.arrow-right:hover,.arrow-down:hover,.arrow-up:hover,.arrow-left:hover{scale:1.2;border-color:#fff}.arrow-left:active,.arrow-right:active,.arrow-down:active,.arrow-up:active{scale:.9}.modal{position:absolute;top:50%;left:50%;transform:translate(-50%);width:90%;max-width:1300px;display:flex;justify-content:space-between;align-items:center;gap:4rem;z-index:2;pointer-events:none;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.modal h1{font-size:clamp(20px,5vw,60px);color:#fff;margin-bottom:-15px}.modal h3{color:#d8d8d8;font-size:40px;margin-bottom:-10px}.text-container{display:flex;flex-direction:column;align-items:flex-end;text-align:right;pointer-events:none;max-width:80ch;width:100%;overflow-wrap:break-word;word-wrap:break-word;word-break:break-word;hyphens:auto;-webkit-hyphens:auto}#mem-img{width:auto;object-fit:fill;pointer-events:auto;flex-shrink:0;max-height:50vh;height:auto}.ai-box{position:absolute;bottom:-23rem;left:-45rem;width:350px;max-height:200px;background:#0f0f0fcc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.1);border-left:4px solid white;padding:1.5rem;border-radius:8px;color:#fff;overflow-y:auto;font-size:1.2rem;line-height:1.4;pointer-events:auto;transition:opacity .3s ease;animation-name:fade1;animation-duration:2s;overflow-wrap:break-word;word-wrap:break-word;word-break:break-word;hyphens:auto;-webkit-hyphens:auto;pointer-events:none;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.ai-box h3{margin:0 0 10px;font-size:1.2rem;text-transform:uppercase;letter-spacing:2px;color:#f4f4f4}.ai-box::-webkit-scrollbar{width:6px}.ai-box::-webkit-scrollbar-track{background:transparent}.ai-box::-webkit-scrollbar-thumb{background:#555;border-radius:3px}.loading-dots:after{content:"";animation:ellipsis 1.5s infinite;display:inline-block;position:absolute;white-space:nowrap;width:1em;text-align:left}@keyframes ellipsis{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}}.loading-screen-container{position:fixed;top:0;left:0;width:100vw;height:100vh;background:radial-gradient(circle at center,#1a1a1a,#0a0a0a);display:flex;justify-content:center;align-items:center;z-index:10;color:#e0e0e0;font-family:Courier New,Courier,monospace;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;transition:1.5s}.loader-circle{position:relative;width:200px;height:200px;border-radius:50%;border:1px solid rgba(255,255,255,.1);display:flex;justify-content:center;align-items:center;box-shadow:0 0 20px #ffffff0d;scale:3.2;transition:.6s;pointer-events:none}.loader-ring-spinner{position:absolute;top:-2px;left:-2px;width:204px;height:204px;border-radius:50%;border:2px solid transparent;border-top-color:#fff;animation:spin 2s linear infinite}.percentage-text{font-size:1.5rem;font-weight:700;letter-spacing:2px}.loading-status-text{position:absolute;bottom:4rem;right:4rem;font-size:.8rem;letter-spacing:3px;text-transform:uppercase;opacity:.7;scale:1.3}.top-left-decor{position:absolute;top:4rem;left:6rem;display:flex;flex-direction:column;gap:.5rem;font-size:.7rem;letter-spacing:2px;opacity:.5;scale:1.3}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.main-title{position:fixed;font-size:6.5rem;animation-name:zoom-in;animation-duration:2s;animation-timing-function:cubic-bezier(.64,.01,.38,1);transition:.6s}.main-title:has(h1:hover)+.loader-circle{scale:3.27}.kanji-memory,.kanji-orb{ruby-position:under}ruby,.main-title h1{transition:.6s}.main-title>h1:hover{scale:1.06}rt{font-size:2.5rem;color:#888;margin-top:-1rem;margin-bottom:1rem}.orb{padding-left:1rem}.fadeout{opacity:0%}@keyframes zoom-in{0%{scale:70%;opacity:0%}to{scale:100%;opacity:100%}}@keyframes fade-out{0%{opacity:100%}to{opacity:0%}}.continue{position:absolute;bottom:4rem;opacity:0%;animation:blinking 2.5s infinite;animation-delay:2s;transition:1s;font-size:x-large}.fadein{opacity:80%}@keyframes blinking{0%{opacity:80%}50%{opacity:30%}to{opacity:80%}}.unclick{pointer-events:none}