/* Notepad panel (js/sheep-notes.js) for pages without lantern.css */
:root{--lt-surf:#1d0f42;--lt-surf2:#28165c;--lt-line:#3a2482;--lt-ink:#f6f1ff;--lt-mute:#b8a7e8;--lt-neon:#eeff41;--lt-on-bright:#1a0b33}
/* ═════════════ NOTEPAD BUBBLE (js/sheep-notes.js) ═════════════ */
#fbo-padbtn{position:fixed;z-index:130;right:22px;bottom:22px;width:62px;height:62px;border-radius:50%;cursor:pointer;padding:0;
  border:2px solid rgba(255,255,255,.55);display:grid;place-items:center;
  background:
    radial-gradient(circle at 22% 30%,rgba(255,255,255,.95) 0 1.2px,transparent 2px),
    radial-gradient(circle at 70% 22%,rgba(255,240,170,.95) 0 1px,transparent 1.8px),
    radial-gradient(circle at 78% 70%,rgba(255,255,255,.9) 0 1.3px,transparent 2px),
    radial-gradient(circle at 34% 78%,rgba(255,200,255,.9) 0 1px,transparent 1.8px),
    radial-gradient(circle at 55% 48%,rgba(255,255,255,.7) 0 .8px,transparent 1.5px),
    radial-gradient(circle at 30% 25%,#d68bff,#7b2cff 55%,#4a148f);
  box-shadow:0 10px 26px rgba(0,0,0,.45),0 0 22px rgba(177,75,255,.55);animation:fboGlint 3.2s ease-in-out infinite}
#fbo-padbtn svg{width:34px;height:34px;filter:drop-shadow(0 2px 2px rgba(0,0,0,.3))}
#fbo-padbtn:hover,#fbo-padbtn.is-open{border-color:var(--lt-neon)}
#fbo-padbtn[hidden]{display:none}
.fbo-padbtn__n{position:absolute;top:-4px;right:-4px;min-width:22px;height:22px;padding:0 5px;border-radius:99px;background:var(--lt-neon);
  color:var(--lt-on-bright);font:800 .75rem/22px 'Nunito',sans-serif;text-align:center}
.fbo-padbtn__n[hidden]{display:none}
@keyframes fboGlint{50%{box-shadow:0 10px 26px rgba(0,0,0,.45),0 0 30px rgba(238,255,65,.35),0 0 18px rgba(177,75,255,.6)}}
#fbo-pad{position:fixed;z-index:131;right:22px;bottom:96px;width:340px;max-height:min(560px,calc(100vh - 140px));display:flex;flex-direction:column;
  background:var(--lt-surf);color:var(--lt-ink);border:1px solid var(--lt-line);border-radius:20px;box-shadow:0 18px 44px rgba(0,0,0,.55);overflow:hidden}
#fbo-pad[hidden]{display:none}
.fbo-pad__top{display:flex;align-items:center;justify-content:space-between;padding:12px 12px 10px 16px;font:600 1.1rem 'Fredoka',sans-serif}
.fbo-pad__tools{display:flex;gap:6px}
.fbo-pad__ic{width:36px;height:36px;border-radius:11px;border:1px solid var(--lt-line);background:var(--lt-surf2);color:var(--lt-ink);
  display:grid;place-items:center;cursor:pointer;text-decoration:none;font:700 1rem 'Nunito',sans-serif}
.fbo-pad__ic:hover{border-color:var(--lt-neon)}
.fbo-pad__paper{margin:0 12px;border-radius:12px;overflow:hidden;box-shadow:inset 0 0 0 1px #d7dcea}
#fbo-pad-text{display:block;width:100%;height:150px;border:0;outline:none;resize:none;padding:6px 12px 0 46px;color:#1d2340;
  font:600 1.08rem/28px 'Nunito',sans-serif;
  background:linear-gradient(90deg,transparent 36px,#f2a3a3 36px 38px,transparent 38px),
             repeating-linear-gradient(#fff 0 27px,#bcd0f2 27px 28px);background-attachment:local}
#fbo-pad-text::placeholder{color:#8a93ad}
.fbo-pad__acts{display:flex;gap:8px;padding:10px 12px}
.fbo-pad__save{flex:1;height:42px;border:0;border-radius:12px;background:var(--lt-neon);color:var(--lt-on-bright);font:700 1rem 'Fredoka',sans-serif;cursor:pointer}
.fbo-pad__full{flex:1;display:grid;place-items:center;height:42px;border-radius:12px;border:1px solid var(--lt-line);background:var(--lt-surf2);
  color:var(--lt-ink);font:700 .95rem 'Fredoka',sans-serif;text-decoration:none}
.fbo-pad__full:hover{border-color:var(--lt-neon)}
.fbo-pad__head{padding:2px 16px 6px;font:800 .72rem 'Nunito',sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--lt-mute)}
.fbo-pad__saved{overflow:auto;padding:0 12px;flex:1;min-height:40px}
.fbo-pad__item{display:flex;gap:6px;align-items:flex-start;margin-bottom:6px}
.fbo-pad__load{flex:1;text-align:left;background:var(--lt-surf2);border:0;border-radius:10px;padding:8px 10px;cursor:pointer;color:inherit;font:600 .9rem/1.35 'Nunito',sans-serif}
.fbo-pad__load small{display:block;opacity:.6;font-size:.72rem;margin-top:3px}
.fbo-pad__open,.fbo-pad__del{flex:none;width:34px;height:34px;border-radius:10px;border:1px solid var(--lt-line);background:transparent;color:inherit;
  display:grid;place-items:center;text-decoration:none;cursor:pointer;font-size:1rem}
.fbo-pad__open:hover,.fbo-pad__del:hover{border-color:var(--lt-neon)}
.fbo-pad__empty{margin:0 4px 8px;font-size:.9rem;opacity:.6}
.fbo-pad__foot{margin:6px 16px 12px;font-size:.75rem;opacity:.6}
#fbo-sheep{display:none!important}
@media (max-width:999px){
  #fbo-padbtn{right:14px;bottom:calc(104px + env(safe-area-inset-bottom,0px));width:56px;height:56px}
  #fbo-pad{left:10px;right:10px;width:auto;bottom:calc(170px + env(safe-area-inset-bottom,0px));max-height:calc(100vh - 250px)}
  .fbo-bbl{bottom:190px}
}
.fbo-bbl{bottom:120px}

/* opened from a top-bar button instead of the corner bubble (3D Bible) */
#fbo-pad.fbo-pad--top{top:calc(max(12px,env(safe-area-inset-top)) + 58px);bottom:auto;right:12px;z-index:20}
@media (max-width:999px){#fbo-pad.fbo-pad--top{left:10px;right:10px;bottom:auto;max-height:calc(100vh - 160px)}}
.fbo-trigger{position:relative}
.fbo-trigger .fbo-padbtn__n{top:-6px;right:-6px}
