.sticky-top-button {
  position: fixed;
  z-index: 1002;
  top: 20px;
  right: 286px;
  display: inline-flex !important;
  align-items: center;
  gap: 7px;
  width: auto !important;
  height: 38px !important;
  padding: 0 13px;
  border: 1px solid #c9a55e;
  border-radius: 999px;
  background: linear-gradient(135deg,#80602e,#503519);
  color: #fff3cf;
  box-shadow: 0 5px 14px rgba(0,0,0,.3);
  font: 700 10px "DM Sans",sans-serif;
  letter-spacing: .05em;
  text-transform: uppercase;
  white-space: nowrap;
  cursor: pointer;
}
.sticky-top-button span { color:#ffe17d; font-size:19px; }
.sticky-layer { position:fixed; inset:0; z-index:1000; pointer-events:none; }
.universal-sticky { --note:#f6df7e; position:fixed; width:215px; height:185px; display:flex; flex-direction:column; overflow:hidden; border:1px solid rgba(70,55,24,.18); border-radius:3px 4px 10px 3px; background:var(--note); color:#443b27; box-shadow:4px 8px 20px rgba(10,8,5,.3); pointer-events:auto; }
.universal-sticky[hidden] { display:none; }
.universal-sticky-bar { display:flex; align-items:center; height:34px; padding:3px 5px 2px 10px; border-bottom:1px solid rgba(70,55,24,.12); }
.universal-sticky-handle { display:flex; flex:1; align-items:center; align-self:stretch; color:rgba(55,48,30,.5); font-weight:700; letter-spacing:3px; cursor:grab; touch-action:none; }
.universal-sticky button { width:27px; height:27px; padding:0; border:0; border-radius:50%; background:transparent; color:inherit; font-size:17px; cursor:pointer; }
.universal-sticky button:hover { background:rgba(255,255,255,.4); }
.universal-sticky.has-image { height:285px; }
.sticky-image-preview { position:relative; flex:0 0 100px; margin:7px 10px 0; overflow:hidden; border:1px solid rgba(70,55,24,.2); border-radius:5px; background:rgba(255,255,255,.2); }
.sticky-image-preview[hidden] { display:none; }
.sticky-image-preview img { display:block; width:100%; height:100%; object-fit:cover; }
.sticky-image-preview .sticky-image-remove { position:absolute; top:4px; right:4px; width:23px; height:23px; background:rgba(255,248,225,.9); box-shadow:0 1px 4px rgba(0,0,0,.25); }
.sticky-image-add { font-size:18px!important; }
.universal-sticky textarea { flex:1; width:100%; padding:11px 14px; border:0; outline:0; resize:none; background:repeating-linear-gradient(transparent 0 27px,rgba(70,58,29,.12) 28px); color:inherit; font:600 19px/28px "Caveat",cursive; }
.universal-sticky.is-dragging { filter:drop-shadow(7px 12px 12px rgba(0,0,0,.25)); }
@media(max-width:1180px) { .sticky-top-button { right:20px; } }
@media(max-width:700px) { .sticky-top-button { top:12px; right:12px; width:38px!important; padding:0; justify-content:center; font-size:0; } .sticky-top-button span { font-size:22px; } .universal-sticky { width:195px; height:170px; } }