/* goodBytz Meeting Notes v3 — intentionally quiet, document-first design. */
:root{color-scheme:dark;--bg:#191b1d;--panel:#212326;--panel-hover:#292c30;--ink:#f4f5f3;--soft:#d4d8d6;--muted:#969c9e;--faint:#767b7d;--stroke:#34383a;--stroke2:#2b2f31;--focus:#b4c8c0}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;background:var(--bg);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Inter","Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}
body{min-width:240px}
button,input,textarea{font:inherit}
button{cursor:pointer}
button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--focus);outline-offset:3px}
.hidden{display:none!important}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.shell{max-width:760px;min-height:100vh;margin:0 auto;padding:0 19px 24px;position:relative}
.masthead{height:70px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--stroke2)}
.identity{display:flex;align-items:baseline;gap:10px;white-space:nowrap}
.wordmark{font-size:22px;letter-spacing:-1.2px;font-weight:740;line-height:1;color:var(--ink)}
.wordmark span{font-weight:780}
.wordmark b,.wordmark-dot{font-weight:800;color:#c6d5ce}
.identity-sub{font-size:9px;font-weight:730;letter-spacing:.19em;color:#9ba19f}
.header-controls{display:flex;gap:2px}
.icon-button,.tool-button{width:32px;height:32px;padding:7px;display:inline-flex;justify-content:center;align-items:center;border:0;border-radius:6px;background:transparent;color:#b8bdbd;transition:background .15s,color .15s}
.icon-button:hover,.tool-button:hover{color:var(--ink);background:rgba(255,255,255,.07)}
.icon-button svg,.tool-button svg,.search-wrap svg,.privacy-foot svg{display:block;width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
.icon-button svg circle{fill:currentColor;stroke:none}
.meeting-view{padding-top:26px}
.section-eyebrow{display:flex;align-items:center;gap:9px;color:#9fa6a3;font-size:9px;font-weight:730;letter-spacing:.19em;text-transform:uppercase;line-height:1.3}
.section-line{height:1px;width:17px;background:#b7c8be;flex:0 0 auto}
h1{margin:13px 0 9px;font-size:clamp(21px,6.5vw,27px);font-weight:675;line-height:1.17;letter-spacing:-.75px;overflow-wrap:anywhere}
.meeting-meta{color:#a6acab;font-size:12px;font-weight:450;line-height:1.5}
.notes-section{margin-top:31px}
.editor-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px}
.editor-heading label{font-size:13px;font-weight:680;letter-spacing:-.1px;color:#e8ebe9}
.save-state{display:flex;align-items:center;gap:6px;font-size:11px;white-space:nowrap;color:#9ea7a3}
.status-circle{display:block;width:5px;height:5px;border-radius:50%;background:#94aa9d}
.save-state[data-status="error"]{color:#f0b5a8}.save-state[data-status="error"] .status-circle{background:#e9967d}
.save-state[data-status="saving"] .status-circle{background:#cdbb92}
.notebook{background:#24272a;border:1px solid #383d3f;border-radius:8px;overflow:hidden;transition:border-color .16s}
.notebook:focus-within{border-color:#677b71}
#notes-input{display:block;width:100%;min-height:clamp(320px,57vh,760px);max-height:none;padding:21px 19px 19px;background:transparent;border:0;border-radius:0;resize:vertical;outline:none;color:#e9eeeb;caret-color:#d2e4d8;font-size:14.5px;line-height:1.7;font-weight:420;letter-spacing:.01px}
#notes-input::placeholder{color:#858d8a;opacity:1}
.notebook-bottom{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #393e40;padding:7px 11px 7px 10px;min-height:46px}
.format-actions{display:flex;align-items:center;gap:4px}
.char-count{font-size:10.5px;color:#8b9390;font-variant-numeric:tabular-nums}
.action-divider{display:block;width:1px;height:17px;background:#414648;margin:0 3px 0 5px}
.privacy-foot{display:flex;align-items:center;gap:7px;color:#8c9491;font-size:10.5px;line-height:1.4;margin-top:17px}
.privacy-foot svg{width:13px;height:13px;stroke-width:1.5;flex-shrink:0}
.menu{position:absolute;right:18px;top:59px;width:min(300px,calc(100% - 35px));z-index:30;background:#292c2f;border:1px solid #434849;box-shadow:0 16px 42px rgba(0,0,0,.38);padding:6px;border-radius:9px}
.menu button{display:flex;align-items:center;justify-content:space-between;gap:8px;border:0;width:100%;text-align:left;background:transparent;color:#e4e7e5;padding:12px 11px;border-radius:5px;font-size:12px}
.menu button span{color:#aeb7b3}
.menu button:hover{background:#383c40}
.menu-separator{height:1px;background:#3d4144;margin:5px}
.menu-foot{font-size:10px;color:#a2aba6;padding:8px 10px 6px;line-height:1.5}
.library-view{padding:25px 0 0}
.back-button{border:0;background:transparent;color:#b9c3bf;padding:0 0 28px;font-size:12px;display:flex;align-items:center;gap:9px}
.back-button:hover{color:white}
.back-button span{font-size:19px;line-height:1}
.library-view h1{margin:14px 0 7px}
.library-description{margin:0 0 24px;font-size:12px;line-height:1.6;color:#9fa7a3}
.search-wrap{display:flex;align-items:center;gap:10px;border:1px solid #414749;background:#24282a;border-radius:7px;padding:0 11px;color:#8f9894}
.search-wrap svg{width:16px;height:16px;flex-shrink:0}
#library-search{border:0;background:transparent;color:var(--ink);padding:13px 0;outline:none;width:100%;font-size:12px;min-width:0}
#library-search::placeholder{color:#89928e}
.library-results{margin-top:16px;display:flex;flex-direction:column}
.library-entry{width:100%;display:flex;align-items:flex-start;justify-content:space-between;gap:12px;background:transparent;text-align:left;color:var(--ink);border:0;border-bottom:1px solid #33383a;padding:15px 3px}
.library-entry:hover{background:rgba(255,255,255,.025)}
.library-entry strong{display:block;font-size:13px;font-weight:650;line-height:1.4;overflow-wrap:anywhere}
.library-entry small{display:block;margin-top:6px;font-size:11px;color:#9ba5a0}
.library-entry .arrow{color:#a9b8af;font-size:17px}
.library-empty{padding:30px 10px;text-align:center;color:var(--muted);font-size:12px;line-height:1.6}
.toast{position:fixed;z-index:40;bottom:22px;left:50%;transform:translateX(-50%);max-width:calc(100% - 34px);width:max-content;background:#eef0eb;color:#151918;border-radius:6px;padding:10px 13px;box-shadow:0 15px 36px rgba(0,0,0,.34);font-size:12px;line-height:1.4}
@media (max-width:340px){.shell{padding:0 14px 20px}.identity{gap:7px}.wordmark{font-size:20px}.masthead{height:62px}.meeting-view{padding-top:21px}.notes-section{margin-top:25px}#notes-input{min-height:55vh;padding:16px 14px;font-size:14px}.char-count{font-size:9px}}
@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}