/* arabic */
@font-face {
  font-family: 'Noto Sans Arabic';
  font-style: normal;
  font-weight: 100 900;
  font-stretch: 100%;
  font-display: swap;
  src: url(./noto-sans-arabic-arabic-variable.woff2) format('woff2');
  unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC4, U+10EFC-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;
}

:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:#24302a;background:#f7f8f6;font-synthesis:none;--bg:#f7f8f6;--panel:#fff;--sidebar:#f2f4f0;--text:#24302a;--muted:#798079;--border:#e2e6df;--accent:#2d5b45;--accent-soft:#e5eee4;--hover:#edf1e9;--danger:#a54340;--shadow:0 22px 90px #18271e28;color-scheme:light}
*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.48;cursor:default}button,a{touch-action:manipulation}button{color:inherit}a{color:var(--accent)}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:3px}button svg,span[data-icon] svg{width:20px;height:20px;display:block;flex-shrink:0}svg{vertical-align:middle}button{border:0;background:none}button span[data-icon]{display:inline-flex}[hidden]{display:none!important}.muted{color:var(--muted)}.small-text{font-size:12px;line-height:1.6}.spacer{flex:1}.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:43px;padding:10px 17px;border:1px solid var(--border);border-radius:10px;background:var(--panel);font-weight:550;font-size:13px;text-decoration:none}.button.primary{background:var(--accent);border-color:var(--accent);color:#fff}.button:hover{filter:brightness(.97)}.button.primary:hover{filter:brightness(1.1)}.button.compact{min-height:39px;padding:8px 13px}.button-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.icon-button{width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:9px;color:var(--muted)}.icon-button:hover,.icon-button.active{background:var(--hover);color:var(--accent)}.text-button{color:var(--accent);font-size:12px;font-weight:550;padding:10px 4px}.danger-text{color:var(--danger)!important}.brand{font-size:23px;font-weight:650;letter-spacing:-.8px;display:flex;align-items:center;gap:8px;text-decoration:none;color:var(--accent)}.brand>svg{width:34px;height:34px}.sidebar{position:fixed;inset:0 auto 0 0;width:220px;background:var(--sidebar);border-right:1px solid var(--border);display:flex;flex-direction:column;padding:30px 18px 18px}.sidebar .brand{margin:0 14px 30px}.sidebar-new{width:100%;margin-bottom:22px}.sidebar nav{display:grid;gap:4px}.nav-item{display:flex;align-items:center;gap:12px;min-height:42px;width:100%;padding:10px 13px;border-radius:8px;text-align:left;font-size:13px;color:var(--muted)}.nav-item:hover{background:var(--hover);color:var(--text)}.nav-item.active{background:var(--accent-soft);color:var(--accent);font-weight:600}.sidebar-section{font-size:10px;letter-spacing:1.5px;color:var(--muted);margin:34px 14px 10px}.sidebar-tags{overflow:auto;flex:1}.tag-nav{display:flex;align-items:center;gap:10px;width:100%;border-radius:8px;padding:10px 14px;font-size:12px;text-align:left;color:var(--muted)}.tag-nav>span:first-child{color:#a2aaa0}.tag-nav>span:last-child{margin-left:auto;color:var(--muted);font-size:10px}.tag-nav:hover,.tag-nav.active{color:var(--accent);background:var(--accent-soft)}.sidebar-bottom{padding-top:24px}.owner-indicator{font-size:10px;color:var(--muted);display:flex;align-items:center;gap:7px;margin:16px 14px 0}.online-dot{height:5px;width:5px;background:#60916a;border-radius:50%}.workspace{margin-left:220px;min-height:100dvh}.topbar{height:98px;padding:0 46px;display:flex;align-items:center;gap:26px}.search-wrap{position:relative;display:flex;align-items:center;gap:11px;max-width:570px;flex:1;color:var(--muted);padding:0 14px;border:1px solid var(--border);border-radius:10px;background:var(--panel)}.search-wrap input{font-size:13px;color:var(--text);background:none;border:0;height:43px;min-width:0;width:100%;outline:none!important}.search-wrap:focus-within{border-color:var(--accent)}kbd{font-size:10px;background:var(--bg);border:1px solid var(--border);padding:1px 5px;border-radius:4px;color:var(--muted)}.top-actions{margin-left:auto;display:flex;gap:3px}.main-content{padding:14px 46px 65px;max-width:1700px;margin:auto}.page-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px}.page-heading h1{margin:0 0 7px;font-size:26px;letter-spacing:-.8px;font-weight:620}.page-heading .muted{font-size:11px}.quick-note{display:flex;align-items:center;text-align:left;gap:14px;border:1px solid var(--border);background:var(--panel);border-radius:12px;width:100%;min-height:56px;padding:15px 18px;font-size:13px;color:var(--muted);margin:0 0 30px;box-shadow:0 2px 3px #1d382603}.quick-note:hover{border-color:#b8c5b6}.quick-right{margin-left:auto}.notes-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;align-items:start}.note-card{position:relative;display:flex;flex-direction:column;width:100%;text-align:left;padding:21px 21px 15px;min-height:165px;border:1px solid var(--border);border-radius:12px;background:var(--panel);transition:box-shadow .16s,border-color .16s;break-inside:avoid;overflow:hidden}.note-card:hover{border-color:#b9c6b8;box-shadow:0 4px 16px #22352a06}.note-card h2{font-size:14px;line-height:1.5;font-weight:630;margin:0 23px 11px 0;overflow-wrap:anywhere;white-space:pre-wrap}.card-preview{font-size:12px;line-height:1.8;color:#697369;white-space:pre-wrap;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:7;-webkit-box-orient:vertical;overflow:hidden;margin:0 0 17px}.card-tags{display:flex;gap:5px;flex-wrap:wrap;margin-top:auto;padding-top:3px}.tag{display:inline-flex;gap:5px;align-items:center;background:var(--sidebar);border:1px solid var(--border);border-radius:5px;padding:3px 7px;font-size:10px;line-height:1.3;color:#687464;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}.card-footer{display:flex;align-items:center;justify-content:space-between;gap:6px;font-size:10px;color:var(--muted);margin-top:18px}.card-status{display:flex;gap:7px;align-items:center}.card-status svg{width:13px;height:13px}.card-pin{position:absolute;top:20px;right:17px;color:#839277}.card-pin svg{width:15px;height:15px}.card-reminder{display:inline-flex;align-items:center;gap:5px;font-size:10px;color:var(--accent);background:var(--accent-soft);border-radius:5px;padding:5px 7px;align-self:start;margin:0 0 12px}.card-reminder svg{width:12px;height:12px}.card-reminder.overdue{color:var(--danger);background:#f9eddf}.card-image{width:calc(100% + 42px);max-height:160px;object-fit:cover;display:block;margin:-21px -21px 17px;background:var(--sidebar)}.empty-state{text-align:center;padding:65px 20px}.empty-icon{color:var(--accent);margin:0 auto 20px;display:flex;justify-content:center}.empty-icon svg{width:40px!important;height:40px!important}.empty-state h2{font-size:19px;font-weight:550;letter-spacing:-.5px}.empty-state p{font-size:13px;color:var(--muted);line-height:1.7;margin-bottom:23px}.load-more{display:flex;margin:28px auto 0}.notice{font-size:12px;line-height:1.65;border:1px solid var(--border);border-radius:9px;background:var(--accent-soft);padding:11px 15px;margin-bottom:17px}.notice.warning{background:#fbf1dc;color:#785c21}.notice .text-button{margin-left:7px;padding:0}.mobile-brand,.mobile-new,.mobile-nav,.mobile-settings,.tag-filter-row{display:none}
/* Editor */
dialog{color:var(--text);background:var(--panel);border:1px solid var(--border);border-radius:17px;padding:0;box-shadow:var(--shadow)}dialog::backdrop{background:#1d2b2460;backdrop-filter:blur(3px)}.editor-dialog{width:min(730px,calc(100vw - 48px));height:min(810px,calc(100dvh - 90px));max-height:calc(100dvh - 40px);overflow:hidden}.editor-dialog[open]{display:flex;flex-direction:column}.editor-header{display:flex;position:relative;align-items:center;gap:8px;padding:11px 15px;border-bottom:1px solid var(--border);min-height:64px}.save-state{font-size:11px;color:var(--muted);display:flex;align-items:center;gap:5px}.save-state::before{content:'';width:5px;height:5px;border-radius:50%;background:#75a375}.save-state.pending::before{background:#c69d56}.save-state.error{color:var(--danger)}.save-state.error::before{background:var(--danger)}.editor-scroll{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:29px 35px 12px}.editor-scroll>textarea{resize:none;border:0;outline:0!important;padding:0;width:100%;color:var(--text);background:transparent;display:block;overflow:hidden;border-radius:0}#note-title{font-size:28px;line-height:1.35;letter-spacing:-.6px;font-weight:630;min-height:39px;margin-bottom:22px}#note-title::placeholder{color:#adb4a9}#note-body{font-size:15px;line-height:1.9;min-height:245px}#note-body::placeholder{color:#a0a99c}.editor-footer{padding:10px 17px calc(10px + env(safe-area-inset-bottom));display:flex;align-items:center;border-top:1px solid var(--border);gap:5px;min-height:65px;background:var(--panel)}.editor-footer .button-row{gap:0}.share-status{display:flex;gap:6px;align-items:center;font-size:11px;color:var(--muted);border-radius:7px;padding:9px 10px}.share-status:hover{background:var(--hover)}.share-status svg{width:14px;height:14px}.share-status.is-public{background:var(--accent-soft);color:var(--accent)}.note-meta{display:flex;justify-content:space-between;gap:9px;font-size:10px;color:var(--muted);margin:30px 0 5px}.note-meta>span:last-child{font-family:monospace}.menu{position:absolute;z-index:5;right:13px;top:57px;min-width:190px;padding:6px;background:var(--panel);border:1px solid var(--border);border-radius:11px;box-shadow:0 8px 22px #172c2018}.menu button{display:flex;align-items:center;gap:10px;width:100%;padding:11px;text-align:left;font-size:12px;border-radius:6px}.menu button:hover{background:var(--hover)}.menu svg{width:17px;height:17px}.tag-editor{display:flex;gap:7px;flex-wrap:wrap;align-items:center;margin-top:17px}.inline-tags{display:contents}.tag-editor .tag{font-size:11px;padding:5px 8px}.tag-editor .tag button{font-size:14px;line-height:1;padding:0;color:var(--muted)}#tag-input{background:none;border:0;outline:none;padding:8px 3px;color:var(--text);font-size:12px;min-width:120px;max-width:200px}.reminder-summary{display:flex;gap:7px;align-items:center;margin-top:20px;padding:8px 10px;border-radius:7px;background:var(--accent-soft);color:var(--accent);font-size:11px}.reminder-summary svg{width:14px;height:14px}.note-images{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:22px}.image-tile{position:relative;border-radius:9px;border:1px solid var(--border);overflow:hidden;height:150px}.image-tile img{width:100%;height:100%;object-fit:cover}.image-tile .remove-image{position:absolute;top:5px;right:5px;background:var(--panel);box-shadow:0 2px 8px #0002;border-radius:50%;height:29px;width:29px;display:flex;align-items:center;justify-content:center}.image-tile .remove-image svg{width:14px;height:14px}.conflict{background:#fcf2dd;color:#785c21}.conflict p{margin:5px 0 8px}
/* Dialogs, login, public pages */
.small-dialog{padding:24px;width:min(480px,calc(100vw - 30px));max-height:calc(100dvh - 40px);overflow-y:auto}.dialog-heading{display:flex;justify-content:space-between;align-items:center;margin:-6px -7px 14px 0}.small-dialog h2{font-size:20px;letter-spacing:-.4px;font-weight:600;margin:0 0 13px}.dialog-heading h2{margin:0}.small-dialog p{font-size:13px;line-height:1.7}.small-dialog label{display:block;font-size:12px;margin:18px 0 9px}.small-dialog input,.small-dialog select{border:1px solid var(--border);background:var(--bg);color:var(--text);width:100%;min-height:43px;border-radius:8px;padding:10px;font-size:13px}.share-url{display:flex;gap:8px;align-items:center;background:var(--bg);border:1px solid var(--border);border-radius:9px;padding:5px 5px 5px 13px;margin:20px 0}.share-url code{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.sharing-description .privacy-badge{display:inline-flex;gap:7px;align-items:center;font-size:12px;padding:7px 10px;border-radius:8px;background:var(--accent-soft);color:var(--accent)}.privacy-badge svg{width:16px;height:16px}.reminder-actions{margin-top:20px}.settings-section{border-top:1px solid var(--border);padding:18px 0 0;margin-top:18px}.settings-section h3{font-size:12px;font-weight:650;margin:0 0 9px}.settings-section p{font-size:12px;margin:7px 0 11px}.setting-row{display:flex;gap:15px;align-items:center;justify-content:space-between;margin-bottom:11px}.setting-row label{margin:0}.setting-row select{width:150px;min-height:36px;padding:7px 10px;font-size:12px}.history-item{display:block;text-align:left;width:100%;border:1px solid var(--border);border-radius:9px;padding:12px;margin:10px 0}.history-item:hover{background:var(--hover)}.history-item strong{font-size:12px}.history-item p{font-size:11px;color:var(--muted);white-space:pre-wrap;max-height:70px;overflow:hidden;margin-bottom:0}.toast{position:fixed;z-index:9999;bottom:calc(25px + env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);max-width:calc(100vw - 30px);padding:13px 20px;background:#263d30;color:#fff;font-size:12px;border-radius:10px;box-shadow:0 5px 20px #0002;line-height:1.55;pointer-events:none}.error{color:var(--danger)}.loading-screen,.login-page{min-height:100dvh;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:22px}.loading-screen>.muted{font-size:12px}.login-card{width:min(390px,calc(100vw - 38px));padding:30px 16px}.login-card .brand{margin-bottom:40px}.login-card h1{font-size:34px;font-weight:550;letter-spacing:-1.2px;line-height:1.2;margin:0 0 15px}.login-card p{font-size:13px;color:var(--muted);line-height:1.7}.login-card label{font-size:12px;display:block;margin-top:30px;margin-bottom:10px}.login-card input{width:100%;height:46px;border:1px solid var(--border);border-radius:9px;color:var(--text);background:var(--panel);padding:12px}.login-card .button{width:100%;justify-content:space-between;margin-top:18px}.login-card .error{color:var(--danger)}.login-foot{font-size:10px;color:var(--muted);display:block;margin-top:30px;text-align:center}.public-head{max-width:900px;margin:auto;padding:30px;display:flex;align-items:center;justify-content:space-between;gap:20px}.public-label{font-size:10px;color:var(--muted)}.public-note{margin:20px auto 70px;max-width:750px;padding:35px 40px;background:var(--panel);border:1px solid var(--border);border-radius:12px}.public-note h1{font-size:30px;font-weight:600;line-height:1.4;letter-spacing:-.6px;margin:0 0 25px;white-space:pre-wrap;overflow-wrap:anywhere}.public-body{font-size:16px;line-height:1.9;white-space:pre-wrap;overflow-wrap:anywhere}.public-images figure{margin:25px 0 0}.public-images img{width:100%;border-radius:9px}.preview-banner{font-size:11px;color:#725528;background:#fbf1dc;text-align:center;padding:8px;position:relative;z-index:1}
@media(min-width:1600px){.notes-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:1150px){.notes-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sidebar{width:200px}.workspace{margin-left:200px}.topbar{padding:0 30px}.main-content{padding:10px 30px 45px}}
@media(max-width:720px){.sidebar{display:none}.workspace{margin-left:0}.topbar{height:auto;display:grid;grid-template-columns:1fr auto;padding:18px 19px 0;gap:18px}.mobile-brand{display:flex;font-size:24px}.brand>svg{width:30px;height:30px}.top-actions{grid-column:2;grid-row:1;gap:0}.mobile-settings{display:inline-flex}.search-wrap{grid-column:1/-1;grid-row:2;max-width:none;width:100%;padding:0 12px}.search-wrap input{height:43px;font-size:14px}.search-wrap kbd{display:none}.main-content{padding:25px 19px 40px}.page-heading{margin-bottom:19px}.page-heading h1{font-size:24px;margin-bottom:4px}.page-heading .muted{font-size:11px}.mobile-new{display:flex;min-height:37px;font-size:12px;padding:8px 11px;background:var(--accent);border-color:var(--accent);color:#fff}.mobile-new svg{width:16px;height:16px}.mobile-nav{display:flex;gap:7px;overflow-x:auto;margin:0 -19px;padding:0 19px 13px;scrollbar-width:none}.chip{font-size:11px;white-space:nowrap;border:1px solid var(--border);background:var(--panel);border-radius:7px;padding:8px 11px;color:var(--muted)}.chip.active{background:var(--accent-soft);color:var(--accent);border-color:#c7d8c2}.tag-filter-row{display:flex;gap:6px;overflow-x:auto;margin:0 -19px 0;padding:0 19px 16px;scrollbar-width:none}.tag-filter-row:empty{display:none}.filter-tag{font-size:10px;white-space:nowrap;border-radius:5px;padding:5px 9px;color:var(--muted);background:var(--sidebar)}.filter-tag.active{color:var(--accent);background:var(--accent-soft);box-shadow:inset 0 0 0 1px #bdd0b6}.quick-note{min-height:51px;margin:0 0 20px;font-size:13px;padding:13px 15px}.notes-grid{grid-template-columns:1fr;gap:13px}.note-card{min-height:145px;padding:19px 20px 15px}.note-card h2{font-size:15px;margin-bottom:9px}.card-preview{font-size:13px;line-height:1.75;-webkit-line-clamp:6}.card-footer{font-size:10px;margin-top:17px}.card-image{width:calc(100% + 40px);margin:-19px -20px 17px;max-height:200px}.tag{font-size:10px}.editor-dialog{border:0;border-radius:0;width:100vw;height:100dvh;max-width:100vw;max-height:100dvh;margin:0}.editor-header{padding:8px 12px;min-height:61px}.editor-scroll{padding:25px 23px 12px}#note-title{font-size:26px;margin-bottom:20px}#note-body{font-size:16px;line-height:1.85;min-height:260px}.editor-footer{padding-left:10px;padding-right:10px;gap:0}.editor-footer .icon-button{width:37px}.share-status{font-size:10px;padding:8px 7px}.note-images{grid-template-columns:repeat(2,1fr)}.image-tile{height:140px}.small-dialog{padding:21px;width:calc(100vw - 26px);border-radius:14px;max-height:calc(100dvh - 30px)}.small-dialog input,.small-dialog select{font-size:16px}.small-dialog .button{font-size:12px;padding:10px 12px}.settings-section .button-row{gap:5px}.reminder-actions{gap:7px}.reminder-actions .button{font-size:11px}.public-head{padding:22px 20px}.public-note{border:0;border-radius:0;background:var(--bg);margin:0 auto;padding:23px 25px 45px}.public-note h1{font-size:28px}.toast{bottom:calc(17px + env(safe-area-inset-bottom));width:max-content;max-width:calc(100vw - 30px)}.notice{font-size:11px}.empty-state{padding:45px 10px}.login-card h1{font-size:35px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
/* Prefer device-installed Calibri for Arabic; no remote fonts or extra downloads. */
@font-face{font-family:"Notes Arabic";src:local("Calibri");font-style:normal;font-weight:400;unicode-range:U+0600-06FF,U+0750-077F,U+0870-089F,U+08A0-08FF,U+FB50-FDFF,U+FE70-FEFF,U+1EE00-1EEFF}
@font-face{font-family:"Notes Arabic";src:local("Calibri Bold");font-style:normal;font-weight:600 800;unicode-range:U+0600-06FF,U+0750-077F,U+0870-089F,U+08A0-08FF,U+FB50-FDFF,U+FE70-FEFF,U+1EE00-1EEFF}
:root{font-family:"Notes Arabic","Noto Sans Arabic",Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}
.note-text,#note-title,#note-body{text-align:start;letter-spacing:normal;unicode-bidi:plaintext}
.note-card h2{margin-right:0}.note-card .card-pin+h2{padding-right:23px}
.note-text[dir="rtl"],#note-title[dir="rtl"],#note-body[dir="rtl"]{text-align:right}
.note-dates,#note-time{display:flex;flex-direction:column;gap:2px;direction:ltr;font-size:10px;line-height:1.55;color:var(--muted);white-space:nowrap;font-variant-numeric:tabular-nums}
.card-footer{align-items:flex-end}.note-meta{align-items:flex-end}.public-note-dates{margin-top:28px;padding-top:17px;border-top:1px solid var(--border)}
.settings-dialog{width:min(440px,calc(100vw - 28px));padding:22px}
.settings-dialog .dialog-heading{margin:0 0 12px}.settings-dialog .dialog-heading h2{font-size:21px}
.settings-items{display:flex;flex-direction:column}
.settings-item{display:flex;align-items:center;gap:13px;width:100%;min-height:68px;padding:17px 0;border-top:1px solid var(--border);text-align:left}
.settings-symbol{display:flex;align-items:center;justify-content:center;flex:0 0 24px;color:var(--accent)}
.settings-symbol svg,.settings-arrow svg{width:20px;height:20px}
.settings-copy{flex:1;min-width:0}.settings-copy h3,.settings-copy strong{display:block;font-size:13px;font-weight:600;line-height:1.5;margin:0}
.settings-copy p{font-size:11px;line-height:1.55;color:var(--muted);margin:4px 0 0;max-width:260px}
.settings-control{color:var(--accent);background:var(--bg);border:1px solid var(--border);width:38px;height:38px;margin-left:3px}
.settings-action:hover{background:var(--hover)}.settings-action:last-child{padding-bottom:4px;min-height:59px}
.settings-arrow{display:flex;color:var(--muted);margin-left:auto}.settings-arrow svg{width:17px;height:17px}
.reminder-fields{display:grid;grid-template-columns:1.25fr 1fr;gap:12px}.reminder-fields>div{min-width:0}.reminder-fields input{min-width:0}
.heading-actions{display:flex;align-items:center;gap:8px}.select-notes{font-size:12px;gap:6px}.select-notes svg{width:16px;height:16px}
.selection-tools{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:-9px 0 16px;font-size:11px;color:var(--muted)}
.selection-check{display:none;position:absolute;top:15px;right:15px;align-items:center;justify-content:center;width:21px;height:21px;border:1.5px solid var(--border);border-radius:5px;background:var(--panel);color:white;z-index:1}
.selection-check svg{width:15px;height:15px;opacity:0}.is-selecting .selection-check{display:flex}.is-selecting .card-pin{display:none}.is-selecting .note-card h2{padding-right:25px}
.note-card.is-selected{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.is-selected .selection-check{background:var(--accent);border-color:var(--accent)}.is-selected .selection-check svg{opacity:1}
.bulk-bar{position:fixed;z-index:35;bottom:calc(18px + env(safe-area-inset-bottom));left:calc(50% + 110px);transform:translateX(-50%);display:flex;align-items:center;justify-content:space-between;gap:14px;width:min(530px,calc(100vw - 270px));padding:11px 12px 11px 17px;border:1px solid var(--border);border-radius:13px;background:var(--panel);box-shadow:0 8px 35px #18271e26}
#selected-count{font-size:12px;font-weight:600;white-space:nowrap}.bulk-buttons{display:flex;align-items:center;gap:7px}.bulk-buttons .button{font-size:12px;padding:8px 11px;gap:6px}.bulk-buttons svg{width:17px;height:17px}.bulk-buttons .icon-button{width:33px;height:36px}
.is-selecting .main-content{padding-bottom:130px}.is-selecting .toast{bottom:calc(100px + env(safe-area-inset-bottom))}.tag button svg{width:12px;height:12px}
@media(max-width:1150px){.bulk-bar{left:calc(50% + 100px)}}
@media(max-width:720px){.heading-actions{gap:6px}.select-notes{padding:8px 10px;min-height:37px;font-size:11px}.select-notes svg{width:15px;height:15px}.bulk-bar{left:50%;width:calc(100vw - 24px);bottom:calc(12px + env(safe-area-inset-bottom));gap:6px;padding:10px}#selected-count{font-size:11px}.bulk-buttons{gap:5px}.bulk-buttons .button{font-size:11px;padding:8px;gap:5px}.bulk-buttons .icon-button{width:28px}.selection-tools{font-size:10px}.selection-tools .text-button{font-size:11px}}

/* Compact actions, five note surfaces and linked reading text. */
.toolbar-icon,.heading-actions .icon-button{width:44px;height:44px;min-height:44px;padding:0;flex-shrink:0}
.toolbar-icon svg,.select-notes svg{width:20px;height:20px}.sidebar-new.toolbar-icon{width:44px;margin-left:12px}
.select-notes[aria-pressed="true"]{background:var(--accent-soft);color:var(--accent)}
.bulk-buttons .icon-button{width:44px;height:44px}.bulk-bar{width:auto;max-width:calc(100vw - 24px)}
[data-color="default"]{--note-bg:#fff}[data-color="yellow"]{--note-bg:#fff4bf}[data-color="green"]{--note-bg:#dceee0}[data-color="blue"]{--note-bg:#dfeef7}[data-color="pink"]{--note-bg:#f7e1e6}
.note-card[data-color],.editor-dialog[data-color],.public-note[data-color]{background:var(--note-bg);--muted:#616d63}.editor-dialog[data-color] .editor-footer{background:var(--note-bg)}
.note-body-view{white-space:pre-wrap;overflow-wrap:anywhere;font-size:16px;line-height:1.9;min-height:245px;cursor:text}.note-body-view a,.public-body a{text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere;unicode-bidi:isolate;cursor:pointer}
#note-body{font-size:16px}.note-featured{display:block;margin:-29px -35px 25px;background:#18251b08;text-decoration:none}.note-featured img{display:block;width:100%;height:auto}.photo-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:3px;margin-bottom:3px}.photo-row:last-child{margin-bottom:0}.photo-row a{display:block;min-width:0;overflow:hidden}.photo-row img{height:auto}.photo-row a:only-child{grid-column:1/-1;aspect-ratio:auto}.photo-row a:only-child img{height:auto;object-fit:initial}.public-featured{margin:-35px -40px 28px;border-radius:11px 11px 0 0;overflow:hidden}
.color-picker{display:flex;gap:10px;justify-content:center;padding:12px 15px;border-top:1px solid var(--border);background:var(--panel);flex-shrink:0}.color-swatch{height:44px;width:44px;border-radius:50%;border:1px solid #24302a33;background:var(--note-bg);display:flex;align-items:center;justify-content:center;color:#24302a}.color-swatch[aria-pressed="true"]{outline:2px solid var(--accent);outline-offset:2px}.color-swatch svg{width:19px;height:19px}
.trash-tools,.trashed-actions{display:flex;align-items:center;gap:12px;justify-content:space-between;margin:0 0 20px}.trash-tools p{font-size:12px;line-height:1.6;color:var(--muted);margin:0}.trash-tools .button{flex-shrink:0}.trashed-actions{flex-wrap:wrap;font-size:12px;padding:12px 0;border-bottom:1px solid var(--border)}.trashed-actions>span{margin-right:auto}
@media(max-width:720px){.mobile-new.toolbar-icon{display:inline-flex}.heading-actions .icon-button{padding:0}.editor-footer .icon-button{width:37px}.note-body-view{line-height:1.85;min-height:260px}.note-featured{margin:-25px -23px 24px}.public-featured{margin:-23px -25px 24px}.public-note[data-color="default"]{background:var(--bg)}.bulk-buttons .icon-button{width:44px}.search-wrap input{font-size:16px}.trash-tools{align-items:flex-start}.trash-tools p{max-width:205px}.color-swatch{width:42px;height:42px}}
@media(max-width:360px){.editor-footer .icon-button{width:34px}.share-status{padding:8px 3px;gap:3px}}

/* Feedback belongs to the active modal, above its backdrop. */
.editor-dialog>.toast{position:absolute;bottom:calc(78px + env(safe-area-inset-bottom));width:max-content;max-width:calc(100% - 30px)}
.small-dialog>.toast{position:sticky;left:auto;bottom:0;transform:none;width:100%;max-width:100%;margin:14px 0 0}
.note-links{display:flex;flex-direction:column;gap:8px;margin:12px 0 20px;padding-top:12px;border-top:1px solid var(--border)}.note-links a{display:flex;align-items:center;gap:9px;min-height:40px;font-size:14px;overflow-wrap:anywhere;text-underline-offset:3px}.note-links a span{min-width:0}.note-links svg{width:18px;height:18px;flex-shrink:0}