.notes-harbor{--notes-cyan:#22d3ee;--notes-teal:#14b8a6;padding-block:.15rem 2rem}.notes-harbor__hero{margin-bottom:1.65rem}.notes-harbor__hero-panel{border:1px solid color-mix(in srgb, var(--notes-cyan) 18%, #ffffff14);background:color-mix(in srgb, var(--depth-abyss,#030810) 62%, transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);text-align:center;border-radius:1.25rem;padding:1.35rem 1.25rem 1.2rem;box-shadow:inset 0 0 0 1px #ffffff0a,0 24px 56px -28px #000000b8}.notes-harbor__kicker{letter-spacing:.16em;text-transform:uppercase;color:var(--notes-cyan);margin:0 0 .35rem;font-size:.62rem;font-weight:800}.notes-harbor__title{margin:0;font-size:clamp(1.55rem,5vw,2.15rem);font-weight:800;line-height:1.22}.notes-harbor__hero-lead{max-width:34rem;color:var(--text-muted,#ffffffad);margin:.75rem auto 0;font-size:.84rem;line-height:1.68}.notes-harbor__stats{flex-wrap:wrap;justify-content:center;gap:.55rem;margin:1.1rem 0 0;padding:0;display:flex}.notes-harbor__stat{background:color-mix(in srgb, var(--depth-abyss,#030810) 48%, transparent);border:1px solid #ffffff17;border-radius:.85rem;flex-direction:column;align-items:center;gap:.1rem;min-width:4.5rem;padding:.55rem .85rem;display:flex}.notes-harbor__stat dt{color:var(--text-muted,#ffffff8c);margin:0;font-size:.62rem;font-weight:700}.notes-harbor__stat dd{font-variant-numeric:tabular-nums;color:var(--notes-cyan);margin:0;font-size:1rem;font-weight:800}.notes-harbor__stat-date{font-size:.78rem!important}.notes-harbor__block{margin-bottom:1.85rem}.notes-harbor__section-head{border:1px solid color-mix(in srgb, var(--notes-cyan) 14%, #ffffff12);background:color-mix(in srgb, var(--depth-abyss,#030810) 55%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:1rem;margin-bottom:.95rem;padding:.9rem .95rem .9rem 1rem;position:relative;overflow:hidden;box-shadow:0 14px 36px -22px #0000009e}.notes-harbor__section-rail{background:linear-gradient(180deg, transparent, var(--notes-cyan) 40%, var(--notes-teal) 60%, transparent);border-radius:0 999px 999px 0;width:3px;position:absolute;inset-block:.65rem;inset-inline-start:0}.notes-harbor__section-inner{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.notes-harbor__section-kicker{letter-spacing:.16em;text-transform:uppercase;color:color-mix(in srgb, var(--notes-cyan) 82%, #ffffff8c);margin:0 0 .28rem;font-size:.58rem;font-weight:800}.notes-harbor__section-title{margin:0;font-size:clamp(1rem,2.9vw,1.12rem);font-weight:800}.notes-harbor__section-desc{color:var(--text-muted,#ffffff9e);margin:.35rem 0 0;font-size:.76rem;line-height:1.62}.notes-harbor__section-badge,.notes-harbor__badge{letter-spacing:.08em;color:var(--notes-cyan);border:1px solid color-mix(in srgb, var(--notes-cyan) 32%, transparent);background:color-mix(in srgb, var(--notes-cyan) 8%, transparent);border-radius:999px;padding:.35rem .68rem;font-size:.64rem;font-weight:900;display:inline-flex}.notes-harbor__badge{color:#030810;background:linear-gradient(135deg, color-mix(in srgb, var(--notes-cyan) 92%, #fff), color-mix(in srgb, var(--notes-teal) 75%, var(--notes-cyan)));border-color:#0000}.notes-harbor__tag-rail{overscroll-behavior-x:contain;scrollbar-width:thin;flex-wrap:nowrap;gap:.45rem;padding:.15rem 0;display:flex;overflow-x:auto}.notes-harbor__tag-chip{border:1px solid color-mix(in srgb, var(--notes-cyan) 22%, #ffffff1a);background:color-mix(in srgb, var(--depth-abyss,#030810) 58%, transparent);min-width:4.25rem;color:inherit;border-radius:.85rem;flex-direction:column;flex:none;align-items:center;gap:.08rem;padding:.48rem .72rem;text-decoration:none;transition:border-color .2s,background .2s,transform .2s;display:inline-flex}.notes-harbor__tag-chip:hover{border-color:color-mix(in srgb, var(--notes-cyan) 48%, transparent);background:color-mix(in srgb, var(--notes-cyan) 10%, transparent);transform:translateY(-1px)}.notes-harbor__tag-chip-label{color:var(--notes-cyan);font-size:.74rem;font-weight:800}.notes-harbor__tag-chip-count{color:var(--text-muted,#ffffff8c);font-size:.62rem;font-weight:700}.notes-harbor__tag-chip--all{flex-direction:row;align-items:center;gap:.25rem}.notes-harbor__tag-chip-arrow{opacity:.55;width:.85rem;height:.85rem}.notes-harbor__stream{flex-direction:column;gap:.75rem;display:flex}.notes-harbor__card{background:color-mix(in srgb, var(--depth-abyss,#030810) 52%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid #ffffff14;border-radius:.85rem;padding:.9rem 1rem .95rem 1.15rem;position:relative;overflow:hidden;box-shadow:0 12px 32px -24px #000000b8}.notes-harbor__card-rail{background:linear-gradient(180deg, color-mix(in srgb, var(--notes-cyan) 70%, transparent), color-mix(in srgb, var(--notes-cyan) 12%, transparent));width:3px;position:absolute;inset-block:0;inset-inline-start:0}.notes-harbor__card-quote{top:.1rem;color:color-mix(in srgb, var(--notes-cyan) 22%, transparent);pointer-events:none;font-family:Georgia,Times New Roman,serif;font-size:2.4rem;line-height:1;position:absolute;inset-inline-end:.65rem}.notes-harbor__card--lead{border-color:color-mix(in srgb, var(--notes-cyan) 28%, #ffffff1a);background:radial-gradient(ellipse 90% 60% at 50% -20%, color-mix(in srgb, var(--notes-cyan) 10%, transparent), transparent 58%), color-mix(in srgb, var(--depth-abyss,#030810) 58%, transparent);box-shadow:0 0 0 1px color-mix(in srgb, var(--notes-cyan) 12%, transparent) inset, 0 20px 48px -28px #000000c7;padding-inline-start:1.25rem}.notes-harbor__card--lead .notes-harbor__card-rail{width:4px}.notes-harbor__card--lead .notes-harbor__card-quote{color:color-mix(in srgb, var(--notes-cyan) 30%, transparent);font-size:3rem}.notes-harbor__card-head{grid-template-columns:auto 1fr auto;align-items:center;gap:.6rem;margin-bottom:.7rem;display:grid}.notes-harbor__card-avatar{border:1px solid color-mix(in srgb, var(--notes-cyan) 22%, transparent);border-radius:.6rem;display:block;overflow:hidden}.notes-harbor__card-avatar img{border-radius:.6rem;display:block}.notes-harbor__card-identity{text-align:start;flex-direction:column;gap:.14rem;min-width:0;display:flex}.notes-harbor__card-name{align-items:center;gap:.25rem;font-size:.82rem;font-weight:800;display:inline-flex}.notes-harbor__card-verified{color:var(--notes-cyan)}.notes-harbor__card-meta{letter-spacing:.01em;color:var(--text-muted,#ffffff8c);font-size:.66rem;font-weight:600}.notes-harbor__card-date{letter-spacing:.02em;color:color-mix(in srgb, var(--notes-cyan) 60%, var(--text-muted,#ffffff8c));white-space:nowrap;align-self:flex-start;font-size:.64rem;font-weight:700}.notes-harbor__card-text{text-align:start;margin:0;font-size:.85rem;line-height:1.78}.notes-harbor__card--lead .notes-harbor__card-text{font-size:.92rem;line-height:1.8}.notes-harbor__card-code{border:1px solid color-mix(in srgb, var(--notes-cyan) 18%, transparent);background:color-mix(in srgb, var(--depth-abyss) 75%, #000);border-radius:.65rem;margin:.65rem 0 0;padding:.55rem .65rem;font-size:.72rem;overflow-x:auto}.notes-harbor__card-link{border:1px solid color-mix(in srgb, var(--notes-cyan) 28%, transparent);background:color-mix(in srgb, var(--notes-cyan) 8%, transparent);color:var(--notes-cyan);border-radius:999px;margin-top:.55rem;padding:.32rem .65rem;font-size:.72rem;font-weight:800;text-decoration:none;display:inline-flex}.notes-harbor__card-tags{flex-wrap:wrap;gap:.35rem;margin-top:.55rem;display:flex}.notes-harbor__card-tag{color:color-mix(in srgb, var(--notes-cyan) 85%, #fff);font-size:.68rem;font-weight:700;text-decoration:none}.notes-harbor__card-foot{border-top:1px solid #ffffff0f;margin-top:.65rem;padding-top:.55rem;display:flex}.notes-harbor__card-foot .bo-note__action{margin-inline-start:auto}.notes-harbor__empty{text-align:center;color:var(--text-muted,#fff9);margin:0;font-size:.84rem}.notes-harbor__stream-more{justify-content:center;margin-top:.85rem;display:flex}.notes-harbor__stream-more-btn{border:1px solid color-mix(in srgb, var(--notes-cyan) 32%, transparent);background:color-mix(in srgb, var(--notes-cyan) 8%, transparent);color:var(--notes-cyan);font:inherit;cursor:pointer;border-radius:999px;flex-wrap:wrap;align-items:center;gap:.35rem;padding:.5rem .95rem;font-size:.74rem;font-weight:800;display:inline-flex}.notes-harbor__stream-more-rest{opacity:.72}.notes-harbor__cta{margin-bottom:1.55rem}.notes-harbor__cta-inner{border:1px solid color-mix(in srgb, var(--notes-cyan) 24%, #ffffff1a);background:linear-gradient(135deg, color-mix(in srgb, var(--notes-cyan) 10%, transparent), color-mix(in srgb, var(--depth-abyss,#030810) 78%, transparent));text-align:center;border-radius:1rem;flex-direction:column;align-items:center;gap:.85rem;padding:1rem 1.05rem;display:flex}.notes-harbor__cta-title{margin:0;font-size:clamp(1rem,2.8vw,1.12rem);font-weight:800}.notes-harbor__cta-desc{color:var(--text-muted,#ffffff9e);margin:.35rem 0 0;font-size:.76rem;line-height:1.6}.notes-harbor__cta-btn{border:1px solid color-mix(in srgb, var(--notes-cyan) 45%, transparent);background:linear-gradient(135deg, color-mix(in srgb, var(--notes-cyan) 88%, #fff), color-mix(in srgb, var(--notes-teal) 65%, var(--depth-abyss)));color:var(--depth-abyss,#030810);white-space:nowrap;border-radius:999px;padding:.58rem 1rem;font-size:.78rem;font-weight:800;text-decoration:none;display:inline-flex}.notes-harbor__quickdock{border:1px solid color-mix(in srgb, var(--notes-cyan) 14%, transparent);background:color-mix(in srgb, var(--depth-abyss,#030810) 58%, transparent);border-radius:1.15rem;padding:1.1rem 1rem;position:relative}.notes-harbor__quickdock-rail{inset-inline:1rem;background:linear-gradient(90deg, transparent, var(--notes-cyan), transparent);opacity:.65;border-radius:999px;height:2px;position:absolute;top:0}.notes-harbor__quickdock-kicker{letter-spacing:.16em;text-transform:uppercase;color:var(--notes-cyan);margin:0 0 .25rem;font-size:.58rem;font-weight:800}.notes-harbor__quickdock-lead{color:var(--text-muted,#ffffff9e);margin:0 0 .85rem;font-size:.78rem}.notes-harbor__quickdock-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem;display:grid}.notes-harbor__quickdock-item{background:color-mix(in srgb, var(--depth-abyss,#030810) 42%, transparent);color:inherit;border:1px solid #ffffff17;border-radius:.9rem;align-items:center;gap:.65rem;padding:.72rem;text-decoration:none;display:flex}.notes-harbor__quickdock-icon-wrap{background:color-mix(in srgb, var(--notes-cyan) 10%, transparent);width:2.1rem;height:2.1rem;color:var(--notes-cyan);border-radius:.65rem;justify-content:center;align-items:center;display:flex}.notes-harbor__quickdock-label{font-size:.82rem;font-weight:800}.notes-harbor__quickdock-hint{color:var(--text-muted,#ffffff8c);font-size:.68rem}.notes-harbor__quickdock-arrow{opacity:.4;width:.95rem;height:.95rem;margin-inline-start:auto}.depth-shell[data-mode=moored]:has(.notes-harbor) .depth-main{width:min(100%,62rem)}.depth-shell[data-moored-room=notes] .depth-scene__read img{object-fit:cover;object-position:58% 40%;filter:brightness(.88)saturate(1.06);transform:scale(1.05)}.depth-shell[data-moored-room=notes] .depth-scene__read-veil{background:linear-gradient(180deg, color-mix(in srgb, var(--depth-abyss) 26%, transparent) 0%, color-mix(in srgb, var(--depth-abyss) 52%, transparent) 50%, color-mix(in srgb, var(--depth-abyss) 78%, transparent) 100%)}.depth-shell[data-moored-room=notes] .depth-scene__read-vignette{background:radial-gradient(95% 85% at 50% 40%,#0000 20%,#03081085 72%,#030810d6)}.depth-shell[data-moored-room=notes] .depth-scene__bubbles{opacity:.4}.depth-shell[data-moored-room=notes] .depth-scene__caustics{opacity:.28}.depth-shell[data-moored-room=notes] .notes-harbor__title,.depth-shell[data-moored-room=notes] .notes-harbor__section-title{text-shadow:0 2px 28px #0000008c}@media (min-width:640px){.notes-harbor__cta-inner{text-align:start;flex-direction:row;justify-content:space-between}.notes-harbor__cta-copy{flex:1;min-width:0}.notes-harbor__quickdock-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width:639px){.notes-harbor__section-inner{flex-direction:column}.notes-harbor__quickdock-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.notes-harbor__tag-chip:hover{transform:none}}