.species-notes-launcher{position:fixed;right:1rem;bottom:5rem;z-index:1050;display:inline-flex;align-items:center;gap:.65rem;border:1px solid #b8cfc5;border-radius:999px;padding:.8rem 1.15rem;background:#fffcf3;color:#254f55;font:650 1rem/1.3 system-ui;box-shadow:0 4px 18px #163e4929;cursor:pointer}.species-notes-launcher::before{content:'✎';font-size:1.4em;color:#99743a}.species-notes-launcher[hidden]{display:none}
.species-notes-panel{--note-paper:#f2f7ed;--note-header:#285c64;--note-accent:#8db3a2;--note-field:#fbfdf8;position:fixed;inset:0;height:fit-content;z-index:1100;box-sizing:border-box;width:min(46rem,calc(100vw - 2rem));max-height:calc(100dvh - 2rem);overflow:auto;margin:auto;padding:0;border:1px solid #b6ccc1;border-radius:1.35rem;background:var(--note-paper);color:#254f55;font:1rem/1.5 system-ui;text-align:left;box-shadow:0 24px 80px #163e4959;isolation:isolate}.species-notes-panel *{box-sizing:border-box}.species-notes-heading{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.25rem 1.6rem;background:var(--note-header);color:#fffcf3;border-bottom:3px solid var(--note-accent)}.species-notes-panel .species-notes-heading h2{font:500 clamp(1.5rem,3vw,1.9rem)/1.2 Georgia,serif;margin:0;color:inherit;letter-spacing:-.015em}.species-notes-body{padding:1.35rem 1.6rem 1.5rem}.species-notes-panel .species-notes-privacy{margin:0 0 1.3rem;color:#557277;font-size:.9rem;line-height:1.6;max-width:65ch}.species-notes-fields{display:grid;grid-template-columns:minmax(0,1fr) minmax(9rem,.55fr);gap:1rem}.species-notes-fields>label{min-width:0;font-size:.8rem;font-weight:650;letter-spacing:.02em;color:#557277}.species-notes-fields>label:nth-child(2){grid-row:2;grid-column:1/-1}.species-notes-fields>label:last-child{grid-row:1;grid-column:2}.species-notes-panel select{appearance:none;-webkit-appearance:none;display:block;width:100%;max-width:100%;min-height:48px;margin:.4rem 0 0;padding:.7rem 2.5rem .7rem .85rem;border:1px solid #b5cec2;border-radius:.65rem;background:#f0f6ef url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%23285c64' stroke-width='1.7' viewBox='0 0 16 16'%3E%3Cpath d='m4 6 4 4 4-4'/%3E%3C/svg%3E") no-repeat right .85rem center;color:#254f55;box-shadow:none;font:500 .95rem/1.4 system-ui;cursor:pointer;text-overflow:ellipsis}.species-notes-panel .species-notes-visibility{display:inline-flex;align-items:center;gap:.4rem;margin:1rem 0;padding:.3rem .7rem;border:1px solid #c9dcd0;border-radius:999px;background:#eaf3eb;color:#42685e;font-size:.78rem;font-weight:650;line-height:1.5}.species-notes-visibility::before{content:'';width:.45rem;height:.45rem;border-radius:50%;background:#6c9281}.species-notes-panel .species-notes-visibility[data-published=true]{background:#fbf0d9;border-color:#e0c995;color:#8b6530}.species-notes-visibility[data-published=true]::before{background:#b48b47}.species-notes-body>label{display:block;margin:.15rem 0 .55rem;font-weight:650;font-size:.95rem}.species-notes-panel textarea{display:block;width:100%;max-width:100%;min-height:10rem;margin:0;padding:1rem;border:1px solid #b5cec2;border-radius:.75rem;background:var(--note-field);color:#254f55;box-shadow:inset 0 2px 4px #254f5505;font:400 1rem/1.7 system-ui;resize:vertical}.species-notes-body>small{display:block;margin:.45rem 0 0;text-align:right;color:#66817e;font-size:.78rem;font-variant-numeric:tabular-nums}.species-notes-panel button{min-height:44px;padding:.65rem 1rem;border:1px solid #b5cec2;border-radius:.65rem;background:#edf4ec;color:#285c64;font:600 .9rem/1.4 system-ui;box-shadow:none;cursor:pointer;transition:background .15s,box-shadow .15s}.species-notes-panel button:hover{background:#e0eddf}.species-notes-panel .species-notes-heading button{display:grid;place-items:center;flex:none;width:38px;min-height:38px;padding:0;border:1px solid #ffffff40;border-radius:50%;background:#ffffff0d;color:#fffcf3;font:300 1.65rem/1 system-ui}.species-notes-panel .species-notes-heading button:hover{background:#ffffff24}.species-notes-panel :is(button,select,textarea):focus-visible{outline:3px solid #82b9b4;outline-offset:3px}.species-notes-panel button:disabled{opacity:.5;cursor:default}.species-notes-actions{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:1.1rem;padding-top:1.1rem;border-top:1px solid #dbe5d8}.species-notes-panel .species-notes-actions button:first-child{background:#285c64;color:#fffdf5;border-color:#285c64;padding-inline:1.4rem}.species-notes-panel .species-notes-actions button:first-child:hover{background:#1e4d55}.species-notes-body>[role=status]{margin:.8rem 0 0;color:#42685e;font-size:.9rem}.species-notes-body>[role=status]:empty{display:none}.species-notes-panel [hidden]{display:none!important}@media(max-width:480px){.species-notes-panel{width:calc(100vw - 1rem);max-height:calc(100dvh - 1rem);border-radius:1rem}.species-notes-heading{padding:1rem 1.1rem}.species-notes-body{padding:1rem 1.1rem}.species-notes-fields{grid-template-columns:minmax(0,1fr) minmax(7rem,.6fr);gap:.75rem}.species-notes-panel select{font-size:.9rem;padding-left:.65rem}.species-notes-launcher{right:.5rem;font-size:.9rem}.species-notes-actions button{flex:1}.species-notes-panel textarea{min-height:9rem}}@media(prefers-reduced-motion:reduce){.species-notes-panel button{transition:none}}@media print{.species-notes-launcher,.species-notes-panel{display:none!important}}

/* Two distinct papers; the explicit note type remains visible in the form. */
.species-notes-panel[data-kind="dive"]{--note-paper:#fff5d8;--note-header:#78603d;--note-accent:#dfbb66;--note-field:#fffdf5;border-color:#d6bd83}.species-notes-panel[data-kind="dive"] select{background-color:#fffaf0;border-color:#d9c89e}.species-notes-panel[data-kind="dive"] textarea{border-color:#d9c89e}.species-notes-panel[data-kind="dive"] .species-notes-actions{border-color:#e6d9b4}.species-notes-panel[data-kind="dive"] .species-notes-actions button:first-child{background:#78603d;border-color:#78603d}.species-notes-panel[data-kind="dive"] .species-notes-actions button:first-child:hover{background:#614c2d}

.species-notes-heading{cursor:move;touch-action:none;user-select:none}.species-notes-heading:focus-visible{outline:3px solid #8db3a2;outline-offset:-5px}.species-notes-heading button{cursor:pointer}

.species-notes-panel .species-notes-heading{position:sticky;top:0;z-index:3}.species-notes-panel .species-notes-actions{position:sticky;bottom:-1px;z-index:2;background:var(--note-paper);padding-bottom:.7rem}

.species-notes-resize{position:fixed;z-index:1101;display:block;width:28px;height:28px;min-width:28px;min-height:28px;margin:0;padding:0;border:0;border-radius:0 0 .6rem 0;background:linear-gradient(135deg,transparent 46%,#73958b 47%,#73958b 51%,transparent 52%,transparent 62%,#73958b 63%,#73958b 67%,transparent 68%)!important;box-shadow:none;cursor:nwse-resize;touch-action:none}.species-notes-resize[hidden]{display:none!important}.species-notes-resize:focus-visible{outline:3px solid #82b9b4;outline-offset:2px}@media print{.species-notes-resize{display:none!important}}
/* Floating paper rather than a blocking dialog. */
.species-notes-panel{border-radius:.3rem .3rem 1.1rem .3rem;box-shadow:3px 12px 28px #163e492b,0 2px 5px #163e491a;border-top:4px solid var(--note-accent)}
.species-notes-panel .species-notes-heading{background:var(--note-paper);color:#285c64;border-bottom:1px solid #6f928228;padding-block:1rem}
.species-notes-panel[data-kind="dive"] .species-notes-heading{color:#78603d;border-bottom-color:#b5944c30}
.species-notes-panel .species-notes-heading button{background:transparent;color:inherit;border-color:currentColor;opacity:.65}
.species-notes-panel .species-notes-heading button:hover{background:#ffffff70;opacity:1}
.species-notes-panel .species-notes-body{padding-top:1rem}

.species-notes-panel .species-notes-conditions{margin:0 0 1rem;padding:.65rem .85rem;border:1px solid #ddcfab;border-radius:.6rem;background:#fffaf0;font-size:.85rem}.species-notes-conditions summary{cursor:pointer;font-weight:650;min-height:28px;line-height:28px;color:#78603d}.species-notes-conditions dl{display:grid;grid-template-columns:1fr 1fr;gap:.5rem 1rem;margin:.75rem 0 .2rem}.species-notes-conditions dl>div{padding:.35rem 0;border-top:1px solid #e8dfc8}.species-notes-conditions dt{font-size:.72rem;color:#7c826c}.species-notes-conditions dd{margin:.15rem 0 0;font-weight:600;overflow-wrap:anywhere}.species-notes-conditions dl>p{grid-column:1/-1;margin:0;color:#75816e}
.species-notes-resize{box-sizing:border-box!important;width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;max-width:44px!important;max-height:44px!important;transform:none!important;translate:none!important;padding:0!important;border:0!important;border-radius:0!important;clip-path:inset(0);background:transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 22 22' fill='none' stroke='%2373958b' stroke-width='1.5'%3E%3Cpath d='M3 19 19 3M10 19l9-9M17 19l2-2'/%3E%3C/svg%3E") no-repeat right 4px bottom 4px!important}