:root{--mblog-global-bg: radial-gradient(#f15425 50%, #d15425);--mblog-fg: #d1cdc4;--mblog-bg: #9b0202;--mblog-highlight: #d7ae00;--mblog-lowlight: #6a0000;--mblog-white: #fff;--mblog-black: #fff;--mblog-border-size: 2px;--mblog-scale-button: 1.1}.opening{display:flex;flex-direction:column;width:100%;height:100%;position:relative;overflow:scroll;scrollbar-width:none;justify-content:space-around}.opening-section{display:flex;flex-wrap:wrap;width:100%;height:max-content;justify-content:center}.opening-welcome{font-family:Cute Dino;letter-spacing:clamp(1rem,2vw,4rem);text-align:center;position:absolute;top:10dvh;font-size:clamp(1rem,16vw,12rem);width:100%;margin:0 auto;color:var(--mblog-fg);text-shadow:3px 3px 2px black}.opening-link{width:clamp(10rem,40vw,30rem);aspect-ratio:3/2;margin:1rem;position:relative;background-color:var(--mblog-bg);border-radius:40px;box-shadow:4px 4px 5px 2px #00000080;overflow:hidden;cursor:pointer}.opening-link-img{width:100%;height:100%;position:absolute}.opening-link-name{position:absolute;font-size:clamp(2rem,5vw,4rem);top:.4rem;margin:0;right:1.2rem;color:var(--mblog-fg);text-shadow:3px 3px 2px black}.opening-imageless-container{display:flex}.opening-imageless{font-size:3rem;color:var(--mblog-fg);margin:1rem;width:100%;text-wrap:nowrap;transition:all .3s}.opening-imageless:hover{scale:var(--mblog-scale-button);filter:brightness(1.5)}.opening-video{position:absolute;bottom:0}.opening-login-button{z-index:1;position:fixed;bottom:2rem;right:2rem}.music-container{width:100%;height:calc(100dvh - 6rem);margin:0;padding:0;display:flex;justify-content:center;align-items:center}.music{width:80%;height:80%;margin:0;padding:2rem;text-align:center;border:var(--mblog-border-size) solid var(--mblog-fg);background-color:var(--mblog-bg);color:var(--mblog-fg);border-radius:2rem;position:relative;display:grid;place-items:center;margin:4rem auto}.music-top{max-width:100%;min-width:60vw;height:160%;border-radius:4rem;display:flex;justify-content:center;align-items:center;position:relative}.music-canvas-container{width:100%;height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.music-buttons{display:flex;padding:1rem;gap:2rem;border-radius:4rem;align-items:center;width:100%}.music-buttons .image-button:hover{filter:brightness(1.1)}.volume-knob-container{position:relative;width:11rem;margin-left:2rem;cursor:pointer;aspect-ratio:1/1;border-radius:50%;border:solid .25em #0e0e0e;background:radial-gradient(circle,var(--mblog-lowlight),color-mix(in srgb,var(--mblog-lowlight),black 5%));box-shadow:0 1.2em 1.1em .25em #ffffff1a inset,0 -1.2em 1.1em .25em #00000080 inset,0 .8em .65em #0000004d}.volume-knob{position:absolute;width:100%;height:100%;z-index:10}.volume-knob:before{content:"";position:absolute;bottom:19%;left:19%;width:3%;height:3%;background-color:var(--mblog-fg);border-radius:50%;box-shadow:0 0 .4em color-mix(in srgb,var(--mblog-fg),white 2%)}.volume-knob-tick{position:absolute;width:100%;height:100%;top:0;left:0;z-index:5;overflow:visible}.volume-knob-tick:after{content:"";width:.08em;height:.8em;background-color:rgba(var(--mblog-fg),.7);position:absolute;top:-2em;left:50%;-o-transition:all .18s ease-out;transition:all .18s ease-out}.volume-knob-tick-active:after{background-color:var(--mblog-fg);box-shadow:0 0 .3em .08em var(--mblog-fg);-o-transition:all 50ms ease-in;transition:all 50ms ease-in}.music-authors,.music-songs{max-width:100%;display:flex;height:4.7rem;z-index:2;position:relative;gap:1.8rem;scrollbar-width:none}.music-author,.music-song{padding:0;margin:0;margin-top:1.2rem;font-size:2rem;height:max-content;cursor:pointer;transition:all .3s}.music-author:hover,.music-song:hover{filter:1.5;scale:var(--mblog-scale-button)}.music-author-active,.music-song-active{border-bottom:2px solid var(--mblog-fg);position:relative}.music-arrow-svg{width:3rem;fill:var(--mblog-fg);align-self:end;cursor:pointer;transition:all .3s}.music-arrow-svg:hover{filter:1.5;transform:scale(calc(var(--mblog-scale-button) * 1.2))}.music-repeat-svg,.music-repeat-svg-active{position:absolute;width:2rem;fill:var(--mblog-fg);bottom:-6rem;z-index:2;cursor:pointer;transition:all .3s}.music-repeat-svg:hover,.music-repeat-svg-active:hover{filter:1.5;transform:scale(calc(var(--mblog-scale-button) * 1.2))}@media (max-width: 900px){.music-author,.music-song{font-size:1.6rem}}@media (max-width: 700px){.music-author,.music-song{font-size:1.3rem}}@media (max-width: 600px){.music-author,.music-song{font-size:1rem}.music-top,.volume-knob-container{transform:scale(.8)}}@media (max-width: 500px){.music-author,.music-song{font-size:.8rem}.music-arrow-svg{width:1.6rem}}@media (max-width: 450px){.music-author,.music-song{font-size:.6rem}.music-arrow-svg{width:1.2rem}}.translate-container{width:100%;height:calc(100dvh - 6rem)}.translate{box-sizing:border-box;margin:0;padding:0 0 50px;display:flex;flex-wrap:wrap;justify-content:space-around;align-items:stretch;row-gap:2rem;height:100%;overflow:auto}.translation-box-container{margin:3rem 2rem 0;min-height:34rem;width:34rem;position:relative}@media (height < 750px){.translation-box-container{max-height:80dvh}}@media (width < 600px){.translation-box-container{width:24rem}}.translation-box{width:100%;height:100%;position:relative;display:grid;place-items:center;border-radius:6rem;border:var(--mblog-border-size) solid var(--mblog-fg);overflow:hidden;box-shadow:5px 4px 5px #00000080}.translation-box-lang{position:absolute;font-size:1.4rem;top:-1.4rem;left:5rem;background-color:var(--mblog-highlight);border:var(--mblog-border-size) solid var(--mblog-fg);border-radius:20rem;padding:.2rem 1rem;margin:0;z-index:2;cursor:pointer;color:var(--mblog-white);transition:all .3s}.translation-box-lang:hover{filter:brightness(1.5);scale:var(--mblog-scale-button)}.translate-textarea,.translation-box-text{width:100%;height:100%;margin:0;background-color:var(--mblog-bg);box-sizing:border-box;padding:2.5rem 2rem 2rem;overflow:scroll;overflow:hidden;border:none;font-size:2rem;color:var(--mblog-white);resize:none}.translate-textarea::placeholder,.translation-box-text::placeholder{color:var(--mblog-white)}.translation-box-buttons{position:absolute;z-index:4;bottom:1.4rem;display:flex;justify-content:center;gap:1rem;width:100%}.translation-box-button{background-color:var(--mblog-lowlight);border:var(--mblog-border-size) solid var(--mblog-fg);background-color:var(--mblog-highlight);color:var(--mblog-white);border-radius:20rem;padding:.3rem 1.2rem;font-size:1.8rem;font-weight:700;transition:all .3s}.translation-box-button:hover{filter:brightness(1.5);scale:var(--mblog-scale-button)}.translation-language-select-modal{display:flex;flex-direction:column;width:90vw;height:75vh;margin:0 auto;padding:20px;background:var(--mblog-bg);border:var(--mblog-border-size) solid var(--mblog-fg);border-radius:3rem}.translation-language-select-modal-search{width:90%;height:3rem;margin:0 auto;margin-bottom:2rem;padding:1rem 2rem;background-color:var(--mblog-bg);font-size:3rem;border:none;border-bottom:var(--mblog-border-size) solid var(--mblog-fg)}.translation-language-select-modal-search::placeholder{color:var(--mblog-white)}.translation-language-select-modal-langs{text-align:center;display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr;gap:1rem;overflow:scroll;scrollbar-width:none}.translation-svg{width:3rem;padding:1rem;border:var(--mblog-border-size) solid var(--mblog-fg);border-radius:50%;cursor:pointer;fill:var(--mblog-fg);stroke:var(--mblog-fg);background-color:var(--mblog-highlight);transition:all .3s}.translation-svg:hover{filter:brightness(1.5);scale:var(--mblog-scale-button)}.translation-language-select-modal-langs-box{display:flex;height:6rem;align-items:center;cursor:pointer;border-radius:30px;background-color:var(--mblog-highlight);border:var(--mblog-border-size) solid var(--mblog-fg);transition:all .3s}.translation-language-select-modal-langs-box:hover{filter:brightness(1.5);scale:1.05}.translation-lang-flag{height:100%;aspect-ratio:1;border-radius:50%}.translation-lang-text{font-size:2rem;color:var(--mblog-white);margin-left:1rem;margin-top:2.6rem}@media (max-width: 1200px){.translation-language-select-modal-langs{grid-template-columns:1fr 1fr 1fr 1fr}}@media (max-width: 950px){.translation-language-select-modal-langs{grid-template-columns:1fr 1fr 1fr}}@media (max-width: 730px){.translation-language-select-modal-langs{grid-template-columns:1fr 1fr}}@media (max-width: 500px){.translation-language-select-modal-langs{grid-template-columns:1fr}.translation-language-select-modal{width:80vw}}.calendar-app{width:70vw;max-width:90rem;padding:1rem;margin:0;outline:none;font-family:sans-serif;border-radius:3rem;background-color:var(--mblog-bg);border:var(--mblog-border-size) solid var(--mblog-fg);display:flex;align-items:center;flex-direction:column;position:relative;transform-style:preserve-3d}.calendar-navigate{display:flex;align-items:center;margin:0;padding:0}.calendar-navigate-date{display:flex;align-items:center;margin:0 2rem}.calendar-navigate-date h2{font-size:clamp(1.5rem,2.5cqi,2.5rem);color:var(--mblog-fg)}.calendar-info-button{height:auto;aspect-ratio:1/1;border-radius:50%;background-color:transparent;border:var(--mblog-border-size) solid var(--mblog-fg);color:var(--mblog-fg);text-align:center;position:relative;margin-left:4rem}.calendar-navigate-reset{width:4rem;aspect-ratio:1/1;border-radius:50%;background-color:transparent;border:var(--mblog-border-size) solid var(--mblog-fg);color:var(--mblog-fg);text-align:center;position:relative;margin-right:4rem;font-size:3rem}.info-button:hover{filter:brightness(1.2)}.calendar-navigate-left,.calendar-navigate-right{width:3.5rem;height:3.5rem;background-color:var(--mblog-highlight);border-radius:50%;color:var(--mblog-fg);font-size:2rem;display:flex;justify-content:center;align-items:center;text-align:center;cursor:pointer;transition:filter .3s}.calendar-navigate-left:hover,.calendar-navigate-right:hover{filter:brightness(1.3)}.calendar-weekdays{width:100%;display:flex;margin:3rem 0}.calendar-weekdays span{width:14.2857142857%;font-size:clamp(1rem,1.4cqi,1.4rem);font-weight:700;text-transform:uppercase;color:var(--mblog-white);letter-spacing:.1rem;display:flex;justify-content:center}.calendar-middle{width:100%;max-width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.calendar-days{width:100%;height:100%;display:grid;grid-template-columns:repeat(7,1fr);place-items:center;margin-bottom:2rem}.calendar-day-container{font-size:clamp(1.2rem,1.4cqi,1.6rem);height:5rem;aspect-ratio:1/1;display:flex;flex-direction:column;justify-content:center;align-items:center;color:var(--mblog-white);cursor:pointer;gap:0;margin:1.5rem;border-radius:1rem;transition:transform .15s,background-color .3s;position:relative}.calendar-day-container:hover{transform:scale(1.1)}.calendar-current-day-container{background-color:var(--mblog-highlight);border-radius:50%;box-shadow:0 0 1.5rem .8rem #ef481133}.calendar-day{margin:.4rem;font-size:3rem;font-weight:600}.calendar-day-task-amount{position:absolute;color:var(--mblog-fg);margin:.4rem;font-size:2rem;background:var(--mblog-lowlight);padding:.2rem .6rem;border-radius:1rem;bottom:-2rem}.category-menu{background-color:#fff;height:10rem;width:20rem;display:flex;flex-direction:column;align-items:center;justify-content:space-around;padding:2rem;border-radius:40px;z-index:4}.category-menu-buttons{display:flex;justify-content:space-between;align-items:center;gap:2rem}.category-menu-name{font-size:2rem;color:var(--mblog-white)}.category-menu-x{font-size:3rem;border:var(--mblog-border-size) solid var(--mblog-fg);background:none;border-radius:50%;color:var(--mblog-fg)}.calendar-tasks-categories{width:95%;display:flex;gap:.4rem;overflow-x:auto;padding-bottom:.5rem}.calendar-tasks-categories::-webkit-scrollbar{display:none}.calendar-tasks-category{border:none;background:none;border-radius:20px;text-wrap:nowrap;color:var(--mblog-white);font-size:1.6rem;padding:.5rem 1.2rem;max-width:max-content;cursor:pointer;transition:filter .3s,transform .3s}.calendar-tasks-category:hover{filter:brightness(1.5);transform:translateY(-2px)}.calendar-tasks-category:active{transform:translateY(0)}.calendar-tasks-category-picker-category{cursor:pointer;background:none;color:var(--mblog-white);padding:.9rem 2rem;font-size:2.6rem;border-radius:20px;width:100%;transition:all .3s}.calendar-tasks-category-picker-category:hover{filter:brightness(1.5)}.calendar-tasks-category-picker-modal{max-height:60vh;display:grid;gap:1rem;overflow-y:auto;scrollbar-width:none;place-items:center;padding:1rem}.calendar-new-category-input-form .neu-button{margin:0 auto}.calendar-color-hex-info-button{height:auto;aspect-ratio:1/1;border-radius:50%;background-color:transparent;border:var(--mblog-border-size) solid var(--mblog-fg);color:var(--mblog-fg);text-align:center;font-size:1rem;position:relative;margin-left:4rem;cursor:pointer;transition:filter .3s}.calendar-color-hex-info-button:hover{filter:brightness(1.3)}.calendar-tasks-container{width:100%;max-width:1200px;position:relative;margin:0;margin-top:2rem;padding:0;display:flex;flex-direction:column;align-items:center}.calendar-tasks{width:100%;max-height:50vh;overflow-y:auto;margin:0;gap:1.2rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));padding:0 1rem 1rem;scrollbar-width:thin;scrollbar-color:var(--mblog-highlight) rgba(255,255,255,.1)}.calendar-tasks::-webkit-scrollbar{width:8px}.calendar-tasks::-webkit-scrollbar-track{background:#ffffff1a;border-radius:4px}.calendar-tasks::-webkit-scrollbar-thumb{background:var(--mblog-highlight);border-radius:4px}.calendar-tasks::-webkit-scrollbar-thumb:hover{background:var(--mblog-fg)}.calendar-tasks-info-button{height:auto;aspect-ratio:1/1;border-radius:50%;background-color:transparent;border:var(--mblog-border-size) solid var(--mblog-fg);color:var(--mblog-fg);text-align:center;position:absolute;top:1rem;right:1rem;margin:0;cursor:pointer;transition:filter .3s;z-index:5}.calendar-tasks-info-button:hover{filter:brightness(1.3)}.calendar-tasks-day{position:sticky;top:0;left:0;right:0;z-index:4;font-size:2rem;color:var(--mblog-white);font-weight:600;background:var(--mblog-bg);padding:.5rem 1rem;border-radius:.5rem;margin-bottom:.5rem;text-align:center;border:var(--mblog-border-size) solid var(--mblog-fg)}.calendar-task{position:relative;width:100%;min-height:140px;display:flex;flex-direction:column;background:#ffffff0d;border-radius:1rem;border:var(--mblog-border-size) solid var(--mblog-fg);border-bottom:none;overflow:visible;transition:box-shadow .3s,transform .3s}.calendar-task:hover{box-shadow:0 4px 20px #0000004d;transform:translateY(-2px)}.calendar-task-date-and-time{display:flex;justify-content:center;align-items:center;padding:.8rem 1rem;background:#0003;border-bottom:var(--mblog-border-size) solid var(--mblog-fg);gap:.3rem}.calendar-task-date-and-time h5{margin:0;font-size:2rem;color:var(--mblog-fg)}.calendar-task-time{color:var(--mblog-white);background:#ffffff1a;border:2px solid transparent;border-radius:.5rem;width:3.5rem;padding:.4rem .6rem;font-size:1.8rem;font-weight:600;text-align:center;transition:all .3s}.calendar-task-time:hover{background:#fff3}.calendar-task-time:focus{outline:none;border-color:var(--mblog-highlight);background:#ffffff40;box-shadow:0 0 0 3px #d7ae004d}.calendar-task-time::placeholder{color:#ffffff80}.calendar-task-title-and-description-container{position:relative;display:flex;flex-direction:column;padding:2rem 1rem 1rem;gap:.8rem;flex:1}.calendar-task-title{font-size:1.6rem;font-weight:600;margin:0;border:none;border-bottom:2px solid var(--mblog-fg);background:transparent;color:var(--mblog-white);padding:.4rem 0;transition:border-color .3s}.calendar-task-title:focus{outline:none;border-bottom-color:var(--mblog-highlight)}.calendar-task-title::placeholder{color:#fff9;font-weight:400}.calendar-task-description{font-size:1.6rem;margin:0;background:transparent;border:2px solid transparent;border-radius:.5rem;color:var(--mblog-white);padding:.6rem;min-height:60px;max-height:100px;resize:vertical;transition:all .3s}.calendar-task-description:focus{outline:none;border-color:var(--mblog-highlight);background:#ffffff0d}.calendar-task-description::placeholder{color:#ffffff80}.calendar-task-remove{position:absolute;top:.8rem;right:.8rem;width:2rem;height:2rem;display:flex;justify-content:center;align-items:center;color:var(--mblog-fg);border-radius:50%;background:#ffffff1a;border:var(--mblog-border-size) solid var(--mblog-fg);font-size:1.2rem;font-weight:700;cursor:pointer;transition:all .3s;z-index:3;padding:0;line-height:1}.calendar-task-remove:hover{background:var(--mblog-fg);color:var(--mblog-bg);transform:scale(1.1);filter:none}.calendar-task-remove:active{transform:scale(.95)}.calendar-task-bottom-border{width:100%;height:.6rem;cursor:pointer;transition:height .3s;margin-top:auto}.calendar-task-bottom-border:hover{height:.8rem}.calendar-task-title+small,.calendar-task-description+small{display:block;color:#ff6b6b;font-size:.9rem;margin-top:-.4rem;margin-bottom:.4rem}.calendar-tasks-save-container{position:sticky;bottom:0;background:none;padding-top:1rem;border-top:var(--mblog-border-size) solid var(--mblog-fg);z-index:10;display:flex;justify-content:center;margin-top:1rem}.modal-input-container{margin:1rem 0;display:flex;flex-direction:column;gap:.5rem}.modal-input{width:100%;padding:.8rem 1rem;font-size:1.2rem;border:2px solid var(--mblog-fg);border-radius:.5rem;background:#ffffff1a;color:var(--mblog-white);transition:all .3s}.modal-input:focus{outline:none;border-color:var(--mblog-highlight);background:#ffffff26;box-shadow:0 0 0 3px #d7ae0033}.modal-input.input-error{border-color:#ff6b6b}.modal-input-name{font-size:1.3rem;color:var(--mblog-white);margin:0}.modal-title{color:var(--mblog-white);margin-bottom:1rem;text-align:center}.error-message{background:#ff6b6b33;border:2px solid #ff6b6b;border-radius:.5rem;padding:.8rem 1rem;color:#ff6b6b;font-size:1rem;margin:1rem;text-align:center}.modal-link{display:block;color:var(--mblog-highlight);margin:.5rem 0;text-decoration:none;transition:filter .3s}.modal-link:hover{filter:brightness(1.2);text-decoration:underline}@media (max-width: 850px){.calendar-app{flex-direction:column;row-gap:2rem;aspect-ratio:3/2;width:80%}.calendar-navigate-date{margin:1rem}.calendar-weekdays{margin:1rem 0}.calendar-event-popup textarea{width:clamp(18rem,35cqi,28rem)}.calendar-event-popup textarea::placeholder{font-size:clamp(1rem,1.5cqi,1.2rem)}.calendar-event-popup-button-enter{width:clamp(18rem,35cqi,28rem);font-size:clamp(1.5rem,3cqi,2.2rem)}.calendar-event-date{font-size:clamp(1rem,1.4cqi,1.2rem)}.calendar-event-time{font-size:clamp(1rem,2cqi,1.6rem)}.calendar-event-text{font-size:clamp(1rem,2.5cqi,1.4rem)}.calendar-tasks{grid-template-columns:1fr;padding:0 .5rem 1rem;max-height:45vh}.calendar-task{min-height:130px}.calendar-task-title{font-size:1.4rem}.calendar-task-description{font-size:2.6rem;min-height:50px}.calendar-task-time{width:3rem;font-size:1.6rem}.calendar-task-remove{width:1.8rem;height:1.8rem;font-size:1rem;top:.6rem;right:.6rem}.calendar-tasks-day{font-size:1.6rem;padding:.4rem .8rem 2rem}}@media (max-width: 500px){.calendar-app{aspect-ratio:10/9;width:95%}.calendar-event-popup{top:23%;width:80%}.calendar-events{width:100%}.calendar-task{min-height:120px}.calendar-task-date-and-time{padding:.6rem}.calendar-task-title-and-description-container{padding:1.8rem .8rem .8rem}.calendar-task-title{font-size:1.3rem}.calendar-task-description{font-size:1.4rem}.calendar-task-time{width:2.8rem;font-size:1.4rem}.calendar-tasks{max-height:40vh;gap:1rem}}@media (max-width: 375px){.calendar-app{aspect-ratio:3/2}.calendar-task-time{width:2.5rem;font-size:1.3rem}.calendar-task-remove{width:1.6rem;height:1.6rem;font-size:.9rem}.calendar-tasks{max-height:35vh}}.mblog-container{margin:0;padding:0;width:100%;height:100%;color:var(--mblog-fg);letter-spacing:2px;list-style-type:none;text-decoration:none;overflow:hidden}.mblog-container button{color:var(--mblog-fg);padding:10px 30px;font-size:2em;background:transparent;border-radius:50px;border:1px solid var(--mblog-fg);margin:40px auto 0;cursor:pointer;opacity:.7}.mblog-app{width:100%;height:100%;justify-content:center;align-items:center;margin:100px auto 40px}.mblog-app h3{padding-bottom:10px;margin-bottom:10px;border-bottom:1px solid var(--mblog-fg)}.mblog-app li{padding:10px;cursor:pointer;list-style-type:none;text-decoration:none}.mblog-header{width:80%;display:flex;padding:0 6rem;align-items:center;justify-content:center}.mblog-header .mblog-title{flex-grow:1;margin-left:20px;font-size:1.1em}.mblog-header h1{border-bottom:1px solid var(--mblog-fg);padding-bottom:10px}.mblog-header .mblog-svg{width:80px;overflow:visible;stroke:var(--mblog-fg);stroke-width:4;stroke-linejoin:round;stroke-linecap:round}.mblog-app li span.active{font-weight:700}.mblog-app li span.active:before{content:">";position:relative;top:-2px;margin-right:6px;transform:scaleX(.8);display:inline-block}.mblog,.mblog-base,.mblog-toppings,.mblog-order{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.mblog h2{font-size:3em;margin-bottom:30px}.mblog.container,.mblog-order.container{text-align:center;max-width:800px}.mblog button{color:var(--mblog-fg);padding:15px 30px;font-size:2.2em;border:3px solid var(--mblog-fg);margin:30px 20px}.mblog-order p{margin:20px auto}.mblog-loader{width:10px;height:10px;margin:40px auto;border-radius:50%;background:var(--mblog-fg)}.paint-container{position:relative;width:100%;min-height:100vh}.paint{display:flex;flex-direction:row;height:calc(100vh - 6rem);width:100%;margin:0 auto}.paint-editor-panel{display:flex;flex-direction:column;min-width:40%;max-width:40%;width:40%}.paint-preview-panel{display:flex;flex-direction:column;align-items:center;min-width:60%;max-width:60%;width:60%}.paint-panel-header{display:flex;align-items:center;width:100%;gap:2rem;margin:.4rem}.paint-panel-header h2{color:var(--mblog-fg);margin:0;margin-left:1.6rem;font-size:1.5rem}.paint-header-buttons{display:flex;gap:10px}.paint-code-editor{flex:1;width:100%;background:#000c;color:#a6e22e;font-family:Courier New,Courier,monospace;font-size:1.8rem;line-height:1.5;padding:15px;resize:none;outline:none;tab-size:2}.paint-code-editor:focus{border-color:var(--mblog-highlight);box-shadow:0 0 10px #a6e22e4d}.paint-code-editor::placeholder{color:#a6e22e80}.paint-error{margin-top:10px;padding:10px;background:#f003;color:#ff6b6b;border-radius:5px;font-size:.9rem;border:1px solid rgba(255,107,107,.3)}.paint-canvas-container{position:relative;width:100%;flex:1;display:flex;justify-content:center;align-items:center;background:#00000080;overflow:hidden;min-height:400px}.paint-canvas-container iframe{width:100%;height:100%;border:none;background:transparent}.paint-info{max-width:600px;text-align:center}.paint-info h2{color:var(--mblog-fg);margin-bottom:15px}.paint-info p{color:var(--mblog-fg);opacity:.9;margin-bottom:20px}.paint-info h3{color:var(--mblog-lowlight);margin:20px 0 10px;text-align:left}.paint-info ul{text-align:left;line-height:1.8;color:var(--mblog-fg);opacity:.9;padding-left:20px}.paint-info ul code{background:#ffffff1a;padding:2px 6px;border-radius:4px;font-size:1.2em;color:var(--mblog-highlight)}.paint-templates{max-width:800px;text-align:center}.paint-templates h2{color:var(--mblog-fg);margin-bottom:10px}.paint-templates-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:20px;max-height:60vh;overflow-y:auto;padding:5px}.paint-templates-grid::-webkit-scrollbar{width:8px}.paint-templates-grid::-webkit-scrollbar-track{background:#ffffff0d;border-radius:4px}.paint-templates-grid::-webkit-scrollbar-thumb{background:var(--mblog-highlight);border-radius:4px}.paint-templates-grid::-webkit-scrollbar-thumb:hover{background:var(--mblog-highlight);opacity:.8}.paint-template-btn{padding:15px;background:#ffffff1a;border:2px solid var(--mblog-highlight);border-radius:8px;color:var(--mblog-fg);cursor:pointer;text-align:left;transition:all .2s ease}.paint-template-btn h3{margin:0 0 5px;font-size:1.1rem}.paint-template-btn p{margin:0;font-size:.85rem;opacity:.8;line-height:1.4}.paint-template-btn:hover{background:#ffffff26;border-color:var(--mblog-highlight)}.paint-save-modal{text-align:center;max-width:500px}.paint-save-modal h2{color:var(--mblog-fg);margin-bottom:15px}.paint-saved-image{max-width:100%;max-height:300px;border-radius:8px;margin-top:15px;border:2px solid var(--mblog-highlight);box-shadow:0 4px 15px #0000004d}.paint-saved-text{margin-top:15px;font-size:.9rem;color:var(--mblog-fg);opacity:.9}@media (max-width: 900px){.paint{flex-direction:column;height:auto}.paint-editor-panel,.paint-preview-panel{min-width:100%;min-height:50vh}.paint-templates-grid{grid-template-columns:1fr}}@media (max-width: 600px){.paint{width:100vw;padding:10px;gap:10px}.paint-panel-header{flex-direction:column;align-items:flex-start;gap:10px}.paint-header-buttons{width:100%;justify-content:flex-start}}.login-container{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:90%}.login-header{position:absolute;top:2rem;font-size:6rem;font-weight:300;color:var(--mblog-fg);letter-spacing:1rem;text-shadow:.2rem .2rem .5rem var(--mblog-fg)}.login-buttons{position:absolute;top:5rem;left:5rem;display:flex;flex-direction:column}.login-buttons button{width:10rem;height:4rem;font-size:2rem;color:var(--mblog-white);border:none;border-radius:5rem;letter-spacing:.1rem;box-shadow:.3rem .3rem .8rem var(--mblog-fg);margin:1rem 0;cursor:pointer;transition:background-color .3s}.login-button{background-color:var(--mblog-lowlight)}.login-button-active{background-color:var(--mblog-highlight)}.login-form{max-width:80vw;display:flex;flex-direction:column;justify-content:center;z-index:1;margin:0;padding:0}.login-form-input-container{width:100%;display:flex;flex-direction:column;gap:1rem}.login-form-input{box-sizing:border-box;width:100%;height:3rem;padding:2.2rem 2.4rem;font-size:2rem}.login-form-submit{box-sizing:border-box;margin:.5rem 0;width:100%;height:6rem;font-size:2.7rem;padding:0 2rem;letter-spacing:.2rem;border:none;border-radius:5rem;box-shadow:4px 5px 2px var(--mblog-fg) inset;background:var(--mblog-lowlight);color:var(--mblog-white);transition:all .3s;cursor:pointer}.login-form-submit:hover{background:var(--mblog-highlight);transform:scale(1.05)}.login-error{display:none}.login-form-submit{box-shadow:.5rem .5rem 1rem var(--mblog-fg);margin:2rem 0;letter-spacing:.2rem;font-weight:700;color:var(--mblog-white)}.login-form-submit:hover{box-shadow:.5rem .5rem 2rem var(--mblog-fg)}.login-oauths{height:3rem;display:flex;flex-direction:column;gap:1.5rem;margin-top:3rem;align-items:center}.login-oauth{width:max-content;height:100%;display:flex;justify-content:space-around;align-items:center;background-color:var(--mblog-highlight);border-radius:20px;padding:.8rem 1rem;margin:0;color:var(--mblog-white);cursor:pointer;box-shadow:-.2rem -.2rem .8rem var(--mblog-highlight),.5rem .5rem 1rem color-mix(in srgb,var(--mblog-highlight),black 5%);outline:none;transition:all .2s}.login-oauth:hover,.login-oauth:focus-visible{transform:scale(1.04);color:var(--mblog-fg)}.login-oauth:active,.login-oauth.active{box-shadow:-.3rem -.3rem 1rem var(--mblog-highlight),.3rem .3rem 1rem color-mix(in srgb,var(--mblog-highlight),black 5%),inset .5rem .5rem 1rem color-mix(in srgb,var(--mblog-highlight),black 5%),inset -.5rem -.5rem 1rem var(--mblog-highlight)}.login-oauth:active>span,.login-oauth.active>span{transform:scale(.8)}.login-oauth-svg{height:100%}.login-oauth-text{color:var(--mblog-white);font-size:2rem;margin-left:1rem}.login-message{position:absolute}.input-wrapper{display:flex;flex-direction:column;width:100%;margin-bottom:.5rem}.input-error{border-color:#f44!important;background-color:#ff44440d}.error-message{color:#f44;font-size:.8rem;margin-top:.25rem;margin-left:.5rem}.login-form-submit:disabled{opacity:.6;cursor:not-allowed}.memory-container{width:100%;height:100vh;display:grid;place-items:center;perspective:100rem}.memory{max-width:90%;margin:0;padding:2rem;text-align:center;border:var(--mblog-border-size) solid var(--mblog-fg);background-color:var(--mblog-bg);color:var(--mblog-fg);border-radius:2rem;display:grid;place-items:center;margin:4rem auto;position:relative}.memory-new-game-button{background:none;border:var(--mblog-border-size) solid var(--mblog-fg);padding:.8rem 1.6rem;border-radius:2rem;font-weight:700;color:var(--mblog-white);cursor:pointer;font-size:2rem}.memory-new-game-button:hover{filter:brightness(1.2);box-shadow:.2rem .2rem 1rem var(--mblog-fg)}.memory-header{font-size:4rem}.memory-grid{margin-top:4rem;display:grid;grid-template-columns:1fr 1fr 1fr 1fr;grid-gap:2rem;padding:1rem}.memory-card-img-front,.memory-card-img-back{width:100%;display:block;border:var(--mblog-border-size) solid var(--mblog-fg);border-radius:1rem;background-color:var(--mblog-lowlight)}.memory-turns{font-size:4rem;position:absolute;top:2rem;left:2rem}.memory-card{position:relative}.memory-card .memory-card-img-front{transform:rotateY(90deg);transition:all ease-in .2s;position:absolute}.memory-card-flipped .memory-card-img-front{background-color:var(--mblog-highlight);transform:rotateY(0);transition-delay:.2s}.memory-card .memory-card-img-back{transition:all ease-in .2s;transition-delay:.2s}.memory-card-flipped .memory-card-img-back{background-color:var(--mblog-highlight);transform:rotateY(90deg);transition-delay:0s}@media (max-width: 800px){.memory{padding:0}.memory-grid{grid-template-columns:1fr 1fr 1fr;margin:0;padding:2rem}.memory-card{width:16rem}}@media (max-width: 640px){.memory-card{width:13rem}}@media (max-width: 520px){.memory-card{width:10rem}}@media (max-width: 430px){.memory{width:80vw}.memory-grid{grid-template-columns:1fr 1fr}.memory-card{width:11rem}}.wordle-container{text-align:center}.wordle-page-main{display:grid;place-items:center}.wordle{background-color:var(--mblog-bg);height:90%;width:40%;min-width:50rem;border:var(--mblog-border-size) solid var(--mblog-fg);border-radius:12rem;display:flex;flex-direction:column;justify-content:space-around;position:relative}.wordle-row{text-align:center;display:flex;justify-content:center}.wordle-letter-white,.wordle-letter-blue,.wordle-letter-green,.wordle-letter-gray,.wordle-letter-white-filled{display:flex;align-items:center;justify-content:center;width:7rem;padding:0;overflow:hidden;aspect-ratio:1/1;border-radius:10px;margin:.4rem;color:var(--mblog-fg);box-shadow:3px 2px 2px 2px #00000080;font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif;font-size:5rem;text-transform:uppercase;font-weight:700;text-align:center}.wordle-letter-white,.wordle-letter-white-filled{background-color:#fff}.wordle-letter-blue{background-color:#fff;--background-color: #587EDE;animation:flip .6s ease forwards}.wordle-letter-green{background-color:#fff;--background-color: #30B700;animation:flip .6s ease forwards}.wordle-letter-gray{background-color:#fff;--background-color: #999;animation:flip .6s ease forwards}.wordle-row>div:nth-child(2){animation-delay:.25s}.wordle-row>div:nth-child(3){animation-delay:.5s}.wordle-row>div:nth-child(4){animation-delay:.75s}.wordle-row>div:nth-child(5){animation-delay:1s}.wordle-turns{font-size:4rem;margin:.2rem;color:var(--mblog-fg)}@keyframes flip{0%{transform:rotateX(0);background-color:#fff}45%{transform:rotateX(90deg);background-color:#fff}55%{transform:rotateX(90deg);background-color:var(--background-color)}to{transform:rotateX(0);background-color:var(--background-color)}}.wordle-keyboard{width:95%;margin:1rem auto;display:flex;flex-direction:column}.wordle-keyboard-row{display:flex;justify-content:center}.wordle-keyboard-key-blue,.wordle-keyboard-key-green,.wordle-keyboard-key-gray,.wordle-keyboard-key-white{margin:.5rem;width:3.5rem;height:3.5rem;box-shadow:3px 2px 2px 2px #00000080;background-color:#fff;border-radius:1rem;display:inline-block;line-height:4rem;font-size:3rem;cursor:pointer}.wordle-keyboard-key-blue{background-color:#587ede}.wordle-keyboard-key-green{background-color:#30b700}.wordle-keyboard-key-gray{background-color:#999}.wordle-button-svgs{height:9rem;position:absolute;display:flex;flex-direction:column;left:calc(50% + 19.8rem);gap:1rem}.wordle-button-svg{height:50%;aspect-ratio:1;fill:#fff;background-color:var(--mblog-highlight);border:var(--mblog-border-size) solid var(--mblog-fg);border-radius:50%;margin:0;padding:0;box-shadow:3px 2px 2px 2px #00000080;transition:all .3s}.wordle-button-svg:hover{filter:brightness(1.5);scale:var(--mblog-scale-button)}.wordle-button-svg-off{height:50%;aspect-ratio:1;fill:gray;background-color:var(--mblog-lowlight);border:var(--mblog-border-size) solid var(--mblog-fg);border-radius:50%;margin:0;padding:0;box-shadow:3px 2px 2px 2px #00000080}@media (max-width: 1400px){.wordle{width:50%}}@media (max-width: 1100px){.wordle{width:60%}}@media (max-width: 900px){.wordle{width:70%}}@media (max-width: 750px){.wordle{width:80%}}@media (max-width: 650px){.wordle{width:90%}}@media (width < 600px){.wordle{min-width:0}.wordle-button-svgs{left:calc(50% + 12.8rem)}.wordle-letter-white,.wordle-letter-blue,.wordle-letter-green,.wordle-letter-gray,.wordle-letter-white-filled{width:4rem;font-size:3.4rem}.wordle-keyboard-key-blue,.wordle-keyboard-key-green,.wordle-keyboard-key-gray,.wordle-keyboard-key-white{width:2.4rem;height:2.4rem;border-radius:.6rem;font-size:2.4rem;display:flex;justify-content:center;align-items:center;text-align:center}}.sudoku{margin:0;padding:0;height:84vh;aspect-ratio:1/1;border:var(--mblog-border-size) solid var(--mblog-fg);border-radius:40px;background-color:var(--mblog-bg);box-sizing:border-box;display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr;gap:1rem;place-items:center;padding:1rem;margin-bottom:4rem}.sudoku-box{width:94%;aspect-ratio:1/1;display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr;place-items:center;gap:1rem;background-color:var(--mblog-bg);border-radius:20px}.sudoku-tile,.sudoku-tile-not-changeable,.sudoku-tile-x{width:90%;font-size:4rem;aspect-ratio:1/1;color:#000;border-radius:20px;border:none}.sudoku-tile,.sudoku-tile-x{background-color:var(--mblog-lowlight);transition:all .4s}.sudoku-tile:hover,.sudoku-tile-x:hover{filter:brightness(1.15)}.sudoku-tile-not-changeable{background-color:var(--mblog-highlight)}.sudoku-tile-choose-box{width:30rem;aspect-ratio:1/1;background-color:var(--mblog-bg);display:flex;flex-direction:column;align-items:center;padding:1rem;border-radius:40px;z-index:2}.sudoku-tile-x{width:8rem;margin-bottom:1rem}@media (max-width: 1100px){.sudoku-tile-choose-box{width:20rem}.sudoku-tile-x{width:25%}}@media (max-width: 850px){.sudoku-tile,.sudoku-tile-not-changeable,.sudoku-tile-x{border-radius:14px}.sudoku{height:auto;width:90vw}}@media (max-width: 700px){.sudoku-tile,.sudoku-tile-not-changeable,.sudoku-tile-x{border-radius:10px}}@media (max-width: 600px){.sudoku-tile,.sudoku-tile-not-changeable,.sudoku-tile-x{border-radius:10px;font-size:2.4rem}.sudoku{height:auto;width:90vw;gap:2rem}}@media (max-width: 500px){.sudoku-tile,.sudoku-tile-not-changeable,.sudoku-tile-x{border-radius:10px;font-size:1.4rem}.sudoku{height:auto;width:90vw;gap:1rem}.sudoku-tile-choose-box{width:14rem}}.notes{overflow-x:hidden;overflow:auto;height:max-content;scrollbar-width:none}.notes-categories{width:80%;display:flex;justify-content:center;align-items:center;margin:2rem 0;gap:2rem;align-self:flex-start;position:absolute;bottom:6rem}.notes-category{height:fit-content;background:none;border-radius:20px;border:none;cursor:pointer;color:var(--mblog-white);-webkit-backdrop-filter:blur(1rem);backdrop-filter:blur(1rem);padding:.8rem 1rem;font-weight:700;font-size:2rem}.notes-category-plus{cursor:pointer;font-size:3rem;aspect-ratio:1/1;border:var(--mblog-border-size) solid var(--mblog-white);background:none;border-radius:50%;color:var(--mblog-white);margin:0;font-weight:700}.notes-notes-or-tasks{display:flex;width:100%;justify-content:center}.notes-notes-or-tasks button{margin:.5rem 2rem;font-size:3rem;color:var(--mblog-fg);background:none;border:none;cursor:pointer}.notes-note-container{padding:0;padding-top:2rem;padding-bottom:10rem;box-sizing:border-box;width:100vw;height:100%;display:flex;flex-direction:column;align-items:center;flex-wrap:wrap;gap:2rem}.notes-form{position:absolute;display:flex;flex-direction:column;row-gap:1rem;background-color:var(--mblog-bg)}.notes-input-text,.notes-input-title{width:22rem;background-color:var(--mblog-lowlight);padding:.5rem 1rem;border:var(--mblog-border-size) solid var(--mblog-fg);border-radius:.5rem;outline:none;font-size:1.8rem;color:var(--mblog-white);resize:none}.notes-input-text::placeholder,.notes-input-title::placeholder{color:var(--mblog-white)}.notes-input-text{height:9rem}.notes-input-submit{width:max-content;background-color:var(--mblog-lowlight);position:absolute;bottom:0;right:0;padding:.4rem .6rem;margin:.5rem;color:var(--mblog-white)}.notes-input-submit:hover{filter:brightness(1.1)}.notes-note{width:30rem;max-height:100%;min-height:fit-content;background-color:var(--mblog-bg);display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding:.5rem 2rem;border-radius:2rem;box-shadow:5px 4px 5px 2px #00000080;margin:0}.notes-note:hover .notes-note-options{display:flex}.notes-note-top{width:100%;display:flex;justify-content:stretch;align-items:center;gap:1rem}.notes-note-category-box{cursor:pointer;background:var(--mblog-white);height:70%;aspect-ratio:1/1;border-radius:10px;display:flex;justify-content:center;align-items:center}.notes-note-category-box h2{font-size:3rem;font-weight:700;color:var(--mblog-white)}.notes-note-data,.notes-note-title{width:100%;background-color:var(--mblog-lowlight);border-radius:2rem;letter-spacing:.1rem;padding:1.5rem 1rem;outline:.1rem solid var(--mblog-fg);margin:.8rem;position:relative;overflow-y:auto;clip-path:inset(0 round 2rem);color:var(--mblog-white);transition:outline .2s;scrollbar-width:none}.notes-note-title{height:3rem;font-size:3rem;letter-spacing:-.5px!important;text-align:center;text-wrap:nowrap;text-overflow:ellipsis;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:1rem 0;margin:0;margin-top:.4rem;overflow:hidden}.notes-note-data{height:100%;min-height:20rem;font-size:2rem;display:flex;align-items:center;flex-direction:column;padding:.6rem}.notes-note-text-part-container{width:100%;display:flex;justify-content:start;align-items:center}.notes-note-text{width:100%;height:100%;resize:none;overflow:hidden;background:none;color:var(--mblog-white);font-size:2rem;border:none}.notes-note-image,.notes-note-drawing{cursor:pointer;width:100%;max-width:30rem;max-height:30rem;border-radius:1rem;margin:0 auto;transition:all .3s}.notes-note-image:hover,.notes-note-drawing:hover{transform:scale(var(--mblog-scale-button));filter:brightness(1.5)}.notes-note-title::-webkit-scrollbar,.notes-note-text::-webkit-scrollbar{width:.4rem;background-color:var(--mblog-lowlight);border-radius:.5rem}.notes-note-title::-webkit-scrollbar-thumb,.notes-note-text::-webkit-scrollbar-thumb{background-color:var(--mblog-fg);border-radius:.5rem}.notes-note-title:focus,.notes-note-text:focus{outline:.3rem solid var(--mblog-fg)}.notes-note-title:before,.notes-note-text:before{content:"Edit Mode";position:absolute;top:0;right:0;font-size:1.2rem;border-radius:0 0 0 .4rem;padding:.4rem .8rem .1rem .5rem;background-color:var(--mblog-fg);color:var(--mblog-black);opacity:0;visibility:hidden;transition:all .3s;display:none}.notes-note-title:focus:before,.notes-note-text:focus:before{opacity:1;visibility:visible}.notes-note-options{width:100%;display:flex;justify-content:space-around;align-items:center;flex-wrap:nowrap}.notes-note-options button{background:none;border:var(--mblog-border-size) solid var(--mblog-fg);border-radius:20px;font-size:1.8rem;color:var(--mblog-white);background-color:var(--mblog-lowlight)}.notes-note-date{display:none;font-size:1.6rem;color:var(--mblog-white)}.notes-audio-recording-modal{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2rem}.notes-audio-recording-modal-title{width:90%;padding:1.4rem;margin:0;background:none;color:var(--mblog-white);border:var(--mblog-border-size) solid var(--mblog-fg);border-radius:10rem;font-size:1.3rem}.notes-audio-recording-modal-title::placeholder{color:var(--mblog-white)}.notes-audio-recording-modal-center{position:relative;width:22rem;height:22rem;padding:1rem 0;aspect-ratio:1/1}.notes-audio-recording-modal-canvas{border-radius:50%;position:absolute;width:100%;height:100%}.notes-audio-recording-modal-mic{position:relative;width:100%;height:100%;background:none;color:var(--mblog-fg);border:var(--mblog-border-size) solid var(--mblog-fg);border-radius:50%;font-size:4rem;font-weight:700;cursor:pointer;z-index:3}.notes-audio-recording-modal-save{background:none;color:var(--mblog-fg);border:var(--mblog-border-size) solid var(--mblog-fg);border-radius:10rem;font-size:4rem;font-weight:700;cursor:pointer}.wavesurfer-container{width:100%;min-width:30vw;height:8rem;display:flex;justify-content:space-around;align-items:center;margin:2rem 1rem;box-sizing:border-box}.wavesurfer-container div{width:100%}.wavesurfer-container svg{width:6rem;aspect-ratio:1;border-radius:50%;background-color:var(--mblog-highlight);padding:1rem;margin:1rem;fill:var(--mblog-fg);transition:all .3s}.wavesurfer-container svg:hover{transform:scale(var(--mblog-scale-button));filter:brightness(1.5)}.notes-image-picker-top{display:flex;align-items:center;gap:1.5rem;text-align:center;padding:0;margin:0;margin-bottom:2rem}.notes-image-picker-input{font-size:2rem;text-align:center}.notes-image-picker-input::-webkit-file-upload-button{font-size:2rem;background-color:var(--mblog-lowlight);color:var(--mblog-fg);border:var(--mblog-border-size) solid var(--mblog-fg);border-radius:20px;padding:.8rem 1rem}.notes-image-picker-input::-webkit-file-upload-button:hover{filter:brightness(1.2)}.notes-new-images{max-height:60vh;overflow-y:scroll;margin:2rem 0}.notes-new-images img{border-radius:20px}.notes-new-images::-webkit-scrollbar{color:var(--mblog-fg);width:1rem;background:#0003;border-top-left-radius:2rem;border-bottom-left-radius:2rem}.notes-new-images::-webkit-scrollbar-thumb{color:var(--mblog-fg);background-color:var(--mblog-fg);width:1rem}.notes-new-images::-webkit-scrollbar-thumb{border-top-left-radius:2rem;border-bottom-left-radius:2rem}.notes-drawing-tools-color-field{width:2rem;height:2rem;margin:.4rem;cursor:pointer;border:var(--mblog-border-size) solid var(--mblog-fg);border-radius:50%}.notes-drawing-container{height:70vh;width:100%;display:flex;flex-direction:column;align-items:center}.notes-drawing-canvas{box-shadow:4px 5px 9px 6px #000;margin:0;padding:0;margin-bottom:4rem;cursor:pointer}.notes-drawing-tools{display:flex;gap:.4rem;align-items:center}.notes-drawing-tools input[type=color]{border:var(--mblog-border-size) solid var(--mblog-fg);outline:none}.notes-drawing-tools input[type=color]:focus{border:var(--mblog-border-size) solid var(--mblog-fg);outline:none}.notes-save-all-button{position:absolute;bottom:8rem;right:4rem;z-index:3}.notes-selected-note-modal{width:100%;height:90dvh!important;background:none!important;border:none!important;overflow:hidden!important}.notes-selected-note-modal .notes-note{box-shadow:none;overflow:hidden;height:100%}.notes-selected-note-modal .notes-note .notes-note-data{overflow:auto;height:50dvh;box-sizing:border-box}.notes-note-audio-container{width:100%;height:8rem}.note-audio{position:relative;width:100%;display:flex;justify-content:space-around;align-items:center;box-sizing:border-box}.note-audio div{width:100%}.note-audio svg{cursor:pointer;width:4rem;stroke:var(--mblog-lowlight);aspect-ratio:1;border-radius:50%;background-color:var(--mblog-highlight);padding:.2rem;margin:.2rem;fill:var(--mblog-fg);transition:all .3s}.note-audio svg:hover{transform:scale(var(--mblog-scale-button));filter:brightness(1.5)}.note-audio-title{position:absolute;top:1rem;margin:0;left:4rem;color:var(--mblog-fg);font-size:2rem;z-index:3;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:3rem;overflow:hidden;padding:.1rem .8rem;box-sizing:border-box}.notes-note-svg{fill:var(--mblog-highlight);cursor:pointer;stroke:#000;width:4rem}.news-home-container{display:grid;place-items:center}.news-home-container .info-button{z-index:2}.news-home{width:100%;height:calc(100dvh - 6rem);display:flex;flex-direction:row;align-items:center;align-self:start}.news-home-categories{width:max-content;max-width:30vw;min-width:15vw;height:max-content;background-color:var(--mblog-bg);margin:1.6rem;border-radius:1rem;display:flex;flex-direction:column;justify-content:space-around;padding:4rem 0;align-items:center;border-right:1px solid var(--mblog-fg);gap:3rem;overflow:hidden}@media (width < 1500px){.news-home-categories{min-width:20vw}}@media (width < 1100px){.news-home-categories{min-width:30vw}}@media (width < 700px){.news-home-categories{min-width:90vw}}.news-home-categories p{text-decoration:none;border-bottom:1px solid var(--mblog-fg);padding:.4rem 3rem;margin:0;border-bottom-left-radius:.8rem;font-size:2rem;color:var(--mblog-fg);text-transform:uppercase;letter-spacing:.1rem;transition:all .3s;cursor:pointer}@media (width < 1100px){.news-home-categories p{font-size:1.6rem}}.news-home-categories p:hover{transform:scale(1.11)}.selected-news-home-category{border:var(--mblog-border-size) solid var(--mblog-fg);font-weight:700}.news-home-right{width:100%;height:100%;background-color:var(--mblog-bg);display:flex;flex-direction:column;align-items:center;overflow:auto;scrollbar-width:none;margin:0;box-sizing:border-box;overflow-x:hidden;padding:2rem;gap:3rem}.news-main-headline{cursor:pointer;width:100%;min-height:30rem;height:30rem;border-radius:1rem;position:relative;box-sizing:border-box;border-radius:3rem;overflow:hidden;margin:0;margin-top:1rem;box-shadow:4px 4px 5px 2px #00000080;transition:all .3s}.news-main-headline img{position:absolute;width:100%;height:100%}.news-main-headline:hover{transform:scale(1.01);filter:brightness(1.2);box-shadow:0 0 20px 2px #00000080}.news-main-headline-title{position:absolute;left:1rem;bottom:1rem;max-width:90%;color:#fff;font-size:2.8rem;margin:0;padding:1rem;background-color:#0006;border-radius:1rem;z-index:1}@media (width < 700px){.news-main-headline-title{font-size:1.96rem}}.news-headlines{width:100%;max-width:100%;height:60rem;min-height:60rem;max-height:60rem;margin:0;gap:1rem;display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr 1fr;grid-template-areas:"fou two thr" "fou one one"}.news-headlines div:nth-child(1){grid-area:one}.news-headlines div:nth-child(2){grid-area:two}.news-headlines div:nth-child(3){grid-area:thr}.news-headlines div:nth-child(4){grid-area:fou}@media (width < 700px){.news-headlines{min-height:40rem;max-height:40rem}}.news-headline{position:relative;border-radius:1rem;overflow:hidden;box-shadow:4px 4px 5px 2px #00000080;cursor:pointer;transition:all .3s}.news-headline h2{position:absolute;left:1rem;bottom:1rem;max-width:90%;color:#fff;font-size:2rem;margin:0;padding:1rem;background-color:#0006;border-radius:1rem;z-index:1}@media (width < 700px){.news-headline h2{font-size:1.2rem}}.news-headline img{position:absolute;width:100%;height:100%}.news-headline:hover{transform:scale(1.01);filter:brightness(1.2);box-shadow:0 0 20px 2px #00000080}.news-histories{width:100%;height:max-content;display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:center;position:relative;scrollbar-width:none;margin:0}.news-history{position:relative;width:100%;height:20rem;max-width:100%;max-height:100%;overflow:hidden;margin:0;padding:0;border-radius:1rem;box-shadow:4px 4px 5px 2px #00000080;cursor:pointer;transition:all .3s}.news-history img{position:absolute;width:100%;height:100%}.news-history h2{position:absolute;margin:0;bottom:1rem;left:1rem;font-size:2rem;background:#0006;color:#fff;z-index:1;max-width:90%;border-radius:1rem;padding:.2rem .6rem}@media (width < 700px){.news-history h2{font-size:1.4rem}}.news-history:hover{transform:scale(1.01);filter:brightness(1.2);box-shadow:0 0 20px 2px #00000080}.news-news{width:100%;height:20rem;border-radius:1rem;position:relative}.news-news-title{position:absolute;padding:.4rem;border-radius:1rem;left:1rem;color:#fff;font-size:1.6rem;line-height:1.4rem;background-color:#0000004d;bottom:0}.news-news-image{width:100%;height:100%;object-fit:cover;border-radius:1rem;background-color:#0006}.news-menu-svg{position:absolute;width:6rem;max-width:10vw;stroke:var(--mblog-fg);fill:var(--mblog-fg);bottom:8rem;left:2rem;z-index:2;background-color:var(--mblog-highlight);border-radius:50%;padding:.4rem;box-shadow:4px 4px 5px 2px #00000080;cursor:pointer;transition:all .3s}.news-menu-svg:hover{transform:scale(1.1);filter:brightness(1.5);box-shadow:0 0 10px 2px #00000080}@media (width > 800px){.news-menu-svg{display:none}}@media (width < 700px){.news-home-categories{display:none}}.email-inbox-container .email-inbox,.email-inbox-container .email-sent,.email-sent-container .email-inbox,.email-sent-container .email-sent{width:100%;max-width:120rem;padding:2rem;background-color:var(--mblog-bg);border:var(--mblog-border-size) solid var(--mblog-fg);border-radius:3rem;box-shadow:4px 3px 5px 2px #00000080;display:flex;flex-direction:column}.email-inbox-container .email-inbox .email-header,.email-inbox-container .email-sent .email-header,.email-sent-container .email-inbox .email-header,.email-sent-container .email-sent .email-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:3rem;flex-wrap:wrap;gap:2rem}.email-inbox-container .email-inbox .email-header .email-title,.email-inbox-container .email-sent .email-header .email-title,.email-sent-container .email-inbox .email-header .email-title,.email-sent-container .email-sent .email-header .email-title{font-size:4rem;color:var(--mblog-fg);font-weight:700}.email-inbox-container .email-inbox .email-header .email-search,.email-inbox-container .email-sent .email-header .email-search,.email-sent-container .email-inbox .email-header .email-search,.email-sent-container .email-sent .email-header .email-search{padding:1rem 2rem;border-radius:4rem;border:var(--mblog-border-size) solid var(--mblog-highlight);background:var(--mblog-lowlight);color:var(--mblog-white);font-size:2rem;width:100%;max-width:40rem;transition:all .3s}.email-inbox-container .email-inbox .email-header .email-search:focus,.email-inbox-container .email-sent .email-header .email-search:focus,.email-sent-container .email-inbox .email-header .email-search:focus,.email-sent-container .email-sent .email-header .email-search:focus{outline:none;box-shadow:0 0 1rem var(--mblog-highlight)}.email-inbox-container .email-inbox .email-filters,.email-inbox-container .email-sent .email-filters,.email-sent-container .email-inbox .email-filters,.email-sent-container .email-sent .email-filters{display:flex;gap:2rem;margin-bottom:3rem;flex-wrap:wrap}.email-inbox-container .email-inbox .email-filters .email-filter,.email-inbox-container .email-sent .email-filters .email-filter,.email-sent-container .email-inbox .email-filters .email-filter,.email-sent-container .email-sent .email-filters .email-filter{padding:1rem 2rem;border-radius:4rem;background:var(--mblog-lowlight);color:var(--mblog-fg);border:var(--mblog-border-size) solid var(--mblog-fg);cursor:pointer;font-size:2rem;transition:all .3s}.email-inbox-container .email-inbox .email-filters .email-filter:hover,.email-inbox-container .email-sent .email-filters .email-filter:hover,.email-sent-container .email-inbox .email-filters .email-filter:hover,.email-sent-container .email-sent .email-filters .email-filter:hover{transform:scale(1.1);filter:brightness(1.5)}.email-inbox-container .email-inbox .email-filters .email-filter.active,.email-inbox-container .email-sent .email-filters .email-filter.active,.email-sent-container .email-inbox .email-filters .email-filter.active,.email-sent-container .email-sent .email-filters .email-filter.active{background:var(--mblog-highlight);color:var(--mblog-bg);font-weight:700}.email-inbox-container .email-inbox .email-list,.email-inbox-container .email-sent .email-list,.email-sent-container .email-inbox .email-list,.email-sent-container .email-sent .email-list{display:flex;flex-direction:column;gap:2rem}.email-inbox-container .email-inbox .email-list .email-item,.email-inbox-container .email-sent .email-list .email-item,.email-sent-container .email-inbox .email-list .email-item,.email-sent-container .email-sent .email-list .email-item{padding:2rem;background:var(--mblog-bg);border-radius:2rem;border:var(--mblog-border-size) solid var(--mblog-highlight);cursor:pointer;transition:all .3s;box-shadow:4px 3px 5px 2px #00000080;position:relative;overflow:hidden}.email-inbox-container .email-inbox .email-list .email-item:hover,.email-inbox-container .email-sent .email-list .email-item:hover,.email-sent-container .email-inbox .email-list .email-item:hover,.email-sent-container .email-sent .email-list .email-item:hover{transform:scale(1.1);filter:brightness(1.5)}.email-inbox-container .email-inbox .email-list .email-item.unread,.email-inbox-container .email-sent .email-list .email-item.unread,.email-sent-container .email-inbox .email-list .email-item.unread,.email-sent-container .email-sent .email-list .email-item.unread{border-left:1rem solid var(--mblog-highlight);background:#d7ae001a}.email-inbox-container .email-inbox .email-list .email-item.favorite,.email-inbox-container .email-sent .email-list .email-item.favorite,.email-sent-container .email-inbox .email-list .email-item.favorite,.email-sent-container .email-sent .email-list .email-item.favorite{border-right:1rem solid var(--mblog-highlight)}.email-inbox-container .email-inbox .email-list .email-item .email-item-header,.email-inbox-container .email-sent .email-list .email-item .email-item-header,.email-sent-container .email-inbox .email-list .email-item .email-item-header,.email-sent-container .email-sent .email-list .email-item .email-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.email-inbox-container .email-inbox .email-list .email-item .email-item-header .email-subject,.email-inbox-container .email-sent .email-list .email-item .email-item-header .email-subject,.email-sent-container .email-inbox .email-list .email-item .email-item-header .email-subject,.email-sent-container .email-sent .email-list .email-item .email-item-header .email-subject{font-size:2.5rem;color:var(--mblog-fg);font-weight:700}.email-inbox-container .email-inbox .email-list .email-item .email-item-header .email-from,.email-inbox-container .email-inbox .email-list .email-item .email-item-header .email-to,.email-inbox-container .email-sent .email-list .email-item .email-item-header .email-from,.email-inbox-container .email-sent .email-list .email-item .email-item-header .email-to,.email-sent-container .email-inbox .email-list .email-item .email-item-header .email-from,.email-sent-container .email-inbox .email-list .email-item .email-item-header .email-to,.email-sent-container .email-sent .email-list .email-item .email-item-header .email-from,.email-sent-container .email-sent .email-list .email-item .email-item-header .email-to{opacity:.9;color:var(--mblog-fg);font-size:2rem}.email-inbox-container .email-inbox .email-list .email-item .email-preview,.email-inbox-container .email-sent .email-list .email-item .email-preview,.email-sent-container .email-inbox .email-list .email-item .email-preview,.email-sent-container .email-sent .email-list .email-item .email-preview{color:var(--mblog-fg);opacity:.8;margin-bottom:2rem;font-size:1.8rem;line-height:1.5}.email-inbox-container .email-inbox .email-list .email-item .email-item-footer,.email-inbox-container .email-sent .email-list .email-item .email-item-footer,.email-sent-container .email-inbox .email-list .email-item .email-item-footer,.email-sent-container .email-sent .email-list .email-item .email-item-footer{display:flex;justify-content:space-between;align-items:center}.email-inbox-container .email-inbox .email-list .email-item .email-item-footer .email-date,.email-inbox-container .email-sent .email-list .email-item .email-item-footer .email-date,.email-sent-container .email-inbox .email-list .email-item .email-item-footer .email-date,.email-sent-container .email-sent .email-list .email-item .email-item-footer .email-date{font-size:1.5rem;opacity:.7;color:var(--mblog-fg)}.email-inbox-container .email-inbox .email-list .email-item .email-item-footer .email-actions,.email-inbox-container .email-sent .email-list .email-item .email-item-footer .email-actions,.email-sent-container .email-inbox .email-list .email-item .email-item-footer .email-actions,.email-sent-container .email-sent .email-list .email-item .email-item-footer .email-actions{display:flex;gap:1rem}.email-inbox-container .email-inbox .email-list .email-item .email-item-footer .email-actions .email-action-btn,.email-inbox-container .email-sent .email-list .email-item .email-item-footer .email-actions .email-action-btn,.email-sent-container .email-inbox .email-list .email-item .email-item-footer .email-actions .email-action-btn,.email-sent-container .email-sent .email-list .email-item .email-item-footer .email-actions .email-action-btn{background:var(--mblog-highlight);border:2px solid var(--mblog-fg);border-radius:2rem;font-size:2rem;cursor:pointer;padding:0;overflow:hidden;color:var(--mblog-fg);transition:all .15s}.email-inbox-container .email-inbox .email-list .email-item .email-item-footer .email-actions .email-action-btn:hover,.email-inbox-container .email-sent .email-list .email-item .email-item-footer .email-actions .email-action-btn:hover,.email-sent-container .email-inbox .email-list .email-item .email-item-footer .email-actions .email-action-btn:hover,.email-sent-container .email-sent .email-list .email-item .email-item-footer .email-actions .email-action-btn:hover{transform:scale(1.1);color:var(--mblog-highlight)}.email-read-modal{min-width:80rem;background:var(--mblog-bg);border:var(--mblog-border-size) solid var(--mblog-fg);border-radius:3rem;padding:4rem;box-shadow:4px 3px 5px 2px #00000080;color:var(--mblog-fg)}.email-read-modal .email-read-header{margin-bottom:3rem;border-bottom:var(--mblog-border-size) solid var(--mblog-highlight);padding-bottom:2rem}.email-read-modal .email-read-header .email-read-subject{font-size:4rem;color:var(--mblog-fg);margin-bottom:1rem;font-weight:700}.email-read-modal .email-read-header .email-read-meta{display:flex;flex-direction:column;gap:.5rem;opacity:.9;color:var(--mblog-fg);font-size:2rem}.email-read-modal .email-read-header .email-read-meta .email-draft-badge{background:var(--mblog-highlight);color:var(--mblog-bg);padding:.5rem 1rem;border-radius:2rem;font-size:1.5rem;width:fit-content;font-weight:700}.email-read-modal .email-read-body{margin-bottom:3rem;line-height:1.8;color:var(--mblog-fg);white-space:pre-wrap;font-size:2.2rem}.email-read-modal .email-read-actions{display:flex;gap:2rem;justify-content:flex-end}.email-actions{display:flex;gap:1rem;align-items:center}.email-action-btn-large{width:8rem;height:6rem;background:transparent;border:none;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center}.email-action-btn-large img{width:100%;height:100%;object-fit:contain}.email-compose-modal{padding:2rem;min-width:40rem}.email-compose-modal h2{margin-bottom:2rem;text-align:center}.email-compose-modal .form-group{margin-bottom:1.5rem}.email-compose-modal .form-group label{display:block;margin-bottom:.5rem;font-weight:700}.email-compose-modal .form-group input,.email-compose-modal .form-group textarea{width:100%}.email-compose-modal .form-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:2rem}.email-item.spam{opacity:.7;background-color:#ff00000d}.spam-badge{color:red;font-weight:700;margin-left:1rem}.not-done-yet{position:absolute;top:0;font-size:4rem}.blog-container .blog{width:100%;max-width:120rem;padding:2rem;background-color:var(--mblog-lowlight);border:var(--mblog-border-size) solid var(--mblog-fg);border-radius:3rem;box-shadow:4px 3px 5px 2px #00000080;display:flex;flex-direction:column}.blog-container .blog .blog-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:3rem;flex-wrap:wrap;gap:2rem}.blog-container .blog .blog-header .blog-title{font-size:4rem;color:var(--mblog-fg);font-weight:700;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.blog-container .blog .blog-header .blog-search{padding:1rem 2rem;border-radius:4rem;border:var(--mblog-border-size) solid var(--mblog-highlight);background:var(--mblog-lowlight);color:var(--mblog-white);font-size:2rem;width:100%;max-width:40rem;transition:all .3s}.blog-container .blog .blog-header .blog-search:focus{outline:none;box-shadow:0 0 1rem var(--mblog-highlight)}.blog-container .blog .blog-no-posts{font-size:2rem;color:var(--mblog-white)}.blog-container .blog .blog-categories{display:flex;gap:2rem;margin-bottom:3rem;flex-wrap:wrap}.blog-container .blog .blog-categories .blog-category{padding:1rem 2rem;border-radius:4rem;background:var(--mblog-lowlight);color:var(--mblog-fg);border:var(--mblog-border-size) solid var(--mblog-fg);cursor:pointer;font-size:2rem;transition:all .3s}.blog-container .blog .blog-categories .blog-category.active{background:var(--mblog-highlight);color:var(--mblog-bg);font-weight:700}.blog-container .blog .blog-posts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(35rem,1fr));gap:3rem}.blog-container .blog .blog-posts-grid .blog-post-card{padding:2rem;background:var(--mblog-lowlight);border-radius:2rem;border:var(--mblog-border-size) solid var(--mblog-highlight);cursor:pointer;transition:all .3s;box-shadow:4px 3px 5px 2px #00000080;display:flex;flex-direction:column;justify-content:space-between;min-height:30rem}.blog-container .blog .blog-posts-grid .blog-post-card:hover{transform:scale(1.1);filter:brightness(1.1)}.blog-container .blog .blog-posts-grid .blog-post-card .blog-post-header{display:flex;justify-content:space-between;align-items:center}.blog-container .blog .blog-posts-grid .blog-post-card .blog-post-header .blog-post-title{font-size:2.5rem;color:var(--mblog-fg);font-weight:700}.blog-container .blog .blog-posts-grid .blog-post-card .blog-post-header .blog-post-category{padding:.5rem 1.5rem;background:var(--mblog-highlight);color:var(--mblog-white);border-radius:2rem;font-size:1.5rem;font-weight:700}.blog-container .blog .blog-posts-grid .blog-post-card .blog-post-preview{color:var(--mblog-fg);opacity:.9;margin-bottom:2rem;line-height:1.6;font-size:1.8rem}.blog-container .blog .blog-posts-grid .blog-post-card .blog-post-footer{display:flex;justify-content:space-between;font-size:1.5rem;opacity:.7;color:var(--mblog-fg)}.blog-modal{overflow:auto;scrollbar-width:none;padding:0 2rem}.blog-modal .blog-form{display:flex;flex-direction:column;gap:2rem;min-width:60rem;height:100%;padding:2rem;padding:0;margin:0}.blog-modal .blog-form .blog-input,.blog-modal .blog-form .blog-textarea,.blog-modal .blog-form .blog-select{padding:1.5rem;border-radius:2rem;border:var(--mblog-border-size) solid var(--mblog-highlight);background:var(--mblog-lowlight);color:var(--mblog-white);font-family:inherit;font-size:2rem;transition:all .3s}.blog-modal .blog-form .blog-input:focus,.blog-modal .blog-form .blog-textarea:focus,.blog-modal .blog-form .blog-select:focus{outline:none;border-color:var(--mblog-fg);box-shadow:0 0 1rem var(--mblog-highlight)}.blog-modal .blog-form .blog-textarea{resize:vertical;min-height:30rem}.blog-modal .blog-form .blog-checkbox{display:flex;align-items:center;gap:1rem;color:var(--mblog-fg);font-size:2rem}.blog-modal .blog-form .blog-modal-buttons{display:flex;gap:2rem;justify-content:flex-end;margin-top:2rem}.blog-display{padding:4rem;width:100%;height:100%;overflow:auto}.blog-display .blog-post-full{max-width:100rem;margin:0 auto;background:var(--mblog-bg);border:var(--mblog-border-size) solid var(--mblog-fg);border-radius:3rem;padding:4rem;box-shadow:4px 3px 5px 2px #00000080}.blog-display .blog-post-full .blog-post-full-title{font-size:5rem;margin-bottom:2rem;color:var(--mblog-fg);text-align:center}.blog-display .blog-post-full .blog-post-meta{display:flex;gap:3rem;margin-bottom:3rem;opacity:.8;color:var(--mblog-fg);font-size:2rem;justify-content:center}.blog-display .blog-post-full .blog-post-tags{display:flex;gap:1rem;margin-bottom:3rem;flex-wrap:wrap;justify-content:center}.blog-display .blog-post-full .blog-post-tags .blog-tag{padding:.5rem 1.5rem;background:var(--mblog-highlight);color:var(--mblog-white);border-radius:2rem;font-size:1.5rem;font-weight:700}.blog-display .blog-post-full .blog-post-content{line-height:1.8;color:var(--mblog-fg);font-size:2.2rem}.blog-display .blog-post-full .blog-post-content p{margin-bottom:2rem}.blog-post-actions{margin-top:4rem;text-align:center;display:flex}.blog-display-header{display:flex;gap:1rem;margin:2rem}.picture-book-container{margin:0;padding:0}.picture-book{margin:0;padding:0;background-color:#000;position:relative}.picture-book-search{border:none;border-bottom:var(--mblog-border-size) solid var(--mblog-fg);font-size:3rem;color:#fff;text-shadow:2px 3px 2px rgba(0,0,0,.5);margin-left:clamp(1rem,10vw,14rem);margin-top:3rem;width:clamp(20rem,20vw,60rem);position:absolute;background:#0003;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:20px;padding:.4rem 1rem;transition:all .3s}.picture-book-search:hover{filter:brightness(1.5);scale:1.02}.picture-book-search::placeholder{color:#fff;text-shadow:2px 3px 2px rgba(0,0,0,.5)}.picture-book-mid{display:flex;justify-content:center;align-items:center;width:100%;height:100%;margin:0;padding:0}.picture-book-mini-container{width:100%;height:100%}.picture-book-arrow-container-left,.picture-book-arrow-container-right{width:clamp(4rem,30vw,19rem);height:100%;display:grid;place-items:center}.picture-book-arrow-container-left{position:absolute;left:0;background:linear-gradient(to left,transparent,black)}.picture-book-arrow-container-right{position:absolute;right:0;background:linear-gradient(to right,transparent,black)}.picture-book-arrow-svg{width:100%;margin:0;padding:0;cursor:pointer;transition:all .3s;position:absolute;top:50dvh}.picture-book-arrow-svg:hover{filter:brightness(1.5);scale:var(--mblog-scale-button)}.picture-book-mini{width:100%;height:100%;display:flex}.picture-book-title{cursor:pointer;font-size:3rem;color:#fff;text-shadow:2px 3px 2px rgba(0,0,0,.5);position:absolute;bottom:6rem;left:8rem;background:#0003;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:20px;padding:.4rem 1rem;margin:0;transition:all .3s}.picture-book-title:hover{filter:brightness(1.5);scale:1.03}@media (width < 600px){.picture-book-title{bottom:14rem}}.picture-book-cover{width:100%;height:100%;position:absolute}.picture-book-info-button{cursor:pointer;font-size:3rem;color:#fff;text-shadow:2px 3px 2px rgba(0,0,0,.5);border:var(--mblog-border-size) solid #fff;position:absolute;background:#0003;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:20px;transition:all .3s}.picture-book-info-button:hover{filter:brightness(1.5);scale:1.03}.picture-book-search-results{padding:1rem;width:60vw;height:40vh;overflow-x:hidden;overflow-y:auto;scrollbar-width:none;display:flex;flex-wrap:wrap;position:absolute;top:10rem;left:20vw;gap:2rem;z-index:2}.picture-book-search-result{width:20rem;height:10rem;position:relative;overflow:hidden;border-radius:20px;box-shadow:5px 4px 5px 2px #00000080;cursor:pointer;transition:all .3s}.picture-book-search-result:hover{filter:brightness(1.1);scale:1.05}.picture-book-search-result-title{position:absolute;bottom:0;left:.8rem;font-size:1rem;color:#fff;border-radius:40px;box-shadow:4px 4px 5px 2px #00000080;background:#0003;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:.1rem .8rem}.picture-book-buttons{position:absolute;display:flex;bottom:4rem;right:8rem;gap:1rem}.picture-book-delete{z-index:2;stroke:#fff;bottom:2rem;right:2rem;width:4rem;border-radius:50%;box-shadow:4px 4px 5px 2px #00000080;background:#0003;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:2rem;cursor:pointer;transition:all .3s}.picture-book-delete:hover{filter:brightness(1.5);scale:1.05}.picture-book-render{z-index:2;stroke:#fff;bottom:2rem;right:10rem;width:4rem;border-radius:50%;box-shadow:4px 4px 5px 2px #00000080;background:#0003;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:2rem;cursor:pointer;transition:all .3s}.picture-book-render:hover{filter:brightness(1.5);scale:1.05}.picture-book-plus{position:relative;height:100%;margin:0;padding:0}.picture-book-plus-cover{max-width:100%;max-height:100%;height:100%;position:absolute;z-index:-1}.picture-book-plus-top{margin-top:1rem;margin-bottom:1rem;z-index:2;display:flex;justify-content:center;align-items:center;gap:10rem;left:5rem;bottom:3rem;position:absolute}@media (width < 1000px){.picture-book-plus-top{max-width:60vw;flex-direction:column;gap:1rem}}@media (width < 600px){.picture-book-plus-top{max-width:40vw;flex-direction:column;gap:1rem}}.picture-book-plus-title{width:100%;border:none;background:#0003;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:40px;padding:1rem 2rem;font-size:3rem;color:#fff;text-shadow:2px 3px 2px rgba(0,0,0,.5);transition:all .3s}.picture-book-plus-title:hover{filter:brightness(1.5)}.picture-book-plus-title::placeholder{text-shadow:2px 3px 2px rgba(0,0,0,.5);color:#fff;font-weight:700}@media (width < 600px){.picture-book-plus-title{font-size:2rem}}.picture-book-chapter-editor-top-bottom{display:flex}.picture-book-editor-save{cursor:pointer;height:100%;font-size:3rem;font-weight:700;color:#fff;text-shadow:2px 3px 2px rgba(0,0,0,.5);border:none;border-radius:2rem;padding:1rem 2rem;background:#0003;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:all .3s;pointer-events:all}.picture-book-editor-save:hover{filter:brightness(1.5)}@media (width < 600px){.picture-book-editor-save{font-size:2rem}}.picture-book-plus-cover-input{font-size:2rem;text-align:center;width:22rem;max-width:120%;color:transparent;pointer-events:none}.picture-book-plus-cover-input::-webkit-file-upload-button{height:100%;cursor:pointer;font-size:3rem;font-weight:700;color:#fff;text-shadow:2px 3px 2px rgba(0,0,0,.5);border:none;border-radius:2rem;padding:1rem 2rem;background:#0003;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:all .3s;pointer-events:all}.picture-book-plus-cover-input::-webkit-file-upload-button:hover{filter:brightness(1.5)}@media (width < 600px){.picture-book-plus-cover-input::-webkit-file-upload-button{font-size:2rem}}.picture-book-plus-save{position:absolute;right:2rem;bottom:4rem;font-size:3rem;font-weight:700;cursor:pointer;color:#fff;border:none;border-radius:20px;padding:1rem 2rem;background:#0003;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:all .3s}.picture-book-plus-save:hover{filter:brightness(1.2)}.picture-book-chapter-editor{width:80vw;max-height:80vh;margin:0 auto;padding:4rem 2rem;background:var(--mblog-bg);border:var(--mblog-border-size) solid var(--mblog-fg);border-radius:40px;overflow:hidden;text-align:center;color:var(--mblog-fg);font-size:2rem;display:flex;flex-direction:column;justify-content:center;align-items:center;scrollbar-width:none;position:relative}.picture-book-chapter-editor-top{width:90%;margin:0;margin-top:1rem;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem;z-index:1}.picture-book-chapter-editor-middle{display:flex;height:50%;width:100%;justify-content:center;align-items:center;z-index:2;overflow:hidden;justify-self:start}.picture-book-chapter-editor-textareas{display:flex;height:60dvh;width:100%;justify-content:center;align-items:center;position:relative;overflow:hidden;scrollbar-width:none}.picture-book-chapter-text{overflow:auto;scrollbar-width:none;background:#0000004d;border:none;width:40%;font-size:1.8rem;color:#fff;white-space:pre-line;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:20px;min-height:20rem;height:90%;padding:1rem}.picture-book-chapter-text::placeholder{font-size:1.8rem;color:#fff}.picture-book-chapter-seperator{width:2px;background-color:#fff;height:80%}.picture-book-plus-chapters{display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr;gap:2rem;place-items:center;overflow:auto;scrollbar-width:none;height:74dvh}@media (width < 1900px){.picture-book-plus-chapters{grid-template-columns:1fr 1fr 1fr 1fr}}@media (width < 1550px){.picture-book-plus-chapters{grid-template-columns:1fr 1fr 1fr}}@media (width < 1200px){.picture-book-plus-chapters{grid-template-columns:1fr 1fr}}@media (width < 800px){.picture-book-plus-chapters{grid-template-columns:1fr}}.picture-book-plus-chapter{width:36rem;height:18rem;position:relative;overflow:hidden;margin:0;padding:0;margin-top:2rem;border-radius:20px;box-shadow:5px 4px 5px 2px #00000080;cursor:pointer;transition:all .3s}.picture-book-plus-chapter:hover{filter:brightness(1.1)}.picture-book-plus-chapter-img{width:100%;height:100%;position:absolute;z-index:1}.picture-book-chapter-title{font-size:1.6rem;position:absolute;background:#0003;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;border-radius:20px;padding:.4rem 1rem;margin:0;bottom:1rem;left:1rem;z-index:2}.picture-book-plus-back-svg{width:4rem;margin:1.4rem;border-radius:50%;box-shadow:4px 4px 5px 2px #00000080;background:#0003;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:1.4rem;fill:#fff;z-index:2;cursor:pointer;position:absolute;top:0;left:0;transition:all .3s}.picture-book-plus-back-svg:hover{filter:brightness(1.5);scale:1.05}.picture-book-display-container{margin:0;padding:0;width:100%;height:100%}.picture-book-display{width:100%;height:100%;margin:0;padding:0;overflow:auto;z-index:1}.picture-book-display-chapters{margin-top:4rem;margin-bottom:4rem;display:flex;flex-wrap:wrap;justify-content:center;gap:2rem;align-items:center;padding:0;padding-top:3rem}.picture-book-display-chapter{width:35rem;aspect-ratio:2/1;position:relative;overflow:hidden;border-radius:20px;box-shadow:5px 4px 5px 2px #00000080;cursor:pointer;transition:all .3s}.picture-book-display-chapter:hover{filter:brightness(1.1)}@media (width < 400px){.picture-book-display-chapter{width:32rem}}.picture-book-display-start{width:100%;height:100%;position:relative}.picture-book-display-back-svg{width:4rem;margin:2rem;border-radius:50%;box-shadow:4px 4px 5px 2px #00000080;background:#0003;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:2rem;fill:#fff;color:#fff;cursor:pointer;transition:all .3s}.picture-book-display-back-svg:hover{filter:brightness(1.5);scale:1.05}@media (width < 800px){.picture-book-display-back-svg{position:absolute;bottom:8rem}}.picture-book-display-title{position:absolute;color:#fff;margin:2rem;border-radius:40px;box-shadow:4px 4px 5px 2px #00000080;background:#0003;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:.6rem 2.6rem;right:0;font-size:4rem}.picture-book-display-down-svg{position:absolute;width:4rem;fill:#fff;border-radius:50%;box-shadow:4px 4px 5px 2px #00000080;background:#0003;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:2rem;margin:0 auto;bottom:1rem;left:50.7%;transform:translate(-50%);cursor:pointer;transition:all .3s}.picture-book-display-down-svg:hover{filter:brightness(1.5);scale:1.05}.picture-book-chapter-display-arrow-svg-left,.picture-book-chapter-display-arrow-svg-right{width:6rem;fill:#fff;position:absolute;border-radius:50%;box-shadow:4px 4px 5px 2px #00000080;background:#0003;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:.3rem;bottom:2rem;cursor:pointer;transition:all .3s}.picture-book-chapter-display-arrow-svg-left:hover,.picture-book-chapter-display-arrow-svg-right:hover{filter:brightness(1.5);scale:1.05}.picture-book-chapter-display-arrow-svg-left{left:4rem}.picture-book-chapter-display-arrow-svg-right{right:4rem}.picture-book-chapter-textarray-container{overflow:auto;scrollbar-width:none;background:#0000004d;border:none;width:40%;font-size:1.8rem;color:#fff;white-space:pre-line;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:20px;min-height:20rem;height:90%;padding:1rem;margin:1rem}.picture-book-chapter-textarray-container::placeholder{font-size:1.8rem;color:#fff}.picture-book-chapter-display-middle{display:flex;height:100%;width:100%;justify-content:center;align-items:center;z-index:2;overflow:hidden;justify-self:start}.picture-book-chapter-display-textareas{display:flex;height:100%;width:100%;justify-content:center;align-items:center;position:relative;overflow:hidden;scrollbar-width:none}.messenger{margin:0;padding:0;display:flex;align-items:center}.rooms-container{height:100%;width:90%;margin:0 auto;padding:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.rooms-top{display:flex;width:100%;height:8rem;justify-content:space-around;align-items:center}.search-bar{width:80%;height:50%;font-size:3rem;margin:0;padding:1rem;margin-top:2rem;margin-bottom:2rem;background:none;border:none;color:var(--mblog-lowlight);border-bottom:var(--mblog-border-size) solid var(--mblog-lowlight)}.search-bar::placeholder{color:color-mix(in srgb,var(--mblog-lowlight),black 2%)}.rooms{width:100%;height:100%;display:flex;flex-direction:column;gap:1rem;overflow:auto;scrollbar-width:none}.room{width:100%;height:8rem;display:flex;align-items:center;position:relative;cursor:pointer;overflow:hidden;border-bottom:var(--mblog-border-size) solid var(--mblog-lowlight)}.room:before{content:"";z-index:-1;display:block;background:radial-gradient(at 50% 170%,var(--mblog-fg) 30%,var(--mblog-highlight) -10%,transparent 60%);transform:scaleX(2);transform:translateY(100%);width:100%;height:10rem;position:absolute;transition:all .4s}.room:hover:before{transform:scaleX(2)}.rooms-user-online-status{width:2rem;aspect-ratio:1;border-radius:50%;border:3px solid var(--mblog-lowlight);position:absolute;bottom:0;left:.9rem}.rooms-user-name{width:100%;overflow:hidden;text-wrap:nowrap;text-overflow:ellipsis;color:var(--mblog-lowlight);font-size:4rem;margin:0;padding:0;margin-top:2rem;margin-left:2rem}.rooms-user-profile-pic{background-color:var(--mblog-bg);border-radius:50%;background-size:cover;height:90%;aspect-ratio:1;margin-left:1rem}.room-unread-messages{width:5.4rem;aspect-ratio:1;border-radius:50%;font-size:3.2rem;color:var(--mblog-fg);background-color:var(--mblog-highlight);display:grid;place-items:center;margin-right:3rem}.chat-container{box-sizing:border-box;width:100%;height:calc(100dvh - 3.4rem);max-height:calc(100dvh - 8.4rem);display:flex;flex-direction:column;margin:0 auto;padding:0 2rem;align-items:center}@media (height < 980px){.chat-container{height:calc(100dvh - 4rem)}}@media (height < 940px){.chat-container{height:calc(100dvh - 5rem)}}@media (height < 900px){.chat-container{height:calc(100dvh - 6rem)}}@media (height < 840px){.chat-container{height:calc(100dvh - 8rem)}}.chat-messages{max-width:84vw;width:100%;height:83%;margin:0;padding:0 1rem;background:none;gap:1rem;display:flex;flex-direction:column-reverse;overflow-y:auto;overflow-x:hidden;scrollbar-width:none}.chat-message-container{width:100%;position:relative;display:flex;flex-direction:column}.chat-message{width:max-content;max-width:60vw;height:max-content;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#00000080;border-radius:20px;margin:0 2rem;text-align:start;padding:1rem;font-size:3rem;color:var(--mblog-white)}.chat-message-top{display:flex}.chat-message-profile{width:3rem;height:6rem;border-radius:2rem;display:flex;align-items:center;cursor:pointer;position:relative;transition:background 0s}.chat-message-profile:hover .chat-message-profile-username{display:block}.chat-message-profile:hover .chat-message-profile-pic{transform:scale(1.15)}.chat-message-profile-pic{position:absolute;height:5rem;aspect-ratio:1;border-radius:50%;background-color:var(--mblog-bg)}.chat-message-profile-username{color:var(--mblog-fg);font-size:1.8rem;padding:0 .8rem;display:none}.chat-message-timestamp{font-size:2rem;margin:0;padding:0}.chat-room-users-container{margin-top:1rem;height:6rem;display:flex;gap:1rem;align-items:center}.chat-room-users-menu-svg{height:50%;stroke:var(--mblog-fg);border-radius:50%;padding:.4rem;background-color:var(--mblog-highlight);box-shadow:3px 3px 8px 2px #00000080;cursor:pointer;transition:all .3s}.chat-room-users-menu-svg:hover{transform:scale(var(--mblog-scale-button));filter:brightness(1.5)}.chat-room-user-container{height:100%;cursor:pointer;transition:all .3s;position:relative}.chat-room-user-container:hover{transform:scale(var(--mblog-scale-button));filter:brightness(1.5)}.chat-room-user-container:hover .chat-room-user-username{display:block;background:#0000004d;transform:translateY(-20%);z-index:-1}.chat-room-user-profile-pic{height:100%;aspect-ratio:1;border-radius:50%;background-color:var(--mblog-bg)}.chat-room-user-username{position:absolute;top:-4rem;font-size:2rem;color:var(--mblog-lowlight);background:var(--mblog-bg);padding:.5rem 1rem;border-radius:1rem;display:none}.chat-room-user-is-typing-svg{fill:var(--mblog-fg);width:3rem;position:absolute;z-index:1;left:-1rem;top:-1rem}.chat-input-container{width:100%;background-color:#fff;display:flex;margin-top:1rem;padding:.4rem;height:4rem;position:relative}.chat-input-middle{width:90%;height:90%;position:relative;margin:0 auto;margin-left:1rem;margin-right:1rem}.chat-input{position:absolute;width:100%;height:100%;background:none;border:none;color:transparent;border-bottom:var(--mblog-border-size) solid var(--mblog-lowlight);font-size:2rem;padding:0;margin:0;z-index:1;padding-left:1rem}.chat-input-letters{display:flex;position:absolute;align-items:center;height:100%;width:100%;overflow:auto;scrollbar-width:none;z-index:0;margin:0;padding:0;padding-left:1rem}.chat-input-letter{height:100%;margin:0;padding:0;display:flex;width:max-content;align-items:center;font-size:2rem;color:#000}.chat-input-svg{height:100%;stroke:var(--mblog-lowlight);fill:var(--mblog-lowlight);border:none;cursor:pointer;padding:.2rem;transition:all .3s}.chat-input-svg:hover{scale:var(--mblog-scale-button);filter:brightness(1.5)}.room-plus-container{display:flex;flex-direction:column;height:100%;width:100%;gap:2rem;overflow:hidden}.room-plus-list{display:flex;flex-direction:column;width:100%;max-height:70%;overflow:auto;scrollbar-width:none;gap:1rem}.room-plus-user{height:10rem;min-height:10rem;width:90%;margin:0 auto;display:flex;border-radius:2rem;padding:0 1rem;align-items:center;cursor:pointer;overflow:hidden}.room-plus-user-name{font-size:3.6rem;overflow:hidden;text-overflow:ellipsis}.room-plus-user-profile-pic{width:60px;height:60px;border-radius:50%;background-size:cover}.room-plus-options{display:flex;justify-content:space-around;width:100%}.room-plus-search,.room-plus-name{height:5rem;color:#fff;font-size:2rem;overflow:hidden;background:none;border:none;border-bottom:2px solid var(--mblog-lowlight)}.room-plus-search::placeholder,.room-plus-name::placeholder{color:#fff;font-size:2rem}.room-plus-name{width:50%}.room-user-profile-modal-top{height:10rem;padding:0 1rem;display:flex;align-items:center;width:max-content;cursor:pointer;transition:all .3s}.room-user-profile-modal-top:hover{transform:scale(var(--mblog-scale-button));filter:brightness(1.5)}@media (width < 400px){.room-user-profile-modal-top{height:8rem}.room-user-profile-modal-top h2{font-size:3.4rem;overflow:hidden;text-overflow:ellipsis}}.room-user-profile-modal-profile-pic{height:100%;aspect-ratio:1;border-radius:50%;background-color:var(--mblog-bg)}.room-user-profile-modal-username{font-size:4rem;bottom:-20%;position:relative}.room-user-profile-modal-middle{display:flex;flex-direction:column;height:max-content;width:100%;margin:0;padding:0}.room-user-profile-modal-bottom{margin-top:6rem;width:100%}.user-plus-container{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.user-search-container{height:clamp(5rem,20vw,10rem);width:80vw;display:flex;align-items:center;justify-content:center;gap:1rem;border-bottom:var(--mblog-border-size) solid var(--mblog-fg)}.user-search-search{width:80%;height:2rem;font-size:3rem;margin:0;padding:1rem;margin-top:2rem;margin-bottom:2rem;background:none;border:none;color:var(--mblog-lowlight);border-bottom:var(--mblog-border-size) solid var(--mblog-lowlight)}.user-search-search::placeholder{color:color-mix(in srgb,var(--mblog-lowlight),black 2%)}.user-search-profile-pic{height:100%;aspect-ratio:1;border-radius:50%}.user-search-name{font-size:clamp(2rem,1vw,3rem);width:50%;overflow:hidden;text-overflow:ellipsis;text-align:start}.chat-back-svg{width:clamp(2rem,10vw,6rem);z-index:1;padding:1rem;position:absolute;top:1.4rem;left:1.4rem;cursor:pointer;stroke:var(--mblog-fg);fill:var(--mblog-fg);border-radius:50%;background-color:var(--mblog-bg);box-shadow:3px 3px 8px 2px #00000080;transition:all .3s}.chat-back-svg:hover{transform:scale(var(--mblog-scale-button));filter:brightness(1.5)}.chat-menu-container{min-width:40vw;min-height:50dvh;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2rem}.chat-menu-container button{text-wrap:nowrap}.room-change-image-container{display:flex;flex-wrap:wrap}.room-change-image{cursor:pointer;width:6.4rem;aspect-ratio:1;border-radius:50%;background-color:var(--mblog-bg);transition:all .3s}.room-change-image:hover{transform:scale(var(--mblog-scale-button));filter:brightness(1.5)}.show-notifications-container{display:flex;align-items:center;gap:2rem}.show-notifications-text{text-wrap:wrap;width:20rem}.attachment-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.attachment-modal{background:#fff;padding:2rem;border-radius:1rem;max-width:500px;width:90%}.selected-file-info{margin:1rem 0;padding:1rem;background:#f5f5f5;border-radius:.5rem}.attachment-modal-buttons{display:flex;gap:1rem;margin-top:1rem}.attachment-modal-buttons button{padding:.5rem 1rem;border:none;border-radius:.5rem;cursor:pointer}.attachment-modal-buttons button:first-child{background:#ccc}.attachment-modal-buttons button:last-child{background:#007bff;color:#fff}.attachment-modal-buttons button:disabled{background:#999;cursor:not-allowed}.attachment-upload-modal{padding:2rem;background:#fff;border-radius:1rem;max-width:500px;width:90%}.attachment-file-selector{margin:1rem 0}.attachment-file-input{display:none}.attachment-file-label{display:inline-block;padding:.75rem 1.5rem;background:#007bff;color:#fff;border-radius:.5rem;cursor:pointer;transition:background .2s}.attachment-file-label:hover{background:#0056b3}.attachment-file-info{margin:1rem 0;padding:1rem;background:#f8f9fa;border-radius:.5rem;border-left:4px solid #007bff}.attachment-file-info p{margin:.5rem 0}.attachment-modal-actions{display:flex;gap:1rem;margin:1.5rem 0;justify-content:center}.attachment-note{font-size:.9rem;color:#666;text-align:center;margin-top:1rem;font-style:italic}.message-with-attachment{margin:1rem 0;padding:1rem;border-radius:1rem;max-width:80%}.own-message{background:#007bff;color:#fff;align-self:flex-end}.other-message{background:#f1f1f1;color:#333;align-self:flex-start}.message-attachment-image{margin:.5rem 0}.message-attachment-image img{border-radius:.5rem;box-shadow:0 2px 4px #0000001a}.attachment-filename{margin-top:.5rem;font-size:.9rem;opacity:.8}.message-attachment-audio,.message-attachment-video{margin:.5rem 0}.message-attachment-audio audio,.message-attachment-video video{width:100%;border-radius:.5rem}.file-download-link{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#ffffff1a;border-radius:.5rem;text-decoration:none;color:inherit;transition:background .2s}.file-download-link:hover{background:#fff3}.attachment-size{font-size:.8rem;margin-top:.25rem;opacity:.7}.message-content{margin-bottom:.5rem}.message-timestamp{font-size:.8rem;opacity:.7;text-align:right;margin-top:.5rem}.attachment-loading{padding:1rem;background:#0000000d;border-radius:.5rem;text-align:center;font-style:italic}.websocket-status{position:fixed;bottom:80px;right:20px;background:#ff6464e6;color:#fff;padding:8px 16px;border-radius:20px;display:flex;align-items:center;gap:8px;font-size:14px;z-index:1000;animation:pulse 2s infinite}.websocket-status-dot{width:8px;height:8px;background:#fff;border-radius:50%;animation:blink 1s infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.message-with-attachment{transition:all .3s ease}.message-with-attachment:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.attachment-loading,.attachment-error{padding:15px;background:#0000001a;border-radius:8px;text-align:center;color:#888}.attachment-error{color:#ff6b6b;background:#ff6b6b1a}.message-attachment-image img{transition:transform .3s ease}.message-attachment-image img:hover{transform:scale(1.02)}.attachment-filename{margin-top:8px;font-size:.9em;color:#aaa;word-break:break-all}.file-download-link:hover{text-decoration:none}.chat-messages{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.3) transparent}.chat-messages::-webkit-scrollbar{width:6px}.chat-messages::-webkit-scrollbar-track{background:transparent}.chat-messages::-webkit-scrollbar-thumb{background-color:#ffffff4d;border-radius:3px}.chat-messages::-webkit-scrollbar-thumb:hover{background-color:#ffffff80}.profile-page{background-color:var(--mblog-bg);width:80%;height:80%;border-radius:4rem;border:var(--mblog-border-size) solid var(--mblog-fg);display:flex;flex-direction:column;align-items:center}.profile-top{width:100%;height:10rem;padding:2rem;display:flex;justify-content:space-around}.profile-top-profile-pic{height:100%;aspect-ratio:1;border-radius:50%;background-color:#fff3}.profile-top-username,.profile-top-email{color:var(--mblog-fg);font-size:4rem;margin:0;width:30rem;overflow:hidden;text-overflow:ellipsis}.profile-select-profile-pic{font-size:4rem;color:var(--mblog-fg)}.profile-images{height:9rem;display:flex;gap:2rem;width:80%;overflow-x:auto;overflow-y:hidden;scrollbar-width:none}.profile-image{height:100%;aspect-ratio:1;border-radius:50%;background-color:#fff3;cursor:pointer;transition:all .3s}.profile-image:hover{transform:scale(1.1);filter:brightness(1.6)}.not-found{width:70vw;height:75vh;aspect-ratio:3/2;border-radius:3rem;background-color:var(--mblog-bg);border:var(--mblog-border-size) solid var(--mblog-fg);display:flex;flex-direction:column;align-items:center;justify-content:space-between;position:relative;outline:none;margin:0;padding:0}.not-found h2{color:var(--mblog-fg);font-size:4rem;margin-top:4rem}.not-found img{height:100%;max-height:60%}.not-found a{color:var(--mblog-fg);font-size:3rem;margin-bottom:2rem}.no-internet-container{width:100%;height:100vh;display:grid;place-items:center;perspective:100rem;font-size:62.5%}.no-internet{width:60%;min-width:90vmin;aspect-ratio:3/2;padding:3rem;border-radius:3rem;background-color:var(--mblog-bg);border:var(--mblog-border-size) solid var(--mblog-fg);display:flex;flex-direction:column;align-items:center;justify-content:center;column-gap:5rem;position:relative;transform-style:preserve-3d;margin:0;outline:none}.no-internet h2{color:var(--mblog-fg);font-size:3rem}.no-internet img{height:30vh;padding:2rem}.no-internet a{color:var(--mblog-fg);font-size:3rem}.info-button{position:absolute;aspect-ratio:1/1;border-radius:50%;background-color:transparent;background-color:var(--mblog-highlight);border:var(--mblog-border-size) solid var(--mblog-fg);color:var(--mblog-fg);text-align:center;cursor:pointer;padding:0;margin:0;z-index:2}.modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:10;display:grid;place-items:center;margin:0;padding:0}.modal{max-width:80vw;max-height:60dvh;margin:0 auto;padding:4rem 2rem;background:var(--mblog-bg);border:var(--mblog-border-size) solid var(--mblog-fg);border-radius:3rem;text-align:center;color:var(--mblog-fg);font-size:2rem;display:flex;flex-direction:column;justify-content:center;align-items:center;overflow:scroll;scrollbar-width:none;position:relative}.game-over-modal{max-width:400px;margin:0 auto;padding:40px 20px;background:var(--mblog-bg);border-radius:3rem;text-align:center;color:var(--mblog-fg)}.game-over-modal button{border:var(--mblog-border-size) var(--mblog-fg) solid;background-color:var(--mblog-bg);color:var(--mblog-fg);border-radius:2rem;font-weight:700;margin-top:20px;font-size:3rem}.game-over-modal h1{font-weight:700;font-size:5rem}.game-over-modal h3{font-weight:700;font-size:3rem}.mblog-modal{max-width:400px;margin:0 auto;padding:40px 20px;background:var(--mblog-bg);border-radius:10px;text-align:center;color:var(--mblog-fg)}.mblog-modal button{border:var(--mblog-border-size) var(--mblog-fg) solid;font-weight:700;margin-top:20px}.mblog-modal p{font-weight:700}.modal-title{width:100%}.modal-input-container{display:flex;width:100%;justify-content:center;align-items:center;height:8rem;gap:1rem}.modal-input-name{width:max-content}.modal-input{background:none;color:var(--mblog-white);border:none;border-bottom:2px solid var(--mblog-fg);height:2rem;font-size:2rem}.modal-input::placeholder{color:var(--mblog-white);font-size:2rem}.modal-link{color:var(--mblog-white);transition:all .5s}.modal-link:hover{transform:scale(1.1)}.modal-p{font-size:2rem}.banner{position:absolute;top:1rem;left:1rem;-webkit-backdrop-filter:blur(50px);backdrop-filter:blur(50px);background-color:var(--mblog-lowlight);color:var(--mblog-fg);font-size:1.5rem;text-align:center;padding:.8rem 1.6rem;margin:0;border-radius:40px;overflow:hidden;z-index:2}.banner p{margin:0}.navbar-container{width:100%;height:6rem;position:fixed;bottom:0;z-index:20}.navbar{display:flex;width:100%;height:100%;justify-content:space-around}.navbar-left,.navbar-right{z-index:2;background-color:var(--mblog-lowlight);width:50%;height:100%;align-items:center;justify-content:center;font-weight:700;color:var(--mblog-fg);border:var(--mblog-border-size) solid var(--mblog-fg);display:flex;margin:0;padding:0;cursor:pointer}.navbar-left:hover .navbar-up-arrow,.navbar-right:hover .navbar-up-arrow{transform:translateY(-80%) scale(1.2) scaleX(1.2)}.navbar-h1{letter-spacing:.2rem;font-size:clamp(1rem,5vw,3rem);cursor:pointer}.navbar-line{transform:translateY(-.5rem);background-color:var(--mblog-fg);width:2rem;height:1rem;padding:.2rem 3rem;margin:.5rem;transform:translateY(.1rem);cursor:pointer}.navbar-triangle{cursor:pointer}.navbar-plus{z-index:2;border-radius:50%;border:var(--mblog-border-size) solid var(--mblog-fg);font-size:6rem;font-weight:700;text-align:center;color:var(--mblog-fg);background-color:var(--mblog-lowlight);cursor:pointer;position:absolute;width:6.5rem;height:6.5rem;display:flex;justify-content:center;align-items:center;bottom:.8rem;left:calc(50vw - 3.25rem)}.navbar-menu-left,.navbar-menu-right{display:flex;flex-direction:column;justify-content:space-around;align-items:center;gap:3rem;width:70rem;max-width:90vw;height:calc(100vh - 6rem);text-align:center;letter-spacing:.2rem;overflow-y:scroll;overflow-x:hidden;background-color:var(--mblog-lowlight);position:absolute;bottom:0;border-top:2rem solid var(--mblog-fg);margin:0;padding:2rem 0}.navbar-menu-left .titled-container,.navbar-menu-right .titled-container{max-width:90%}@media (width < 800px){.navbar-menu-left .titled-container,.navbar-menu-right .titled-container{grid-template-columns:1fr 1fr}.navbar-menu-left .titled-container a,.navbar-menu-right .titled-container a{font-size:2.3rem}}@media (width < 500px){.navbar-menu-left .titled-container,.navbar-menu-right .titled-container{grid-template-columns:1fr 1fr}.navbar-menu-left .titled-container a,.navbar-menu-right .titled-container a{font-size:2rem}}.navbar-menu-left .titled-container a,.navbar-menu-right .titled-container a{margin:0;margin-top:3rem;margin-bottom:2rem}@media (height < 900px){.navbar-menu-left .titled-container a,.navbar-menu-right .titled-container a{margin-top:2rem;margin-bottom:1rem}}@media (height < 700px){.navbar-menu-left .titled-container a,.navbar-menu-right .titled-container a{margin-top:1rem;margin-bottom:.5rem}}.navbar-menu-left a,.navbar-menu-left p,.navbar-menu-right a,.navbar-menu-right p{width:auto;height:auto;display:block;cursor:pointer;font-size:3rem;margin:2rem 3rem;color:var(--mblog-fg);text-decoration:none;transition:all .3s}.navbar-menu-left a:after,.navbar-menu-left p:after,.navbar-menu-right a:after,.navbar-menu-right p:after{content:"";display:block;border-bottom:2px solid var(--mblog-fg);transition:transform .3s ease;transform-origin:right;transform:scaleX(0)}.navbar-menu-left a:hover,.navbar-menu-left p:hover,.navbar-menu-right a:hover,.navbar-menu-right p:hover{transform:scale(var(--mblog-scale-button))}.navbar-menu-left a:hover:after,.navbar-menu-left p:hover:after,.navbar-menu-right a:hover:after,.navbar-menu-right p:hover:after{transform:scaleX(1);transform-origin:left}@media (height < 900px){.navbar-menu-left,.navbar-menu-right{gap:2rem}}@media (height < 700px){.navbar-menu-left,.navbar-menu-right{gap:1rem}}.navbar-menu-left::-webkit-scrollbar,.navbar-menu-right::-webkit-scrollbar{color:var(--mblog-fg);width:1rem}.navbar-menu-left::-webkit-scrollbar-thumb,.navbar-menu-right::-webkit-scrollbar-thumb{color:var(--mblog-fg);background-color:var(--mblog-fg);width:1rem}.navbar-menu-left::-webkit-scrollbar-thumb{border-top-left-radius:2rem;border-bottom-left-radius:2rem}.navbar-menu-right::-webkit-scrollbar-thumb{border-top-right-radius:2rem;border-bottom-right-radius:2rem}.navbar-menu-left{left:0;border-right:1rem solid var(--mblog-fg);overflow:visible}.navbar-menu-right{right:0;border-left:1rem solid var(--mblog-fg)}.boo{position:absolute;left:95%;bottom:8%;pointer-events:none;display:none}.navbar-up-arrow{fill:var(--mblog-fg);width:3rem;transform:translateY(-10%);transition:all .3s}.navbar-bottom{width:100%;height:8rem;display:flex;justify-content:space-around;align-items:center;margin-bottom:3rem}@media (height < 800px){.navbar-bottom{height:6rem}.navbar-bottom button{transform:scale(.8)}}.navbar-profile{display:flex;height:100%;width:fit-content;max-width:50%;justify-content:space-between;align-items:center;border-radius:80px;border-top-left-radius:10rem;border-bottom-left-radius:10rem;cursor:pointer;background-color:var(--mblog-lowlight);overflow:hidden;margin:0;padding:0;padding-right:2rem;box-shadow:4px 4px 8px 2px #00000080;transition:all .3s}.navbar-profile:hover{transform:scale(var(--mblog-scale-button));filter:brightness(1.5)}.navbar-profile-pic{height:100%;aspect-ratio:1/1;border-top-right-radius:50%;margin:0;padding:0;background-size:cover;background-color:var(--mblog-bg)}.navbar-profile-username{font-size:3rem;color:var(--mblog-fg);margin-left:20px;text-align:center;text-overflow:ellipsis;overflow:hidden}@media (width < 500px){.navbar-profile-username{font-size:2rem}}.theme-picker-modal{width:90%;max-width:500px;max-height:80vh;overflow-y:auto}.theme-picker-modal .theme-predefined{margin-bottom:2rem}.theme-picker-modal .theme-predefined .theme-buttons{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1rem}.theme-picker-modal .theme-predefined .theme-button{padding:1rem 2rem;border-radius:5px;font-weight:700;cursor:pointer;transition:transform .2s}.theme-picker-modal .theme-predefined .theme-button:hover{transform:scale(1.05)}.theme-picker-modal .theme-custom{margin-bottom:2rem}.theme-picker-modal .theme-custom .color-pickers{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin:1rem 0}.theme-picker-modal .theme-custom .color-picker-row{display:flex;flex-direction:column;align-items:center}.theme-picker-modal .theme-custom .color-picker-row label{font-size:1.2rem;margin-bottom:.5rem;text-transform:capitalize}.theme-picker-modal .theme-custom .color-picker-row input[type=color]{width:100%;height:4rem;border:none;background:transparent;cursor:pointer}.titled-container{background-color:var(--mblog-bg);border-radius:20px;position:relative;display:grid;place-items:center;grid-template-columns:1fr 1fr 1fr;width:62rem;box-shadow:5px 4px 5px 2px #00000080}.titled-container-title{position:absolute;font-size:1.6rem;top:-1.4rem;left:1rem;background-color:var(--mblog-bg);border:var(--mblog-border-size) solid var(--mblog-fg);border-radius:20rem;padding:.2rem 1rem;margin:0;z-index:2;color:var(--mblog-white)}.circular-slider-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;z-index:1}.circular-slider{width:30rem;height:30rem;display:flex;justify-content:center;align-items:center;position:relative;z-index:1}.circular-slider-video{width:26rem;height:26rem;border-radius:50%;position:absolute;top:50%;left:49.8%;transform:translate(-50%,-50%);z-index:2}.music-video{height:100%;width:100%;border-radius:50%;object-fit:cover;z-index:2}.circular-slider-svg{z-index:3}.circular-slider-circle,.circular-slider-volume-circle{fill:none;z-index:3;position:absolute;bottom:100%}.circular-slider-circle:nth-child(1){stroke:#000000b3;stroke-width:2.1rem;transform-origin:center;stroke-dasharray:880;stroke-linecap:round}.circular-slider-circle:nth-child(2){stroke:var(--mblog-fg);stroke-width:2.1rem;stroke-dasharray:880;transform-origin:center;transform:rotate(180deg);stroke-linecap:round}.snowflake{color:#f0f0ff;font-size:25px;font-family:Arial;text-shadow:0 0 1px #000;z-index:100;pointer-events:none}@-webkit-keyframes snowflakes-fall{0%{top:-10%}to{top:100%}}@-webkit-keyframes snowflakes-shake{0%{-webkit-transform:translateX(0px);transform:translate(0)}50%{-webkit-transform:translateX(80px);transform:translate(80px)}to{-webkit-transform:translateX(0px);transform:translate(0)}}@keyframes snowflakes-fall{0%{top:-10%}to{top:100%}}@keyframes snowflakes-shake{0%{transform:translate(0)}50%{transform:translate(80px)}to{transform:translate(0)}}.snowflake{position:fixed;top:-10%;z-index:9999;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default;-webkit-animation-name:snowflakes-fall,snowflakes-shake;-webkit-animation-duration:10s,3s;-webkit-animation-timing-function:linear,ease-in-out;-webkit-animation-iteration-count:infinite,infinite;-webkit-animation-play-state:running,running;animation-name:snowflakes-fall,snowflakes-shake;animation-duration:10s,3s;animation-timing-function:linear,ease-in-out;animation-iteration-count:infinite,infinite;animation-play-state:running,running}.snowflake:nth-of-type(0){left:1%;-webkit-animation-delay:0s,0s;animation-delay:0s,0s}.snowflake:nth-of-type(1){left:10%;-webkit-animation-delay:1s,1s;animation-delay:1s,1s}.snowflake:nth-of-type(2){left:20%;-webkit-animation-delay:6s,.5s;animation-delay:6s,.5s}.snowflake:nth-of-type(3){left:30%;-webkit-animation-delay:4s,2s;animation-delay:4s,2s}.snowflake:nth-of-type(4){left:40%;-webkit-animation-delay:2s,2s;animation-delay:2s,2s}.snowflake:nth-of-type(5){left:50%;-webkit-animation-delay:8s,3s;animation-delay:8s,3s}.snowflake:nth-of-type(6){left:60%;-webkit-animation-delay:6s,2s;animation-delay:6s,2s}.snowflake:nth-of-type(7){left:70%;-webkit-animation-delay:2.5s,1s;animation-delay:2.5s,1s}.snowflake:nth-of-type(8){left:80%;-webkit-animation-delay:1s,0s;animation-delay:1s,0s}.snowflake:nth-of-type(9){left:90%;-webkit-animation-delay:3s,1.5s;animation-delay:3s,1.5s}.mblog-input{letter-spacing:.2rem;border:none;border-radius:40px;box-shadow:.3rem .3rem .5rem var(--mblog-fg) inset;background:var(--mblog-lowlight);color:var(--mblog-white);transition:box-shadow .3s;cursor:pointer}.mblog-input::placeholder{color:var(--mblog-white)}.mblog-input:focus{background:var(--mblog-lowlight)!important;box-shadow:.5rem .5rem 1rem var(--mblog-fg) inset}.mblog-input:-webkit-autofill,.mblog-input:-webkit-autofill:hover,.mblog-input:-webkit-autofill:focus{-webkit-box-shadow:.5rem .5rem 1rem var(--mblog-fg) inset,0 0 0 30px var(--mblog-lowlight) inset;-webkit-text-fill-color:white}@property --ratio{syntax: "<number>"; inherits: true; initial-value: 1;}@property --color{syntax: "<color>"; inherits: true; initial-value: white;}@property --glowposition{syntax: "<percent>"; inherits: true; initial-value: 0%;}:root{--light: #f7fbfc;--dark: #bcc7d3;--duration: .25s;--press-duration: .25s;--press-timing-function: ease-in-out;--timing-function: ease-in-out}.neu-switch,.neu-switch-vertical{cursor:pointer;width:36rem;height:20rem;border-radius:40rem;position:relative;perspective:50rem;transform:scaleY(.6)}.neu-switch .dark-shadow:before,.neu-switch .dark-shadow:after,.neu-switch .light-shadow:before,.neu-switch .light-shadow:after,.neu-switch-vertical .dark-shadow:before,.neu-switch-vertical .dark-shadow:after,.neu-switch-vertical .light-shadow:before,.neu-switch-vertical .light-shadow:after{animation:ratio-reverse var(--press-duration) var(--press-timing-function)}.neu-switch .neu-switch-inner-surface,.neu-switch .neu-switch-inner-shadow,.neu-switch-vertical .neu-switch-inner-surface,.neu-switch-vertical .neu-switch-inner-shadow{animation:ratio-reverse var(--press-duration) var(--press-timing-function)}.neu-switch .neu-switch-active-light,.neu-switch-vertical .neu-switch-active-light{--glowposition: 0%;animation:active-light-reverse calc(var(--duration) * 1.2) var(--timing-function) alternate backwards;animation-delay:var(--press-duration)}.neu-switch .neu-switch-inactive-ball,.neu-switch-vertical .neu-switch-inactive-ball{animation:inactive-ball-next calc(var(--duration) * 2.5) ease-in-out alternate backwards}.neu-switch .neu-switch-active-ball,.neu-switch-vertical .neu-switch-active-ball{animation:active-ball-next calc(var(--duration) * 2.5) ease-in-out alternate backwards;z-index:1}.neu-switch .neu-switch-inactive-ball-light,.neu-switch-vertical .neu-switch-inactive-ball-light{animation:inactive-ball-light-next calc(var(--duration)) ease-in-out alternate backwards}.neu-switch .neu-switch-active-ball-light,.neu-switch-vertical .neu-switch-active-ball-light{animation:active-ball-light-next calc(var(--duration)) ease-in-out alternate backwards}.neu-switch .neu-switch-checkbox:checked+.neu-switch-surface .neu-switch-dark-shadow:before,.neu-switch .neu-switch-checkbox:checked+.neu-switch-surface .neu-switch-dark-shadow:after,.neu-switch .neu-switch-checkbox:checked+.neu-switch-surface .neu-switch-light-shadow:before,.neu-switch .neu-switch-checkbox:checked+.neu-switch-surface .neu-switch-light-shadow:after,.neu-switch-vertical .neu-switch-checkbox:checked+.neu-switch-surface .neu-switch-dark-shadow:before,.neu-switch-vertical .neu-switch-checkbox:checked+.neu-switch-surface .neu-switch-dark-shadow:after,.neu-switch-vertical .neu-switch-checkbox:checked+.neu-switch-surface .neu-switch-light-shadow:before,.neu-switch-vertical .neu-switch-checkbox:checked+.neu-switch-surface .neu-switch-light-shadow:after{animation:ratio var(--press-duration) var(--press-timing-function)}.neu-switch .neu-switch-checkbox:checked+.neu-switch-surface .neu-switch-inner-surface,.neu-switch .neu-switch-checkbox:checked+.neu-switch-surface .neu-switch-inner-shadow,.neu-switch-vertical .neu-switch-checkbox:checked+.neu-switch-surface .neu-switch-inner-surface,.neu-switch-vertical .neu-switch-checkbox:checked+.neu-switch-surface .neu-switch-inner-shadow{animation:ratio var(--press-duration) var(--press-timing-function)}.neu-switch .neu-switch-checkbox:checked+.neu-switch-surface .neu-switch-active-light,.neu-switch-vertical .neu-switch-checkbox:checked+.neu-switch-surface .neu-switch-active-light{--glowposition: -100%;animation:active-light calc(var(--duration) * 1.2) var(--timing-function) forwards;animation-delay:var(--press-duration)}.neu-switch .neu-switch-checkbox:checked+.neu-switch-surface .neu-switch-inactive-ball,.neu-switch-vertical .neu-switch-checkbox:checked+.neu-switch-surface .neu-switch-inactive-ball{animation:inactive-ball calc(var(--duration) * 2.5) ease-in-out forwards}.neu-switch .neu-switch-checkbox:checked+.neu-switch-surface .neu-switch-active-ball,.neu-switch-vertical .neu-switch-checkbox:checked+.neu-switch-surface .neu-switch-active-ball{animation:active-ball calc(var(--duration) * 2.5) ease-in-out forwards}.neu-switch .neu-switch-checkbox:checked+.neu-switch-surface .neu-switch-inactive-ball-light,.neu-switch-vertical .neu-switch-checkbox:checked+.neu-switch-surface .neu-switch-inactive-ball-light{animation:inactive-ball-light calc(var(--duration)) ease-in-out forwards}.neu-switch .neu-switch-checkbox:checked+.neu-switch-surface .neu-switch-active-ball-light,.neu-switch-vertical .neu-switch-checkbox:checked+.neu-switch-surface .neu-switch-active-ball-light{animation:active-ball-light calc(var(--duration)) ease-in-out forwards}.neu-switch-vertical{transform:rotate(90deg)}.neu-switch-surface{position:absolute;inset:0;border-radius:inherit}.neu-switch-bg{background:var(--mblog-highlight);position:absolute;inset:0rem;box-shadow:10px 10px 25px 10px var(--mblog-lowlight),-10px -10px 25px 10px var(--mblog-highlight);border-radius:inherit;filter:blur(.8rem)}.neu-switch-bg:before{content:"";position:absolute;bottom:-1px;right:1rem;border-radius:inherit;box-shadow:4px 4px 7px rgba(var(--mblog-lowlight),.6);top:3rem;left:2rem;z-index:-1}.neu-switch-bg:after{content:"";position:absolute;inset:1.2rem;background:var(--mblog-highlight);border-radius:inherit}.neu-switch-outer-shadow{position:absolute;inset:0;border-radius:inherit}.neu-switch-outer-shadow:before{content:"";position:absolute;border-radius:inherit;left:-1rem;top:1rem;bottom:1rem;right:0;border-left:1rem solid rgba(var(--mblog-lowlight),.05);filter:blur(.3rem)}.neu-switch-outer-shadow:after{content:"";position:absolute;border-radius:inherit;inset:1rem .5rem 1rem 0rem;border-top:.5rem solid rgba(0,0,0,.5);border-bottom:3rem solid var(--mblog-highlight);filter:blur(.3rem)}.neu-switch-inner-shadow{position:absolute;border-radius:inherit;--max: .98;--ratio: 1;inset:calc(2.5rem * var(--ratio));box-shadow:0 0 1rem calc(.2rem * var(--ratio)) #0003,0 0 1.5rem calc(.1rem * var(--ratio)) #0003,0 0 1.8rem calc(.3rem * var(--ratio)) #0003,0 0 calc(1.5rem * var(--ratio)) calc(1.5rem * var(--ratio)) #4d5e7070,0 0 1.5rem 2rem rgba(var(--mblog-lowlight),.8)}.neu-switch-active-light{position:absolute;border-radius:inherit;inset:1.5rem;background:radial-gradient(50% 100% at 50% 50%,var(--mblog-fg),black,transparent 90%),radial-gradient(20% 100% at 100% 50%,var(--mblog-lowlight) 70%,transparent 90%),radial-gradient(20% 100% at 0% 50%,var(--mblog-lowlight) 70%,transparent 90%) no-repeat;filter:blur(2rem) brightness(100%);background-size:200%;mix-blend-mode:darken;opacity:.9}.neu-switch-inner-surface{overflow:hidden;position:absolute;border-radius:inherit;--max: 1.2;--ratio: 1;inset:calc(2rem * var(--ratio));background:linear-gradient(to bottom,var(--mblog-lowlight),transparent),radial-gradient(32% 49% at 60% 50%,var(--mblog-lowlight),transparent),radial-gradient(32% 49% at 50% 70%,var(--mblog-lowlight),transparent),radial-gradient(82% 49% at 50% 50%,var(--mblog-lowlight),transparent),transparent}.neu-switch-dark-shadow,.neu-switch-light-shadow{position:absolute;inset:0;perspective:50rem;z-index:11111}.neu-switch-dark-shadow:before,.neu-switch-dark-shadow:after,.neu-switch-light-shadow:before,.neu-switch-light-shadow:after{content:"";position:absolute;top:0;bottom:0;border-radius:10rem;--ratio: 1;filter:blur(calc(.4rem * var(--ratio)));mix-blend-mode:darken}.neu-switch-dark-shadow:before,.neu-switch-light-shadow:before{right:-37.4rem;left:-.5rem;--ratio: 1;border-left:calc(1.7rem * var(--ratio)) solid rgba(50,66,81,calc(.25 * var(--ratio)));transform:rotateY(1deg) scale(1);top:-.5rem}.neu-switch-dark-shadow:after,.neu-switch-light-shadow:after{left:-10rem;right:0;--ratio: 1;border:calc(1.5rem * var(--ratio)) solid hsl(14.6deg,0%,38%,calc(20% * var(--ratio)));transform:rotateY(18deg) scale(1.2) rotate(2deg);bottom:-1rem;top:-.3rem}.neu-switch-light-shadow:before{mix-blend-mode:darken}.neu-switch-light-shadow:after{--ratio: 1;border:calc(1.5rem * var(--ratio)) solid rgba(260,255,255,calc(.2 * var(--ratio)));border:calc(1.5rem * var(--ratio)) solid rgba(var(--mblog-lowlight),calc(.2 * var(--ratio)));border-radius:50%;inset:-.9rem;mix-blend-mode:darken;transform:scale(1.1)}.neu-switch-balls{position:absolute;inset:0}.neu-switch-inactive-ball{background:radial-gradient(30% 30% at 60% 40%,var(--mblog-highlight),transparent 60%),radial-gradient(40% 40% at 10% 65%,var(--mblog-highlight),transparent),radial-gradient(70% 70% at 30% 30%,var(--mblog-highlight),transparent),radial-gradient(60% 60% at 30% 30%,var(--mblog-highlight) 30%,#39414a),#fff;position:absolute;width:14rem;top:1rem;left:1.5rem;aspect-ratio:1;border-radius:50%;animation:whiteball var(--duration) linear forwards}.neu-switch-active-ball{background:radial-gradient(25% 25% at 65% 65%,rgba(var(--mblog-fg),.6),transparent),radial-gradient(20% 20% at 70% 30%,rgba(255,255,255,.4),transparent),radial-gradient(60% 60% at 70% 30%,var(--mblog-fg),transparent),radial-gradient(60% 60% at 20% 10%,var(--mblog-fg),transparent),radial-gradient(60% 60% at 20% 50%,var(--mblog-fg),transparent),radial-gradient(60% 60% at 70% 30%,var(--mblog-fg),transparent),#00000080;position:absolute;width:14rem;top:1rem;right:1.5rem;aspect-ratio:1;border-radius:50%;animation:lightball var(--duration) linear forwards}.neu-switch-glass{position:absolute;inset:0rem;background:#ffffff1a;-webkit-backdrop-filter:blur(2.5rem);backdrop-filter:blur(2.5rem);border-radius:inherit;z-index:1}.neu-switch-glass:after{content:"";border-radius:24rem;position:absolute;inset:-1.2rem;background-size:140%;filter:saturate(.5) contrast(1.5);mix-blend-mode:plus-lighter;mask:radial-gradient(at center,black,transparent)}.neu-switch-lights{position:absolute;inset:0}.neu-switch-active-ball-light,.neu-switch-inactive-ball-light{position:absolute;width:20rem;right:1rem;top:1rem;aspect-ratio:1;border-top:4rem rgba(255,0,0,.05) solid;border-bottom:4rem rgba(255,0,0,.05) solid;filter:blur(1rem);mix-blend-mode:overlay;border-radius:50%;z-index:111111;opacity:0}.neu-switch-inactive-ball-light{left:1rem;border-color:#fff3;filter:blur(1.5rem)}.neu-switch-checkbox{display:none}@keyframes ratio{0%{--ratio: 1}50%{--ratio: var(--max, 2)}to{--ratio: 1}}@keyframes ratio-reverse{0%{--ratio: 1}50%{--ratio: var(--max, 2)}to{--ratio: 1}}@keyframes active-light{0%{background-position-x:calc(100% - var(--glowposition));filter:brightness(100%) blur(2rem)}50%{filter:brightness(150%) blur(2rem);--color: white;opacity:.2}to{background-position-x:calc(0% - var(--glowposition));filter:brightness(100%) blur(2rem)}}@keyframes active-light-reverse{0%{background-position-x:calc(100% - var(--glowposition));filter:brightness(100%) blur(2rem)}50%{filter:brightness(150%) blur(2rem);--color: white;opacity:.2}to{background-position-x:calc(0% - var(--glowposition));filter:brightness(100%) blur(2rem)}}@keyframes inactive-ball{0%{transform:translate(0) scale(1)}40%{transform:translate(130%) scale(1);opacity:1}80%{transform:translate(100%) scale(.6);opacity:.4}to{transform:translate(110%) scale(1)}}@keyframes active-ball{0%{transform:translate(0) scale(1)}30%{transform:translate(-50%) scale(.2);opacity:.6}70%{transform:translate(-120%) scale(.6)}80%{transform:translate(-90%) scale(1)}to{transform:translate(-110%) scale(1)}}@keyframes inactive-ball-next{0%{transform:translate(100%) scale(1)}30%{transform:translate(50%) scale(.2);opacity:.6}70%{transform:translate(0) scale(.6)}80%{transform:translate(10%) scale(1)}to{transform:translate(0) scale(1)}}@keyframes active-ball-next{0%{transform:translate(-110%) scale(1)}20%{transform:translate(-90%) scale(1.1)}40%{transform:translate(0) scale(1.1);opacity:1}80%{transform:translate(0) scale(.6);opacity:.4}to{transform:translate(0) scale(1)}}@keyframes inactive-ball-light{0%{transform:translate(0);opacity:0}10%{opacity:1}90%{opacity:1}to{opacity:0;transform:translate(70%)}}@keyframes active-ball-light{0%{transform:translate(0);opacity:0}95%{opacity:0}to{opacity:1;transform:translate(-70%)}}@keyframes active-ball-light-next{0%{transform:translate(-70%)}to{transform:translate(0)}}@keyframes inactive-ball-light-next{0%{transform:translate(70%);opacity:0}95%{opacity:0}to{opacity:1;transform:translate(0)}}.neu-button{container-type:inline-size;border:none;color:var(--mblog-white);background:none;background-color:var(--mblog-highlight);display:grid;place-content:center;gap:1rem;margin:.5rem;cursor:pointer;box-shadow:-.2rem -.2rem .8rem var(--mblog-highlight),.5rem .5rem 1rem color-mix(in srgb,var(--mblog-highlight),black 5%);outline:none;transition:all .1s}.neu-button:hover,.neu-button:focus-visible{transform:scale(1.1);color:var(--mblog-fg)}.neu-button:active,.neu-button.active{box-shadow:-.5rem -.5rem 1rem var(--mblog-highlight),.5rem .5rem 1rem color-mix(in srgb,var(--mblog-highlight),black 5%),inset .5rem .5rem 1rem color-mix(in srgb,var(--mblog-highlight),black 5%),inset -.5rem -.5rem 1rem var(--mblog-highlight)}.neu-button:active>span,.neu-button.active>span{transform:scale(.8)}.neu-button-circular{border-radius:50%}.neu-button-toggle{container-type:inline-size;aspect-ratio:1/1;border:.5rem solid transparent;color:var(--mblog-white);background:none;background-color:var(--mblog-lowlight);display:grid;place-content:center;gap:1rem;margin:.5rem;box-shadow:-.5rem -.5rem 1rem var(--mblog-highlight),.5rem .5rem 1rem color-mix(in srgb,var(--mblog-highlight),black 5%);outline:none;cursor:pointer;transition:all .1s}.neu-button-toggle:hover,.neu-button-toggle:focus-visible{scale:1.1;color:var(--mblog-fg)}.neu-button-toggle-on{box-shadow:-.5rem -.5rem 1rem var(--mblog-highlight),.5rem .5rem 1rem color-mix(in srgb,var(--mblog-highlight),black 5%),inset .5rem .5rem 1rem color-mix(in srgb,var(--mblog-highlight),black 5%),inset -.5rem -.5rem 1rem var(--mblog-highlight)}.neu-button-toggle-on>span{transform:scale(.8);color:var(--mblog-fg)}.neu-loading-container{font:1em/1.5 sans-serif;height:100vh;display:grid;place-items:center}.neu-loading,.neu-loading__ball,.neu-loading__ball-inner-shadow,.neu-loading__ball-side-shadows,.neu-loading__ball-texture,.neu-loading__inner-ring,.neu-loading__outer-ring,.neu-loading__track-cover{border-radius:50%}.neu-loading{position:relative;width:16em;height:16em;transform:scale(3)}.neu-loading__ball,.neu-loading__ball-inner-shadow,.neu-loading__ball-outer-shadow,.neu-loading__ball-side-shadows,.neu-loading__ball-texture,.neu-loading__ball-texture:before,.neu-loading__inner-ring,.neu-loading__outer-ring,.neu-loading__track-cover{position:absolute}.neu-loading__ball,.neu-loading__ball-inner-shadow,.neu-loading__ball-outer-shadow,.neu-loading__ball-texture:before,.neu-loading__inner-ring,.neu-loading__outer-ring,.neu-loading__track-cover{animation:ball 3s linear infinite}.neu-loading__ball{top:calc(50% - 1.25em);left:calc(50% - 1.25em);transform:rotate(0) translateY(-6.5em);width:2.5em;height:2.5em}.neu-loading__ball-inner-shadow{animation-name:ballInnerShadow;box-shadow:0 .1em .2em #0000004d,0 0 .2em #0000001a inset,0 -1em .5em #00000026 inset;width:100%;height:100%}.neu-loading__ball-outer-shadow{animation-name:ballOuterShadow;background-image:linear-gradient(#00000026,#0000);border-radius:0 0 50% 50%/0 0 100% 100%;filter:blur(2px);top:50%;left:0;width:100%;height:250%;transform:rotate(20deg);transform-origin:50% 0;z-index:-2}.neu-loading__ball-side-shadows{background-color:rgba(var(--mblog-fg),.5);filter:blur(2px);width:100%;height:100%;transform:scale(.75,1.1);z-index:-1}.neu-loading__ball-texture{overflow:hidden;width:100%;height:100%;transform:translateZ(0)}.neu-loading__ball-texture:before{animation-name:ballTexture;animation-duration:.25s;background:rgba(var(--mblog-fg),1);content:"";display:block;filter:brightness(1.05);top:0;right:0;width:200%;height:100%}.neu-loading__inner-ring{box-shadow:0 -.25em .5em rgb(from var(--mblog-fg) r g b/.4),0 .5em .75em rgb(from var(--mblog-fg) r g b/.4) inset,0 .5em .375em rgb(from color-mix(in srgb,var(--mblog-fg),black 10%) r g b/.15),0 -.5em .75em rgb(from color-mix(in srgb,var(--mblog-fg),black 10%) r g b/.15) inset;top:2.375em;left:2.375em;width:calc(100% - 4.75em);height:calc(100% - 4.75em);animation-name:trackCover;-webkit-mask-image:conic-gradient(#0000 210deg,#000 270deg);mask-image:conic-gradient(#0000 210deg,#000 270deg);-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-position:100% 100%;mask-position:100% 100%}.neu-loading__outer-ring{box-shadow:0 -.45em .375em rgb(from color-mix(in srgb,var(--mblog-fg),black 10%) r g b/.15),0 .5em .75em rgb(from color-mix(in srgb,var(--mblog-fg),black 10%) r g b/.15) inset,0 .25em .5em rgb(from var(--mblog-fg) r g b/.4),0 -.5em .75em rgb(from var(--mblog-fg) r g b/.4) inset;top:.75em;left:.75em;width:calc(100% - 1.5em);height:calc(100% - 1.5em);animation-name:trackCover;-webkit-mask-image:conic-gradient(#0000 210deg,#000 270deg);mask-image:conic-gradient(#0000 210deg,#000 270deg);-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-position:100% 100%;mask-position:100% 100%}@keyframes ball{0%{transform:rotate(0) translateY(-6.5em)}50%{transform:rotate(180deg) translateY(-6em)}to{transform:rotate(360deg) translateY(-6.5em)}}@keyframes ballInnerShadow{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}@keyframes ballOuterShadow{0%{transform:rotate(20deg)}to{transform:rotate(-340deg)}}@keyframes ballTexture{0%{transform:translate(0)}to{transform:translate(50%)}}@keyframes trackCover{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.neu-enter-screen{width:100%;height:100vh;margin:0;display:grid;place-items:center;box-sizing:border-box}.neu-enter-screen-button{background-color:var(--mblog-highlight);border:none;border-radius:6px;box-shadow:.2rem .2rem 2rem var(--mblog-fg);color:var(--mblog-fg);font-size:4rem;font-weight:700;margin:0;position:relative;text-transform:uppercase;padding:4rem;box-sizing:fit-content;display:grid;place-content:center}.test-container{display:flex}.toasts{width:40rem;max-width:80vw;position:absolute;top:1rem;right:1rem;height:80vh;scrollbar-width:none;display:flex;flex-direction:column;gap:1rem;overflow:auto;align-items:center;z-index:0;pointer-events:none}.toast{position:relative;width:90%;min-height:12rem;border-radius:20px;overflow:hidden;margin:0;padding:0;box-shadow:4px 3px 5px 2px #00000080;z-index:1}.toast-img{position:absolute;width:100%;height:100%;background-color:#00f}.toast-success{position:absolute;top:0;right:2rem;font-size:3rem;text-shadow:1px 2px 1px rgba(0,0,0,.5)}.toast-success-success{color:green}.toast-success-error{color:#8b0000}.toast-message{position:absolute;right:2rem;bottom:0;font-size:1.4rem;color:#fff}.are-you-sure-yes-or-no{display:flex;gap:2rem}@media (width < 1000px){.are-you-sure-yes-or-no{flex-direction:column}}.are-you-sure-yes,.are-you-sure-no{width:clamp(30rem,50vw,40rem);border-radius:2rem;cursor:pointer}@font-face{font-family:Fontimer;src:url(/fonts/Fontimer/AVFontimer-Regular.ttf)}@font-face{font-family:GFS_Orpheus_Sans;src:url(/fonts/gfs_orpheus_sans/GFS_Orpheus_Sans.ttf)}@font-face{font-family:Cute Dino;src:url(/fonts/cute_dino/Cute%20Dino.ttf)}@font-face{font-family:Momentz;src:url(/fonts/Momentz/Momentz.ttf)}.app{width:100%;height:100dvh;background:var(--mblog-bg);background-attachment:fixed;background-position:center;background-repeat:no-repeat}.content{width:100%;height:100%}html,body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol!important;font-size:62.5%;margin:0;padding:0;box-sizing:border-box}.page-container{width:100%;height:100%;display:grid;place-items:center;perspective:100rem;font-size:62.5%;overflow:hidden;background:var(--mblog-lowlight)}.page-main{width:100%;height:calc(100dvh - 6rem);margin:0;padding:0;margin-bottom:6rem}.page-box{box-shadow:4px 3px 5px 2px #00000080}