:root{--page-bg-color:#fffeff;--page-ink-color:#191919;--page-surface-color:#f5f5f5;--page-line-color:#ececec;--black-color:#191919;--black-transclucent-color:#19191999;--black-more-transclucent-color:#19191966;--black-even-more-transclucent-color:#19191933;--gray-color:#5f5f5f;--gray-light-color:#868686;--white-color:#fffeff;--white-transclucent-color:#fffeff99;--yellow-color:#ffd56b;--yellow-transclucent-color:#ffd56b99;--orange-color:#ffae6c;--green-color:#eeff76;--blue-color:#54e5ff;--purple-color:#b79cff;--pink-color:#ffa1d8;--red-color:#ff9494}:root[data-theme=dark]{--page-bg-color:#161616;--page-ink-color:#fffeff;--page-surface-color:#242424;--page-line-color:#2c2c2c}.yellow{color:var(--yellow-color)!important}.orange{color:var(--orange-color)!important}.green{color:var(--green-color)!important}.blue{color:var(--blue-color)!important}.purple{color:var(--purple-color)!important}.pink{color:var(--pink-color)!important}.red{color:var(--red-color)!important}.yellow-bg{background-color:var(--yellow-color)!important}.orange-bg{background-color:var(--orange-color)!important}.green-bg{background-color:var(--green-color)!important}.blue-bg{background-color:var(--blue-color)!important}.purple-bg{background-color:var(--purple-color)!important}.pink-bg{background-color:var(--pink-color)!important}.red-bg{background-color:var(--red-color)!important}.yellow-highlight::selection{background-color:var(--black-color)!important;color:var(--yellow-color)!important}.orange-highlight::selection{background-color:var(--black-color)!important;color:var(--orange-color)!important}.green-highlight::selection{background-color:var(--black-color)!important;color:var(--green-color)!important}.blue-highlight::selection{background-color:var(--black-color)!important;color:var(--blue-color)!important}.purple-highlight::selection{background-color:var(--black-color)!important;color:var(--purple-color)!important}.pink-highlight::selection{background-color:var(--black-color)!important;color:var(--pink-color)!important}.red-highlight::selection{background-color:var(--black-color)!important;color:var(--red-color)!important}.nav{align-items:center;border-right:1px solid var(--page-line-color);grid-area:nav;height:100vh;position:fixed;transition:border-color .4s ease-in-out;width:128px}.nav,.nav .nav-tools{display:flex;flex-direction:column}.nav .nav-tools{gap:14px;margin-bottom:40px;margin-top:auto}.nav .nav-tools .nav-tool{align-items:center;background:var(--page-surface-color);border:none;border-radius:50%;display:flex;height:42px;justify-content:center;outline:none;padding:0;transition:background-color .4s ease-in-out;width:42px}.nav .nav-tools .nav-tool .nav-tool-icon{color:var(--page-ink-color);font-size:14px;transition:color .4s ease-in-out}.nav .logo{height:80px}.nav .logo h4{font-size:20px}.nav .activator-container{filter:url(#gooey-effect)}.nav .activator-container .activator{margin-top:48px}.nav .activator-container .activator button{align-items:center;background:#000;border:none;border-radius:100%;display:flex;height:58px;justify-content:center;outline:none;position:relative;width:58px;z-index:21}.nav .activator-container .activator button img{height:30px;position:relative;width:30px}.nav .activator-container .color-selectors{display:flex;justify-content:center;margin-top:-24px;position:relative;z-index:10}.nav .activator-container .color-selectors .selector{border-radius:100%;height:32px;margin:0 auto;opacity:0;position:absolute;top:-20px;width:32px}.nav .activator-container .color-selectors .selector.first{opacity:1;z-index:10}.nav .activator-container .color-selectors .selector.second{z-index:9}.nav .activator-container .color-selectors .selector.third{z-index:8}.nav .activator-container .color-selectors .selector.fourth{z-index:7}.nav .activator-container .color-selectors .selector.fifth{z-index:6}.nav .activator-container .color-selectors .selector.sixth{z-index:5}.nav .activator-container .color-selectors .selector.seventh{z-index:4}.header{align-items:center;display:flex;grid-area:header;padding:0 70px}.header .search{background-color:var(--page-surface-color);border-radius:10px;margin-top:6px;padding:6px 10px;transition:background-color .4s ease-in-out}.header .search,.header .search .icon{align-items:center;display:flex;justify-content:center}.header .search .icon{margin-right:8px}.header .search .icon img{height:18px;width:18px}:root[data-theme=dark] .header .search .icon img{filter:invert(1)}.header .search input{background-color:initial;border:none;caret-color:var(--page-ink-color);color:var(--page-ink-color);font-family:inherit;font-size:20px;height:32px;outline:none}.header .search input::placeholder{color:#a1a7b6}.header .search .star{align-items:center;border-radius:8px;display:flex;height:28px;justify-content:center;margin-left:8px;transition:background-color .3s ease-in-out;width:28px}.header .search .star .star-icon{color:var(--page-surface-color)}.header .theme{align-items:center;background-color:var(--page-surface-color);border-radius:10px;display:flex;height:40px;justify-content:center;margin:6px 0 0 14px;transition:background-color .4s ease-in-out;width:40px}.header .theme .theme-icon{color:var(--page-ink-color);font-size:15px;transition:color .4s ease-in-out}.note{border:none;box-shadow:0 1px 1px #1919190a,0 10px 24px -8px #1919192e,0 24px 48px -18px #19191938;height:350px;margin:0;outline:none;padding:24px;position:relative;transition:border-radius .3s ease-in-out;width:340px}.note.editing{box-shadow:0 0 0 3px var(--white-transclucent-color),0 1px 1px #1919190a,0 18px 40px -12px #1919194d}.note .footer,.note .header{align-items:center;display:flex;justify-content:space-between;padding:24px;position:absolute;width:100%}.note .header{justify-content:flex-end;right:0;top:0}.note .footer .edit,.note .header .star{align-items:center;border:none;border-radius:100%;display:flex;justify-content:center;outline:none;transition:background-color .3s ease-in-out}.note .footer .edit{background:var(--black-color)}.note .header .star{height:34px;position:relative;width:34px}.note .header .star .star-burst{height:0;left:50%;pointer-events:none;position:absolute;top:50%;width:0}.note .header .star .star-burst .spark{color:var(--black-color);font-size:12px;left:0;line-height:1;position:absolute;top:0}.note .header .star .star-icon{font-size:12px}.note .note-title{background:none;border:none;display:block;font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:22px;font-weight:700;margin-top:44px;outline:none;padding:0 10px 8px 0;position:relative;transition:color .3s ease-in-out,border-color .3s ease-in-out;width:98%;z-index:1}.note .note-title::placeholder{color:var(--black-more-transclucent-color)}.note textarea{background:none;border:none;font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:18px;font-weight:600;height:46%;margin-top:16px;outline:none;padding-right:10px;position:relative;resize:none;transition:color .3s ease-in-out;width:98%;z-index:1}.note textarea::placeholder{color:var(--black-transclucent-color)}.note .footer{bottom:0;left:0}.note .footer .date span{font-size:14px;font-weight:400}.note .footer .edit{height:40px;width:40px}.note .footer .edit .edit-icon{color:var(--white-color);font-size:12px}.note .trash-container{align-items:center;border-radius:100%;display:flex;height:200px;justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:200px}.note .trash-container .trash .trash-icon{color:var(--black-color);font-size:100px}.note .pull-zone{height:260px;left:0;pointer-events:none;position:absolute;top:100%;width:100%;z-index:4}.note .pull-string{height:100%}.note .pull-rope,.note .pull-string{left:0;position:absolute;top:0;width:100%}.note .pull-rope{height:260px;overflow:visible}.note .pull-rope-line{stroke:var(--black-more-transclucent-color);transition:stroke .25s ease-in-out}:root[data-theme=dark] .note .pull-rope-line{stroke:#fffeff59}.note .pull-string.yellow .pull-rope-line.taut{stroke:var(--yellow-color)}.note .pull-string.orange .pull-rope-line.taut{stroke:var(--orange-color)}.note .pull-string.green .pull-rope-line.taut{stroke:var(--green-color)}.note .pull-string.blue .pull-rope-line.taut{stroke:var(--blue-color)}.note .pull-string.purple .pull-rope-line.taut{stroke:var(--purple-color)}.note .pull-string.pink .pull-rope-line.taut{stroke:var(--pink-color)}.note .pull-string.red .pull-rope-line.taut{stroke:var(--red-color)}.note .pull-glow{background:radial-gradient(circle,var(--white-color) 0,#0000 68%);border-radius:50%;filter:blur(4px);height:60px;margin-left:-30px;margin-top:-30px;pointer-events:none;position:absolute;width:60px}.note .pull-tab{align-items:center;border:none;border-radius:50%;box-shadow:0 6px 16px var(--black-even-more-transclucent-color);display:flex;height:40px;justify-content:center;margin-left:-20px;margin-top:-20px;outline:none;padding:0;pointer-events:auto;position:absolute;touch-action:none;transition:box-shadow .25s ease-in-out;width:40px}.note .pull-tab.ready{box-shadow:0 0 0 4px var(--white-transclucent-color),0 8px 22px var(--black-more-transclucent-color)}.note .pull-tab .pull-grip{align-items:center;background:var(--black-even-more-transclucent-color);border-radius:50%;display:flex;height:22px;justify-content:center;width:22px}.note .pull-tab .pull-grip-icon{color:var(--black-color);font-size:10px}.note .pull-tab .pull-grip-arrow{color:var(--black-color);font-size:13px;font-weight:700;line-height:1}.swap-target .note{animation:swap-target-pulse 1.1s ease-in-out infinite;box-shadow:0 0 0 4px var(--white-transclucent-color),0 1px 1px #1919190a,0 18px 40px -12px #1919194d}@keyframes swap-target-pulse{0%,to{filter:brightness(1)}50%{filter:brightness(1.08)}}.note .pull-hint{display:flex;justify-content:center;pointer-events:none;position:absolute;top:46px;transform:translateX(-50%)}.note .pull-hint .pull-hint-label{background:var(--black-color);border-radius:999px;color:var(--white-color);font-size:12px;font-weight:600;padding:5px 12px;white-space:nowrap}.note .pull-burst{height:0;pointer-events:none;position:absolute;top:0;width:0}.note .pull-burst .spark{font-size:16px;left:0;line-height:1;position:absolute;top:0}main{grid-area:main}main .header{align-items:flex-end;display:flex;gap:16px}main .header h2{font-size:54px;line-height:1;margin:70px 0 0}main .header .notes-count{background:var(--page-ink-color);border-radius:999px;color:var(--page-bg-color);font-size:16px;font-weight:600;margin-bottom:6px;padding:3px 14px;transition:background-color .4s ease-in-out,color .4s ease-in-out}main .header .color-filters{align-items:center;display:flex;gap:10px;margin:0 0 10px 10px}main .header .color-filters .color-filter{border:none;border-radius:50%;height:16px;opacity:.55;outline:none;padding:0;transition:opacity .25s ease-in-out,box-shadow .25s ease-in-out;width:16px}main .header .color-filters .color-filter:hover{opacity:1}main .header .color-filters .color-filter.active{box-shadow:0 0 0 3px var(--page-ink-color);opacity:1}main .notes{display:flex;flex-wrap:wrap;gap:70px 48px;margin-bottom:46px;margin-top:100px;padding:0 70px}main .notes .empty-state p{align-items:center;display:flex}main .notes .empty-state strong{font-size:20px;margin:0 4px}.note-editor-layer{align-items:center;display:flex;inset:0;justify-content:center;padding:40px;position:fixed;z-index:800}.note-editor-backdrop{background:radial-gradient(ellipse 120% 90% at 50% 45%,#19191961 0,#19191985 62%,#191919a8 100%);inset:0;position:absolute}.note-editor-jelly,.note-editor-shell{align-items:center;display:flex;justify-content:center;position:relative}.note-editor{border-radius:32px;box-shadow:0 0 0 4px var(--white-transclucent-color),0 40px 90px -30px #1919198c;display:flex;flex-direction:column;max-height:90vh;max-width:94vw;overflow:hidden;padding:32px 44px 26px;position:relative}.note-editor.cozy{border-radius:26px;padding:24px 30px 20px}.note-editor.grand{border-radius:38px;padding:40px 54px 32px}.note-editor.epic{border-radius:42px;padding:46px 62px 36px}.note-editor-header{align-items:center;display:flex;justify-content:space-between;position:relative}.note-editor-palette{align-items:center;display:flex;gap:12px}.note-editor-dot{border:none;border-radius:50%;box-shadow:inset 0 0 0 2px var(--white-transclucent-color);height:22px;outline:none;padding:0;transition:box-shadow .25s ease-in-out;width:22px}.note-editor-dot.active{box-shadow:inset 0 0 0 2px var(--white-transclucent-color),0 0 0 3px var(--black-color)}.note-editor-size-box{background:#0000;border:2.5px solid var(--black-color);transition:width .25s ease-in-out,height .25s ease-in-out,border-radius .25s ease-in-out}.note-editor-size-box.s0{border-radius:2.5px;height:8px;width:8px}.note-editor-size-box.s1{border-radius:3.5px;height:12px;width:12px}.note-editor-size-box.s2{border-radius:4.5px;height:16px;width:16px}.note-editor-size-box.s3{border-radius:5.5px;height:20px;width:20px}.note-editor-actions{align-items:center;display:flex;gap:12px}.note-editor-action{align-items:center;background:var(--black-even-more-transclucent-color);border:none;border-radius:50%;display:flex;height:40px;justify-content:center;outline:none;padding:0;transition:background-color .3s ease-in-out;width:40px}.note-editor-action.dark{background:var(--black-color)}.note-editor-action .note-editor-action-icon{color:var(--black-color);font-size:13px}.note-editor-action .note-editor-action-icon.light{color:var(--white-color)}.note-editor-title{background:none;border:none;border-bottom:2px solid var(--black-even-more-transclucent-color);color:var(--black-color);display:block;font-family:inherit;font-size:30px;font-weight:700;margin-top:28px;outline:none;padding:0 10px 10px 0;transition:color .3s ease-in-out,font-size .3s ease-in-out;width:100%}.note-editor-title::placeholder{color:var(--black-more-transclucent-color)}.note-editor-text{background:none;border:none;color:var(--black-color);flex:1 1;font-family:inherit;font-size:19px;font-weight:600;line-height:1.6;margin-top:18px;outline:none;padding-right:10px;resize:none;transition:color .3s ease-in-out,font-size .3s ease-in-out;width:100%}.note-editor-text::placeholder,.note-editor.locked .note-editor-text,.note-editor.locked .note-editor-title{color:var(--black-transclucent-color)}.note-editor-footer{align-items:center;display:flex;justify-content:space-between;margin-top:18px}.note-editor-footer-left{align-items:center;display:flex;gap:12px}.note-editor-date{font-size:14px;font-weight:400}.note-editor-quote{align-items:center;background:var(--black-even-more-transclucent-color);border:none;border-radius:999px;color:var(--black-color);display:flex;font-family:inherit;font-size:12px;font-weight:600;gap:7px;outline:none;padding:4px 12px}.note-editor-quote .note-editor-quote-icon{font-size:10px}.note-editor-copied{background:var(--black-color);border-radius:999px;color:var(--white-color);font-size:12px;font-weight:600;padding:5px 12px;pointer-events:none;position:absolute;right:0;top:52px;z-index:2}.note-editor-meta{align-items:center;display:flex;gap:8px}.note-editor-count{background:var(--black-color);border-radius:999px;color:var(--white-color);font-size:12px;font-weight:600;padding:4px 12px}.note-editor-count.muted{background:var(--black-even-more-transclucent-color);color:var(--black-color)}.note-editor.cozy .note-editor-title{font-size:22px;margin-top:20px}.note-editor.cozy .note-editor-text{font-size:16px}.note-editor.grand .note-editor-title{font-size:36px}.note-editor.grand .note-editor-text{font-size:21px}.note-editor.epic .note-editor-title{font-size:40px}.note-editor.epic .note-editor-text{font-size:22px}.note-editor.cozy .note-editor-actions,.note-editor.cozy .note-editor-header,.note-editor.cozy .note-editor-palette{gap:8px}.note-editor.cozy .note-editor-dot{height:16px;width:16px}.note-editor.cozy .note-editor-action{height:34px;width:34px}.undo-toast-layer{bottom:34px;display:grid;justify-items:center;left:0;pointer-events:none;position:fixed;right:0;z-index:700}.undo-toast{background:var(--black-color);border-radius:18px;box-shadow:0 18px 44px -12px #19191980;color:var(--white-color);gap:14px;grid-area:1/1;overflow:hidden;padding:12px 16px;pointer-events:auto;position:relative}.undo-toast,.undo-toast-swatch{align-items:center;display:flex}.undo-toast-swatch{border-radius:50%;flex-shrink:0;height:34px;justify-content:center;width:34px}.undo-toast-swatch .undo-toast-trash{color:var(--black-color);font-size:13px}.undo-toast-label{font-size:14px;font-weight:600;white-space:nowrap}.undo-toast-button{align-items:center;border:none;border-radius:999px;color:var(--black-color);display:flex;font-family:inherit;font-size:13px;font-weight:700;gap:7px;outline:none;padding:8px 16px}.undo-toast-button .undo-toast-undo-icon{font-size:11px}.undo-toast-progress{bottom:0;height:4px;left:0;position:absolute;right:0;transform-origin:left}.home{background-color:var(--page-bg-color);display:grid;grid-template-areas:"nav header" "nav main";grid-template-columns:128px 1fr;grid-template-rows:80px 1fr;height:100vh;overflow-y:scroll;transform-origin:50% 42%;transition:transform .5s cubic-bezier(.22,1.3,.36,1),background-color .4s ease-in-out}.home.receded{overflow:hidden;transform:scale(.976)}.sync-status{align-items:center;background:var(--page-ink-color);border-radius:999px;bottom:20px;box-shadow:0 10px 24px -10px #19191966;color:var(--page-bg-color);display:flex;font-size:12px;font-weight:600;gap:8px;left:148px;padding:6px 14px;pointer-events:none;position:fixed;z-index:600}.sync-status .sync-dot{background:#9be29b;border-radius:50%;height:8px;width:8px}.sync-status.connecting .sync-dot,.sync-status.syncing .sync-dot{animation:sync-dot-pulse 1s ease-in-out infinite;background:var(--yellow-color)}.sync-status.offline .sync-dot{animation:sync-dot-pulse 1s ease-in-out infinite;background:var(--red-color)}@keyframes sync-dot-pulse{0%,to{opacity:1}50%{opacity:.35}}.back-to-top{align-items:center;background:var(--page-ink-color);border:none;border-radius:50%;bottom:34px;box-shadow:0 14px 30px -10px #19191966;display:flex;height:48px;justify-content:center;outline:none;padding:0;position:fixed;right:34px;transition:background-color .4s ease-in-out;width:48px;z-index:600}.back-to-top .back-to-top-icon{color:var(--page-bg-color);font-size:15px;transition:color .4s ease-in-out}.cursor-ink{background-color:var(--black-color);border-radius:50%;height:9px;left:0;pointer-events:none;position:fixed;top:0;transition:background-color .3s ease-in-out,opacity .35s ease-in-out;width:9px;will-change:transform,width,height;z-index:999999}.cursor-ink.is-wrap{background-color:var(--black-even-more-transclucent-color)}:root[data-theme=dark] .cursor-ink{background-color:var(--white-color)}:root[data-theme=dark] .cursor-ink.is-wrap{background-color:#fffeff38}.cursor-ink.is-hidden{opacity:0}body.native-cursor,body.native-cursor *{cursor:auto}.App{height:100vh;overflow:hidden}.custom-scroll::-webkit-scrollbar{width:18px}.custom-scroll::-webkit-scrollbar-track{background:#0000}.custom-scroll::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--black-even-more-transclucent-color);border:6px solid #0000;border-radius:20px}.custom-scroll::-webkit-scrollbar-thumb:hover{background-color:var(--black-more-transclucent-color)}:root[data-theme=dark] .custom-scroll::-webkit-scrollbar-thumb{background-color:#fffeff29}:root[data-theme=dark] .custom-scroll::-webkit-scrollbar-thumb:hover{background-color:#fffeff4d}*{box-sizing:border-box;cursor:none}::selection{background-color:var(--black-color);color:var(--white-color)}@font-face{font-family:Poppins;font-style:normal;src:url(/static/media/Poppins-Regular.1421a94e04ced16b1ffc.otf) format("opentype")}body{background-color:var(--page-bg-color);color:var(--page-ink-color);font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;margin:0;padding:0;transition:background-color .4s ease-in-out,color .4s ease-in-out}
/*# sourceMappingURL=main.044dabb0.css.map*/