/* Note mode (V4.1). Outlines only: they never move anything. */
.note-ui{--nbg:#0f1822;--nline:#2d4a6b;--ntx:#e6edf5;--nmut:#8a9bb0;--nacc:#4da3ff}
html.note-on :is(.card,.tile,.fld,button,input,select,textarea,summary,a,label,section,.chip,.i,.cx,#pbar,#px,[data-nid]):not(.note-ui, .note-ui *){outline:1px dashed rgba(77,163,255,.5);outline-offset:-1px}
html.note-on [data-note-sel]{outline:2px solid #f5b73b!important;outline-offset:-2px}
.note-btn{font:inherit;font-size:16px;line-height:1;cursor:pointer;background:#17212d;color:#e6edf5;border:1px solid #223042;border-radius:8px;padding:5px 9px}
.note-btn[aria-pressed=true]{background:#4da3ff;color:#04121f;border-color:#4da3ff}
.note-card{position:fixed;z-index:60;width:min(300px,calc(100vw - 16px));background:var(--nbg);color:var(--ntx);border:1px solid var(--nline);border-radius:10px;padding:10px;font:13px/1.35 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;box-shadow:0 8px 30px rgba(0,0,0,.5)}
.note-card button,.note-card input{font:inherit}
.nc-h{display:flex;align-items:center;gap:8px;margin-bottom:8px}
.nc-l{flex:1;min-width:0;color:var(--nmut);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nc-x{background:none;border:0;color:var(--nmut);cursor:pointer;padding:2px 6px}
.nc-chips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}
.nc-chip{background:#17212d;color:var(--ntx);border:1px solid #223042;border-radius:999px;padding:5px 11px;cursor:pointer}
.nc-chip[aria-pressed=true]{background:var(--nacc);border-color:var(--nacc);color:#04121f;font-weight:600}
.nc-t{width:100%;background:#0b0f14;color:var(--ntx);border:1px solid #223042;border-radius:8px;padding:8px;font-size:16px}
.nc-f{display:flex;align-items:center;gap:10px;margin-top:8px}
.nc-save{background:var(--nacc);color:#04121f;border:0;border-radius:8px;padding:6px 14px;font-weight:600;cursor:pointer}
.nc-save:disabled{opacity:.4;cursor:default}
.nc-m{color:var(--nmut);font-size:12px}
/* Settings → Feedback */
.note-board .nb-head{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.note-board .nb-h{margin:0;font-size:15px;letter-spacing:0;text-transform:none;color:inherit}
.nb-sp{flex:1}
.nb-badge{background:#f5b73b;color:#1a1204;border-radius:999px;padding:1px 9px;font-size:12px;font-weight:700}
.nb-exp{background:#17212d;color:inherit;border:1px solid #223042;border-radius:8px;padding:6px 12px;cursor:pointer;font:inherit}
.nb-sum,.nb-learn{font-size:12.5px;color:#8a9bb0;margin:6px 0}
.nb-scr{border-top:1px solid #223042;padding:6px 0}
.nb-scr>summary{cursor:pointer;font-weight:600}
.nb-note{padding:6px 0 6px 10px;border-left:2px solid #223042;margin:6px 0}
.nb-top{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.nb-chip{border:1px solid #223042;border-radius:999px;padding:1px 8px;font-size:12px}
.nb-st{background:#0b0f14;color:inherit;border:1px solid #223042;border-radius:6px;padding:3px 6px;font:inherit}
.nb-text{margin:4px 0}
.nb-meta{font-size:12px;color:#8a9bb0}
.nb-flag{display:block;font-size:13px;margin-top:8px}
#pop .gl{margin:2px 0 2px 8px}
#pop hr{border:0;border-top:1px solid #23415f;margin:8px 0}