@import"https://fonts.googleapis.com/css2?family=Khula:wght@300;400;600;700;800&family=Rubik+Glitch&display=swap";html,body{overflow-x:hidden;overflow-wrap:break-word}*{margin:0;padding:0;box-sizing:border-box}.plain-parch{background-color:#e0e6d8;background-image:radial-gradient(circle,#f0f0f0 4px,transparent 6px);background-size:15px 10px;background-repeat:repeat-x}.cubed{background-color:#f4f3ee;background-image:repeating-linear-gradient(to right,transparent 0px,transparent 10px,rgba(57,57,57,.1) 11px,rgba(57,57,57,.1) 12px),repeating-linear-gradient(to bottom,transparent 0px,transparent 10px,rgba(57,57,57,.1) 11px,rgba(57,57,57,.1) 12px)}.legal-pad{background-color:#fafad2;background-image:linear-gradient(90deg,transparent 20%,rgba(177,16,22,.6) 20%,rgba(177,16,22,.6) 21%,transparent 22%),linear-gradient(90deg,transparent 23%,rgba(177,16,22,.6) 23%,rgba(177,16,22,.6) 24%,transparent 22%),repeating-linear-gradient(transparent 0px,transparent 14%,rgba(212,175,55,.4) 14%,rgba(212,175,55,.4) 15%)}.legal-pad h1,.legal-pad .description{padding-left:42px}.sweet-heart{background-color:#fce4ec}.hearts{display:flex;flex-direction:row-reverse;bottom:0}.heart{color:#ff000094!important}.dotted{background-color:#fff;background-image:radial-gradient(circle,#b5daf0 1px,transparent 1px);background-size:10px 10px}.single-taped{background-color:#fff8e7;border:1px solid #ae9967;position:relative}.single-taped:before{content:"";position:absolute;top:-3%;left:50%;transform:translate(-50%) rotate(3deg);width:25%;height:8%;background-color:#e85d75;border:1px solid #333}.double-taped{background-color:#def0ee;position:relative}.double-taped:before{content:"";position:absolute;top:-4%;left:30%;transform:translate(-50%) rotate(-12deg);width:28%;height:6%;background-color:#f1a073;background-image:radial-gradient(circle,rgba(255,255,255,.873) 1px,transparent 1px),radial-gradient(circle,rgba(255,255,255,.873) 2px,transparent 3px);background-size:10px 10px;border:1px solid #333}.double-taped:after{content:"";position:absolute;bottom:-2%;right:10%;transform:translate(-50%) rotate(10deg);width:20%;height:8%;background-color:#f5bf82;border:1px solid #333}.paper-pinned{background-color:#f6f6f6;box-shadow:inset 0 0 10px #0000001a;position:relative}.paper-pinned:before{content:"";position:absolute;top:-5px;left:10%;width:6%;height:12%;border-radius:52px;border:1px solid #333}.paper-pinned:after{content:"";position:absolute;top:.5%;left:10%;width:3%;height:8%;border-radius:55px;border:1px solid #333}.sticky-note{position:relative;background:linear-gradient(to bottom,#fbcaca,#fbcaca 10%,#fdddde 10%,#fdddde)}.sticky-note img{padding-top:24px}.sticky-note:before{content:"";position:absolute;bottom:0;right:0;width:15%;height:15%;border-radius:20% 0 0;background-color:#fbcaca80;clip-path:polygon(0 0,100% 0,0 100%)}.sticky-note:after{content:"";position:absolute;bottom:0;right:0;width:15%;height:15%;background-color:#fefcf6;clip-path:polygon(100% 100%,0 100%,100% 0)}.holes-punched{background-color:#fbf8f3;background-image:radial-gradient(circle,transparent 0,transparent 2px,#333 2px,#333 3px,transparent 3px);background-color:#ddd3ef99;background-size:10px 12px;background-position:2px -5px;background-repeat:repeat-x;box-shadow:2px 2px 25px #0000001a}.holes-punched:before{content:"";position:absolute}.masonry-item{width:100%}.note-card,.memoroid{width:100px;max-width:100%;word-wrap:break-word}.pola,.memoroid_main{width:100%;max-width:92%;margin:0 auto 24px}#root{--creame: #FEFCF6;--buu: #4B3DA8;--big-gey: #808080;--gey: #D9D9D9;--black: rgba(30, 30, 30, .8)}.app_main{width:100vw;height:100vh;background:var(--creame);padding:0 5%;font-family:Khula,sans-serif}.polas{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center}.pola{margin-top:15px;margin-bottom:5px;padding:20px;min-height:200px;max-height:400px}.pola .description,.pola p{overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--big-gey) transparent}img{width:100%;aspect-ratio:1/1;object-fit:cover}.memoroid_main{padding:20px}h1{font-size:18px}p{font-size:14px;white-space:pre-line}.dt{font-size:9px;color:#0005}.description{max-height:120px;overflow:hidden;transition:max-height .3s;white-space:pre-line}.pola{display:flex;flex-direction:column;gap:10px;justify-content:space-between}.pola .description{flex-grow:1}.navbar_main{display:flex;align-items:center;justify-content:space-between;padding:5px 0}.navbar_main .account{display:flex;justify-content:space-between;align-items:center;gap:10px}.navbar_main .logo p{font-size:30px;font-weight:500;font-family:Rubik Glitch,system-ui}.navbar_main .account a{text-decoration:none;color:var(--black)}.account p{cursor:pointer;font-size:16px;color:var(--black)}.material-symbols-outlined{color:red;font-size:17px;margin-bottom:3px;cursor:pointer}.createComp{height:100vh;width:100vw;position:fixed;top:0;left:0;background-color:var(--buu)}.create_main{height:100%;padding:20px 8px 8px;display:flex;flex-direction:column}.create-title{padding:0 10px 5px;color:#f5f5f5}.create-title .form-item{display:flex;align-items:center;gap:8px}.create-title .form-item>.close{background-color:red;margin-left:auto;text-align:center;font-weight:bolder;border-radius:6px;width:25px;height:25px;border:1px solid black;padding:0}#title{background:transparent;outline:none;border:none;border-bottom:2px solid whitesmoke;color:#fff;font-size:1.2rem;padding:0;field-sizing:content;display:block}#title::placeholder{color:#ffffffb3}.create-other{background-color:var(--creame);flex:1;margin:0 10px 10px;padding:20px;display:flex;flex-direction:column}.create-confirm{position:fixed;background:transparent;top:40px;right:20px;display:flex;align-items:center;justify-content:center;z-index:1100}.create-confirm-box{padding:10px;text-align:center;animation:floatConfirm 2s ease-in-out infinite alternate}.create-confirm-box p{font-size:17px;font-weight:700;margin-bottom:0}.create-confirm-actions{display:flex;justify-content:center;gap:12px;margin-top:12px}.create-confirm-actions button{border:none;padding:4px 12px;font-size:14px;font-weight:700}.form-body{flex-grow:1;display:flex}.pola-type{flex-basis:10%;padding:7px 7px 7px 0;display:flex;flex-direction:column;gap:7px}.pola-type>*{all:unset;border:1px solid var(--black);border-radius:8px}.pola-type>.type.active{background-color:#e6dca2}.pola-type>.type{position:relative}.pola-type>.type .sqr{height:70%;width:45%;border:1px solid var(--black);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.pola-type>.type .sqr .sqr{height:60%;width:75%;top:40%}.pola-type>.type svg{width:20px;height:20px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(4)}.pola-type .memoroidPola,.pola-type .notePola{flex-basis:25%}.pola-type .space{flex-grow:1}.pola-data{flex-grow:1;display:flex;gap:8px;padding:8px 0 8px 8px}.pola-data .form-item:has(input[type=file]){flex-basis:65%}.pola-data .form-item:has(input[type=file]) input{display:block;height:100%;width:100%;opacity:0}.pola-data .form-item:has(textarea){flex:1}.pola-data .form-item{border:2px dashed rgba(0,0,0,.312);border-radius:4px;position:relative}.pola-data .form-item label{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:18px;font-weight:600}.pola-data .form-item label.placeholder_show{opacity:1}.pola-data .form-item label.placeholder_hide{opacity:0}.pola-data .text-area{border:1px solid black}textarea{padding:7px;width:100%;height:100%;resize:none;border:0;background-color:var(--creame);font-size:20px}textarea:focus-within{outline:0}.styling{flex-basis:20%;display:flex;border:1px solid black;padding:10px 8px 8px 0;border-radius:8px}.note-styles-list,.memo-styles-list{display:flex;gap:16px;width:100%;height:100%;justify-content:space-around;align-items:center}.note-styles-list button,.memo-styles-list button{flex:1 1 0;display:flex;align-items:center;justify-content:center;background:none;border:none;margin:0 auto;height:100%;width:100%;border-radius:10px;cursor:pointer}.note-style,.memo-style{width:100%;height:100%;border-radius:10px;box-sizing:border-box}.styling .styles{flex-basis:85%}.button-priv,.button-draft{margin-left:auto;padding:0!important;display:flex;align-items:flex-end;justify-content:flex-end}.button-priv button,.button-draft button{border:none;background:none;outline:none;box-shadow:none;padding:3px 4px}.button-priv .material-symbols-outlined,.button-draft .material-symbols-outlined{color:var(--big-gey);padding:10px;margin-bottom:-3px;border-radius:8px;font-size:18px;background-color:var(--gey)}.button-priv .material-symbols-outlined.lock_person,.button-draft .material-symbols-outlined.draft-active{background-color:#f5f5af;color:var(--buu)}.button-cont{flex:1;display:flex;justify-content:flex-end;align-items:flex-end}.button-cont>button{font-size:18px;padding:8px 12px;margin-left:1px;border-radius:5px;background-color:var(--buu);color:#fff}.button-booleans{display:flex;gap:0px}.note-styles,.memo-styles{display:flex;gap:10px}.polas .pola{flex-basis:18%;max-width:18%;word-break:break-all}.spinner{display:flex;height:100vh;justify-content:center;align-items:center;font-size:32px;color:#999;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.signup_container{display:grid;place-items:center;background-color:var(--creme);height:100vh}.signup_main{background-color:var(--buu);width:27.5%;border-radius:7px;border:1px solid var(--black)}.signup_form{background-color:var(--gey);text-align:left;padding:5px 30px;margin-bottom:6px;display:flex;flex-direction:column}.form_body{margin-top:30px;margin-bottom:35px;gap:20px;font-family:"Instrument Serif",serif;font-weight:400;font-size:22px;display:flex;flex-direction:column;justify-content:space-between}.actions{display:flex;justify-content:flex-end;gap:10px}.actions button{padding:3px 8px;background-color:var(--big-gey);color:#f5f5f5;font-size:20px;outline:0;border:0;box-shadow:2px 4px 2px 0 var(--black)}.actions button:hover{scale:.95}.actions button:active{scale:.9}.login_container{display:grid;place-items:center;background-color:var(--creme);height:100vh}.login_main{background-color:var(--buu);width:27.5%;border-radius:7px;border:1px solid var(--black)}.login_form{background-color:var(--gey);text-align:left;padding:5px 30px;margin-bottom:6px;display:flex;flex-direction:column}.form_header{display:flex;justify-content:space-between;align-items:center;position:relative;padding:5px 10px 5px 30px;font-family:Jura,sans-serif;font-weight:lighter;font-size:12px;color:#f5f5f5}.form_header button{background-color:red;width:6%;aspect-ratio:1/1;border-radius:4px;border:1px solid black;color:#000;font-size:20px;border:0}.form_body{margin-top:30px;gap:20px;font-family:"Instrument Serif",serif;font-weight:400;font-size:22px;display:flex;flex-direction:column;justify-content:space-between}.form_item label{display:block}.form_item input{height:35px;width:100%;outline:0;padding-left:10px;border:.3px solid var(--black);box-shadow:2px 4px 2px 0 var(--black)}.pw_hint{border:none;padding:0;margin:0;text-align:left}.actions{display:flex;justify-content:flex-end;gap:10px;margin-bottom:30px}.actions button{padding:3px 8px;background-color:var(--big-gey);color:#f5f5f5;font-size:13px;outline:0;border:0;box-shadow:2px 4px 2px 0 var(--black)}.errorMessage{color:red;display:flex;justify-content:center;align-items:center;margin:0}.controls{margin:10px;cursor:pointer;display:flex;gap:5px}button{background:none;border:1px solid black;padding:3px 8px}.editContent{display:flex;flex-direction:column}.masonry-item{position:relative}.delete-confirm{position:absolute;top:70%;right:-5%;z-index:1100}.delete-confirm-box{position:relative;padding:10px;text-align:center;animation:floatConfirm 2s ease-in-out infinite alternate}.corner{position:absolute;width:10px;height:10px}.corner-tl{top:0;left:0;border-top:3px solid black;border-left:3px solid black}.corner-tr{top:0;right:0;border-top:3px solid black;border-right:3px solid black}.corner-bl{bottom:0;left:0;border-bottom:3px solid black;border-left:3px solid black}.corner-br{bottom:0;right:0;border-bottom:3px solid black;border-right:3px solid black}.delete-confirm-box p{font-size:17px;font-weight:700;margin-bottom:0}.delete-confirm-actions{display:flex;justify-content:center;gap:12px;margin-top:12px}@keyframes floatConfirm{0%{transform:translateY(0)}to{transform:translateY(-5px)}}.delete-confirm-actions button{border:none;padding:4px 12px;font-size:14px;font-weight:700}.MainPopUp{display:grid;height:100vh;place-items:center}.PopUp .OuterBox{height:140px;background-color:var(--buu);position:absolute;display:flex;flex-direction:column;padding:1.4px;border-radius:3px}.PopUp .OuterBox>.close{background-color:red;margin:1.5px 1.5px 1.5px auto;text-align:center;font-weight:bolder;border-radius:6px;width:25px}.PopUp .InnerBox{margin:2.6px;height:100%;background-color:var(--gey);padding:0 20px;border-radius:2.5px;align-items:center;display:flex;flex-direction:column;justify-content:space-evenly}.PopUp .InnerBox p{font-weight:700}.PopUp .InnerBox button{background-color:var(--gey);box-shadow:2px 4px 2px 0 var(--black);border:1px solid black;padding:2px 10px;border-radius:4px}.PopUp .OuterBox{transform-origin:center;animation:pop .2s linear .1s both}.MainPopUp .OuterBox{height:274px;width:619px;background-color:var(--buu);position:absolute;display:flex;flex-direction:column;padding:1.4px;border-radius:3px}.MainPopUp .OuterBox>.close{background-color:red;margin:1.5px 1.5px 1.5px auto;text-align:center;font-weight:bolder;border-radius:6px;width:25px}.MainPopUp .InnerBox .Text>h2{font-size:48px;font-weight:800}.MainPopUp .InnerBox .Text>p{margin-top:-10px;font-size:24px;font-weight:800}.MainPopUp .InnerBox{margin:2.6px;height:100%;background-color:var(--gey);padding:0 20px;border-radius:2.5px;align-items:center;text-align:center;display:flex;flex-direction:column;justify-content:space-evenly}.MainPopUp .InnerBox .controls{display:flex;gap:20px}.MainPopUp .InnerBox button{background-color:var(--big-gey);box-shadow:2px 4px 2px 0 var(--black);padding:2px 10px;font-size:23px;color:#f5f5f5b3;border-radius:8px;transition:transform .3s ease}.MainPopUp .InnerBox button:hover{scale:.95}.MainPopUp .InnerBox button:active{scale:.9}.MainPopUp .OuterBox{transform-origin:center;animation:pop .2s linear .65s both,float2 2s linear .85s infinite alternate}@keyframes float{0%{transform:translateY(0)}33%{transform:translateY(-5px)}67%{transform:translateY(5px)}to{transform:translateY(0)}}@keyframes float2{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}.TurnOff{position:absolute}.TurnOff .OuterBox{width:250px;height:110px;padding:0 2px 3px;background-color:var(--buu);border-radius:7px;display:flex;flex-direction:column}.TurnOff .OuterBox p{color:#f5f5f5;font-family:Khula,sans-serif;font-weight:700;font-size:9px;padding:4px}.TurnOff .InnerBox{flex:1;height:82px;background-color:#988af4;border-radius:5px;display:flex;justify-content:space-around;align-items:center}.TurnOff .InnerBox .mode .opt{width:35px;height:33px;border-radius:15px;display:grid;place-items:center;border:1px solid black}.TurnOff .InnerBox .mode:nth-of-type(1) .opt{background-color:#e1d71a}.TurnOff .InnerBox .mode:nth-child(2) .opt{background-color:#17a512}.TurnOff .InnerBox .mode:nth-child(3) .opt{background-color:#ca251a}.TurnOff .InnerBox .mode .name{font-size:6px;text-align:center}.TurnOff{transform-origin:center;animation:pop .2s linear .1s both}.Canvas{position:absolute}.Canvas .OuterBox{height:280px;width:270px;border-radius:7px;padding:5px 4px;background-color:var(--buu);display:flex;flex-direction:column}.Canvas button{width:30px;height:30px;margin-left:auto;border-radius:5px;background-color:red;font-weight:bolder;padding:5px}.Canvas .InnerBox{flex:1;background-color:var(--gey);border-radius:3px;display:grid;place-items:center}.Canvas .InnerBox .Blank{width:80%;height:85%;background-color:#efece4;border-radius:5px}.Canvas{transform-origin:center;animation:pop .2s linear .1s both}@keyframes pop{0%{transform:scale(0)}to{transform:scale(1)}}