.tiptap-wrap{flex:1;overflow-y:auto;padding:4px 16px 16px}.tiptap img[data-upload-id]{min-width:240px;min-height:160px;border-radius:10px;outline:2px solid var(--snote-accent, #6FCF97);outline-offset:-2px;filter:saturate(.5) brightness(.9);animation:img-upload-pulse 1.4s ease-in-out infinite}@keyframes img-upload-pulse{0%,to{opacity:.55;outline-color:color-mix(in srgb,var(--snote-accent, #6FCF97) 55%,transparent)}50%{opacity:.9;outline-color:color-mix(in srgb,var(--snote-accent, #6FCF97) 100%,transparent)}}::highlight(find-highlight){background-color:#ffcc0073;color:#000}@keyframes snote-find-current-pulse{0%,to{background-color:#ff8c00d9}50%{background-color:#ffb428}}::highlight(find-current){background-color:#ff8c00d9;color:#000;text-shadow:0 0 6px rgba(255,140,0,.6);animation:snote-find-current-pulse 1.2s ease-in-out infinite}.tiptap{outline:none;min-height:200px;font-size:15px;line-height:1.5;font-weight:400;font-family:Sarabun,sans-serif}.tiptap strong,.tiptap b{font-weight:700}.tiptap em,.tiptap i{font-style:italic}.tiptap u{text-decoration:underline}.tiptap s,.tiptap del{text-decoration:line-through}.tiptap p{margin:0}.tiptap h1{font-size:28px;font-weight:700;margin:0 0 4px}.tiptap h2{font-size:22px;font-weight:700;margin:0 0 4px}.tiptap h3{font-size:18px;font-weight:600;margin:0 0 4px}.tiptap ul,.tiptap ol{padding-left:24px;margin:0 0 4px}.tiptap ul li::marker{color:color-mix(in srgb,var(--snote-accent, #6FCF97) 75%,currentColor)}.tiptap ol li::marker{color:color-mix(in srgb,var(--snote-accent, #6FCF97) 75%,currentColor);font-weight:600}.tiptap ul[data-type=taskList]{list-style:none;padding-left:4px}.tiptap ul[data-type=taskList] li::marker{content:""}.tiptap ul[data-type=taskList] li{display:flex;align-items:flex-start;gap:8px;margin-bottom:2px}.tiptap ul[data-type=taskList] li>label{margin-top:2px;cursor:pointer}.tiptap ul[data-type=taskList] li>label input[type=checkbox]{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:18px;height:18px;border-radius:50%;border:2px solid var(--snote-accent, #6FCF97);background:transparent;cursor:pointer;flex-shrink:0;transition:background-color .22s cubic-bezier(.16,1,.3,1),border-color .22s ease-out,transform .16s cubic-bezier(.22,1,.36,1)}.tiptap ul[data-type=taskList] li>label input[type=checkbox]:hover{background-color:color-mix(in srgb,var(--snote-accent, #6FCF97) 15%,transparent)}.tiptap ul[data-type=taskList] li>label input[type=checkbox]:active{transform:scale(.88)}.tiptap ul[data-type=taskList] li>label input[type=checkbox]:checked{background:var(--snote-accent, #6FCF97);border-color:var(--snote-accent, #6FCF97);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 10'%3E%3Cpolyline points='1,5 4.5,8.5 11,1' stroke='white' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;background-size:10px 8px;animation:snote-pop .28s cubic-bezier(.22,1,.36,1)}.tiptap ul[data-type=taskList] li[data-checked=true]>div{text-decoration:line-through;text-decoration-color:color-mix(in srgb,var(--snote-accent, #6FCF97) 50%,transparent);opacity:.55;transition:opacity .24s ease-out,text-decoration-color .24s ease-out}.tiptap ul[data-type=taskList] li>div{flex:1}.tiptap table{border-collapse:collapse;width:100%;margin:12px 0;table-layout:fixed;border-radius:8px;overflow:hidden;border:1px solid color-mix(in srgb,currentColor 12%,transparent)}.tiptap table td,.tiptap table th{border:1px solid color-mix(in srgb,currentColor 12%,transparent);padding:8px 10px;min-width:60px;transition:background-color .18s ease-out;position:relative}.tiptap table th{background:color-mix(in srgb,var(--snote-accent, #6FCF97) 8%,transparent);font-weight:600;border-bottom-width:2px}.tiptap table tr:nth-child(2n) td{background:color-mix(in srgb,currentColor 3%,transparent)}@media (hover: hover){.tiptap table tr:hover td{background:color-mix(in srgb,var(--snote-accent, #6FCF97) 9%,transparent)!important}}.tiptap table .selectedCell{background:color-mix(in srgb,var(--snote-accent, #6FCF97) 22%,transparent)!important;transition:background-color .18s ease-out}.tiptap .tableWrapper{overflow-x:auto}.tiptap.resize-cursor{cursor:col-resize;cursor:ew-resize}.tiptap .column-resize-handle{position:absolute;right:-2px;top:0;bottom:-2px;width:4px;background-color:var(--snote-accent, #6FCF97);pointer-events:none}.tiptap img{max-width:100%;border-radius:10px;margin:8px 0;transition:transform .22s cubic-bezier(.16,1,.3,1),box-shadow .24s ease-out,filter .3s ease-out,outline-color .2s ease-out;animation:snote-img-fade-in .36s cubic-bezier(.22,1,.36,1) both;cursor:zoom-in}.tiptap img.ProseMirror-selectednode{outline:3px solid var(--snote-accent, #6FCF97);outline-offset:3px;box-shadow:0 0 0 6px color-mix(in srgb,var(--snote-accent, #6FCF97) 22%,transparent)}.tiptap img[data-upload-id]{animation:none}@keyframes snote-img-fade-in{0%{opacity:0;transform:scale(.985)}to{opacity:1;transform:scale(1)}}@media (hover: hover){.tiptap img:hover:not([data-upload-id]){transform:scale(1.01);box-shadow:0 8px 24px #00000040}}@keyframes snote-placeholder-shimmer{0%,to{opacity:.45}50%{opacity:.7}}.tiptap p.is-editor-empty:first-child:before{content:attr(data-placeholder);float:left;color:#7f7f7f8c;pointer-events:none;height:0;font-style:italic;animation:snote-placeholder-shimmer 3.2s ease-in-out infinite}.tiptap a{color:var(--snote-accent, #64B5F6);text-decoration:underline;text-decoration-color:color-mix(in srgb,var(--snote-accent, #64B5F6) 50%,transparent);text-underline-offset:2px;text-decoration-thickness:1.5px;transition:text-decoration-color .16s ease-out,color .16s ease-out,background-color .16s ease-out;border-radius:3px;padding:0 2px;margin:0 -2px;position:relative}.tiptap a:hover{text-decoration-color:currentColor;background-color:color-mix(in srgb,var(--snote-accent, #64B5F6) 10%,transparent)}@media (hover: hover){.tiptap a[href]:hover:after{content:attr(href);position:absolute;bottom:calc(100% + 6px);left:0;max-width:360px;padding:5px 9px;background:#1e1e1ef5;color:#fff;font-size:11.5px;font-weight:500;letter-spacing:.1px;border-radius:7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none;z-index:10;box-shadow:0 6px 18px #00000047;animation:snote-fade-in .14s ease-out .25s backwards}.tiptap a[href^="/n/"]:hover:after,.tiptap a[href^="/f/"]:hover:after,.tiptap a[href*="/n/"][href*=snote]:hover:after{content:"↗ เปิดภายในแอป";max-width:200px}}.tiptap mark{border-radius:3px;padding:1px 3px;color:inherit;box-decoration-break:clone;-webkit-box-decoration-break:clone;transition:background-color .2s ease-out}.tiptap blockquote{border-left:3px solid var(--snote-accent, #6FCF97);padding:6px 8px 6px 16px;margin:8px 0;opacity:.92;font-style:italic;background:linear-gradient(to right,color-mix(in srgb,var(--snote-accent, #6FCF97) 9%,transparent) 0%,color-mix(in srgb,var(--snote-accent, #6FCF97) 3%,transparent) 60%,transparent 100%);border-radius:0 8px 8px 0;transition:background-position .24s ease-out,border-color .2s ease-out,transform .2s ease-out;position:relative}@media (hover: hover){.tiptap blockquote:hover{transform:translate(2px)}}.tiptap code{background:color-mix(in srgb,var(--snote-accent, #6FCF97) 12%,rgba(127,127,127,.1));color:color-mix(in srgb,var(--snote-accent, #6FCF97) 85%,currentColor);padding:2px 6px;border-radius:5px;font-size:.92em;font-family:SFMono-Regular,"ui-monospace",Menlo,monospace;font-weight:500}.tiptap pre{background:#00000047;padding:14px 16px 14px 18px;border-radius:10px;overflow-x:auto;border:1px solid rgba(127,127,127,.14);border-left:3px solid var(--snote-accent, #6FCF97);font-family:SFMono-Regular,"ui-monospace",Menlo,monospace;font-size:13px;line-height:1.55;position:relative;margin:8px 0}.snote-code-copy-btn{position:absolute;top:6px;right:8px;border:1px solid rgba(127,127,127,.25);background:#1414168c;color:#ffffffd9;font-size:11px;font-weight:600;letter-spacing:.3px;padding:4px 9px;border-radius:6px;cursor:pointer;font-family:SFMono-Regular,"ui-monospace",Menlo,monospace;opacity:0;transform:translateY(-2px);transition:opacity .16s ease-out,transform .16s ease-out,background-color .14s ease-out,color .14s ease-out,border-color .14s ease-out;z-index:2;display:inline-flex;align-items:center;gap:4px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}@media (hover: hover){.tiptap pre:hover .snote-code-copy-btn{opacity:1;transform:translateY(0)}.snote-code-copy-btn:hover{background:var(--snote-accent, #6FCF97);color:#0c1510;border-color:transparent}}@media (hover: none){.snote-code-copy-btn{opacity:.7;transform:none}}.snote-code-copy-btn:active{transform:scale(.94)}.snote-code-copy-btn[data-copied="1"]{background:var(--snote-accent, #6FCF97)!important;color:#0c1510!important;border-color:transparent!important;opacity:1!important;transform:translateY(0)!important}.tiptap pre code{background:transparent!important;color:inherit!important;padding:0!important;font-size:inherit;font-weight:400}.tiptap h1,.tiptap h2,.tiptap h3{letter-spacing:-.01em;margin-top:10px;scroll-margin-top:24px;transition:color .2s ease-out,background-color .4s ease-out;border-radius:4px}.tiptap h1:first-child,.tiptap h2:first-child,.tiptap h3:first-child{margin-top:0}@keyframes snote-heading-target-flash{0%{background-color:color-mix(in srgb,var(--snote-accent, #6FCF97) 0%,transparent)}20%{background-color:color-mix(in srgb,var(--snote-accent, #6FCF97) 22%,transparent)}to{background-color:color-mix(in srgb,var(--snote-accent, #6FCF97) 0%,transparent)}}.tiptap h1:target,.tiptap h2:target,.tiptap h3:target{animation:snote-heading-target-flash 1.4s ease-out}.tiptap ::selection{background:color-mix(in srgb,var(--snote-accent, #6FCF97) 38%,transparent)}.tiptap hr{border:none;height:1px;background:linear-gradient(to right,transparent,rgba(127,127,127,.4),transparent);margin:24px 0;position:relative}.tiptap hr:after{content:"✦";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--snote-bg-editor, var(--snote-bg, transparent));color:#7f7f7f8c;padding:0 10px;font-size:11px;letter-spacing:.5em;pointer-events:none}@media (max-width: 640px) and (pointer: coarse){.tiptap blockquote{margin-left:0;margin-right:0;padding:6px 6px 6px 12px}.tiptap pre{padding:12px 12px 12px 14px;font-size:12.5px;border-radius:8px;margin:6px -4px}.tiptap ul,.tiptap ol{padding-left:20px}.tiptap h1{font-size:24px}.tiptap h2{font-size:20px}.tiptap h3{font-size:17px}.tiptap table{font-size:13px}.tiptap table td,.tiptap table th{padding:6px}.snote-code-copy-btn{font-size:10px;padding:3px 7px}}kbd,.tiptap kbd{display:inline-block;padding:1px 6px;font-size:.85em;font-family:SFMono-Regular,"ui-monospace",Menlo,monospace;font-weight:600;line-height:1.4;color:inherit;background:color-mix(in srgb,currentColor 8%,transparent);border:1px solid color-mix(in srgb,currentColor 18%,transparent);border-bottom-width:2px;border-radius:5px;vertical-align:middle;white-space:nowrap;letter-spacing:.2px}.snote-skip-link{position:fixed;top:8px;left:8px;transform:translateY(-140%);padding:10px 16px;background:var(--snote-accent, #6FCF97);color:#fff;font-weight:600;border-radius:8px;text-decoration:none;z-index:10001;transition:transform .18s cubic-bezier(.16,1,.3,1);box-shadow:0 8px 24px #00000040}.snote-skip-link:focus-visible,.snote-skip-link:focus{transform:translateY(0);outline:3px solid rgba(255,255,255,.6);outline-offset:2px}html,body,#root{height:100%;width:100%;margin:0;overscroll-behavior:none;overflow-x:hidden}html{color-scheme:light dark}body{font-family:Sarabun,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-feature-settings:"kern" 1,"liga" 1,"calt" 1;font-kerning:normal}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}*{scrollbar-width:thin;scrollbar-color:rgba(128,128,128,.32) transparent}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background-color:#80808033;border-radius:10px;border:2.5px solid transparent;background-clip:content-box;transition:background-color .22s ease-out}*::-webkit-scrollbar-thumb:hover{background-color:color-mix(in srgb,var(--snote-accent, #6FCF97) 45%,rgba(128,128,128,.5))}*::-webkit-scrollbar-thumb:active{background-color:var(--snote-accent, #6FCF97)}*::-webkit-scrollbar-corner{background:transparent}.snote-no-scrollbar::-webkit-scrollbar{display:none}.snote-no-scrollbar{scrollbar-width:none}input,textarea{transition:border-color .18s ease-out,box-shadow .22s ease-out,background-color .15s ease-out}input:focus-visible,textarea:focus-visible{outline:2px solid rgba(111,207,151,.75);outline-offset:1px;border-radius:6px}input:focus,textarea:focus{box-shadow:0 0 0 3px color-mix(in srgb,var(--snote-accent, #6FCF97) 12%,transparent),0 0 14px color-mix(in srgb,var(--snote-accent, #6FCF97) 18%,transparent)}input[type=date]:focus,input[type=time]:focus,input[type=datetime-local]:focus{border-color:var(--snote-accent, #6FCF97)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--snote-accent, #6FCF97) 18%,transparent),0 0 18px color-mix(in srgb,var(--snote-accent, #6FCF97) 22%,transparent)}button:focus-visible,[role=button]:focus-visible,a:focus-visible{outline:2px solid rgba(111,207,151,.75);outline-offset:2px;border-radius:6px}@keyframes snote-fade-in{0%{opacity:0}to{opacity:1}}@keyframes snote-scale-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes snote-slide-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes snote-slide-down{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}@keyframes snote-slide-right{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:translate(0)}}@keyframes snote-slide-left{0%{opacity:0;transform:translate(-16px)}to{opacity:1;transform:translate(0)}}@keyframes snote-shimmer{0%{background-position:-320px 0}to{background-position:320px 0}}@keyframes snote-spin{to{transform:rotate(360deg)}}@keyframes snote-pulse{0%,to{opacity:.55}50%{opacity:1}}@keyframes snote-pop{0%{transform:scale(1)}40%{transform:scale(1.28)}to{transform:scale(1)}}.snote-pop{animation:snote-pop .28s cubic-bezier(.22,1,.36,1) both}@keyframes snote-float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.snote-float{animation:snote-float 3.2s ease-in-out infinite}@keyframes snote-badge-pop{0%{transform:scale(.85);opacity:.6}55%{transform:scale(1.15);opacity:1}to{transform:scale(1)}}.snote-badge-pop{animation:snote-badge-pop .28s cubic-bezier(.22,1,.36,1) both}@keyframes snote-count-up{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.snote-count-up{animation:snote-count-up .4s cubic-bezier(.22,1,.36,1) both}.snote-note-card{-webkit-user-select:none;user-select:none}.snote-note-card :where(h1,h2,h3,p,span,div){-webkit-touch-callout:none}.snote-dropdown-item{transition:background-color .15s ease-out,transform .1s ease-out,padding-left .18s cubic-bezier(.22,1,.36,1);position:relative}.snote-dropdown-item:active{transform:scale(.98)}@media (hover: hover){.snote-dropdown-item:hover{background-color:color-mix(in srgb,var(--snote-accent, #6FCF97) 10%,transparent)!important}}.snote-breadcrumb-link{transition:opacity .15s ease-out,text-decoration-color .18s ease-out,color .16s ease-out;text-decoration:underline transparent;text-underline-offset:3px;text-decoration-thickness:1.5px}@media (hover: hover){.snote-breadcrumb-link:hover{text-decoration-color:var(--snote-accent, #6FCF97);color:var(--snote-accent, #6FCF97)}}html{scroll-behavior:smooth}.tiptap h1,.tiptap h2,.tiptap h3{scroll-margin-top:20px}body.snote-modal-open{overflow:hidden}@media all and (display-mode: standalone){body{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}}@media print{.snote-topbar,[data-snote-iconbtn],[data-snote-press],[data-tabid],[data-tooltip]:after,[data-tooltip]:before,.snote-note-card,.snote-save-indicator{display:none!important}[role=button][data-tooltip=Close],[role=button][data-tooltip=Refresh]{display:none!important}html,body,#root{background:#fff!important;color:#000!important;height:auto!important;overflow:visible!important;font-family:Sarabun,serif!important}body *{box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.tiptap-wrap,.tiptap{overflow:visible!important;max-width:none!important;padding:0!important;color:#000!important;background:#fff!important;font-size:12pt!important;line-height:1.55!important}.tiptap h1{font-size:22pt!important;margin-bottom:10pt!important;page-break-after:avoid}.tiptap h2{font-size:18pt!important;margin-bottom:8pt!important;page-break-after:avoid}.tiptap h3{font-size:14pt!important;margin-bottom:6pt!important;page-break-after:avoid}.tiptap p,.tiptap li{page-break-inside:avoid}.tiptap a{color:#000!important;text-decoration:underline!important}.tiptap a:after{content:" (" attr(href) ")";font-size:9pt;color:#444}.tiptap img{max-width:100%!important;break-inside:avoid;page-break-inside:avoid}.tiptap pre,.tiptap code{background:#f5f5f5!important;color:#000!important;border:1px solid #ddd!important}.tiptap blockquote{border-left:3px solid #000!important;color:#333!important;page-break-inside:avoid}.tiptap table{page-break-inside:avoid}.tiptap table td,.tiptap table th{border:1px solid #000!important;background:#fff!important}@page{margin:2cm 1.8cm}}.snote-theme-card{transition:transform .2s cubic-bezier(.22,1,.36,1)}@media (hover: hover){.snote-theme-card:hover{transform:translateY(-2px)}}.snote-theme-card:active{transform:scale(.97)}@keyframes snote-checkbox-pop{0%{transform:scale(1)}35%{transform:scale(1.18)}to{transform:scale(1)}}input[type=checkbox]{transition:transform .16s cubic-bezier(.22,1,.36,1)}input[type=checkbox]:active{transform:scale(.88)}input[type=checkbox]:checked{animation:snote-checkbox-pop .28s cubic-bezier(.22,1,.36,1)}::placeholder{opacity:.55;transition:opacity .18s ease-out}input:focus::placeholder,textarea:focus::placeholder{opacity:.35}.snote-fade-in{animation:snote-fade-in .18s ease-out both}.snote-save-indicator{transition:opacity .26s cubic-bezier(.22,1,.36,1),color .2s ease-out}@keyframes snote-save-spin{to{transform:rotate(360deg)}}.snote-save-spin{animation:snote-save-spin .9s linear infinite;transform-origin:50% 50%}@keyframes snote-save-check-in{0%{transform:scale(.4);opacity:0}60%{transform:scale(1.3);opacity:1}to{transform:scale(1);opacity:1}}.snote-save-check{animation:snote-save-check-in .34s cubic-bezier(.16,1,.3,1) both}.snote-scale-in{animation:snote-scale-in .18s cubic-bezier(.16,1,.3,1) both}.snote-slide-up{animation:snote-slide-up .22s cubic-bezier(.16,1,.3,1) both}@keyframes snote-slide-down-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(12px)}}.snote-slide-down-out{animation:snote-slide-down-out .24s cubic-bezier(.4,0,.6,1) both}.snote-slide-down{animation:snote-slide-down .22s cubic-bezier(.16,1,.3,1) both}.snote-slide-right{animation:snote-slide-right .22s cubic-bezier(.16,1,.3,1) both}.snote-slide-left{animation:snote-slide-left .22s cubic-bezier(.16,1,.3,1) both}.snote-skel{background:linear-gradient(90deg,color-mix(in srgb,currentColor 4%,transparent),color-mix(in srgb,currentColor 12%,transparent),color-mix(in srgb,currentColor 4%,transparent));background-size:640px 100%;animation:snote-shimmer 1.2s linear infinite;border-radius:8px}[data-snote-press]{transition:transform .12s ease-out,background-color .15s ease-out,opacity .15s ease-out,box-shadow .18s ease-out}[data-snote-press]:active{transform:scale(.97)}.snote-note-card{content-visibility:auto;contain-intrinsic-size:auto 84px}.snote-fab,.snote-back-to-top,.snote-thumb-wrap img{will-change:transform}@keyframes snote-card-stagger-in{0%{opacity:0;transform:translateY(8px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}.snote-note-card{transition:background-color .18s ease-out,transform .14s ease-out,box-shadow .2s ease-out;animation:snote-card-stagger-in .32s cubic-bezier(.16,1,.3,1) both}.snote-note-card:nth-child(1){animation-delay:0ms}.snote-note-card:nth-child(2){animation-delay:25ms}.snote-note-card:nth-child(3){animation-delay:50ms}.snote-note-card:nth-child(4){animation-delay:75ms}.snote-note-card:nth-child(5){animation-delay:.1s}.snote-note-card:nth-child(6){animation-delay:125ms}.snote-note-card:nth-child(7){animation-delay:.15s}.snote-note-card:nth-child(8){animation-delay:175ms}.snote-note-card:nth-child(9){animation-delay:.2s}.snote-note-card:nth-child(10){animation-delay:225ms}.snote-note-card:nth-child(11){animation-delay:.25s}.snote-note-card:nth-child(12){animation-delay:275ms}.snote-note-card:nth-child(n+13){animation-delay:.3s}@media (hover: hover){.snote-note-card:hover{transform:translateY(-1px);box-shadow:0 2px 8px #0000001f}}.snote-note-card:active{transform:scale(.985)}.snote-note-card>*{transition:background-color .22s cubic-bezier(.22,1,.36,1),border-color .2s ease-out!important}[data-tooltip]{position:relative}[data-tooltip]:after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%) translateY(4px);padding:6px 10px;background:#141416f5;color:#fff;border-radius:8px;border:1px solid rgba(255,255,255,.08);font-size:11.5px;font-weight:500;letter-spacing:.2px;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .16s ease-out,transform .18s ease-out;z-index:600;box-shadow:0 6px 18px #00000052,0 1px 3px #0000002e;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}[data-tooltip]:before{content:"";position:absolute;bottom:calc(100% + 2px);left:50%;transform:translate(-50%) translateY(4px);border:5px solid transparent;border-top-color:#1e1e1ef5;pointer-events:none;opacity:0;transition:opacity .16s ease-out,transform .18s ease-out;z-index:600}@media (hover: hover){[data-tooltip]:hover:before{opacity:1;transform:translate(-50%) translateY(0);transition-delay:.32s}}[data-tooltip][data-tooltip-pos=bottom]:before{bottom:auto;top:calc(100% + 2px);border-top-color:transparent;border-bottom-color:#1e1e1ef5;transform:translate(-50%) translateY(-4px)}@media (hover: hover){[data-tooltip][data-tooltip-pos=bottom]:hover:before{transform:translate(-50%) translateY(0)}}@media (hover: none){[data-tooltip]:before{display:none}}@media (hover: hover){[data-tooltip]:hover:after{opacity:1;transform:translate(-50%) translateY(0);transition-delay:.32s}}[data-tooltip][data-tooltip-pos=bottom]:after{bottom:auto;top:calc(100% + 8px);transform:translate(-50%) translateY(-4px)}@media (hover: hover){[data-tooltip][data-tooltip-pos=bottom]:hover:after{transform:translate(-50%) translateY(0)}}@media (hover: none){[data-tooltip]:after{display:none}}[data-tooltip-align=end]:after,[data-tooltip-align=end]:before{left:auto;right:-6px;transform:translateY(4px)}[data-tooltip-align=end]:before{right:4px}[data-tooltip-align=end][data-tooltip-pos=bottom]:after,[data-tooltip-align=end][data-tooltip-pos=bottom]:before{transform:translateY(-4px)}@media (hover: hover){[data-tooltip-align=end]:hover:after,[data-tooltip-align=end]:hover:before,[data-tooltip-align=end][data-tooltip-pos=bottom]:hover:after,[data-tooltip-align=end][data-tooltip-pos=bottom]:hover:before{transform:translateY(0)}}.snote-topbar{backdrop-filter:saturate(180%) blur(18px);-webkit-backdrop-filter:saturate(180%) blur(18px);position:relative}.snote-topbar:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(to right,transparent,color-mix(in srgb,currentColor 12%,transparent) 12%,color-mix(in srgb,currentColor 16%,transparent) 50%,color-mix(in srgb,currentColor 12%,transparent) 88%,transparent);pointer-events:none}@supports (padding: max(0px)){.snote-safe-top{padding-top:max(env(safe-area-inset-top),0px)}.snote-safe-bottom{padding-bottom:max(env(safe-area-inset-bottom),0px)}.snote-safe-left{padding-left:max(env(safe-area-inset-left),0px)}.snote-safe-right{padding-right:max(env(safe-area-inset-right),0px)}}@media (hover: none) and (pointer: coarse){[role=button]{min-height:40px;min-width:40px}}@media (max-width: 640px){.tiptap-wrap{padding:4px 12px 14px!important}}@media (max-width: 640px) and (pointer: coarse){.tiptap{font-size:16px!important}}@media (max-width: 480px){[data-tooltip=ประวัติการแก้ไข],[data-tooltip=Templates],[data-tooltip="Table of Contents"]{display:none!important}}@media (min-width: 641px) and (max-width: 1023px){.tiptap-wrap{padding:4px 16px 16px!important}}.snote-theme-switching,.snote-theme-switching *,.snote-theme-switching *:before,.snote-theme-switching *:after{transition:background-color .3s ease,color .26s ease,border-color .26s ease,fill .26s ease,stroke .26s ease!important}.snote-primary-btn{transition:transform .16s ease-out,box-shadow .2s ease-out,opacity .15s ease-out,filter .16s ease-out!important;position:relative;overflow:hidden}@media (hover: hover){.snote-primary-btn:hover{transform:translateY(-1px);box-shadow:0 8px 24px #6fcf9759;filter:brightness(1.05)}}.snote-primary-btn:active{transform:translateY(0) scale(.97);filter:brightness(.96)}@keyframes snote-ripple-burst{0%{opacity:.45;transform:translate(-50%,-50%) scale(.2)}60%{opacity:.22}to{opacity:0;transform:translate(-50%,-50%) scale(2.6)}}.snote-primary-btn:before,.snote-fab:before{content:"";position:absolute;top:50%;left:50%;width:120%;aspect-ratio:1;border-radius:50%;background:#ffffff8c;opacity:0;pointer-events:none;transform:translate(-50%,-50%) scale(.2)}.snote-primary-btn:active:before,.snote-fab:active:before{animation:snote-ripple-burst .48s cubic-bezier(.22,1,.36,1)}.snote-danger-btn{transition:transform .16s ease-out,box-shadow .2s ease-out,opacity .15s ease-out!important}@media (hover: hover){.snote-danger-btn:hover{transform:translateY(-1px);box-shadow:0 8px 24px #ff3b304d}}.snote-danger-btn:active{transform:translateY(0) scale(.98)}*{-webkit-tap-highlight-color:transparent}input,textarea{caret-color:var(--snote-accent, #6FCF97)}::selection{background:color-mix(in srgb,var(--snote-accent, #6FCF97) 35%,transparent);color:inherit}::-moz-selection{background:color-mix(in srgb,var(--snote-accent, #6FCF97) 35%,transparent);color:inherit}.tiptap ::selection{background:color-mix(in srgb,var(--snote-accent, #6FCF97) 45%,transparent)}.snote-hoverable{transition:background-color .16s ease-out,color .16s ease-out,opacity .16s ease-out}.snote-hoverable:hover{opacity:.88}[role=button]{transition:background-color .15s ease-out,opacity .15s ease-out,color .15s ease-out,transform .12s ease-out,box-shadow .18s ease-out;touch-action:manipulation}[role=button]:active{opacity:.7}button[disabled],button[aria-disabled=true],[role=button][aria-disabled=true]{cursor:not-allowed!important;filter:grayscale(.4);opacity:.55!important;pointer-events:auto!important}button[disabled]:active,button[aria-disabled=true]:active{transform:none!important}@keyframes snote-settings-enter{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.snote-settings-row{transition:background-color .15s ease-out;animation:snote-settings-enter .28s cubic-bezier(.16,1,.3,1) both}.snote-settings-row:nth-child(1){animation-delay:0ms}.snote-settings-row:nth-child(2){animation-delay:22ms}.snote-settings-row:nth-child(3){animation-delay:44ms}.snote-settings-row:nth-child(4){animation-delay:66ms}.snote-settings-row:nth-child(5){animation-delay:88ms}.snote-settings-row:nth-child(6){animation-delay:.11s}.snote-settings-row:nth-child(7){animation-delay:132ms}.snote-settings-row:nth-child(8){animation-delay:154ms}.snote-settings-row:nth-child(n+9){animation-delay:176ms}@media (hover: hover){.snote-settings-row:hover{background-color:color-mix(in srgb,var(--snote-accent, #6FCF97) 8%,transparent)}.snote-settings-row:hover svg:last-child{transform:translate(2px)}}.snote-settings-row svg:last-child{transition:transform .18s cubic-bezier(.22,1,.36,1)}[data-snote-swatch]{transition:transform .14s ease-out,box-shadow .18s ease-out!important}@media (hover: hover){[data-snote-swatch]:hover{transform:scale(1.12);box-shadow:0 4px 10px #00000040}}[data-snote-swatch]:active{transform:scale(.94)}.snote-avatar-ring{transition:box-shadow .18s ease-out}@media (hover: hover){.snote-avatar-ring:hover{box-shadow:0 0 0 3px color-mix(in srgb,var(--snote-accent, #6FCF97) 40%,transparent)}}[data-snote-iconbtn]{transition:background-color .16s ease-out,transform .12s cubic-bezier(.22,1,.36,1),color .14s ease-out;border-radius:8px}@media (hover: hover){[data-snote-iconbtn]:hover{background-color:color-mix(in srgb,var(--snote-accent, #6FCF97) 14%,transparent);color:var(--snote-accent, #6FCF97)}[data-snote-iconbtn]:hover svg[stroke=currentColor]{stroke:var(--snote-accent, #6FCF97)}}[data-snote-iconbtn]:active{transform:scale(.9)}.snote-toolbar{transition:box-shadow .24s ease-out}.snote-toolbar-elevated{box-shadow:0 -8px 24px #00000029,0 -2px 6px #00000014}.snote-lightbox-arrow{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:50%;background:#ffffff1f;border:none;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:background-color .14s ease-out,transform .2s cubic-bezier(.16,1,.3,1);animation:snote-fade-in .22s ease-out both}.snote-lightbox-arrow:hover{background:#ffffff3d;transform:translateY(-50%) scale(1.08)}.snote-lightbox-arrow:active{transform:translateY(-50%) scale(.94)}@keyframes snote-drop-pulse{0%,to{box-shadow:0 0 0 4px color-mix(in srgb,var(--snote-accent, #6FCF97) 12%,transparent)}50%{box-shadow:0 0 0 7px color-mix(in srgb,var(--snote-accent, #6FCF97) 22%,transparent)}}.snote-drop-target{animation:snote-drop-pulse 1.1s ease-in-out infinite}@keyframes snote-section-label-in{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}.snote-section-label{animation:snote-section-label-in .28s cubic-bezier(.16,1,.3,1) both;position:relative}.snote-section-label:after{content:"";display:block;width:14px;height:1.5px;margin-top:3px;background:linear-gradient(to right,color-mix(in srgb,var(--snote-accent, #6FCF97) 70%,transparent),transparent);border-radius:1px;opacity:.7}.snote-folder-active{position:relative}.snote-folder-active:before{content:"";position:absolute;left:-1px;top:8px;bottom:8px;width:3px;border-radius:2px;background:var(--snote-accent, #6FCF97);box-shadow:0 0 8px color-mix(in srgb,var(--snote-accent, #6FCF97) 50%,transparent);animation:snote-folder-active-pulse 2.4s ease-in-out infinite;z-index:1;pointer-events:none}@keyframes snote-folder-active-pulse{0%,to{box-shadow:0 0 4px color-mix(in srgb,var(--snote-accent, #6FCF97) 30%,transparent)}50%{box-shadow:0 0 12px color-mix(in srgb,var(--snote-accent, #6FCF97) 70%,transparent)}}@keyframes snote-folder-enter{0%{opacity:0;transform:translate(-6px)}to{opacity:1;transform:translate(0)}}.snote-folder-row{animation:snote-folder-enter .28s cubic-bezier(.16,1,.3,1) both;will-change:transform}.snote-folder-row:nth-child(1){animation-delay:0ms}.snote-folder-row:nth-child(2){animation-delay:18ms}.snote-folder-row:nth-child(3){animation-delay:36ms}.snote-folder-row:nth-child(4){animation-delay:54ms}.snote-folder-row:nth-child(5){animation-delay:72ms}.snote-folder-row:nth-child(6){animation-delay:90ms}.snote-folder-row:nth-child(7){animation-delay:108ms}.snote-folder-row:nth-child(8){animation-delay:126ms}.snote-folder-row:nth-child(n+9){animation-delay:144ms}@keyframes snote-pin-wiggle-in{0%{transform:scale(.4) rotate(-30deg);opacity:0}50%{transform:scale(1.2) rotate(15deg);opacity:1}75%{transform:scale(.96) rotate(-6deg)}to{transform:scale(1) rotate(0)}}.snote-pinned-chip{display:inline-block;animation:snote-pin-wiggle-in .48s cubic-bezier(.16,1,.3,1) both;transform-origin:center}.snote-title-input{position:relative;outline:none!important;transition:letter-spacing .22s ease-out,color .18s ease-out}.snote-title-input:focus-visible{outline:none!important;letter-spacing:-.005em}.snote-title-input:focus{outline:none!important}.snote-title-input::placeholder{font-weight:500;font-style:italic;opacity:.42;transition:opacity .2s ease-out,transform .22s ease-out;display:inline-block}.snote-title-input:focus::placeholder{opacity:.28;transform:translate(3px)}@keyframes snote-tag-chip-enter{0%{opacity:0;transform:scale(.7) translateY(4px)}to{opacity:1;transform:scale(1) translateY(0)}}.snote-tag-chip{transition:transform .14s cubic-bezier(.22,1,.36,1),filter .14s ease-out!important;animation:snote-tag-chip-enter .28s cubic-bezier(.16,1,.3,1) both}.snote-tag-chip:nth-child(1){animation-delay:0ms}.snote-tag-chip:nth-child(2){animation-delay:14ms}.snote-tag-chip:nth-child(3){animation-delay:28ms}.snote-tag-chip:nth-child(4){animation-delay:42ms}.snote-tag-chip:nth-child(5){animation-delay:56ms}.snote-tag-chip:nth-child(6){animation-delay:70ms}.snote-tag-chip:nth-child(7){animation-delay:84ms}.snote-tag-chip:nth-child(8){animation-delay:98ms}.snote-tag-chip:nth-child(n+9){animation-delay:112ms}@media (hover: hover){.snote-tag-chip:hover{transform:scale(1.12) translateY(-1px);filter:brightness(1.1)}}.snote-tag-chip:active{transform:scale(.94)}@keyframes snote-sidebar-search-enter{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.snote-sidebar-search-result{animation:snote-sidebar-search-enter .22s cubic-bezier(.16,1,.3,1) both;transition:background-color .15s ease-out,padding-left .18s cubic-bezier(.22,1,.36,1);border-left:3px solid transparent}.snote-sidebar-search-result:nth-child(1){animation-delay:0ms}.snote-sidebar-search-result:nth-child(2){animation-delay:18ms}.snote-sidebar-search-result:nth-child(3){animation-delay:36ms}.snote-sidebar-search-result:nth-child(4){animation-delay:54ms}.snote-sidebar-search-result:nth-child(5){animation-delay:72ms}.snote-sidebar-search-result:nth-child(n+6){animation-delay:90ms}@media (hover: hover){.snote-sidebar-search-result:hover{background-color:color-mix(in srgb,var(--snote-accent, #6FCF97) 9%,transparent);border-left-color:var(--snote-accent, #6FCF97);padding-left:18px}}.snote-qs-row{transition:background-color .14s ease-out,border-left-color .16s ease-out!important}@keyframes snote-bubble-in{0%{opacity:0;transform:translate(-50%) translateY(6px) scale(.94)}to{opacity:1;transform:translate(-50%) translateY(0) scale(1)}}.snote-bubble-menu{animation:snote-bubble-in .16s cubic-bezier(.16,1,.3,1) both;box-shadow:0 6px 20px #00000038,0 1px 3px #00000026}.snote-bubble-menu button{transition:background-color .12s ease-out,transform .12s ease-out,color .12s ease-out;position:relative}.snote-bubble-menu button:hover:not([disabled]){background-color:color-mix(in srgb,var(--snote-accent, #6FCF97) 16%,transparent)!important;color:var(--snote-accent, #6FCF97)}.snote-bubble-menu button:active{transform:scale(.9)}@keyframes snote-fab-enter{0%{opacity:0;transform:translateY(30px) scale(.6) rotate(-30deg)}60%{opacity:1;transform:translateY(-4px) scale(1.06) rotate(5deg)}to{opacity:1;transform:translateY(0) scale(1) rotate(0)}}.snote-fab-enter{animation:snote-fab-enter .38s cubic-bezier(.16,1,.3,1) both}.snote-fab{transition:transform .18s cubic-bezier(.22,1,.36,1),box-shadow .22s ease-out,filter .16s ease-out!important;position:relative;overflow:hidden}@media (hover: hover){.snote-fab:hover{transform:translateY(-3px) scale(1.06);filter:brightness(1.08);box-shadow:0 12px 28px color-mix(in srgb,var(--snote-accent, #6FCF97) 45%,transparent),0 4px 10px #0000002e}.snote-fab:hover svg{transform:rotate(90deg) scale(1.1)}}.snote-fab svg{transition:transform .32s cubic-bezier(.22,1,.36,1)}.snote-fab:active{transform:translateY(0) scale(.92)}@keyframes snote-fab-breathe{0%,to{box-shadow:0 0 color-mix(in srgb,var(--snote-accent, #6FCF97) 0%,transparent)}50%{box-shadow:0 0 0 6px color-mix(in srgb,var(--snote-accent, #6FCF97) 22%,transparent)}}.snote-fab.snote-fab-attention{animation:snote-fab-breathe 2.4s ease-in-out infinite}@keyframes snote-back-top-in{0%{opacity:0;transform:translateY(20px) scale(.7)}60%{opacity:1;transform:translateY(-4px) scale(1.05)}to{opacity:1;transform:translateY(0) scale(1)}}.snote-back-to-top{animation:snote-back-top-in .26s cubic-bezier(.16,1,.3,1) both;transition:transform .18s cubic-bezier(.22,1,.36,1),box-shadow .22s ease-out,filter .16s ease-out!important}@media (hover: hover){.snote-back-to-top:hover{transform:translateY(-2px) scale(1.04);filter:brightness(1.08)}}.snote-back-to-top:active{transform:translateY(0) scale(.94)}@keyframes snote-login-aurora{0%{transform:translate3d(-6%,-4%,0) scale(1.05);opacity:.85}33%{transform:translate3d(4%,6%,0) scale(1.15);opacity:1}66%{transform:translate3d(6%,-6%,0) scale(1.08);opacity:.8}to{transform:translate3d(-6%,-4%,0) scale(1.05);opacity:.85}}.snote-login-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;overflow:hidden;background:var(--snote-bg, #1c1c1e)}.snote-login-bg:before,.snote-login-bg:after{content:"";position:absolute;width:60vmax;height:60vmax;border-radius:50%;filter:blur(90px);opacity:.55;mix-blend-mode:screen;animation:snote-login-aurora 18s ease-in-out infinite}.snote-login-bg:before{top:-20%;left:-18%;background:radial-gradient(closest-side,var(--snote-accent, #6FCF97),transparent 70%)}.snote-login-bg:after{bottom:-25%;right:-20%;background:radial-gradient(closest-side,color-mix(in srgb,var(--snote-accent, #6FCF97) 70%,#64B5F6),transparent 70%);animation-duration:22s;animation-delay:-7s}@media (prefers-color-scheme: light){.snote-login-bg:before,.snote-login-bg:after{opacity:.32;filter:blur(110px)}}@media (prefers-reduced-motion: reduce){.snote-login-bg:before,.snote-login-bg:after{animation:none}}.snote-shortcut-row{transition:background-color .14s ease-out}@media (hover: hover){.snote-shortcut-row:hover{background-color:color-mix(in srgb,var(--snote-accent, #6FCF97) 9%,transparent)}}.snote-tab-scroll-edge{position:absolute;top:0;bottom:0;width:36px;border:none;cursor:pointer;display:flex;align-items:center;justify-content:flex-end;padding:0 4px;z-index:5;animation:snote-fade-in .18s ease-out both}.snote-tab-scroll-edge[style*=right]{justify-content:flex-start;padding:0 4px 0 8px}.snote-tab-scroll-edge:hover svg{transform:scale(1.18)}.snote-tab-scroll-edge svg{transition:transform .16s cubic-bezier(.22,1,.36,1)}.snote-tag-suggest{transition:background-color .14s ease-out,padding-left .2s cubic-bezier(.22,1,.36,1)}@media (hover: hover){.snote-tag-suggest:hover{background-color:color-mix(in srgb,var(--snote-accent, #6FCF97) 14%,transparent);padding-left:14px!important}}@keyframes snote-toc-item-in{0%{opacity:0;transform:translate(-4px)}to{opacity:1;transform:translate(0)}}.snote-toc-item{position:relative;transition:background-color .15s ease-out,padding-left .2s cubic-bezier(.22,1,.36,1);animation:snote-toc-item-in .22s cubic-bezier(.16,1,.3,1) both;border-left:2px solid transparent}.snote-toc-item:nth-child(2){animation-delay:18ms}.snote-toc-item:nth-child(3){animation-delay:36ms}.snote-toc-item:nth-child(4){animation-delay:54ms}.snote-toc-item:nth-child(5){animation-delay:72ms}.snote-toc-item:nth-child(6){animation-delay:90ms}.snote-toc-item:nth-child(n+7){animation-delay:108ms}@media (hover: hover){.snote-toc-item:hover{background-color:color-mix(in srgb,var(--snote-accent, #6FCF97) 12%,transparent)!important;border-left-color:var(--snote-accent, #6FCF97)}}@keyframes snote-tab-enter{0%{opacity:0;transform:translateY(-4px) scaleX(.85);transform-origin:left center}to{opacity:1;transform:translateY(0) scaleX(1)}}@keyframes snote-tab-leave{0%{opacity:1;transform:scaleY(1)}to{opacity:0;transform:translateY(4px) scaleY(.7)}}.snote-tab-enter{animation:snote-tab-enter .18s cubic-bezier(.16,1,.3,1) both}.snote-tab-leave{animation:snote-tab-leave .17s cubic-bezier(.4,0,.6,1) both;pointer-events:none}@media (hover: hover){.snote-tab:not(.snote-tab-active):hover{transform:translateY(-1px)}}.snote-tab{transition:transform .14s cubic-bezier(.22,1,.36,1)!important}.snote-tab-active:before{content:"";position:absolute;top:-2px;left:0;right:0;height:2px;background:var(--snote-accent, #6FCF97);border-radius:2px 2px 0 0;transform-origin:center;animation:snote-tab-accent-in .28s cubic-bezier(.16,1,.3,1) both;pointer-events:none}@keyframes snote-tab-accent-in{0%{transform:scaleX(.2);opacity:0}to{transform:scaleX(1);opacity:1}}@keyframes snote-reminder-pulse{0%,to{box-shadow:0 0 #ff3b308c}50%{box-shadow:0 0 0 5px #ff3b3000}}.snote-reminder-pulse{animation:snote-reminder-pulse 1.8s ease-out infinite}.snote-thumb-wrap{position:relative;isolation:isolate;transition:box-shadow .24s ease-out,transform .24s cubic-bezier(.16,1,.3,1)}@media (hover: hover){.snote-note-card:hover .snote-thumb-wrap{box-shadow:0 0 0 1.5px color-mix(in srgb,var(--snote-accent, #6FCF97) 70%,transparent),0 6px 16px #0000002e}.snote-note-card:hover .snote-thumb-wrap img{transform:scale(1.1)!important;filter:saturate(1.08)}}.snote-thumb-wrap img{transition:transform .42s cubic-bezier(.16,1,.3,1),opacity .32s ease-out,filter .28s ease-out!important}.snote-thumb-wrap:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,transparent 60%,rgba(0,0,0,.18));opacity:0;transition:opacity .24s ease-out;pointer-events:none;z-index:1}@media (hover: hover){.snote-note-card:hover .snote-thumb-wrap:after{opacity:1}}.snote-note-card{position:relative}.snote-card-quick{position:absolute;top:6px;right:10px;display:flex;gap:2px;padding:2px;border-radius:8px;background:color-mix(in srgb,var(--snote-bg-card, #2c2c2e) 92%,transparent);backdrop-filter:saturate(180%) blur(8px);-webkit-backdrop-filter:saturate(180%) blur(8px);box-shadow:0 3px 10px #0000002e;opacity:0;transform:translateY(-3px);transition:opacity .14s ease-out,transform .18s cubic-bezier(.16,1,.3,1);pointer-events:none;z-index:2}@media (hover: hover){.snote-note-card:hover .snote-card-quick{opacity:1;transform:translateY(0);pointer-events:auto}}@media (hover: none){.snote-card-quick{display:none}}.snote-card-quick-btn{width:24px;height:24px;border:none;background:transparent;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;color:inherit;transition:background-color .12s ease-out,color .12s ease-out,transform .12s ease-out;padding:0}.snote-card-quick-btn:hover{background-color:color-mix(in srgb,var(--snote-accent, #6FCF97) 18%,transparent);color:var(--snote-accent, #6FCF97)!important}.snote-card-quick-btn.snote-card-quick-danger:hover{background-color:#ff3b302e;color:#ff3b30!important}.snote-card-quick-btn:active{transform:scale(.88)}@keyframes snote-confirm-warn-pulse{0%,to{box-shadow:0 0 #ff3b3000,0 0 0 1px #ff3b3040;transform:scale(1) rotate(0)}20%{transform:scale(1.08) rotate(-4deg)}35%{transform:scale(1.06) rotate(4deg);box-shadow:0 0 0 6px #ff3b302e,0 0 0 1px #ff3b3080}55%{transform:scale(1.02) rotate(-2deg)}75%{transform:scale(1) rotate(0);box-shadow:0 0 #ff3b3000,0 0 0 1px #ff3b3040}}.snote-confirm-warn-icon{animation:snote-confirm-warn-pulse 1.4s ease-out .22s both;transform-origin:50% 60%}@keyframes snote-save-bar-slide{0%{transform:translate(-100%)}to{transform:translate(100%)}}.snote-save-bar-pending{background:linear-gradient(90deg,transparent 0%,color-mix(in srgb,var(--snote-accent, #6FCF97) 75%,transparent) 25%,var(--snote-accent, #6FCF97) 50%,color-mix(in srgb,var(--snote-accent, #6FCF97) 75%,transparent) 75%,transparent 100%);background-size:60% 100%;background-repeat:no-repeat;animation:snote-save-bar-slide 1.2s linear infinite;width:100%}.snote-save-bar-saved{background:#34c759;width:100%;box-shadow:0 0 8px #34c7598c}@keyframes snote-toast-enter{0%{opacity:0;transform:translateY(14px) scale(.94)}60%{opacity:1;transform:translateY(-2px) scale(1.01)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes snote-toast-leave{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(8px) scale(.97)}}.snote-toast-enter{animation:snote-toast-enter .28s cubic-bezier(.16,1,.3,1) both}.snote-toast-leave{animation:snote-toast-leave .22s cubic-bezier(.4,0,.6,1) both}