@import"https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;900&display=swap";@import"https://fonts.googleapis.com/css2?family=Comic+Neue:wght@400;700&display=swap";*{margin:0;padding:0;box-sizing:border-box;font-family:Roboto,sans-serif}body{background:#1a1a1a;color:#fff;font-family:Roboto,sans-serif;overflow:hidden}.no-select{-webkit-user-select:none;-ms-user-select:none;user-select:none}.scrollbar-thin::-webkit-scrollbar{width:6px}.scrollbar-thin::-webkit-scrollbar-track{background:#0000001a;border-radius:3px}.scrollbar-thin::-webkit-scrollbar-thumb{background:#0003;border-radius:3px}.status-bar{position:fixed;bottom:5px;left:60%;transform:translate(-50%);width:500px;height:40px;background:#0000004d;backdrop-filter:blur(10px);display:flex;justify-content:space-between;align-items:center;padding:0 20px;border-radius:20px;font-weight:200}@keyframes paperPop{0%{transform:scale(.3) rotate(15deg);opacity:0}50%{transform:scale(1.2) rotate(-5deg);opacity:.8}to{transform:scale(1) rotate(0);opacity:1}}@keyframes paperCrumble{0%{transform:scale(1) rotate(0);opacity:1}40%{transform:scale(.8) translate(calc(var(--throwX) * 1),calc(var(--throwY) * 1)) rotate(5deg)}to{transform:scale(.2) translate(var(--throwX),var(--throwY)) rotate(0);opacity:0}}@keyframes noteSuck{0%{transform:scale(1) rotate(0);opacity:1}50%{transform:scale(.5) translate(calc(var(--suckX) * .5),calc(var(--suckY) * .5)) rotate(5deg);opacity:.5}to{transform:scale(.1) translate(var(--suckX),var(--suckY)) rotate(0);opacity:0}}@keyframes noteSuckHover{0%{transform:scale(1) translate(0);opacity:1}to{transform:scale(.5) translate(calc(var(--suckX) * 1),calc(var(--suckY) * 1));opacity:.5}}@keyframes noteSuckComplete{0%{transform:scale(.5) translate(calc(var(--suckX) * 1),calc(var(--suckY) * 1));opacity:.5}to{transform:scale(.1) translate(calc(var(--suckX) * 3),calc(var(--suckY) * 3));opacity:0}}@keyframes noteSuckReverse{0%{transform:scale(.5) translate(calc(var(--suckX) * 1),calc(var(--suckY) * 1));opacity:.5}to{transform:scale(1) translate(0);opacity:1}}@keyframes binShake{0%{transform:rotate(0)}20%{transform:rotate(-8deg)}40%{transform:rotate(8deg)}60%{transform:rotate(-4deg)}80%{transform:rotate(4deg)}to{transform:rotate(0)}}@keyframes diagonalFadeOut{0%{clip-path:polygon(0 0,100% 0,100% 100%,0 100%);backdrop-filter:blur(0px)}to{clip-path:polygon(0 0,100% 0,100% 0,0 0);backdrop-filter:blur(10px)}}@keyframes fadeOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes colorPopup{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}@keyframes colorPopdown{0%{transform:scale(1);opacity:1}to{transform:scale(0);opacity:0}}@keyframes motionBlur{0%{filter:blur(0px)}25%{filter:blur(1px)}50%{filter:blur(2px)}75%{filter:blur(1px)}to{filter:blur(0px)}}@keyframes bubbleBounceIn{0%{transform:scale(0);opacity:0}60%{transform:scale(1.1);opacity:1}80%{transform:scale(.95)}to{transform:scale(1);opacity:1}}@keyframes bubbleBounceOut{0%{transform:scale(1);opacity:1}20%{transform:scale(1.2);opacity:.8}to{transform:scale(0);opacity:0}}.board-switching .board{animation:motionBlur .3s ease-in-out}.board{width:100vw;height:100vh}.sticky-note{position:absolute;width:200px;min-width:150px;min-height:150px;padding:8px 8px 2px;border-radius:0;color:#000;animation:paperPop .3s ease-out forwards;cursor:grab;border:1px solid rgb(79,79,79);z-index:1;transition:background-color .3s ease,transform .2s ease-out,box-shadow .2s ease-out,outline .2s ease-out}.sticky-note.selected{outline:3px solid rgb(255,255,255);outline-offset:1px}.sticky-note:hover{box-shadow:0 6px 20px #00000040,0 12px 30px #00000038,0 18px 40px #00000026;z-index:9999;transition:box-shadow .3s ease-out}.sticky-content{width:100%;height:calc(100% - 40px);overflow-y:auto;overflow-x:hidden;word-wrap:break-word;cursor:text;outline:none;border:none;background:transparent;font:400 24px/1.4 Comic Neue,cursive;resize:none;padding:0 0 0 5px;margin:0;color:inherit;white-space:pre-wrap;letter-spacing:.01em;transition:font-size .3s ease,font-weight .3s ease;user-select:text}.sticky-content *,.sticky-content div,.sticky-content p,.sticky-content span{font-family:Comic Neue,cursive!important;font-weight:400!important;letter-spacing:.01em!important}.sticky-content::-webkit-scrollbar{width:6px}.sticky-content::-webkit-scrollbar-track{background:#0000001a;border-radius:3px}.sticky-content::-webkit-scrollbar-thumb{background:#0003;border-radius:3px}.sticky-content[contenteditable=true]{border:1px dashed rgba(0,0,0,.2)}.sticky-content:hover{background:#00000008}.sticky-content:focus{background:#0000000d;user-select:text}.sticky-content.bold{font-size:32px;font-weight:700}.sticky-content.bold *,.sticky-content.bold div,.sticky-content.bold p,.sticky-content.bold span{font-weight:700!important;font-size:inherit!important}.note-controls{position:absolute;bottom:10px;left:10px;display:flex;gap:5px;align-items:center}.done-button{font-size:16px}.bold-toggle{font-family:Comic Neue,cursive!important;font-weight:700!important}.bold-toggle.active{background:#0000004d!important;color:#000!important;font-size:16px!important}.color-button{width:24px;height:24px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;border:2px solid rgba(0,0,0,.1);background:#0000001a;color:#0009;position:relative}.done-button,.bold-toggle{width:24px;height:24px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;border:2px solid rgba(0,0,0,.1);background:transparent;color:#0009;position:relative}.color-button:hover{transform:scale(1.1)}.done-button:hover,.bold-toggle:hover{background:#0000000d}.bold-toggle:hover{transform:scale(1.05)}.sticky-note.color-transition,.color-button.color-transition{transition:background-color .3s cubic-bezier(.4,0,.2,1)}.color-palette{position:absolute;bottom:28px;left:-5px;background:#000c;border-radius:10px;padding:5px;display:none;grid-template-columns:repeat(5,1fr);gap:3px;animation:colorPopup .2s ease-out forwards}.color-palette.visible{display:grid}.color-palette.closing{animation:colorPopdown .22s ease-out forwards}.color-option{width:20px;height:20px;border-radius:50%;cursor:pointer;transition:transform .2s}.color-option:hover{transform:scale(1.1);border:2px solid white}.resize-handle{position:absolute;right:0;bottom:0;width:20px;height:20px;cursor:se-resize;display:flex;align-items:center;justify-content:center;z-index:1}.resize-handle:before{content:"";position:absolute;right:4px;bottom:4px;width:0;height:0;border-style:solid;border-width:0 0 20px 20px;border-color:transparent transparent rgba(0,0,0,.3) transparent}.note-input{position:fixed;bottom:5px;left:20px;width:270px;background:#0000004d;padding:12px;border-radius:20px;backdrop-filter:blur(5px);box-shadow:0 4px 6px #0000001a;z-index:0}.textarea-container{position:relative;width:100%;margin-bottom:12px}.note-input textarea{width:100%;height:55px;background:#ffffffe6;border:none;border-radius:15px;padding:13px;resize:none;font-size:19px;line-height:1.45;font-family:Poppins,sans-serif;font-weight:300;transition:height .3s ease,background-color .3s ease;overflow:hidden;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.note-input textarea:focus{outline:none;background:#fffffff2;overflow:auto;height:200px;user-select:text;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text}.note-input textarea:not(:focus){height:55px}.textarea-container:hover .shortcut-icon{opacity:1;transform:scale(1.05);background:transparent}.shortcut-icon{position:absolute;bottom:8px;right:8px;background:transparent;color:#0009;padding:6px 10px;font-size:14px;border-radius:5px;font-family:Poppins,sans-serif;font-weight:600;opacity:.9;transition:all .3s ease;pointer-events:none;line-height:1.3;text-align:center;box-shadow:none;border:none}.shortcut-icon.focus-hint,.shortcut-icon.enter-hint{font-size:14px}.shortcut-icon.enter-hint{background:transparent}.shortcut-info{font-weight:300;font-size:10px;opacity:.8}.note-input button{width:100%;padding:12px;background:#fff3;border:none;border-radius:15px;color:#979797;cursor:pointer;font-size:16px;font-weight:300;font-family:Poppins,sans-serif;transition:all .2s ease}.note-input button:hover{background:#ffffff4d;transform:translateY(-1px)}.note-input button:active{transform:translateY(1px)}.trash-bin{position:fixed;bottom:5px;right:20px;width:60px;height:80px;cursor:pointer;z-index:1000;border-radius:5px}.trash-bin:hover .trash-shortcut-hint{opacity:1}.trash-count{position:absolute;top:-10px;right:-10px;background:#f44;color:#fff;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:1.2rem;font-family:Poppins,sans-serif;font-weight:300;box-shadow:0 2px 4px #0003;border:1px solid rgba(255,255,255,.4)}.bin-lid{position:absolute;top:0;width:100%;height:15px;background:#0000004d;border-radius:5px 5px 0 0;transform-origin:top center;transition:transform .3s ease;backdrop-filter:blur(5px);border:2px solid rgba(255,255,255,.3)}.trash-bin:hover .bin-lid,.trash-modal.visible .bin-lid,body:has(.trash-modal.visible) .trash-bin .bin-lid{transform:rotate(10deg)}.bin-body{position:absolute;bottom:0;width:100%;height:60px;background:#0000004d;border-radius:5px;backdrop-filter:blur(5px);border:2px solid rgba(255,255,255,.3);display:flex;align-items:center;justify-content:center}.bin-text{color:#ffffffb3;font-size:13px;font-weight:700;letter-spacing:.5px}.trash-modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#0000000d;backdrop-filter:blur(2px);z-index:100000;opacity:0;transition:opacity .3s ease}.trash-modal.visible{opacity:1}.modal-content{position:fixed;top:50%;left:50%;transform:translate(-50%,calc(-50% + 30px));background:#000000b3;padding:25px;border-radius:12px;width:800px;height:600px;opacity:0;transition:all .4s cubic-bezier(.4,0,.2,1);border:1px solid rgba(255,255,255,.1);box-shadow:0 10px 30px #0000004d;display:flex;flex-direction:column;backdrop-filter:blur(5px)}.trash-modal.visible .modal-content{transform:translate(-50%,-50%);opacity:1}.empty-state{grid-column:1/-1;display:flex;align-items:center;justify-content:center;height:500px;color:#979797;font-size:40px;font-weight:300;letter-spacing:.05em;animation:fadeIn .3s ease-out;text-align:center;font-family:Poppins,sans-serif}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;padding-bottom:15px;border-bottom:1px solid rgba(255,255,255,.1)}.modal-header h2{font-size:24px;font-weight:300;color:#979797;font-family:Poppins,sans-serif}.modal-controls{display:flex;gap:15px;align-items:center}.modal-controls button{padding:8px 16px;border-radius:6px;cursor:pointer;font-size:16px;transition:all .2s ease;background:transparent;font-family:Poppins,sans-serif;font-weight:300}.clear-trash-btn{color:#ff6b6b;border:1px solid rgba(255,107,107,.3);background:linear-gradient(135deg,#ff6b6b26,#ff6b6b40);backdrop-filter:blur(10px);width:160px;height:36px;padding:0 12px;font-size:14px;font-weight:500;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1)}.clear-trash-btn:hover{background:#722d2d33}.close-modal-btn{border:1px solid rgba(255,255,255,.2);color:#ffffffe6;width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-family:Poppins,sans-serif;background:linear-gradient(135deg,#ffffff1a,#ffffff0d);backdrop-filter:blur(10px);cursor:pointer;margin-left:15px;font-size:18px;font-weight:300;padding:0;line-height:1;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #0000001a}.close-modal-btn:hover{background:#72787833}.deleted-notes-container{display:grid;grid-template-columns:repeat(auto-fill,320px);gap:20px;overflow-y:auto;padding:5px;flex-grow:1;height:100%;justify-content:center}.deleted-notes-container::-webkit-scrollbar{width:8px}.deleted-notes-container::-webkit-scrollbar-track{background:#ffffff1a;border-radius:4px}.deleted-notes-container::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}.deleted-note{opacity:0;transform:translateY(20px) scale(1);background:#0000004d;padding:20px;border-radius:8px;position:relative;height:200px;width:100%;display:flex;flex-direction:column;border:1px solid rgba(255,255,255,.1);backdrop-filter:blur(3px);animation:fadeInScale .5s cubic-bezier(.4,0,.2,1) forwards}.trash-modal.visible .deleted-note{opacity:1;transform:translateY(0) scale(1)}.deleted-note.shrinking{animation:shrinkOut .17s ease-out forwards}.deleted-note.removing{animation:shrinkOut .3s ease-out forwards}@keyframes fadeInScale{0%{opacity:0;transform:translateY(20px) scale(1)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes shrinkOut{0%{opacity:1;transform:translateY(0) translate(0) scale(1) rotate(0)}50%{transform:translateY(0) translate(-25px) scale(.5) rotate(-5deg)}to{opacity:0;transform:translateY(0) translate(-50px) scale(0) rotate(-10deg)}}.deleted-note-content{flex-grow:1;margin-bottom:15px;word-break:break-word;color:#000;font-size:24px;overflow-y:auto;padding-right:8px;font-family:Comic Neue,cursive;font-weight:400}.deleted-note-content::-webkit-scrollbar{width:6px}.deleted-note-content::-webkit-scrollbar-track{background:#0000001a;border-radius:3px}.deleted-note-content::-webkit-scrollbar-thumb{background:#0003;border-radius:3px}.deleted-note-content.bold{font-weight:700;text-shadow:0 0 .5px rgba(0,0,0,.3);letter-spacing:.2px;font-size:38px}.deleted-note-content *,.deleted-note-content div,.deleted-note-content p,.deleted-note-content span{font-family:Comic Neue,cursive!important;font-weight:400!important;letter-spacing:.01em!important}.deleted-note-content.bold *,.deleted-note-content.bold div,.deleted-note-content.bold p,.deleted-note-content.bold span{font-weight:700!important;font-size:inherit!important}.deleted-note-actions{display:flex;gap:10px;justify-content:flex-end;flex-shrink:0;padding-top:10px;position:relative}.deleted-note-actions:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(to right,transparent,rgba(80,80,80,.4) 15%,rgba(80,80,80,.4) 85%,transparent)}.restore-btn{padding:0 12px;border-radius:6px;cursor:pointer;font-size:14px;transition:all .3s cubic-bezier(.4,0,.2,1);background-color:#fff3;color:#4f4f4f;border:1px solid rgb(79,79,79);font-family:Poppins,sans-serif;font-weight:500;backdrop-filter:blur(10px);height:36px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #4caf5026}.restore-btn:hover{background-color:#fff6}.delete-btn{padding:0 12px;border-radius:8px;cursor:pointer;font-size:14px;transition:all .3s cubic-bezier(.4,0,.2,1);background:linear-gradient(135deg,#ff6b6b1a,#ff6b6b33);color:#ff6b6b;border:1px solid rgba(255,107,107,.3);font-family:Poppins,sans-serif;font-weight:500;backdrop-filter:blur(10px);height:36px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #ff6b6b1a}.delete-btn:hover{background:linear-gradient(135deg,#ff6b6b33,#ff6b6b4d);border-color:#ff6b6b80;box-shadow:0 4px 16px #ff6b6b33;transform:translateY(-1px)}.boards-navigation{position:fixed;bottom:45px;left:60%;transform:translate(-50%);display:flex;flex-direction:row;gap:10px;z-index:1001;padding:5px;background:#0000004d;border-radius:25px;backdrop-filter:blur(5px)}.status-weather{display:flex;align-items:center;gap:8px;padding:8px;color:#fff;font-weight:100;border-radius:8px;width:130px;margin-right:-12px}.weather-toggle{position:relative;width:40px;height:20px;background:#666;border:none;border-radius:10px;cursor:pointer;outline:none;transition:background-color .3s ease;display:flex;align-items:center;justify-content:flex-start;padding:2px}.weather-toggle:before{content:"";position:absolute;width:16px;height:16px;background:#fff;border-radius:50%;transition:transform .3s cubic-bezier(.4,0,.2,1);left:2px}.weather-toggle.on{background:#4caf50;justify-content:flex-end}.weather-toggle.on:before{transform:translate(20px)}.weather-toggle:active:before,.weather-toggle.on:active:before{transform:scale(.95)}.shortcut-hint{color:#ffffff80;background:#0000004d;border-radius:20px;font-size:16px;position:absolute;bottom:50px;left:50%;transform:translate(-50%);text-align:center;font-weight:200;padding:5px 15px;backdrop-filter:blur(2px);opacity:0;transition:opacity .3s;white-space:nowrap;pointer-events:none;display:none}.shortcut-hint.auto-show{opacity:1}.shortcut-hint.hidden-during-drag{opacity:0!important}.note-limit-message{position:fixed;bottom:95px;left:60%;transform:translate(-50%);z-index:1000;opacity:0;visibility:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);pointer-events:none}.note-limit-message.visible{opacity:1;visibility:visible;transform:translate(-50%) translateY(0)}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-2px)}75%{transform:translate(2px)}}.shake-animation{animation:shake .3s ease-in-out 3}.note-deleting{animation:diagonalFadeOut .3s cubic-bezier(.4,0,.2,1) forwards;clip-path:polygon(0 0,100% 0,100% 100%,0 100%);backdrop-filter:blur(0px)}.board-button,.add-board-button{width:40px;height:40px;border-radius:50%;position:relative;z-index:2000;display:flex;align-items:center;justify-content:center;font-weight:200;cursor:pointer;transition:all .2s ease,background-color .15s ease;box-shadow:0 2px 5px #0003;color:#fff;border:2px solid rgba(255,255,255,.3);font-family:Poppins,sans-serif;background-color:#0000001a}.board-button{font-size:16px;line-height:1;will-change:transform}.add-board-button{font-size:24px;line-height:1;font-family:Arial,sans-serif;font-weight:100}.board-button.new-button{animation:bubbleBounceIn .3s ease-out forwards}.board-button.removing{animation:bubbleBounceOut .2s ease-in forwards}.board-button:hover,.add-board-button:hover{background-color:#ffffff1a;border-color:#ffffff80}.board-button.active{background-color:#fff3;border-color:#fff}.add-board-button.disabled{opacity:.4;cursor:not-allowed;pointer-events:none;background-color:#64646433;border-color:#9696964d}.board-button .delete-board{position:absolute;top:-5px;right:-5px;width:18px;height:18px;background-color:#f44c;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;opacity:0;transition:opacity .2s ease;z-index:3;cursor:pointer;border:1px solid white}.board-button:hover .delete-board{opacity:1}.board-button.drag-hover .delete-board,.board-button.drag-proximity .delete-board,body.drag-in-progress .board-button .delete-board,body.drag-in-progress .board-button:hover .delete-board{opacity:0!important;pointer-events:none!important}.board-button:first-child .delete-board{display:none}.board-button.has-notes:after{content:"";position:absolute;bottom:-1px;left:50%;transform:translate(-50%) translateY(50%);width:8px;height:8px;background-color:#4caf50;border-radius:50%;z-index:10}.board-button.drag-hover{border-color:#4caf50!important;transition:all .3s ease}.board-button.drag-hover.has-notes:after{background-color:#4caf50!important}.board-button.drag-active{transition:width .2s ease-out,height .2s ease-out,margin .2s ease-out!important;will-change:width,height,margin!important}.board-button.drag-proximity{width:56px!important;height:56px!important;margin:-8px!important;z-index:1000!important}.board-button.new-button.drag-proximity{animation-play-state:paused!important;width:56px!important;height:56px!important;margin:-8px!important}.emoji-picker-container{margin-top:10px;width:100%;opacity:0;transform:translateY(5px)}.emoji-picker{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:8px;background:#6e6e6e33;border-radius:10px;overflow-x:hidden;overflow-y:auto;max-height:200px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.3) transparent}.emoji-picker::-webkit-scrollbar{width:6px}.emoji-picker::-webkit-scrollbar-track{background:#ffffff1a;border-radius:3px}.emoji-picker::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:3px}.emoji-picker::-webkit-scrollbar-thumb:hover{background:#ffffff80}.emoji-item{width:38px;height:38px;display:flex;align-items:center;justify-content:center;font-size:24px;cursor:pointer;border-radius:6px;transition:all .2s ease;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.emoji-item:hover{background:#fff3;border:2px solid rgba(255,255,255,.4)}.emoji-item:active{transform:scale(.95)}.drag-transfer-message,.emoji-limit-message{position:fixed;bottom:95px;left:60%;transform:translate(-50%);z-index:1000;opacity:0;visibility:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);pointer-events:none}.drag-transfer-message.visible,.emoji-limit-message.visible{opacity:1;visibility:visible;transform:translate(-50%) translateY(0)}.transfer-content{background-color:#0000004d;border-radius:20px;font-size:1rem;padding:5px 15px;display:flex;flex-direction:row;align-items:center;gap:6px;justify-content:space-between;margin-bottom:0;z-index:999}.transfer-text{color:#ffffff80;font-size:16px;font-weight:200;font-family:Poppins,sans-serif;text-shadow:0 1px 2px rgba(0,0,0,.5)}.transfer-arrow{color:#ffffff80;animation:arrowBounce 1.2s ease-in-out infinite;width:20px;height:20px;display:flex;align-items:flex-end;justify-content:center;font-size:32px}@keyframes arrowBounce{0%,to{transform:translateY(0);opacity:.9}50%{transform:translateY(4px);opacity:1}}.emoji-sticker{position:absolute;font-size:90px;cursor:move;z-index:10000;transition:transform .2s ease;user-select:none;text-shadow:-3px -3px 0 rgba(255,255,255,.8),3px -3px 0 rgba(255,255,255,.8),-3px 3px 0 rgba(255,255,255,.8),3px 3px 0 rgba(255,255,255,.8),-3px 0 0 rgba(255,255,255,.8),3px 0 0 rgba(255,255,255,.8),0 -3px 0 rgba(255,255,255,.8),0 3px 0 rgba(255,255,255,.8);filter:drop-shadow(0 4px 8px rgba(0,0,0,.2));will-change:transform;transform:translateZ(0);backface-visibility:hidden}.emoji-sticker .delete-button{position:absolute;top:5px;right:5px;width:23px;height:23px;background:#ff4444e6;color:#fff;border:none;border-radius:50%;font-size:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:11;opacity:0;transition:opacity .2s ease,transform .2s ease;font-weight:700}.emoji-sticker:hover .delete-button,.emoji-sticker.show-delete-button .delete-button{opacity:1}.emoji-sticker .delete-button:hover{background:#f44;transform:scale(1.1)}.emoji-sticker.new{animation:emojiPop .4s cubic-bezier(.68,-.55,.265,1.55) forwards}.emoji-sticker.deleting{animation:emojiDelete .5s cubic-bezier(.4,0,.2,1) forwards!important;pointer-events:none}@keyframes emojiPop{0%{transform:scale(0) rotate(0);opacity:0}50%{transform:scale(1.2) rotate(5deg);opacity:.8}to{transform:scale(1) rotate(0);opacity:1}}@keyframes emojiDelete{0%{transform:scale(1) rotate(0);opacity:1}50%{transform:scale(1.2) rotate(-5deg);opacity:.8}to{transform:scale(0) rotate(0);opacity:0}}.board-style-button{position:fixed;bottom:5px;left:295px;z-index:1000;filter:drop-shadow(0 2px 3px rgba(0,0,0,.3));-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#0000001a;border-radius:50%}.board-style-icon{width:45px;height:45px;background-color:#0000004d;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;color:#979797;backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,.1)}.board-style-icon svg{width:27px;height:27px}.board-style-icon:hover{background-color:#ffffff1a}.board-style-menu{position:absolute;top:-660px;width:220px;background:#000000e6;border-radius:15px;padding:15px;display:none;box-shadow:0 8px 32px #0006;backdrop-filter:blur(15px) saturate(180%);transform-origin:bottom left;opacity:0;transition:transform .3s cubic-bezier(.34,1.56,.64,1),opacity .3s ease;z-index:1001}@supports (backdrop-filter: blur(1px)){.board-style-menu{background:#000000b3}}.board-style-menu.closing{display:block;animation:fadeOut .3s ease forwards}.board-style-menu.visible{display:block;opacity:1;transform:scale(1)}.style-option-label{color:#ccc;margin-bottom:8px;font-size:14px;font-family:Poppins,sans-serif;font-weight:300}.style-option-label:nth-of-type(2){margin-top:15px}.style-option-label:nth-of-type(3){margin-top:20px}.board-style-colors,.board-style-patterns{background:#6e6e6e33;border-radius:10px;padding:8px;opacity:0;transform:translateY(5px);gap:8px;margin-bottom:5px}.board-style-colors{display:grid;grid-template-columns:repeat(3,1fr)}.board-style-patterns{display:grid;grid-template-columns:repeat(2,1fr)}.board-style-menu.visible .board-style-colors{animation:menuItemFadeIn .3s ease forwards}.board-style-menu.visible .board-style-patterns,.board-style-menu.visible .emoji-picker-container{animation:menuItemFadeIn .3s ease forwards .1s}@keyframes menuItemFadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.board-color-option{width:100%;height:30px;border-radius:4px;cursor:pointer;transition:transform .2s ease;border:1px solid rgba(255,255,255,.1)}.board-color-option:hover,.board-pattern-option:hover{border:2px solid rgba(255,255,255,.3)}.board-color-option.active,.board-pattern-option.active{border:2px solid white}.board-pattern-option{height:48px;background-color:#28282899;border-radius:4px;cursor:pointer;transition:transform .2s ease,background-color .5s ease,border-color .2s ease;border:2px solid rgba(255,255,255,.1);overflow:hidden}.pattern-preview{width:100%;height:100%;border-radius:2px;background-color:#333;transition:background-color .5s ease,opacity .3s ease}.pattern-none{background-color:#333}.pattern-dots{background-image:radial-gradient(rgba(255,255,255,.4) 1px,transparent 1px);background-size:8px 8px}.pattern-grid{background-image:linear-gradient(rgba(255,255,255,.4) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.4) 1px,transparent 1px);background-size:8px 8px}.pattern-lines{background-image:linear-gradient(0deg,transparent 7px,rgba(255,255,255,.4) 8px);background-size:8px 8px}.pattern-weekdays,.pattern-days{position:relative;overflow:hidden;background-image:linear-gradient(90deg,transparent calc(33.33% - 1px),rgba(255,255,255,.3) 33.33%,transparent calc(33.33% + 1px)),linear-gradient(90deg,transparent calc(66.66% - 1px),rgba(255,255,255,.3) 66.66%,transparent calc(66.66% + 1px))!important;background-size:100% 100%}.pattern-weekdays:before,.pattern-days:before{position:absolute;top:0;left:0;right:0;height:12px;background-color:#0000004d;border-bottom:1px solid rgba(255,255,255,.3);z-index:1;font-size:12px;text-align:center;color:#ffffffe6;font-family:Poppins,sans-serif;font-weight:300;line-height:1;padding-top:1px}.pattern-weekdays:before{content:"Mon"}.pattern-days:before{content:"Day 1"}.board.pattern-weekdays,.board.pattern-days{position:relative;padding-top:60px}.weekday-header,.day-header{position:absolute;top:0;left:0;right:0;display:flex;justify-content:space-around;padding:15px 10px;color:#fffc;font:300 16px Poppins,sans-serif;background-color:#0003;border-bottom:1px solid rgba(255,255,255,.2);z-index:1;pointer-events:none;user-select:none!important}.weekday-header span,.day-header span{position:relative;padding:5px;flex:1;text-align:center;transition:background-color .3s ease,color .3s ease}.weekday-header span.current-day,.day-header span.current-day{color:#fff;font-weight:700}.weekday-header span.current-day:not(.sunday),.day-header span.current-day:not(.sunday){text-decoration:underline;text-underline-offset:3px}.board-pattern-weekdays,.board-pattern-days{background-image:none!important;padding-top:60px}.lines-overlay-weekdays{background-image:linear-gradient(90deg,transparent calc(16.66% - 1px),rgba(255,255,255,.2) 16.66%,transparent calc(16.66% + 1px)),linear-gradient(90deg,transparent calc(33.33% - 1px),rgba(255,255,255,.2) 33.33%,transparent calc(33.33% + 1px)),linear-gradient(90deg,transparent calc(50% - 1px),rgba(255,255,255,.2) 50%,transparent calc(50% + 1px)),linear-gradient(90deg,transparent calc(66.66% - 1px),rgba(255,255,255,.2) 66.66%,transparent calc(66.66% + 1px)),linear-gradient(90deg,transparent calc(83.33% - 1px),rgba(255,255,255,.2) 83.33%,transparent calc(83.33% + 1px))!important;background-size:100% 100%}.lines-overlay-days{background-image:linear-gradient(90deg,transparent calc(20% - 1px),rgba(255,255,255,.2) 20%,transparent calc(20% + 1px)),linear-gradient(90deg,transparent calc(40% - 1px),rgba(255,255,255,.2) 40%,transparent calc(40% + 1px)),linear-gradient(90deg,transparent calc(60% - 1px),rgba(255,255,255,.2) 60%,transparent calc(60% + 1px)),linear-gradient(90deg,transparent calc(80% - 1px),rgba(255,255,255,.2) 80%,transparent calc(80% + 1px))!important;background-size:100% 100%}.small-screen-error{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#fff;z-index:9999;justify-content:center;align-items:center}.error-content{text-align:center;padding:40px;max-width:350px;background:#000;border-radius:12px;font-weight:200}.error-content h2{color:#fff;font-size:24px;margin-bottom:20px;font-weight:200}.error-content p{color:#fffc;font-size:16px;line-height:1.5;margin-bottom:15px}.error-content p:last-child{margin-bottom:0}@media screen and (max-width: 768px){.small-screen-error{display:flex}.boards-container,.boards-navigation,.board-style-button,.status-bar{display:none!important}}.boards-container{position:relative;width:100%;height:100vh;overflow:hidden}.board{position:absolute;width:100%;height:100%;transition:transform .5s ease-in-out,visibility 0s .5s;transform:translate(100%);visibility:hidden}.board.active{transform:translate(0);visibility:visible;transition:transform .5s ease-in-out,visibility 0s 0s}.board.prev{transform:translate(-100%)}.board.next{transform:translate(100%)}.board.prev .sticky-note,.board.next .sticky-note{animation:paperCrumble .5s ease-in forwards;--throwY: 0px}.board.prev .sticky-note{--throwX: -100px}.board.next .sticky-note{--throwX: 100px}.board.active .sticky-note{animation:boardNoteReveal .4s ease-out forwards;animation-delay:calc(var(--note-index, 0) * .05s)}.board.active .emoji-sticker{animation:paperPop .3s ease-out forwards;animation-delay:calc(var(--sticker-index, 0) * .05s)}@keyframes boardNoteReveal{0%{opacity:0;transform:scale(.3) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.board-title-circle{position:absolute;top:20px;left:50%;transform:translate(-50%);width:25px;height:25px;background-color:#ffffff4d;border-radius:50%;cursor:pointer;transition:all .2s ease;z-index:15000;display:flex;align-items:center;justify-content:center;overflow:hidden;pointer-events:auto}.board-title-circle:hover,.board-title-circle.delayed-close,.board-title-circle.show-temporary{width:250px!important;backdrop-filter:blur(8px)}.board-title-input{width:100%;height:100%;background:transparent;border:none;color:#fffc;text-align:center;outline:none;font-family:Poppins,sans-serif;font-weight:300;opacity:0;transition:opacity .3s ease;pointer-events:auto;font-size:29px;padding:0 25px}.board-title-input::placeholder{opacity:1;transition:opacity .3s ease}.board-title-input:not(:focus)::placeholder{opacity:1!important}.board-title-circle:hover .board-title-input::placeholder,.board-title-circle.delayed-close .board-title-input::placeholder{opacity:0}.board-title-circle:hover .board-title-input,.board-title-circle.delayed-close .board-title-input,.board-title-circle.show-temporary .board-title-input,.board-title-input:focus{opacity:1!important}.board-title-input:after{content:attr(data-counter);position:absolute;right:20px;bottom:12px;color:#fff9;pointer-events:none;font-size:17px}.board-title-input[data-counter="50"]:after{color:#f44}@media screen and (-webkit-min-device-pixel-ratio: 0){.board-title-circle{width:30px!important;height:30px!important}.board-title-circle:hover,.board-title-circle.delayed-close,.board-title-circle.show-temporary{width:300px!important;height:60px!important;border-radius:12px!important}}.board-pattern-dots,.button-pattern-dots{background-image:radial-gradient(rgba(255,255,255,.4) 1px,transparent 1px)}.board-pattern-dots{background-size:20px 20px}.button-pattern-dots{background-size:6px 6px}.board-pattern-grid,.button-pattern-grid{background-image:linear-gradient(rgba(255,255,255,.4) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.4) 1px,transparent 1px)}.board-pattern-grid{background-size:20px 20px}.button-pattern-grid{background-size:6px 6px}.board-pattern-lines,.button-pattern-lines{background-image:linear-gradient(0deg,transparent calc(100% - 1px),rgba(255,255,255,.4) 100%)}.board-pattern-lines{background-size:20px 20px}.button-pattern-lines{background-size:6px 6px}.button-pattern-weekdays,.button-pattern-days{position:relative;overflow:visible;background-image:linear-gradient(90deg,transparent calc(33.33% - 1px),rgba(255,255,255,.3) 33.33%,transparent calc(33.33% + 1px)),linear-gradient(90deg,transparent calc(66.66% - 1px),rgba(255,255,255,.3) 66.66%,transparent calc(66.66% + 1px))!important;background-size:100% 100%}.button-pattern-weekdays:before,.button-pattern-days:before{position:absolute;top:2px;left:0;right:0;height:8px;border-radius:25px 25px 0 0;background-color:transparent;border-bottom:1px solid rgba(255,255,255,.3);z-index:1;font-size:10px;text-align:center;color:#ffffffe6;font-family:Poppins,sans-serif;font-weight:300;line-height:1;padding-top:1px;pointer-events:none;overflow:hidden}.button-pattern-weekdays:before{content:"Mon"}.button-pattern-days:before{content:"Day 1"}.selection-box{position:absolute;border:2px dashed rgba(255,255,255,.8);background-color:#ffffff1a;pointer-events:none;z-index:999}body.selecting *{user-select:none!important;-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important}.debug-modal{display:none}