:root{--dracula-bg:#282a36;--dracula-current-line:#44475a;--dracula-selection:#44475a;--dracula-fg:#f8f8f2;--dracula-comment:#6272a4;--dracula-cyan:#8be9fd;--dracula-green:#50fa7b;--dracula-orange:#ffb86c;--dracula-pink:#ff79c6;--dracula-purple:#bd93f9;--dracula-red:#f55;--dracula-yellow:#f1fa8c}body.wp-sticky-preview{background-color:var(--dracula-bg);color:var(--dracula-fg);font-family:Roboto Mono,monospace;margin:0;padding:0}#wp-sticky-board-root{min-height:100vh;padding:0}.wp-sticky-app{background-color:var(--board-bg,#282a36)!important;color:var(--font-color,var(--dracula-fg));font-family:var(--font-family,inherit);min-height:100vh}.sticky-board{align-items:var(--grid-align,start);display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));padding:0}.sticky-note{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:var(--note-radius,5px);cursor:default;display:flex;flex-direction:column;height:auto;min-height:120px;overflow:hidden;padding:.4rem;position:relative;transition:transform .2s cubic-bezier(.2,0,0,1),box-shadow .2s ease,border .2s ease,background .2s ease,opacity .2s ease;will-change:transform}.sticky-note:hover{border:1px solid var(--accent-color,#50fa7b);box-shadow:0 10px 20px rgba(0,0,0,.3);transform:translateY(-5px)}.sticky-note.pinned{border-top:2px solid var(--accent-color,#50fa7b)}.note-header{align-items:center;background:var(--header-bg,hsla(0,0%,100%,.02));border-bottom:1px solid var(--header-border,hsla(0,0%,100%,.05));cursor:inherit;display:flex;margin:-.4rem -.4rem .3rem;min-height:2rem;padding:.25rem .4rem;position:relative;transition:background .2s ease}.note-header:hover{background:hsla(0,0%,100%,.05)}.note-header:active{cursor:inherit}.sticky-note .note-title{background:transparent;border:none;box-sizing:border-box;color:var(--font-color,inherit);cursor:inherit;font-family:var(--title-font-family,inherit);font-size:var(--title-font-size,1.2rem);font-weight:700;margin:0;max-width:100%;outline:none!important;padding:.2rem .4rem;width:auto}.sticky-note .note-title:focus,.sticky-note .note-title:focus-visible,.sticky-note .note-title:active{outline:none!important;box-shadow:none!important;border-color:transparent!important}.sticky-note .note-title.title-editable{border-bottom:1px solid hsla(0,0%,100%,.15);cursor:text}.sticky-note .note-content{background:transparent;border:none;box-sizing:border-box;color:var(--noteBodyColor,inherit);flex-grow:1;font-family:var(--body-font-family,inherit);font-size:var(--body-font-size,.9rem);height:auto;line-height:1.6;outline:none!important;overflow:hidden;padding:.3rem .4rem;resize:none;width:100%}.sticky-note .note-content:focus,.sticky-note .note-content:focus-visible,.sticky-note .note-content:active{outline:none!important;box-shadow:none!important;border-color:transparent!important}.note-menu-wrapper{position:absolute;right:.4rem;top:50%;transform:translateY(-50%);z-index:10}.note-menu-toggle{align-items:center;background:transparent;border:none;border-radius:4px;color:#f8f8f2!important;cursor:pointer;display:flex;font-size:14px;font-weight:400;gap:2px;justify-content:center;letter-spacing:2px;line-height:1;opacity:.5;padding:2px 4px;transition:opacity .15s ease}.sticky-note:hover .note-menu-toggle{opacity:.7}.note-menu-toggle:hover{background:transparent;opacity:1!important}.note-actions-dropdown{backdrop-filter:blur(10px);background:#333;border:1px solid hsla(0,0%,100%,.15);border-radius:4px;display:flex;gap:.25rem;margin-top:4px;padding:4px;position:absolute;right:0;top:100%;white-space:nowrap}.btn-action,.btn-delete{align-items:center;background:transparent;border:none;border-radius:4px;color:#f8f8f2!important;cursor:pointer;display:flex;justify-content:center;opacity:1;padding:.3rem;position:relative;transition:all .2s ease}.btn-action svg,.btn-delete svg{stroke:#f8f8f2!important}.btn-delete:hover{background:rgba(255,85,85,.2);color:var(--dracula-red);opacity:1}.btn-action.active,.btn-action:hover{background:hsla(0,0%,100%,.1);color:var(--accent-color,#50fa7b);opacity:1}.note-content-preview{color:var(--noteBodyColor,var(--note-text-color,#bd93f9));cursor:text;flex-grow:1;font-family:var(--body-font-family,inherit);font-size:var(--body-font-size,.9rem);line-height:1.6;padding:.3rem .4rem;word-break:break-word}.note-content-preview a{color:var(--link-color,#50fa7b);font-family:inherit!important;font-size:inherit!important;line-height:inherit!important;text-decoration:underline;transition:opacity .2s ease}.note-content-preview a:hover{opacity:.8}.note-content-preview p{font-size:inherit;line-height:inherit;margin:0 0 .5rem}.note-content-preview b,.note-content-preview strong{color:inherit;font-family:inherit;font-weight:700}.note-content-preview em,.note-content-preview i{color:inherit;font-family:inherit;font-style:italic}.note-content-preview.is-placeholder{color:hsla(0,0%,100%,.4)!important}.board-header{display:flex;justify-content:flex-end;padding:0 0 .5rem}.header-actions{align-items:center;display:flex;gap:.25rem}.grid-toggle-btn{align-items:center;background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:4px;color:var(--header-icon-color,#50fa7b)!important;cursor:pointer;display:flex;height:40px;justify-content:center;padding:0;transition:all .2s ease;width:40px}.grid-toggle-btn svg{stroke:var(--header-icon-color,#50fa7b)!important}.grid-toggle-btn:hover{background:hsla(0,0%,100%,.1);border-color:var(--header-icon-color,#50fa7b)}.grid-label{align-items:center;color:var(--header-icon-color,#50fa7b);display:flex;font-size:.9rem;font-weight:700;line-height:1}.add-note-btn{align-items:center;background:transparent!important;border:none;border-radius:4px;box-shadow:none;color:var(--header-icon-color,#50fa7b)!important;cursor:pointer;display:flex;font-size:1.5rem;height:40px;justify-content:center;transition:all .2s ease;width:40px}.add-note-btn svg{stroke:var(--header-icon-color,#50fa7b)!important}.add-note-btn:hover{box-shadow:none;transform:scale(1.05)}#wp-sticky-board-root *{box-sizing:border-box}#wp-sticky-board-root input:focus,#wp-sticky-board-root input:focus-visible,#wp-sticky-board-root textarea:focus,#wp-sticky-board-root textarea:focus-visible{outline:none!important;box-shadow:none!important}.note-body-menu{display:none}.btn-body-color{align-items:center;background:transparent;border:none;border-radius:4px;color:#f8f8f2;cursor:pointer;display:flex;justify-content:center;opacity:.7;padding:.3rem;position:relative;transition:all .2s ease}.btn-body-color:hover{background:hsla(0,0%,100%,.1);color:var(--accent-color,#50fa7b);opacity:1}.board-section-label{color:var(--accent-color,#50fa7b);font-family:var(--title-font-family,inherit);font-size:.8rem;font-weight:700;letter-spacing:1px;margin:.5rem 0;opacity:.7;text-transform:uppercase;width:100%}.board-section{width:100%}.wp-sticky-app.is-masonry-active .sticky-board{display:block!important}.wp-sticky-app:not(.is-masonry-active) .board-section{align-items:var(--grid-align,start);display:grid!important;gap:1rem;grid-template-columns:repeat(var(--grid-cols,4),1fr)!important}.wp-sticky-app.is-masonry-active .masonry-wrapper{align-items:flex-start!important;display:flex!important;flex-direction:row!important;gap:1.5rem!important;width:100%!important}.wp-sticky-app.is-masonry-active .masonry-column{display:flex!important;flex:1!important;flex-direction:column!important;gap:1.5rem!important;min-width:0}.wp-sticky-app.is-masonry-active .sticky-note{display:block!important;position:relative!important;transform:none!important;transition:box-shadow .2s ease,border .2s ease,background .2s ease,opacity .2s ease!important;width:100%!important}.sticky-board{display:block!important;width:100%}.is-dragging-source{filter:grayscale(.5);opacity:.3!important;pointer-events:none;transition:opacity .2s ease,filter .2s ease}.is-dragging-overlay{border:1px solid var(--accent-color,#50fa7b)!important;box-shadow:0 8px 16px rgba(0,0,0,.4)!important;opacity:.85!important;pointer-events:none;transform:scale(1.02)!important;transition:none!important;z-index:9999!important}.is-dragging-overlay,.is-dragging-overlay .note-header{cursor:grabbing!important}.sticky-note.drag-over{border:1px dashed var(--accent-color,#50fa7b)!important;opacity:.7;transform:translateY(8px)!important;transition:transform .2s ease!important}.wp-sticky-app [data-dnd-kit-drag-overlay]{z-index:10000!important}.wp-sticky-app [data-dnd-kit-drag-overlay] .sticky-note{transform:none!important;transition:none!important}@media (max-width:1200px){.wp-sticky-app:not(.is-masonry-active) .board-section{grid-template-columns:repeat(3,1fr)!important}.wp-sticky-app.is-masonry-active .masonry-column:nth-child(n+4){display:none!important}}@media (max-width:900px){.wp-sticky-app:not(.is-masonry-active) .board-section{grid-template-columns:repeat(2,1fr)!important}.wp-sticky-app.is-masonry-active .masonry-column:nth-child(n+3){display:none!important}}@media (max-width:600px){.wp-sticky-app:not(.is-masonry-active) .board-section{gap:.75rem!important;grid-template-columns:repeat(2,1fr)!important}.sticky-note{min-height:100px!important;padding:.3rem!important}.note-header{margin:-.3rem -.3rem .2rem!important;padding:.2rem .3rem!important}.wp-sticky-app.is-masonry-active .masonry-wrapper{flex-direction:column!important}.wp-sticky-app.is-masonry-active .masonry-column:not(:first-child){display:flex!important}}.glass{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1)}.wp-sticky-restricted-overlay{align-items:center!important;background:#000!important;border:1px solid var(--dracula-current-line)!important;box-sizing:border-box!important;display:flex!important;flex-direction:column!important;justify-content:center!important;margin:20px 0!important;min-height:450px!important;padding:40px!important;text-align:center!important;width:100%!important}.restriction-message{max-width:500px!important}.restriction-message h3{color:var(--dracula-green)!important;font-family:inherit;font-size:32px!important;font-weight:700!important;margin-bottom:24px!important;margin-top:0!important}.restriction-message p{color:var(--dracula-fg)!important;font-size:18px!important;line-height:1.6!important;margin-bottom:30px!important}.restriction-message p strong{color:var(--dracula-green)!important}.restriction-login-btn{background:var(--dracula-green)!important;border-radius:4px!important;box-shadow:0 4px 15px rgba(80,250,123,.3)!important;color:var(--dracula-bg)!important;display:inline-block!important;font-size:18px!important;font-weight:700!important;letter-spacing:1px;padding:14px 28px!important;text-decoration:none!important;text-transform:uppercase;transition:all .3s ease!important}.restriction-login-btn:hover{box-shadow:0 6px 20px rgba(80,250,123,.5)!important;color:var(--dracula-bg)!important;filter:brightness(1.1);transform:translateY(-2px)!important}.restriction-login-btn:active{transform:translateY(0)!important}