.pin-transition-enter{opacity:0;transform:translate(-40%,-10px)!important}.pin-transition-enter-done{opacity:1;transform:translate(-50%)!important;transition:opacity .3s,transform .3s}.pin-transition-exit{opacity:1;transform:translate(-50%)!important}.pin-transition-exit-done{opacity:0;transform:translate(-40%,-10px)!important;transition:opacity .3s,transform .3s}.note-transition-entering{opacity:0;transform:var(--initial-transform) scale(0)}.note-transition-entered{animation:fadeIn .3s ease-in-out;opacity:1;transition:opacity .3s}.note-transition-exiting{animation:fadeOut .3s ease-in-out}.note-transition-exited{opacity:0;transform:var(--initial-transform) scale(0);transition:opacity .3s,transform .3s}.modal-transition-entering{opacity:0}.modal-transition-entered{animation:fadeIn .3s ease-in-out;opacity:1;transition:opacity .3s}.modal-transition-exiting{animation:fadeOut .3s ease-in-out}.modal-transition-exited{opacity:0;transition:opacity .3s}.context-transition-entering{opacity:0}.context-transition-entered{animation:fadeIn .1s ease-in-out;opacity:1;transition:opacity .1s}.context-transition-exiting{animation:fadeOut .1s ease-in-out}.context-transition-exited{opacity:0;transition:opacity .1s}.modal__wrapper{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#1c447599;z-index:100;place-items:center;display:grid}.modal__wrapper .modal__box{background-color:#21508a;box-shadow:3px 3px #0000005f;border:1px solid #265c9e;padding:20px;border-radius:15px;max-width:550px}.modal__wrapper .modal__box .content{position:relative;max-width:550px;padding:10px 0;font-size:20px}.modal__wrapper .modal__box .content .changelog p{color:#f2f2f2;font-size:18px;max-width:95%;margin:5px}.modal__wrapper .modal__box .content img{border-radius:8px}.modal__wrapper .modal__box .content ul{margin:10px 40px;font-size:16px!important;color:#ccc;display:flex;flex-direction:column;gap:5px}.modal__wrapper .modal__box .modal__title{color:#ccc;border-bottom:1px solid #2b68b3;font-size:28px}.modal__wrapper .modal__box .actions{display:flex;gap:10px}.modal__wrapper .modal__box .actions button{background-color:#1a3f6d;margin:10px 0}*{padding:0;margin:0;scroll-behavior:smooth;box-sizing:border-box;font-family:DM Sans,sans-serif}html,body{height:100%;background-color:#1c4475}main{width:100%;height:100%}h1{color:#fff}p{color:#e6e6e6}button,.button__link{background-color:#21508a;box-shadow:3px 3px #0000005f;border:1px solid #265c9e;color:#fff;padding:5px 15px;font-size:18px;display:flex;align-items:center;cursor:pointer;border-radius:15px;transition:transform .1s ease-in-out,box-shadow .1s ease-in-out,background-color .1s ease-in-out}button:active,.button__link:active{background-color:#1e497d!important;transform:translate(2px,2px);box-shadow:0 0 #0000005f;transition:transform .1s ease-in-out,box-shadow .1s ease-in-out,background-color .1s ease-in-out}button:hover,.button__link:hover{background-color:#2b68b3;transition:transform .1s ease-in-out,box-shadow .1s ease-in-out,background-color .1s ease-in-out}button.cancel,.button__link.cancel{background-color:#f83b19!important}.context__menu{background-color:#21508a;box-shadow:3px 3px #0000005f;border:1px solid #3f81d1;border-radius:15px;width:150px;height:auto;font-size:14px;position:absolute;padding:10px 5px;z-index:150;display:flex;flex-direction:column;user-select:none;gap:10px}.context__menu button{width:100%;display:flex;justify-content:center;gap:5px;background-color:#1f4b81}kbd{background-color:#1c4475;border-radius:3px;border:1px solid #265c9e;box-shadow:0 1px 1px #0003,0 2px #1c4475b3 inset;color:#699cdb;display:inline-block;font-size:.85em;font-weight:700;line-height:1;padding:2px 4px;white-space:nowrap}@keyframes fadeIn{0%{transform:var(--initial-transform) scale(0);opacity:0}to{transform:var(--initial-transform) scale(1);opacity:1}}@keyframes fadeOut{0%{transform:var(--initial-transform) scale(1);opacity:1}to{transform:var(--initial-transform) scale(0);opacity:0}}@keyframes bounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scaleZ(1)}}header{display:flex;align-items:center;gap:20px}header kbd{font-size:24px}header .button__link{margin-left:auto;padding:20px!important;font-size:38px!important;border-radius:100%!important}.selectable,.selectable button{position:relative}.selectable .items{position:absolute;bottom:110%;left:50%;transform:translate(-50%);background-color:#21508a;box-shadow:3px 3px #0000005f;border:1px solid #3f81d1;border-radius:15px;padding:20px;z-index:1000;display:flex;flex-direction:column;gap:5px;align-items:center;width:max-content!important}.selectable .items .option{display:flex;flex-direction:column;gap:5px}.selectable .items .option .colors{display:flex;flex-wrap:wrap;max-width:200px;gap:5px}.selectable .items .option .colors button{padding:5px!important;width:40px;height:40px}.selectable .items .option .colors button svg{filter:drop-shadow(1px 1px 2px rgba(0,0,0,.588))}.selectable .items .option .colors button.yellow{background-color:#f8da19}.selectable .items .option .colors button.red{background-color:#c4735f}.selectable .items .option .colors button.green{background-color:#7dc45f}.selectable .items .option .colors button.blue{background-color:#5f9ac4}.badge{position:absolute;bottom:70%;left:60%;background-color:#f83b19;font-size:16px;color:#fff;font-weight:900;padding:5px}.page__board{padding:20px}.page__board h1{font-size:72px;font-weight:700}.sticky__board{position:relative;background-color:#1c4475;width:100%;height:90%;max-width:100vw;border:1px solid #21508a;background-image:radial-gradient(#265c9e 1px,transparent 0);background-size:40px 40px;background-position:0px 0px;border-radius:15px;z-index:0}.sticky__board .notes{height:100%}.sticky__board .action__menu{position:absolute;bottom:0;left:50%;transform:translate(-50%);z-index:500;display:flex;gap:10px;background-color:#1a3f6d;border-top-left-radius:15px;border-top-right-radius:15px;border:1px solid #265c9e;border-bottom:0px!important;box-shadow:0 1px 1px #0003,0 2px #1c4475b3 inset;padding:15px}.sticky__board .action__menu button{border:none;color:#fff;font-size:48px;padding:5px 20px;cursor:pointer;border-radius:100%;width:70px;height:70px;display:flex;justify-content:center;align-items:center}.sticky__board .background__tip{position:absolute;bottom:15px;left:15px;background-color:#1a3f6d;border-radius:15px;border:1px solid #265c9e;box-shadow:0 1px 1px #0003,0 2px #1c4475b3 inset;padding:15px;z-index:-1}.sticky__note{width:250px;min-height:100px;position:absolute;box-shadow:5px 5px #0000005f;transform:var(--initial-transform)}.sticky__note .pin{position:absolute;top:-30px;left:50%;filter:saturate(1);z-index:1;width:50px;transform:translate(-50%);user-select:none}.sticky__note .content{padding:10px;font-size:24px}.sticky__note .content textarea{font-size:24px;background-color:transparent;outline:none;text-decoration:underline;text-decoration-color:#8b835349;border:none;width:100%;max-width:230px;height:inherit;resize:none}.sticky__note .content span{font-size:18px;user-select:none}.sticky__note .content p{outline:none;white-space:pre-line;word-break:break-all;text-wrap:balance;color:#000;cursor:text}.sticky__note .dragger{height:20px;width:100%;cursor:grab}.sticky__note.yellow{background-color:#f8da19}.sticky__note.yellow .dragger{background-color:#d7bb07}.sticky__note.yellow span{color:#746504}.sticky__note.blue{background-color:#5f9ac4}.sticky__note.blue .dragger{background-color:#4181af}.sticky__note.blue span{color:#254a65}.sticky__note.red{background-color:#c4735f}.sticky__note.red .dragger{background-color:#af5741}.sticky__note.red span{color:#653225}.sticky__note.green{background-color:#7dc45f}.sticky__note.green .dragger{background-color:#62af41}.sticky__note.green span{color:#386525}