html,body{height:100%;overflow:hidden}html.is-capacitor,.is-capacitor body,.is-capacitor *{-webkit-text-size-adjust:100%!important;text-size-adjust:100%!important}@supports (height: 100lvh){.is-capacitor #appShell,.is-capacitor #appShell>main{height:100lvh;min-height:0}}@supports not (height: 100lvh){.is-capacitor #appShell,.is-capacitor #appShell>main{height:100vh;min-height:0}}body{font-family:Pretendard,system-ui,-apple-system,Segoe UI,Roboto,Noto Sans KR,Apple SD Gothic Neo,Malgun Gothic,맑은 고딕,Helvetica Neue,Arial,sans-serif}header,nav,#sidebar,#mobileThinHeader,#editorToolbar,#tickerContainer,#tickerContent{-webkit-text-size-adjust:100%;text-size-adjust:100%}#editorToolbar{font-size:14px}#noteTitle{transition:font-size .2s ease;word-wrap:break-word;overflow-wrap:anywhere;white-space:normal;line-height:1.25;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.folder-chip{border:1px solid #e5e7eb;background-color:#fff;color:#111827}.folder-chip.selected{border-color:#000;background-color:#000;color:#fff}header .folder-chip:hover,header .folder-chip:active,header .folder-chip:focus{background-color:inherit!important;color:inherit!important;border-color:inherit!important;box-shadow:none!important;transform:none!important;outline:none!important}#headerFolderChip{cursor:pointer;transition:none!important;-webkit-tap-highlight-color:transparent;border:none!important;background-color:#eaf6f0!important;color:#1f2937!important}#headerFolderChip:hover,#headerFolderChip:active,#headerFolderChip:focus{background-color:#eaf6f0!important;color:#1f2937!important;border:none!important;box-shadow:none!important;transform:none!important;outline:none!important}#noteTitle:empty:before{content:attr(data-placeholder);color:#9ca3af;pointer-events:none}#noteTitle:focus:empty:before{color:#6b7280}@media(min-width:768px){#noteTitle{max-width:100%;max-height:2.6rem;overflow:hidden;word-wrap:break-word;white-space:normal;line-height:1.25;transition:font-size .2s ease;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}#noteTitle[data-long=true]{font-size:1.125rem}#noteTitle[data-very-long=true]{font-size:1rem}#noteTitle[data-max-length=true]{font-size:.875rem}}@media(max-width:767px){.is-capacitor #noteTitle{font-size:1.125rem;max-height:1.4rem}.is-capacitor #noteTitle[data-long=true]{font-size:1rem}.is-capacitor #noteTitle[data-very-long=true]{font-size:.875rem}.is-capacitor #noteTitle[data-max-length=true]{font-size:.8125rem}header{max-width:100vw;overflow:visible}#noteTitle{font-size:1.25rem;min-height:1.5rem;max-height:1.5rem;max-width:calc(100vw - 120px);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}#noteTitle[data-long=true]{font-size:1rem}#noteTitle[data-very-long=true]{font-size:.875rem}#noteTitle[data-max-length=true]{font-size:.75rem}}header .aspect-square{width:64px;min-width:64px;max-width:64px;flex:0 0 64px}header .aspect-square [data-role=lottie-slot]{width:50%;height:50%;margin:25%;min-height:32px;display:block}.note-title-highlight{background-image:linear-gradient(#86efac66,#86efac66);background-size:100% 30%;background-repeat:no-repeat;background-position:0 85%}.folder-menu-popover{max-width:calc(100vw - 24px);box-sizing:border-box;overflow:hidden}@media(max-width:767px){.folder-menu-popover{border-radius:16px!important}}.folder-menu-popover .folder-rename-input{width:100%;max-width:100%;box-sizing:border-box}.folder-menu-popover .folder-rename-input:focus{outline:none;box-shadow:0 0 0 2px #94a3b84d;border-color:#cbd5e1}.folder-menu-popover .delete.w-full{display:none!important}.folder-name-input:focus{outline:none!important;box-shadow:0 0 0 2px #94a3b84d!important;border-color:#cbd5e1!important}::selection{background:#86efac14}::-moz-selection{background:#86efac14}.folder-menu-popover .delete.text-red-600{color:#dc2626!important}.tooltip-dark{background:#000000eb;color:#fff;padding:6px 10px;border-radius:8px;line-height:1.4;box-shadow:0 8px 20px #00000040;max-width:240px;pointer-events:none;word-break:keep-all}#newNoteBtn,#sidebarGoogleSignIn{transition:transform .15s ease,box-shadow .15s ease}#newNoteBtn:hover,#sidebarGoogleSignIn:hover{transform:translateY(-1px);box-shadow:0 2px 6px #00000014}#newNoteBtn:hover{background-color:#86efac!important;color:#fff!important}#sidebarGoogleSignIn:hover{background-color:#22c55e!important;color:#fff!important}@media(max-width:767px){#newNoteBtn:active,#newNoteBtn:focus{background-color:#86efac!important;color:#fff!important;transform:translateY(-1px);box-shadow:0 2px 6px #00000014}#sidebarGoogleSignIn:active,#sidebarGoogleSignIn:focus{background-color:#22c55e!important;color:#fff!important;transform:translateY(-1px);box-shadow:0 2px 6px #00000014}}@font-face{font-family:Pretendard;src:url(/fonts/PretendardVariable.woff2) format("woff2-variations");font-weight:45 920;font-style:normal;font-display:swap}:root{--font-family-primary: "Pretendard", -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", sans-serif;--mobile-editor-available-height: auto;--mobile-toolbar-gap: 52px;--safe-top: env(safe-area-inset-top, 0px);--ticker-h: 40px}#mobileSettingsSheet,#mobileSearchSheet{transition:none!important}*{font-family:var(--font-family-primary)!important}[data-i18n],[data-i18n-html]{white-space:normal!important;text-wrap:balance;overflow-wrap:anywhere;hyphens:auto}.i18n-text{text-wrap:balance;overflow-wrap:anywhere;hyphens:auto;white-space:normal}.i18n-title{font-size:clamp(1.05rem,3.6vw,1.6rem);text-wrap:balance;overflow-wrap:anywhere;hyphens:auto}.i18n-small{font-size:clamp(.82rem,2.2vw,.95rem);text-wrap:balance;overflow-wrap:anywhere;hyphens:auto}html{font-display:swap}html,body,div,span,p,h1,h2,h3,h4,h5,h6,button,input,textarea,select{font-family:var(--font-family-primary)!important}::selection{background-color:#dcfce7;color:#166534}::-moz-selection{background-color:#dcfce7;color:#166534}.ProseMirror ::selection{background-color:#dcfce7;color:#166534}.ProseMirror ::-moz-selection{background-color:#dcfce7;color:#166534}@media(max-width:768px){.is-capacitor #headerTopRow{margin-top:8px}#contentScroll::-webkit-scrollbar,#editor::-webkit-scrollbar{display:none}#contentScroll,#editor{scrollbar-width:none}#contentScroll,#editor{-ms-overflow-style:none}}@media(min-width:769px){#contentScroll{padding-top:0!important;flex:1;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column}#editorContainer{flex:1;display:flex;flex-direction:column;overflow:hidden;align-self:center;width:100%}#editor{flex:1;overflow-y:auto;overflow-x:hidden}#contentScroll::-webkit-scrollbar,#editor::-webkit-scrollbar{width:8px}#contentScroll::-webkit-scrollbar-track,#editor::-webkit-scrollbar-track{background:transparent}#contentScroll::-webkit-scrollbar-thumb,#editor::-webkit-scrollbar-thumb{background:#dcfce7;border-radius:4px;border:1px solid #bbf7d0}#contentScroll::-webkit-scrollbar-thumb:hover,#editor::-webkit-scrollbar-thumb:hover{background:#bbf7d0}#contentScroll::-webkit-scrollbar-button,#editor::-webkit-scrollbar-button{display:none}#contentScroll,#editor{scrollbar-width:thin;scrollbar-color:#dcfce7 transparent}}#tickerContainer{position:relative;background:#fff;border-bottom:none;overflow:hidden;max-width:900px;margin:0 auto;margin-bottom:0!important;padding:8px 0;height:var(--ticker-h);z-index:20;flex-shrink:0}html,body{overscroll-behavior-y:none}#contentScroll{overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch}@keyframes scale-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.animate-scale-in{animation:scale-in .16s ease-out}#tickerContainer:before,#tickerContainer:after,.ticker-container:before,.ticker-container:after{content:"";position:absolute;top:0;bottom:0;pointer-events:none;z-index:1}#tickerContainer:before,.ticker-container:before{left:0;width:16px;background:linear-gradient(to right,#fff,#fff0)}#tickerContainer:after,.ticker-container:after{right:0;width:16px;background:linear-gradient(to left,#fff,#fff0)}#tickerContent{animation:tickerScroll 30s linear infinite;display:flex;align-items:center;height:calc(var(--ticker-h) - 16px);font-weight:400;letter-spacing:.01em;font-size:13px;-webkit-text-size-adjust:100%;text-size-adjust:100%;max-width:900px;margin:0 auto}@keyframes horizontal-squish{0%{transform:scale(1)}40%{transform:scale(1.15,.85)}70%{transform:scale(.95,1.05)}to{transform:scale(1)}}.gf-tap-squish{animation:horizontal-squish .32s ease-in-out both;transform-origin:center center;will-change:transform}@media(prefers-reduced-motion:reduce){.gf-tap-squish{animation:none}}#tickerContent,#tickerContent.scroll-mode{animation:tickerScroll 30s linear infinite}#tickerContent.fade-mode{animation:tickerFade 12s ease-in-out infinite}#tickerContent.bounce-mode{animation:tickerBounce 9s ease-in-out infinite}#tickerContent.typewriter-mode{animation:tickerTypewriter 15s steps(50) infinite}#tickerContent.slide-mode{animation:tickerSlide 18s ease-in-out infinite}#tickerContent.wave-mode{animation:tickerWave 15s ease-in-out infinite}#tickerContent.glow-mode{animation:tickerGlow 12s ease-in-out infinite;text-shadow:0 0 10px rgba(16,185,129,.8)}#tickerContent.rotate-mode{animation:tickerRotate 9s linear infinite}#tickerContent.zoom-mode{animation:tickerZoom 12s ease-in-out infinite}#tickerContent.flip-mode{animation:tickerFlip 9s ease-in-out infinite}#tickerContent.shake-mode{animation:tickerShake 6s ease-in-out infinite}#tickerContent.pulse-mode{animation:tickerPulse 4.5s ease-in-out infinite}#tickerContent.rainbow-mode{animation:tickerRainbow 7.5s linear infinite}#tickerContent.matrix-mode{animation:tickerMatrix 12s steps(20) infinite;font-family:Courier New,monospace;color:#0f0;text-shadow:0 0 5px #00ff00}#tickerContent.neon-mode{animation:tickerNeon 9s ease-in-out infinite;text-shadow:0 0 5px #ff00ff,0 0 10px #ff00ff,0 0 15px #ff00ff;color:#f0f}#tickerContent.glitch-mode{animation:tickerGlitch 6s ease-in-out infinite}#tickerContent.firework-mode{animation:tickerFirework 9s ease-in-out infinite}#tickerContent.spiral-mode{animation:tickerSpiral 12s linear infinite}#tickerContent.blur-mode{animation:tickerBlur 9s ease-in-out infinite}#tickerContent.none-mode,.ticker-content.none-mode{animation:none!important;transform:none!important;display:flex;justify-content:flex-start;align-items:center;white-space:nowrap;width:max-content}#tickerContainer.drag-scroll,.ticker-container.drag-scroll{overflow-x:auto;overflow-y:hidden;cursor:grab;-webkit-overflow-scrolling:touch}#tickerContainer.drag-scroll.drag-active,.ticker-container.drag-scroll.drag-active{cursor:grabbing}#tickerContent,.ticker-content{justify-content:flex-start}#tickerContainer.drag-scroll .ticker-item,.ticker-container.drag-scroll .ticker-item,#tickerContent.none-mode .ticker-item,.ticker-content.none-mode .ticker-item{max-width:none!important;overflow:visible!important;text-overflow:clip!important}@media(min-width:769px){#tickerContainer,.ticker-container{--ticker-edge-gap: 0px;--ticker-edge-gap-right: 0px;--ticker-edge-mask: 16px;--ticker-fade-width: 16px;padding-left:var(--ticker-edge-gap);padding-right:var(--ticker-edge-gap-right);position:relative}#tickerContent,.ticker-content{justify-content:flex-start}#editorContainer{padding:26px!important}#tickerContainer:before,#tickerContainer:after,.ticker-container:before,.ticker-container:after{content:"";position:absolute;top:0;bottom:0;pointer-events:none;z-index:1}#tickerContainer:before,.ticker-container:before{left:0;width:var(--ticker-fade-width, 16px);background:linear-gradient(to right,#fff,#fff0)}#tickerContainer:after,.ticker-container:after{right:0;width:var(--ticker-fade-width, 16px);background:linear-gradient(to left,#fff,#fff0)}}@keyframes tickerScroll{0%{transform:translate(100%)}to{transform:translate(-100%)}}.ticker-content.scroll-mode{animation:tickerScroll 30s linear infinite}.ticker-content.fade-mode{animation:tickerFade 12s ease-in-out infinite}.ticker-content.bounce-mode{animation:tickerBounce 9s ease-in-out infinite}.ticker-content.typewriter-mode{animation:tickerTypewriter 15s steps(50) infinite}.ticker-content.slide-mode{animation:tickerSlide 18s ease-in-out infinite}.ticker-content.wave-mode{animation:tickerWave 15s ease-in-out infinite}.ticker-content.glow-mode{animation:tickerGlow 12s ease-in-out infinite}.ticker-content.rotate-mode{animation:tickerRotate 9s linear infinite}.ticker-content.zoom-mode{animation:tickerZoom 12s ease-in-out infinite}.ticker-content.flip-mode{animation:tickerFlip 9s ease-in-out infinite}.ticker-content.shake-mode{animation:tickerShake 6s ease-in-out infinite}.ticker-content.pulse-mode{animation:tickerPulse 4.5s ease-in-out infinite}.ticker-content.rainbow-mode{animation:tickerRainbow 7.5s linear infinite}.ticker-content.matrix-mode{animation:tickerMatrix 12s steps(20) infinite;font-family:Courier New,monospace;color:#0f0}.ticker-content.neon-mode{animation:tickerNeon 9s ease-in-out infinite;color:#f0f}.ticker-content.glitch-mode{animation:tickerGlitch 6s ease-in-out infinite}.ticker-content.firework-mode{animation:tickerFirework 9s ease-in-out infinite}.ticker-content.spiral-mode{animation:tickerSpiral 12s linear infinite}.ticker-content.blur-mode{animation:tickerBlur 9s ease-in-out infinite}@keyframes tickerFade{0%,to{opacity:0;transform:scale(.8)}20%,80%{opacity:1;transform:scale(1)}}@keyframes tickerBounce{0%,to{transform:translateY(0) scale(1)}25%{transform:translateY(-10px) scale(1.05)}50%{transform:translateY(0) scale(1)}75%{transform:translateY(-5px) scale(1.02)}}@keyframes tickerTypewriter{0%{width:0;overflow:hidden}50%{width:100%;overflow:hidden}to{width:100%;overflow:visible}}@keyframes tickerSlide{0%{transform:translate(-100%);opacity:0}20%{transform:translate(0);opacity:1}80%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}@keyframes tickerWave{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-5px) rotate(1deg)}50%{transform:translateY(0) rotate(0)}75%{transform:translateY(5px) rotate(-1deg)}}@keyframes tickerGlow{0%,to{opacity:.8}50%{opacity:1}}@keyframes tickerRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes tickerZoom{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}@keyframes tickerFlip{0%{transform:rotateY(0)}50%{transform:rotateY(180deg)}to{transform:rotateY(360deg)}}@keyframes tickerShake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-2px)}20%,40%,60%,80%{transform:translate(2px)}}@keyframes tickerPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}}@keyframes tickerRainbow{0%{color:red}16%{color:#ff8000}33%{color:#ff0}50%{color:#0f0}66%{color:#0080ff}83%{color:#8000ff}to{color:red}}@keyframes tickerMatrix{0%{opacity:0;transform:translateY(-20px)}50%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(20px)}}@keyframes tickerNeon{0%,to{opacity:.8}50%{opacity:1}}@keyframes tickerGlitch{0%,to{transform:translate(0)}20%{transform:translate(-2px)}40%{transform:translate(2px)}60%{transform:translate(-1px)}80%{transform:translate(1px)}}@keyframes tickerFirework{0%{transform:scale(0) rotate(0);opacity:0}50%{transform:scale(1.2) rotate(180deg);opacity:1}to{transform:scale(0) rotate(360deg);opacity:0}}@keyframes tickerSpiral{0%{transform:rotate(0) translate(0)}to{transform:rotate(360deg) translate(50px)}}@keyframes tickerBlur{0%,to{filter:blur(0px);opacity:1}50%{filter:blur(2px);opacity:.7}}.ticker-item{margin-right:6rem;display:inline-block;white-space:nowrap;opacity:.7;transition:opacity .3s ease;color:#64748b}.ticker-item:hover{opacity:.9}#tickerContainer:hover #tickerContent{animation-play-state:paused}#tickerContainer{cursor:pointer;transition:all .2s ease}#tickerContainer:hover{background:inherit}.ticker-item.dev-behind{color:#7c3aed;font-style:italic}.ticker-item.user-tip{color:#059669}.ticker-item.challenge{color:#dc2626;font-weight:500}.ticker-item.fun-fact{color:#ea580c}.ticker-item.promotion{color:#0891b2;font-weight:500}.ticker-item strong{font-weight:600;color:inherit}.ticker-item em{font-style:italic;color:inherit}.ticker-item u{text-decoration:underline;color:inherit}.ticker-item u[data-underline-styled]{text-decoration:none}.ticker-item code{background-color:#f1f5f9;color:#0f172a;padding:.1em .3em;border-radius:.2em;font-family:Courier New,monospace;font-size:.9em}.ticker-item span[data-underline-styled]{text-decoration:none;text-underline-offset:2px;text-decoration-skip-ink:none;text-decoration-skip:none;word-break:break-word;overflow-wrap:break-word}.ticker-item span[data-underline-styled][data-underline-style=wavy]{text-decoration:underline wavy;text-decoration-thickness:3px;text-decoration-color:#94a3b899}.ticker-item span[data-underline-styled][data-underline-style=dashed]{text-decoration:underline dashed;text-decoration-thickness:3px;text-decoration-color:#94a3b899}.ticker-item span[data-underline-styled][data-underline-style=dotted]{text-decoration:underline dotted;text-decoration-thickness:3px;text-decoration-color:#94a3b899}.ticker-item span[data-underline-styled][data-underline-style=double]{text-decoration:underline double;text-decoration-thickness:3px;text-decoration-color:#94a3b899}.ticker-item span[data-underline-styled][data-underline-style=solid]{text-decoration:underline solid;text-decoration-thickness:3px;text-decoration-color:#94a3b899}.ticker-item span[data-strike-styled][data-strike-style=wavy]{text-decoration:line-through wavy;text-decoration-thickness:3px;text-decoration-color:#94a3b866}html.is-firefox .ticker-item span[data-underline-styled][data-underline-style=wavy],html.is-firefox .ticker-item span[data-strike-styled][data-strike-style=wavy]{text-decoration-thickness:2px}html.is-ios-safari .ticker-item span[data-underline-styled][data-underline-style=wavy],html.is-ios-safari .ticker-item span[data-strike-styled][data-strike-style=wavy]{text-decoration-thickness:2.4px}.ticker-item span[data-strike-styled][data-strike-style=dashed]{text-decoration:line-through dashed;text-decoration-thickness:3px;text-decoration-color:#94a3b866}.ticker-item span[data-strike-styled][data-strike-style=dotted]{text-decoration:line-through dotted;text-decoration-thickness:3px;text-decoration-color:#94a3b866}.ticker-item span[data-strike-styled][data-strike-style=solid]{text-decoration:line-through solid;text-decoration-thickness:3px;text-decoration-color:#94a3b866}html.is-firefox .ticker-item span[data-underline-styled][data-underline-style=dotted],html.is-firefox .ticker-item span[data-underline-styled][data-underline-style=dashed],html.is-firefox .ticker-item span[data-strike-styled][data-strike-style=dotted],html.is-firefox .ticker-item span[data-strike-styled][data-strike-style=dashed]{text-decoration-thickness:2px}html.is-ios-safari .ticker-item span[data-underline-styled][data-underline-style=dotted],html.is-ios-safari .ticker-item span[data-underline-styled][data-underline-style=dashed],html.is-ios-safari .ticker-item span[data-strike-styled][data-strike-style=dotted],html.is-ios-safari .ticker-item span[data-strike-styled][data-strike-style=dashed]{text-decoration-thickness:2.4px}.ticker-item span[data-soft-highlight]{background-repeat:no-repeat;background-size:100% 40%;background-position:0 85%;background-image:linear-gradient(var(--highlight-color, #86efac)66,var(--highlight-color, #86efac)66)}.ticker-item span[data-underline-color]{text-decoration-color:var(--underline-color, #94a3b899)!important}.ticker-item span[data-strike-color]{text-decoration-color:var(--strike-color, #94a3b866)!important}.ticker-item span[data-highlight-color]{--highlight-color: var(--highlight-color-value, #86efac)}.ticker-item span[style*=color]{font-weight:500}@media(max-width:768px){:root{--ticker-h: 36px}body,html,*{line-height:1.5!important}#tickerContainer{max-width:100%!important;margin:0!important;padding:8px 0 2px;width:100%;flex-shrink:0;height:var(--ticker-h);position:relative;z-index:10;overflow-x:hidden!important;overflow-y:visible!important}#tickerContainer.drag-scroll{overflow-x:auto!important;overflow-y:hidden!important}#tickerContent{height:calc(var(--ticker-h) - 10px);font-size:.75rem;max-width:100%!important;margin:0!important;overflow-x:hidden;overflow-y:visible}.ticker-item{margin-right:3rem;white-space:nowrap;line-height:1.3;padding-bottom:3px}.ticker-item span[data-underline-styled]{text-underline-offset:3px}#appShell,#appShell>main{min-height:0}#contentScroll{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;overflow:hidden;overscroll-behavior-y:contain;touch-action:pan-y;padding:0 8px 16px!important;padding-top:var(--mobile-toolbar-gap, 0px)!important;scroll-padding-top:var(--mobile-toolbar-gap, 0px);width:100%;max-width:100%;box-sizing:border-box;position:relative;margin-top:0!important}.is-capacitor #contentScroll{padding-top:60px!important;padding-bottom:0!important}#editorContainer{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;width:calc(100vw - 16px)!important;max-width:calc(100vw - 16px)!important;box-sizing:border-box;position:relative;z-index:1;overflow:hidden;padding:16px!important;margin-top:0!important;margin-bottom:0!important;height:var(--mobile-editor-available-height, auto);max-height:var(--mobile-editor-available-height, auto)}#editor{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior-y:contain;width:100%!important;max-width:100%!important;word-wrap:break-word!important;word-break:break-word!important;box-sizing:border-box;padding-bottom:max(300px,calc(16px + var(--keyboard-padding, 0px)));scroll-padding-top:var(--mobile-toolbar-gap, 0px);scroll-padding-bottom:300px}#mobileToolbarSpacer{display:none!important;height:0!important}.is-capacitor #editorToolbar{position:sticky;top:calc(var(--safe-top, 0px) + var(--header-h, 52px))!important;z-index:20;background:#fff;border-bottom:1px solid #e5e7eb;padding:.75rem;overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;touch-action:pan-x}}@media(max-width:480px){#contentScroll{padding:0 4px 12px!important}#editorContainer{width:calc(100vw - 8px)!important;max-width:calc(100vw - 8px)!important;padding:12px!important}}@media(min-width:481px)and (max-width:768px){#contentScroll{padding:0 12px 16px!important}#editorContainer{width:calc(100vw - 24px)!important;max-width:calc(100vw - 24px)!important;padding:16px!important}}@media(max-width:768px){html,body{overscroll-behavior:none;scroll-behavior:auto}#contentScroll{background:#fff!important}.is-capacitor.kb-open body{position:static;width:100%}.is-capacitor.kb-open #editor,.is-capacitor.kb-open #editor *{touch-action:pan-y}.is-capacitor.kb-open #contentScroll{overscroll-behavior:contain}.is-capacitor.kb-open #editor{-webkit-overflow-scrolling:touch;touch-action:pan-y}.is-capacitor.kb-open #editorToolbar{touch-action:pan-x!important;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}.is-capacitor.kb-open #editorToolbar button{touch-action:manipulation}.is-capacitor.kb-open #backdrop{display:none!important}.is-capacitor.kb-open #editor:focus{outline:2px solid #10b981!important;outline-offset:2px!important}.is-capacitor.kb-open #contentScroll::-webkit-scrollbar{width:6px!important}.is-capacitor.kb-open #contentScroll::-webkit-scrollbar-thumb{background:#10b981!important;border-radius:3px!important}.is-capacitor.kb-open #mobileBottomBar{bottom:var(--keyboard-height, 0px)!important;transition:bottom .3s ease}.is-capacitor.kb-open header{overflow:visible!important}.is-capacitor.kb-open #noteTitle{opacity:1!important;visibility:visible!important;-webkit-mask-image:none!important;mask-image:none!important}}#mobileThinHeader{height:32px;background:linear-gradient(135deg,#fff,#f8fafc);border-bottom:1px solid #e2e8f0;box-shadow:0 1px 3px #0000000d;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);padding-top:var(--safe-top, 0px)}#mobileThinHeader .text-green-400{filter:drop-shadow(0 1px 2px rgba(34,197,94,.3))}#mobileThinHeader #mobileTime{font-variant-numeric:tabular-nums;letter-spacing:.025em}#mobileThinHeader .bg-green-400{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@media(max-width:768px){header{top:var(--safe-top, 0px)!important}#editorToolbar{top:calc(var(--safe-top, 0px) + var(--header-h, 52px))!important}}@media(max-width:768px){.is-capacitor.kb-open,.is-capacitor.kb-open body,.is-capacitor.kb-open #contentScroll{overscroll-behavior:contain}.is-capacitor.kb-open #editor{-webkit-overflow-scrolling:touch;touch-action:pan-y}}@media(min-width:769px){header{top:0!important}#editorToolbar{top:auto!important}}#mobileBottomBar{box-shadow:0 -2px 10px #0000001a;transition:all .3s ease}#appShell{transition:transform .5s ease;will-change:transform}#appShell.editor-slide-out{transform:translateY(0)}.note-drop-indicator{height:2px;background:#10b981;border-radius:1px;margin:2px 4px}.folder-menu-popover{--folder-menu-anchor-x: 0px;--folder-menu-anchor-y: 0px;--folder-menu-pulse-translate-x: 0px;--folder-menu-pulse-translate-y: 0px;opacity:0;transform:translate3d(var(--folder-menu-anchor-x),calc(var(--folder-menu-anchor-y) + 18px),0) scale(.88);pointer-events:none;will-change:transform,opacity}.folder-menu-popover.show:not(.closing){pointer-events:auto;animation:folderMenuEnter .2s cubic-bezier(.35,.9,.3,1.05) forwards,var(--folder-menu-extra-animation, none)}.folder-menu-popover.closing{pointer-events:none;animation:folderMenuExit .16s cubic-bezier(.33,.03,.67,.98) forwards}.quick-trash-popover,.upsell-popover{opacity:0;transform:translateY(6px) scale(.98);transition:opacity .14s ease,transform .14s ease;z-index:15001}.quick-trash-popover.show,.upsell-popover.show{opacity:1;transform:translateY(0) scale(1)}.folder-menu-popover.mobile-centered{inset:50% auto auto 50%!important;--folder-menu-anchor-x: -50%;--folder-menu-anchor-y: -50%;--folder-menu-pulse-translate-x: -50%;--folder-menu-pulse-translate-y: -50%}.folder-menu-popover.mobile-centered.show:not(.closing){animation:folderMenuEnterCentered .2s cubic-bezier(.35,.9,.3,1.05) forwards,var(--folder-menu-extra-animation, none)}.folder-menu-popover.mobile-centered.closing{animation:folderMenuExitCentered .16s cubic-bezier(.33,.03,.67,.98) forwards}@media(max-width:767px){.folder-menu-popover,.quick-trash-popover{width:auto!important;max-width:calc(100vw - 24px);white-space:normal;border-radius:16px!important}}@keyframes folderMenuEnterCentered{0%{opacity:0;transform:translate(-50%,-44%) scale(.94)}60%{opacity:1;transform:translate(-50%,-50%) scale(1.02)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes folderMenuExitCentered{0%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-46%) scale(.96)}}.popover-backdrop{position:fixed;inset:0;background:#00000047;z-index:95;opacity:0;transition:opacity .14s ease}.popover-backdrop.show{opacity:1}.folder-menu-popover .color-grid button.is-premium{position:relative}.folder-menu-popover .color-grid button.is-premium:after{content:"";position:absolute;inset:0;border-radius:9999px;background:repeating-linear-gradient(-45deg,#0000001f 0 4px,#0000 4px 8px);pointer-events:none}@keyframes popoverPulseOnce{0%{transform:translate3d(var(--folder-menu-pulse-translate-x, 0px),var(--folder-menu-pulse-translate-y, 0px),0) scale(1);box-shadow:0 10px 15px -3px #0f172a1a,0 4px 6px -4px #0f172a14}45%{transform:translate3d(var(--folder-menu-pulse-translate-x, 0px),var(--folder-menu-pulse-translate-y, 0px),0) scale(1.055);box-shadow:0 16px 28px -10px #10b98147,0 8px 18px -12px #0f172a1f}to{transform:translate3d(var(--folder-menu-pulse-translate-x, 0px),var(--folder-menu-pulse-translate-y, 0px),0) scale(1);box-shadow:0 10px 15px -3px #0f172a1a,0 4px 6px -4px #0f172a14}}@keyframes folderMenuEnter{0%{opacity:0;transform:translate3d(var(--folder-menu-anchor-x),calc(var(--folder-menu-anchor-y) + 18px),0) scale(.88)}62%{opacity:1;transform:translate3d(var(--folder-menu-anchor-x),var(--folder-menu-anchor-y),0) scale(1.05)}to{opacity:1;transform:translate3d(var(--folder-menu-anchor-x),var(--folder-menu-anchor-y),0) scale(1)}}@keyframes folderMenuExit{0%{opacity:1;transform:translate3d(var(--folder-menu-anchor-x),var(--folder-menu-anchor-y),0) scale(1)}to{opacity:0;transform:translate3d(var(--folder-menu-anchor-x),calc(var(--folder-menu-anchor-y) + 14px),0) scale(.9)}}.popover-pulse-once{--folder-menu-extra-animation: popoverPulseOnce .86s ease-out forwards;animation:popoverPulseOnce .86s ease-out forwards;will-change:transform,box-shadow}:root.premium-active .folder-menu-popover .color-grid button.is-premium:after{content:none;background:none}@media(max-width:768px){#contentScroll{padding-bottom:16px!important;margin-bottom:0!important}#editorContainer{margin-bottom:0!important}#mobileBottomBar{z-index:40!important;background:#fffffff2!important;backdrop-filter:blur(10px)!important}#editorContainer{position:relative!important;z-index:1!important}}.cute-start{position:relative;isolation:isolate;overflow:hidden;letter-spacing:.02em;box-shadow:0 8px 18px #10b98140,inset 0 -3px #00000014;background-image:linear-gradient(180deg,#10b981,#059669)}.cute-start:hover{box-shadow:0 10px 22px #10b98152,inset 0 -3px #00000014}.cute-start:active{transform:translateY(1px) scale(.99);box-shadow:0 6px 14px #10b9813d,inset 0 -1px #00000014}.cute-start:before{content:"✨";position:absolute;top:-6px;right:-6px;font-size:16px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.18));animation:cuteSparkleFloat 2.2s ease-in-out infinite;pointer-events:none}.cute-start:after{content:"";position:absolute;inset:-1px;background:linear-gradient(120deg,#fff0,#ffffff47,#fff0 70%);transform:translate(-120%);will-change:transform;pointer-events:none}.cute-start:hover:after{animation:cuteStartShine 1.05s ease}.cute-start:focus-visible{outline:3px dashed #a7f3d0;outline-offset:3px}@keyframes cuteSparkleFloat{0%{transform:translateY(0) rotate(0);opacity:.95}50%{transform:translateY(-4px) rotate(10deg);opacity:1}to{transform:translateY(0) rotate(0);opacity:.95}}@keyframes cuteStartShine{0%{transform:translate(-120%)}to{transform:translate(120%)}}@media(prefers-reduced-motion:reduce){.cute-start,.cute-start:hover,.cute-start:active{transition:none!important}.cute-start:before,.cute-start:hover:after{animation:none!important}}