:root{--logo-color: 0, 255, 168;--main-color: 59, 255, 168;--main-border-color: 14, 120, 73;--second-border-color: 42, 115, 83;--main-bg-color: 3, 255, 168;--main-shadow-color: 3, 255, 168;--hover-border-color: 16, 142, 86;--hover-bg-color: 3, 255, 168;--active-border-color: 50, 182, 124;--active-bg-color: 0, 255, 167}body{background-color:#070707}main{max-width:450px;height:100vh;margin:0 auto;background:radial-gradient(circle,#353535,#030303);color:rgb(var(--main-color));letter-spacing:.07em;font-size:16px;font-family:Roboto,sans-serif}main.warn{--logo-color: 255, 45, 45;--main-color: 255, 53, 53;--main-border-color: 120, 14, 14;--second-border-color: 115, 42, 42;--main-bg-color: 255, 3, 3;--main-shadow-color: 255, 3, 3;--hover-border-color: 142, 16, 16;--hover-bg-color: 255, 3, 3;--active-border-color: 182, 50, 50;--active-bg-color: 255, 0, 0}input:focus-visible,button:focus-visible{outline:none;border-radius:none}.logo{text-align:center;font-size:80px;font-weight:700;line-height:initial;font-family:Anton,sans-serif;color:rgb(var(--logo-color));margin-bottom:20px}.menu-tabs{display:flex;justify-content:space-between;margin:0 10px 24px}.menu-tab{padding:10px 22px;box-shadow:0 0 4px -2px #fff;background:rgba(var(--main-bg-color),.04);border:1px solid rgb(var(--main-border-color))}.switch-icon__img{width:20px}.switch-icon{display:flex;gap:10px;justify-content:center;align-items:center}.main-contents{padding-bottom:30px;margin:0 10px;height:calc(100% - 250px);min-height:500px;overflow:hidden}.main-contents__inner{height:100%;padding:40px 20px;border:1px solid rgb(var(--second-border-color));border-radius:50px;box-shadow:0 0 2px 1px rgba(var(--main-shadow-color),.67) inset}form{text-align:center}.submit-btn,.delete-btn{padding:14px 3px;border:1px solid rgb(var(--main-border-color));letter-spacing:.1em;background:rgba(var(--main-bg-color),.06)}.password-form{display:flex;flex-direction:column;align-items:center;height:100%}.password-input{width:90%;margin:10px 0 35px;padding:3px 10px;font-size:40px;background-color:#515151a6;background:radial-gradient(circle,#5d5d5d,#313131);color:#fff;border:1px solid rgb(var(--main-border-color))}.form-buttons{width:100%;height:calc(100% - 70px)}.form-buttons__inner{height:100%;padding-bottom:10px}.form-buttons__inner::-webkit-scrollbar{display:none}.input-keys{text-align:center;font-size:30px;-webkit-user-select:none;-moz-user-select:none;user-select:none;height:80%}.input-keys__row{display:flex;gap:8px;height:100%;max-height:calc(25% - 6px);width:100%;justify-content:center}.input-keys__row:not(:first-child){margin-top:8px}.input-key{max-width:calc(25% - 6px);aspect-ratio:1 / 1;border-radius:100%;background:rgba(var(--main-bg-color),.04);border:1px solid rgb(var(--main-border-color))}.input-key:hover{background:rgba(var(--hover-bg-color),.08);border:1px solid rgb(var(--hover-border-color))}.input-key:active{background:rgba(var(--active-bg-color),.15);border:2px solid rgb(var(--active-border-color))}.other-keys{display:flex;gap:8px;margin-top:8px;width:calc(100% - 8px);font-size:20px;-webkit-user-select:none;-moz-user-select:none;user-select:none;height:20%}.other-keys button:hover{background:rgba(var(--hover-bg-color),.08);border:1px solid rgb(var(--hover-border-color))}.other-keys button:active{background:rgba(var(--active-bg-color),.15);border:1px solid rgb(var(--active-border-color))}.file{display:flex;flex-direction:column;gap:10px;align-items:center}.other-keys .submit-btn{flex:2}.other-keys .delete-btn{flex:1}.files-header{position:relative;display:flex;justify-content:center;margin-top:-15px}.files-header .back-files{position:absolute;left:15px;top:50%;transform:translate(-50%,-50%)}.files-header .back-files:before{display:block;content:"";width:20px;height:20px;border-left:5px solid rgb(var(--main-color));border-top:5px solid rgb(var(--main-color));transform:rotate(-45deg)}.files-list{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;margin-top:40px}.filename{color:#e5e7eb}.folder,.folder-now{display:flex;gap:10px;align-items:center}.folder-icon__img,.folder-now-icon__img{max-width:30px}.filename.filename--error{color:red}.file-icon__img{max-width:100%;width:45px}.folder-item,.folder-now{background:#757575;padding:1em;border:1px solid black;color:#fff}.file-modal.close .modal{display:none}.file-modal.open .modal{display:block;position:fixed;top:0;right:0;bottom:0;left:0;margin:0 auto;max-width:450px}.file-modal .bg{width:100%;height:100%;background:#0006}.file-modal .modal__inner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:0 20px;width:100%;overflow:scroll}.file-content{width:100%;max-height:100%;background:#fff;color:#000}.file-content__inner{display:flex;justify-content:center;align-items:center;width:100%;height:100%;padding:15px}.file-content__inner .document{width:100%;height:100%;white-space:pre-wrap;overflow-y:scroll}.file-content__inner .movie{width:100%;height:100%}.file-content__inner .movie-wrapper{width:100%;aspect-ratio:16 / 9}.file-content__inner .photo{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.file-modal .modal-close{margin:15px auto 0;width:-moz-fit-content;width:fit-content}.file-modal .modal-close__btn{padding:3px 10px;border:1px solid rgba(225,225,225,.9);border-radius:5px;color:#e1e1e1e6}.file-content a{text-decoration:underline}.content-wrapper{position:relative;z-index:10}.first-riddles{display:none}.main-contents__inner.Lv1{position:relative;z-index:0}.main-contents__inner.Lv1 .first-riddles{display:block;position:absolute;top:0;right:0;bottom:0;left:0}.first-riddles__inner{height:100%;position:relative;font-size:75px}.wrapper{display:flex;justify-content:center;align-items:center;position:absolute}.wrapper.T{top:20%;left:20%}.wrapper.H{top:30%;left:70%}.wrapper.N{top:45%;left:25%}.wrapper.I{top:60%;left:50%}.wrapper.G{top:70%;left:80%}.wrapper__inner{display:inline-flex;filter:brightness(200%);overflow:hidden}svg text{font-size:80px;font-weight:700;stroke-width:1px;stroke-dasharray:50%;stroke-dashoffset:100%;animation:stroke-line 10s linear infinite}.wrapper.T svg text{fill:#d06c00;stroke:#ffbddc}.wrapper.H svg text{fill:#620b24;stroke:#ffbddc}.wrapper.N svg text{fill:#545454;stroke:#ffbddc}.wrapper.I svg text{fill:#8c4466;stroke:#bb66c5}.wrapper.G svg text{fill:#586f30;stroke:#ffbddc}@keyframes stroke-line{to{stroke-dashoffset:0}}