:root{--ink:#111;--muted:#777;--line:#dedede;--paper:#fff;--soft:#f7f7f5;--soft2:#f1f1ee;--shadow:0 7px 24px rgba(0,0,0,.08);--radius:10px;--sidebar:282px;--list:330px;--rail:152px}
*{box-sizing:border-box}html,body{height:100%;margin:0;background:#f4f4f2;color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}body{overflow:hidden}button,input,select{font:inherit;color:inherit}.hidden{display:none!important}.mobile-only{display:none!important}.app-shell{height:100vh;display:grid;grid-template-columns:var(--sidebar) var(--list) minmax(0,1fr);background:#fff}.sidebar{height:100vh;background:#fafafa;border-right:1px solid var(--line);display:flex;flex-direction:column;overflow:auto;position:relative;z-index:20}.sidebar-art{height:357px;min-height:357px;position:relative;overflow:hidden;background:#eee}.sidebar-art>img{width:100%;height:100%;object-fit:cover;filter:none}.scribble{position:absolute;left:37px;top:32px;font-family:"Yu Mincho",serif;font-size:14px;transform:rotate(-3deg)}.scribble span{display:block;margin-left:30px}.new-note-btn{position:absolute;bottom:0;left:22px;right:29px;height:39px;border:0;border-radius:25px 25px 4px 4px;background:#222;color:#fff;font-weight:650;cursor:pointer;box-shadow:0 5px 20px rgba(0,0,0,.18)}.new-note-btn:hover{background:#000}.new-note-btn span{font-size:16px;margin-right:7px}.main-nav{padding:18px 16px 0;display:flex;flex-direction:column;gap:2px}.nav-item{height:36px;border:0;background:transparent;border-radius:7px;display:grid;grid-template-columns:28px 1fr auto;align-items:center;text-align:left;padding:0 11px;cursor:pointer;color:#2a2a2a}.nav-item:hover{background:#f0f0ee}.nav-item.active{background:#fff;box-shadow:0 1px 7px rgba(0,0,0,.07)}.nav-item b{font-size:13px;font-weight:520}.nav-item em{font-size:10px;color:#aaa;font-style:normal}.sidebar-section{padding:0 16px;margin-top:17px}.section-heading{height:27px;display:flex;align-items:center;justify-content:space-between;color:#777;font-size:10px;letter-spacing:.06em}.section-heading button{border:1px solid #ddd;background:#fff;width:24px;height:24px;border-radius:50%;cursor:pointer}.subnav{display:flex;flex-direction:column;gap:1px}.subnav-item{height:32px;border:0;background:transparent;display:grid;grid-template-columns:22px 1fr auto;align-items:center;text-align:left;padding:0 10px;border-radius:6px;cursor:pointer;min-width:0}.subnav-item:hover,.subnav-item.active{background:#f0f0ee}.subnav-item b{font-size:12px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.subnav-item em{font-size:10px;color:#999;font-style:normal}.tag-nav{display:flex;flex-wrap:wrap;gap:5px}.tag-pill{border:1px solid #d8d8d8;background:#fff;border-radius:999px;padding:4px 8px;font-size:10px;cursor:pointer}.tag-pill.active,.tag-pill:hover{background:#111;color:#fff;border-color:#111}.subtle-empty{font-size:10px;color:#aaa}.sidebar-spacer{flex:1;min-height:16px}.realm-section{margin:12px 20px 12px}.realm-caption{padding:0 2px 8px}.realm-caption b{display:block;font-size:11px;color:#222}.realm-caption span{display:block;font-size:10px;line-height:1.4;color:#666;margin-top:4px}.realm-art-box{width:100%;aspect-ratio:1983/793;border:1px solid #cfcfcf;border-radius:8px;overflow:hidden;background:#fff;display:grid;place-items:center}.realm-art-box img{width:100%;height:100%;display:block;object-fit:contain;object-position:center;filter:none;opacity:1}
.sidebar-footer{height:68px;border-top:1px solid #e7e7e7;display:flex;align-items:center;justify-content:space-around;padding:0 25px}.sidebar-footer button{width:40px;height:40px;border:0;background:transparent;border-radius:50%;font-size:19px;cursor:pointer}.sidebar-footer button:hover{background:#eee}.note-list-pane{height:100vh;background:#fff;border-right:1px solid var(--line);display:flex;flex-direction:column;min-width:0}.list-topbar{height:69px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 25px}.view-picker{display:flex;align-items:center;gap:12px;font-size:13px}.view-picker b{font-weight:520}.bare-btn{border:0;background:transparent;min-width:30px;height:30px;border-radius:7px;cursor:pointer}.bare-btn:hover{background:#f1f1f1}.list-heading-row{height:79px;display:flex;align-items:center;justify-content:space-between;padding:8px 20px 8px 21px}.list-heading-row h1{font-size:15px;margin:0 0 4px;font-weight:650}.list-heading-row p{font-size:11px;color:#777;margin:0}.list-heading-row select{border:1px solid #e5e5e5;background:#fff;border-radius:7px;height:31px;font-size:10px;padding:0 27px 0 9px}.journal-action-row{height:38px;border-top:1px solid #eee;border-bottom:1px solid #eee;display:flex;align-items:center;justify-content:space-between;padding:0 16px}.journal-action-row button{border:0;background:none;font-size:11px;cursor:pointer;font-weight:600}.journal-action-row span{font-size:9px;color:#888}.note-list{overflow:auto;flex:1;padding:0 10px 20px}.note-card{height:121px;border:1px solid #e0e0e0;border-radius:8px;margin:0 0 9px;background:#fff;display:grid;grid-template-columns:1fr 120px;overflow:hidden;cursor:pointer;position:relative;transition:.14s}.note-card:hover{border-color:#bdbdbd;transform:translateY(-1px);box-shadow:0 5px 16px rgba(0,0,0,.05)}.note-card.active{border-color:#1e1e1e;box-shadow:0 0 0 1px #1e1e1e}.note-card-copy{padding:11px 11px 9px;min-width:0}.note-card-title{font-size:12px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-right:14px}.note-card-preview{font-size:10px;color:#555;line-height:1.42;height:30px;overflow:hidden;margin-top:5px}.note-card-meta{margin-top:13px;font-size:9px;color:#888;display:flex;gap:5px}.note-card-image{width:120px;height:120px;object-fit:cover;filter:none;border-left:1px solid #eee}.fav-mark{position:absolute;right:126px;top:11px;font-size:13px}.list-empty{height:100%;display:grid;place-items:center;text-align:center;padding:30px;color:#777}.list-empty h3{margin:0 0 6px;font:700 17px/1.2 Georgia,serif;color:#222}.list-empty p{margin:0;font-size:11px;line-height:1.5}.editor-pane{height:100vh;background:#fff;min-width:0;position:relative;overflow:hidden}.global-topbar{height:69px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:14px;padding:0 18px 0 27px;position:relative;overflow:hidden}.search-box{height:44px;width:min(380px,45%);border:1px solid #d8d8d8;border-radius:24px;display:flex;align-items:center;padding:0 16px 0 19px;background:#fff;z-index:2}.search-box input{border:0;outline:0;flex:1;font-size:12px}.search-box span{font-size:18px}.watching{font:italic 18px/1.02 Georgia,serif;z-index:2;color:#1f1f1f;white-space:nowrap;letter-spacing:.02em}.brand-heart{font-size:16px}.topbar-branding{margin-left:auto;display:flex;flex-direction:column;align-items:flex-end;gap:2px;z-index:2;padding-right:4px}.topbar-pattern{font:13px/1 Georgia,serif;color:#8a8a8a;letter-spacing:.2em;margin-left:12px;margin-right:10px;z-index:2;white-space:nowrap;opacity:.95}.header-muse{width:214px;height:70px;flex:0 0 214px;object-fit:cover;object-position:center;filter:none;opacity:1;margin-left:0;border-left:1px solid #eee;padding-left:10px}.profile-chip{border:0;background:#fff;height:38px;display:flex;gap:7px;align-items:center;cursor:pointer}.profile-chip span{width:31px;height:31px;border:1px solid #222;border-radius:50%;display:grid;place-items:center;font-weight:700}.empty-editor{height:calc(100vh - 69px);display:grid;grid-template-columns:minmax(340px,480px) minmax(330px,510px);place-content:center;gap:45px;padding:50px;overflow:auto;background:linear-gradient(90deg,#fff 0 75%,#fafafa)}.empty-copy{max-width:460px}.chapter-label{font-size:10px;letter-spacing:.18em;color:#888}.empty-copy h2{font:700 42px/1.03 Georgia,serif;margin:15px 0}.empty-copy p{font:16px/1.7 Georgia,serif;color:#444}.empty-actions{display:flex;gap:8px;margin-top:24px}.black-btn,.outline-btn{height:38px;border-radius:6px;padding:0 16px;cursor:pointer;font-weight:600}.black-btn{border:1px solid #111;background:#111;color:#fff}.black-btn:hover{background:#000}.outline-btn{border:1px solid #bbb;background:#fff;color:#111}.outline-btn:hover{background:#f3f3f3}.empty-art-card{width:100%;height:auto;aspect-ratio:438/469;max-height:480px;border:1px solid #111;border-radius:8px;overflow:hidden;position:relative;background:#eee;box-shadow:8px 8px 0 #111}.empty-art-card img{width:100%;height:100%;object-fit:cover;filter:none}.bubble{position:absolute;background:#fff;border:1px solid #111;border-radius:50%;font:11px/1.4 Georgia,serif;padding:16px;text-align:center;box-shadow:0 2px 0 rgba(0,0,0,.05)}.bubble-a{right:20px;top:36px;width:130px}.editor{height:calc(100vh - 69px);display:flex;flex-direction:column;position:relative;padding-right:var(--rail)}.note-meta-bar{height:51px;border-bottom:1px solid #eee;display:flex;align-items:center;justify-content:space-between;padding:0 26px}.breadcrumbs{display:flex;align-items:center;gap:10px;font-size:11px}.breadcrumbs b{color:#999}.breadcrumbs #breadcrumbFav{font-size:17px}.note-actions{display:flex;align-items:center;gap:8px}.pill-btn{height:31px;border:0;background:#f5f5f5;border-radius:20px;padding:0 13px;cursor:pointer;font-size:10px}.star-btn{font-size:20px}.text-btn{border:0;background:transparent;font-size:10px;cursor:pointer}.text-btn.danger{color:#a22}.delete-note-btn{height:31px;border:1px solid #d6b2b2;background:#fff;border-radius:20px;padding:0 12px;color:#8d2525;cursor:pointer;font-size:10px;font-weight:650}.delete-note-btn:hover{background:#fff1f1;border-color:#b66;color:#721b1b}.toolbar{height:47px;border-bottom:1px solid #e8e8e8;display:flex;align-items:center;padding:0 24px;gap:4px;overflow-x:auto}.toolbar button{height:32px;min-width:32px;border:0;background:transparent;border-radius:6px;cursor:pointer;font-size:12px}.toolbar button:hover{background:#f1f1f1}.toolbar i{display:block;width:1px;height:20px;background:#e0e0e0;margin:0 5px}.editor-scroll{flex:1;overflow:auto;background:#fff}.editor-paper{min-height:100%;display:grid;grid-template-columns:minmax(440px,1fr) minmax(300px,390px);gap:36px;padding:26px 25px 90px 27px}.writing-column{max-width:720px;min-width:0}.title-input{width:100%;border:0;outline:0;font:700 28px/1.2 Georgia,serif;margin:0 0 4px;padding:0;background:transparent}.subtitle-row{min-height:48px;border-bottom:1px solid #eee;display:flex;align-items:center;gap:14px;flex-wrap:wrap}.subtitle-row label{display:flex;align-items:center;gap:7px}.subtitle-row label span{font-size:9px;color:#888;text-transform:uppercase;letter-spacing:.08em}.subtitle-row select,.subtitle-row input{border:0;background:transparent;outline:0;font-size:10px;color:#555}.save-status{margin-left:auto;color:#999;font-size:9px}.tags-editor{min-height:42px;border-bottom:1px solid #eee;display:flex;align-items:center;gap:6px;flex-wrap:wrap}.tag-chips{display:flex;flex-wrap:wrap;gap:5px}.tag-chip{display:flex;align-items:center;gap:3px;border:1px solid #ddd;border-radius:999px;padding:3px 6px;font-size:9px}.tag-chip button{border:0;background:none;padding:0;cursor:pointer}.tags-editor>input{border:0;outline:0;min-width:100px;font-size:10px;background:transparent}.body-editor{min-height:520px;outline:0;padding:22px 2px 40px;font:17px/1.75 Georgia,"Times New Roman",serif;color:#1c1c1c}.body-editor:empty:before{content:attr(data-placeholder);color:#aaa}.body-editor h1{font-size:27px}.body-editor h2{font-size:22px}.body-editor blockquote{border-left:3px solid #111;margin:18px 0;padding:8px 18px;background:#f5f5f3;font-style:italic}.body-editor img{max-width:100%;height:auto;border:1px solid #111;box-shadow:5px 5px 0 #111;margin:14px 0}.body-editor a{color:#111;text-decoration:underline}.check-row{display:flex;align-items:flex-start;gap:8px}.check-row input{margin-top:7px;accent-color:#111}.reflection-box{min-height:112px;border:1px solid #cfcfcf;border-radius:8px;padding:19px;display:flex;align-items:flex-start;justify-content:space-between;margin-top:12px}.reflection-box b{font:600 12px Georgia,serif}.reflection-box p{margin:12px 0 0;font:italic 12px Georgia,serif;color:#666}.reflection-box button{border:0;background:none;font-size:10px;color:#777;cursor:pointer}.muse-column{width:100%;max-width:390px;justify-self:end;padding-top:0;display:flex;flex-direction:column;gap:10px}.muse-panel{position:relative;border:1px solid #111;border-radius:8px;overflow:hidden;background:#eee}.muse-panel img{width:100%;height:100%;display:block;object-fit:cover;filter:none}.main-muse{height:auto;aspect-ratio:438/469}.eye-muse{height:auto;aspect-ratio:432/114}.reflection-muse{height:auto;aspect-ratio:390/202}.b1{left:8px;top:175px;width:95px;padding:12px}.b2{right:12px;top:40px;width:120px;padding:14px}.b3{left:9px;top:28px;width:115px;padding:11px}.b4{right:16px;top:18px;width:125px;padding:13px}.muse-rail{position:absolute;right:0;top:51px;bottom:0;width:var(--rail);border-left:1px solid #111;background:#fff;display:flex;flex-direction:column;gap:2px;overflow-x:hidden;overflow-y:auto;scrollbar-width:none}.muse-rail::-webkit-scrollbar{display:none}.muse-rail img{width:100%;height:auto;display:block;object-fit:cover;object-position:center;filter:none;border-bottom:1px solid #111;flex:0 0 auto}.muse-rail img:first-child{aspect-ratio:152/343}.muse-rail img:last-child{aspect-ratio:152/498}.modal{width:min(480px,calc(100vw - 30px));border:2px solid #111;border-radius:3px;background:#fff;color:#111;box-shadow:8px 8px 0 rgba(0,0,0,.85);padding:24px}.modal::backdrop{background:rgba(0,0,0,.45)}.modal h2{font:700 22px Georgia,serif;margin:0 0 16px}.modal input[type=text]{width:100%;height:40px;border:1px solid #111;padding:0 10px}.modal-copy{font:13px/1.55 Georgia,serif;color:#555}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:20px}.backup-buttons{display:flex;gap:8px}.info-grid{display:grid;grid-template-columns:90px 1fr;gap:9px;font-size:12px}.info-grid b{color:#777}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#111;color:#fff;padding:10px 14px;border-radius:4px;font-size:11px;z-index:1000}.sidebar-scrim{position:fixed;inset:0;background:rgba(0,0,0,.42);z-index:19}
@media(max-width:1100px){:root{--rail:0px}.muse-rail{display:none}.editor{padding-right:0}.editor-paper{grid-template-columns:minmax(420px,1fr) minmax(290px,390px);gap:28px}.topbar-pattern{display:none}.header-muse{margin-left:auto;border-left:0;padding-left:0}}
@media(max-width:1320px){.editor-paper{grid-template-columns:1fr}.muse-column{display:none}.empty-editor{grid-template-columns:1fr;padding:50px}.empty-art-card{display:none}}
@media(max-width:1100px){:root{--sidebar:230px;--list:300px}.sidebar-art{height:310px;min-height:310px}}
@media(max-width:850px){.app-shell{grid-template-columns:0 310px 1fr}.sidebar{position:fixed;width:250px;left:-260px;top:0;transition:.2s;box-shadow:10px 0 30px rgba(0,0,0,.18)}.sidebar.open{left:0}.mobile-only{display:inline-grid!important;place-items:center}.note-list-pane{grid-column:2}.editor-pane{grid-column:3}.header-muse{display:none}.search-box{width:70%}.global-topbar{padding-left:16px}}
@media(max-width:680px){body{overflow:hidden}.app-shell{display:block}.note-list-pane{position:absolute;inset:0;width:100%;z-index:2}.editor-pane{position:absolute;inset:0;z-index:3;transform:translateX(100%);transition:.2s}.editor-pane.mobile-open{transform:none}.global-topbar{height:58px}.empty-editor{height:calc(100vh - 58px)}.editor{height:calc(100vh - 58px)}.list-topbar{height:58px}.note-card{height:106px;grid-template-columns:1fr 105px}.note-card-image{width:105px;height:105px}.note-card-meta{margin-top:7px}.editor-paper{padding:22px 18px 80px}.toolbar{padding:0 12px}.note-meta-bar{padding:0 12px}.title-input{font-size:26px}.search-box{width:100%}.profile-chip,.topbar-branding,.topbar-pattern{display:none}}

/* Clarity pass: do not re-rasterize already-monochrome manga art. */
.sidebar-art>img,.realm-card img,.note-card-image,.header-muse,.empty-art-card img,.muse-panel img,.muse-rail img{
  filter:none!important;opacity:1!important;image-rendering:auto;
  -webkit-font-smoothing:antialiased;backface-visibility:hidden;
}
.realm-card img{object-fit:contain!important;}

/* Main editor artwork batch 01: full-image, crisp rendering */
.main-muse{background:#fff;}
.main-muse img{object-fit:cover!important;object-position:center!important;filter:none!important;opacity:1!important;}


/* Batch 12 final quality pass: exact-slot artwork and steadier responsive layout. */
.empty-art-card img,.main-muse img,.eye-muse img,.reflection-muse img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;}
.note-card-image,.muse-panel img,.muse-rail img,.realm-art-box img,.header-muse,.sidebar-art>img{transform:translateZ(0);}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.note-card,.sidebar,.editor-pane{transition:none!important}}


/* Batch 14 — Gallery / photo journaling */
.gallery-workspace{
  height:calc(100vh - 69px);overflow:auto;background:#fff;
  padding:0 0 70px;scrollbar-gutter:stable;
}
.gallery-head{
  min-height:150px;padding:27px 34px 24px;border-bottom:1px solid #e7e7e7;
  display:flex;align-items:flex-end;justify-content:space-between;gap:24px;
  background:linear-gradient(120deg,#fff 0%,#fff 64%,#f7f7f5 100%);
}
.gallery-head-copy{position:relative;max-width:640px}
.gallery-head h1{font:700 35px/1.05 Georgia,serif;margin:9px 0 8px}
.gallery-head p{font:14px/1.55 Georgia,serif;color:#666;margin:0}
.gallery-head-actions{flex:0 0 auto}
.gallery-toolbar{
  min-height:66px;padding:13px 34px;display:flex;align-items:center;
  justify-content:space-between;gap:18px;border-bottom:1px solid #eee;
  position:sticky;top:0;background:rgba(255,255,255,.96);backdrop-filter:blur(8px);z-index:4;
}
.gallery-filters{display:flex;gap:7px;flex-wrap:wrap}
.gallery-filter{
  height:34px;border:1px solid #d7d7d7;background:#fff;border-radius:999px;
  padding:0 13px;font-size:10px;font-weight:650;cursor:pointer
}
.gallery-filter:hover{border-color:#999}
.gallery-filter.active{background:#111;color:#fff;border-color:#111}
.gallery-stat{font-size:10px;color:#888;white-space:nowrap}
.gallery-stat b{font-size:12px;color:#222}
.gallery-grid{
  display:grid;grid-template-columns:repeat(auto-fill,minmax(225px,1fr));
  gap:17px;padding:25px 34px 0
}
.gallery-card{
  min-width:0;border:1px solid #d8d8d8;border-radius:9px;background:#fff;overflow:hidden;
  cursor:pointer;transition:transform .14s,box-shadow .14s,border-color .14s
}
.gallery-card:hover{transform:translateY(-2px);box-shadow:0 10px 25px rgba(0,0,0,.08);border-color:#aaa}
.gallery-image-wrap{position:relative;aspect-ratio:4/3;background:#f0f0ee;overflow:hidden}
.gallery-image-wrap>img{width:100%;height:100%;display:block;object-fit:cover}
.gallery-card-fav{
  position:absolute;right:9px;top:9px;width:32px;height:32px;border:1px solid rgba(255,255,255,.8);
  border-radius:50%;background:rgba(255,255,255,.9);box-shadow:0 2px 10px rgba(0,0,0,.12);
  cursor:pointer;font-size:17px;display:grid;place-items:center
}
.gallery-card-fav.active{background:#111;color:#fff;border-color:#111}
.gallery-card-copy{padding:12px 13px 13px;display:grid;gap:6px}
.gallery-card-title{font:700 13px/1.25 Georgia,serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gallery-card-meta{font-size:9px;color:#888;display:flex;gap:5px;align-items:center}
.gallery-open-note{
  justify-self:start;border:0;background:transparent;padding:0;font-size:9px;
  text-decoration:underline;color:#555;cursor:pointer
}
.gallery-empty{
  grid-column:1/-1;min-height:330px;border:1px dashed #cfcfcf;border-radius:10px;
  display:grid;place-items:center;text-align:center;padding:45px;color:#777;background:#fafafa
}
.gallery-empty h3{font:700 21px Georgia,serif;color:#222;margin:0 0 8px}
.gallery-empty p{font:13px/1.5 Georgia,serif;margin:0 0 18px;max-width:390px}
.gallery-albums{display:flex;flex-direction:column;gap:8px;padding:0 2px}
.gallery-album{
  width:100%;border:1px solid #ddd;background:#fff;border-radius:8px;padding:12px;
  display:grid;grid-template-columns:34px 1fr auto;gap:9px;align-items:center;text-align:left;cursor:pointer
}
.gallery-album:hover,.gallery-album.active{border-color:#111;box-shadow:0 3px 12px rgba(0,0,0,.05)}
.gallery-album-icon{width:32px;height:32px;border-radius:7px;background:#f1f1ee;display:grid;place-items:center;font-size:16px}
.gallery-album b{font-size:11px}.gallery-album small{font-size:9px;color:#888;display:block;margin-top:2px}
.gallery-album em{font-style:normal;font-size:10px;color:#777}
.gallery-sidebar-upload{
  margin-top:11px;width:100%;height:36px;border:1px dashed #aaa;background:#fafafa;border-radius:8px;
  cursor:pointer;font-size:10px;font-weight:650
}
.gallery-sidebar-upload:hover{border-style:solid;background:#f4f4f2}

.photo-modal{width:min(980px,calc(100vw - 30px));padding:0;overflow:hidden;border-radius:8px}
.photo-dialog-close{
  position:absolute;right:12px;top:12px;z-index:3;width:36px;height:36px;border:1px solid #ccc;
  border-radius:50%;background:rgba(255,255,255,.94);font-size:22px;cursor:pointer
}
.photo-preview-stage{height:min(66vh,650px);background:#151515;display:grid;place-items:center}
.photo-preview-stage img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}
.photo-preview-info{padding:19px 22px 21px;display:flex;justify-content:space-between;align-items:flex-end;gap:20px}
.photo-preview-info h2{font:700 21px Georgia,serif;margin:5px 0}
.photo-preview-info p{margin:0}
.photo-preview-actions{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}
.danger-outline{border-color:#d5aaaa;color:#8d2525}
.danger-outline:hover{background:#fff1f1}
.gallery-upload-modal select{
  width:100%;height:42px;border:1px solid #bbb;background:#fff;border-radius:5px;padding:0 10px
}
.dialog-field{display:grid;gap:7px;margin-top:16px}
.dialog-field>span{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#777}
.dialog-field input{width:100%;height:42px;border:1px solid #bbb!important;border-radius:5px;padding:0 10px!important}

@media(max-width:1100px){
  .gallery-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));padding-left:24px;padding-right:24px}
  .gallery-head,.gallery-toolbar{padding-left:24px;padding-right:24px}
}
@media(max-width:680px){
  .gallery-workspace{height:calc(100vh - 58px)}
  .gallery-head{min-height:130px;padding:18px 18px 17px;align-items:flex-start;flex-direction:column}
  .gallery-head-copy{padding-left:38px}
  .gallery-head-copy>#galleryBackBtn{position:absolute;left:0;top:-2px}
  .gallery-head h1{font-size:29px}
  .gallery-head-actions{width:100%}.gallery-head-actions .black-btn{width:100%}
  .gallery-toolbar{padding:10px 18px;align-items:flex-start;flex-direction:column}
  .gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:15px 12px 60px}
  .gallery-card-copy{padding:9px}.gallery-card-title{font-size:11px}
  .photo-preview-stage{height:58vh}
  .photo-preview-info{align-items:stretch;flex-direction:column}
  .photo-preview-actions{justify-content:stretch}.photo-preview-actions button{flex:1}
}
@media(max-width:430px){
  .gallery-grid{grid-template-columns:1fr}
}


/* Batch 15 — Settings, backup safety, storage visibility */
.settings-modal{
  width:min(860px,calc(100vw - 28px));padding:0;border-radius:10px;overflow:hidden;
  max-height:min(88vh,820px)
}
.settings-shell{background:#fff;min-height:580px}
.settings-head{
  padding:25px 27px 20px;display:flex;justify-content:space-between;gap:20px;
  border-bottom:1px solid #e7e7e7;background:linear-gradient(120deg,#fff 0 72%,#f5f5f2)
}
.settings-head h2{font:700 28px/1.05 Georgia,serif;margin:7px 0 6px}
.settings-head p{font:13px/1.5 Georgia,serif;color:#666;margin:0}
.settings-close{
  width:37px;height:37px;border:1px solid #ccc;background:#fff;border-radius:50%;
  cursor:pointer;font-size:22px;flex:0 0 auto
}
.settings-tabs{height:54px;border-bottom:1px solid #e8e8e8;display:flex;align-items:flex-end;padding:0 27px;gap:25px}
.settings-tab{height:54px;border:0;border-bottom:2px solid transparent;background:transparent;padding:0 1px;font-size:11px;font-weight:700;color:#777;cursor:pointer}
.settings-tab.active{color:#111;border-bottom-color:#111}
.settings-panel{padding:25px 27px 28px;overflow:auto;max-height:610px}
.settings-hero{
  border:1px solid #cfcfcf;border-radius:9px;padding:16px 17px;display:flex;
  justify-content:space-between;gap:20px;align-items:flex-start;background:#fafafa
}
.settings-hero b{font:700 15px Georgia,serif}.settings-hero p{font:12px/1.55 Georgia,serif;color:#666;margin:6px 0 0;max-width:590px}
.status-badge{border:1px solid #bbb;border-radius:999px;padding:5px 9px;font-size:9px;white-space:nowrap;background:#fff}
.status-badge.good{background:#111;color:#fff;border-color:#111}
.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-top:14px}
.settings-card{border:1px solid #ddd;border-radius:9px;padding:19px;display:flex;flex-direction:column;align-items:flex-start;min-height:210px}
.settings-card-kicker{font-size:8px;letter-spacing:.15em;color:#888}.settings-card h3{font:700 17px Georgia,serif;margin:8px 0}
.settings-card p{font:12px/1.55 Georgia,serif;color:#666;margin:0 0 17px;flex:1}
.settings-small{font-size:9px;color:#888;margin-top:10px}
.settings-note{margin-top:14px;padding:12px 14px;border-left:3px solid #111;background:#f5f5f3;font:11px/1.5 Georgia,serif;color:#555}

.storage-summary{border:1px solid #ddd;border-radius:9px;padding:18px}
.storage-meter-head{display:flex;justify-content:space-between;gap:14px;font-size:11px}
.storage-meter{height:8px;background:#eee;border-radius:999px;overflow:hidden;margin:11px 0 8px}
.storage-meter i{display:block;width:0;height:100%;background:#111;border-radius:999px;transition:width .25s}
.storage-meter-wrap p{font-size:9px;color:#888;margin:0}
.storage-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:14px}
.storage-cards article{border:1px solid #ddd;border-radius:8px;padding:14px;display:grid;gap:5px}
.storage-cards span{font-size:8px;letter-spacing:.1em;color:#888}.storage-cards b{font:700 19px Georgia,serif}.storage-cards small{font-size:9px;color:#888;line-height:1.35}
.settings-actions-row{display:flex;gap:8px;margin-top:15px}
.safety-check{margin-top:12px;border:1px solid #cfcfcf;border-radius:8px;padding:13px;font-size:10px;line-height:1.55;background:#fafafa}
.safety-check.good{border-color:#111}.safety-check b{font-size:11px}

.preference-list{border:1px solid #ddd;border-radius:9px;overflow:hidden}
.preference-row{
  min-height:78px;padding:15px 17px;display:flex;align-items:center;justify-content:space-between;gap:24px;
  border-bottom:1px solid #eee;background:#fff
}
.preference-row:last-child{border-bottom:0}.preference-row>div{max-width:620px}
.preference-row b{font:700 13px Georgia,serif}.preference-row p{font:10px/1.45 Georgia,serif;color:#777;margin:4px 0 0}
.preference-row select{height:34px;border:1px solid #ccc;border-radius:6px;background:#fff;padding:0 25px 0 8px;font-size:10px}
.preference-row input[type=checkbox]{width:18px;height:18px;accent-color:#111}
.settings-value{border:1px solid #ddd;border-radius:999px;padding:5px 9px;font-size:9px;color:#555;white-space:nowrap}
.settings-reset{margin-top:14px;border:1px dashed #aaa;border-radius:9px;padding:15px 17px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.settings-reset b{font:700 13px Georgia,serif}.settings-reset p{font:10px/1.45 Georgia,serif;color:#777;margin:4px 0 0}

.import-preview-modal{width:min(760px,calc(100vw - 28px));border-radius:9px}
.import-preview-head h2{font:700 24px Georgia,serif;margin:7px 0 7px}
.import-preview-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:16px 0}
.import-preview-stats div{border:1px solid #ddd;border-radius:8px;padding:12px;display:grid;gap:4px}
.import-preview-stats span{font-size:8px;letter-spacing:.08em;color:#888}.import-preview-stats b{font:700 18px Georgia,serif}
.import-mode-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.import-mode-grid article{border:1px solid #ddd;border-radius:9px;padding:17px;display:flex;flex-direction:column;align-items:flex-start}
.import-mode-grid article>b{font:700 16px Georgia,serif}.import-mode-grid article>p{font:11px/1.5 Georgia,serif;color:#666;min-height:50px}
.replace-card{border-color:#d9bcbc!important}.replace-card label{font-size:9px;color:#777;width:100%;display:grid;gap:6px;margin-bottom:10px}
.replace-card input{height:35px;border:1px solid #bbb;border-radius:5px;padding:0 9px;width:100%}
button:disabled{opacity:.45;cursor:not-allowed}

body.hide-save-status .save-status{display:none!important}
body.hide-decorative-art .sidebar-art img,
body.hide-decorative-art .realm-section,
body.hide-decorative-art .header-muse,
body.hide-decorative-art .watching,
body.hide-decorative-art .muse-column,
body.hide-decorative-art .muse-rail,
body.hide-decorative-art .empty-art-card{display:none!important}
body.hide-decorative-art .empty-editor{grid-template-columns:minmax(340px,620px);background:#fff}
body.hide-decorative-art .editor-paper{grid-template-columns:minmax(440px,820px);justify-content:center}
body.hide-decorative-art .editor{padding-right:0}
body.hide-decorative-art .sidebar-art{min-height:78px}
body.hide-decorative-art .new-note-btn{position:static;margin:20px auto;width:calc(100% - 30px)}

@media(max-width:720px){
  .settings-modal{max-height:92vh}.settings-head{padding:20px}.settings-tabs{padding:0 20px;gap:20px}.settings-panel{padding:18px 20px}
  .settings-grid,.import-mode-grid{grid-template-columns:1fr}.storage-cards{grid-template-columns:1fr 1fr}
  .settings-reset{align-items:flex-start;flex-direction:column}.settings-reset button{width:100%}
  .import-preview-stats{grid-template-columns:1fr 1fr}
}

/* Batch 16 — permanent autosave */
.autosave-on{background:#111;color:#fff;border-color:#111}


/* Batch 17 — Cloud sync / authentication */
.cloud-sync-status{
  margin-left:auto;font-size:9px;border:1px solid #bbb;border-radius:999px;padding:5px 8px;
  white-space:nowrap;background:#fff;color:#555;z-index:3
}
.cloud-sync-status.syncing{border-color:#111;color:#111}
.cloud-sync-status.synced{background:#111;color:#fff;border-color:#111}
.cloud-sync-status.error{border-color:#b66;color:#8d2525;background:#fff4f4}
.profile-chip{margin-left:0}
.profile-chip b{font-size:9px;max-width:100px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

.auth-modal{width:min(470px,calc(100vw - 28px));border-radius:10px;padding:0}
.auth-shell{padding:28px;position:relative}
.auth-shell h2{font:700 28px/1.08 Georgia,serif;margin:9px 0 8px}
.auth-close{position:absolute;right:18px;top:18px}
.auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:5px;background:#f0f0ee;border-radius:8px;padding:4px;margin:20px 0 4px}
.auth-tab{height:36px;border:0;background:transparent;border-radius:6px;font-size:10px;font-weight:700;cursor:pointer}
.auth-tab.active{background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.08)}
.auth-submit,.auth-wide{width:100%;margin-top:17px}
.auth-divider{display:flex;align-items:center;gap:10px;margin:18px 0 0;color:#999;font-size:9px}
.auth-divider:before,.auth-divider:after{content:"";height:1px;background:#ddd;flex:1}
.auth-message{min-height:18px;font-size:10px;color:#666;margin:12px 0 0}
.auth-message.error{color:#922}
.auth-message.good{color:#222}
.cloud-privacy-note{font:10px/1.45 Georgia,serif;color:#777;background:#f7f7f5;border-radius:7px;padding:11px;margin-top:15px}

.account-modal{width:min(560px,calc(100vw - 28px));border-radius:10px}
.account-head{display:flex;justify-content:space-between;gap:18px}
.account-head h2{font:700 22px Georgia,serif;margin:6px 0}
.account-sync-card{margin-top:17px;border:1px solid #ddd;border-radius:9px;padding:15px;display:flex;justify-content:space-between;gap:15px;align-items:flex-start}
.account-sync-card b{font:700 13px Georgia,serif}.account-sync-card p{font-size:10px;color:#777;margin:5px 0 0}
.account-actions-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:14px}
.cloud-migration-modal{width:min(660px,calc(100vw - 28px));border-radius:10px}
.cloud-migration-modal h2{font:700 24px Georgia,serif;margin:7px 0}
.migration-options{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:17px}
.migration-options article{border:1px solid #ddd;border-radius:9px;padding:17px;display:flex;flex-direction:column;align-items:flex-start}
.migration-options b{font:700 15px Georgia,serif}.migration-options p{font:11px/1.5 Georgia,serif;color:#666;flex:1}
.cloud-settings-hero{margin-bottom:14px}
.cloud-settings-hero button{white-space:nowrap}

@media(max-width:680px){
  .cloud-sync-status{display:none}
  .profile-chip b{display:none}
  .account-actions-grid,.migration-options{grid-template-columns:1fr}
}


/* Batch 19 — mobile cloud/login usability */
.list-topbar-actions{display:flex;align-items:center;gap:3px}
.mobile-cloud-btn{display:none}
.mobile-cloud-btn.signed-in{background:#111;color:#fff;border-radius:50%}

@media(max-width:680px){
  .list-topbar{padding:0 12px;gap:6px}
  .view-picker{min-width:0;flex:1}
  .view-picker b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .list-topbar-actions{flex:0 0 auto}
  .mobile-cloud-btn{display:inline-grid!important;place-items:center}
  .global-topbar{gap:8px;padding:0 10px}
  .global-topbar .search-box{width:auto;flex:1;min-width:0;height:40px}
  .profile-chip{
    display:flex!important;flex:0 0 36px;width:36px;height:36px;padding:0;
    justify-content:center;font-size:0;background:transparent
  }
  .profile-chip span{
    width:34px;height:34px;font-size:12px;background:#fff
  }
  .profile-chip b{display:none!important}
  .auth-modal,.account-modal,.cloud-migration-modal{
    width:calc(100vw - 18px);max-height:92vh
  }
  .auth-shell{padding:23px 18px 20px}
  .auth-shell h2{font-size:25px;padding-right:38px}
}


/* Batch 20 — sync hardening */
.sync-account-modal{width:min(700px,calc(100vw - 28px));max-height:90vh}
.sync-health-grid{display:grid;grid-template-columns:1fr 1.25fr 1.5fr;gap:9px;margin-top:12px}
.sync-health-grid article{border:1px solid #ddd;border-radius:8px;padding:12px;display:grid;gap:4px;min-width:0}
.sync-health-grid span{font-size:8px;letter-spacing:.1em;color:#888}
.sync-health-grid b{font:700 13px/1.2 Georgia,serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sync-health-grid small{font-size:9px;color:#888;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.recent-devices-card{margin-top:13px;border:1px solid #ddd;border-radius:9px;overflow:hidden}
.recent-devices-head{display:flex;justify-content:space-between;gap:10px;padding:11px 13px;background:#f7f7f5;border-bottom:1px solid #e4e4e4}
.recent-devices-head b{font:700 11px Georgia,serif}.recent-devices-head span{font-size:8px;color:#888}
.recent-devices-list{display:grid}
.recent-device-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;padding:10px 13px;border-bottom:1px solid #eee}
.recent-device-row:last-child{border-bottom:0}
.recent-device-row b{font:700 10px Georgia,serif}.recent-device-row small{font-size:8px;color:#888}
.account-danger-zone{margin-top:13px;padding:14px;border:1px solid #d9bcbc;border-radius:9px;display:flex;justify-content:space-between;align-items:center;gap:20px;background:#fffafa}
.account-danger-zone b{font:700 11px Georgia,serif}.account-danger-zone p{font:9px/1.45 Georgia,serif;color:#777;margin:4px 0 0}
.delete-account-modal{width:min(560px,calc(100vw - 28px));border-radius:10px}
.delete-account-modal h2{font:700 23px/1.1 Georgia,serif;margin:6px 0}
.danger-confirm-field{margin-top:18px}
.danger-btn{background:#7d1f1f!important;border-color:#7d1f1f!important}
.cloud-sync-status.offline{border-color:#9a8760;color:#6b5a36;background:#fffaf0}
.cloud-sync-status.pending{border-color:#111;color:#111;background:#fff}
.save-status.cloud-pending:after{content:" • cloud pending";color:#777}
.save-status.cloud-synced:after{content:" • cloud synced";color:#777}

@media(max-width:680px){
  .sync-health-grid{grid-template-columns:1fr}
  .account-danger-zone{align-items:flex-start;flex-direction:column}
  .account-danger-zone button{width:100%}
}


/* Batch 21 — installable PWA */
.pwa-hero{display:grid;grid-template-columns:74px minmax(0,1fr) auto;gap:15px;align-items:center;border:1px solid #d7d7d7;border-radius:10px;padding:17px;background:linear-gradient(135deg,#fff,#f7f7f4)}
.pwa-icon-preview{width:74px;height:74px;border-radius:17px;overflow:hidden;box-shadow:0 5px 18px rgba(0,0,0,.10);border:1px solid #ddd;background:#fff}
.pwa-icon-preview img{width:100%;height:100%;display:block}
.pwa-hero-copy h3{font:700 18px Georgia,serif;margin:6px 0}
.pwa-hero-copy p{font:11px/1.5 Georgia,serif;color:#666;margin:0}
.pwa-actions{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}
.pwa-info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:14px}
.pwa-info-grid article{border:1px solid #ddd;border-radius:9px;padding:14px;display:grid;gap:5px}
.pwa-info-grid span{font-size:8px;letter-spacing:.1em;color:#888}.pwa-info-grid b{font:700 13px Georgia,serif}.pwa-info-grid small{font-size:9px;line-height:1.4;color:#777}
.iphone-install-card{margin-top:14px;border:1px solid #ddd;border-radius:9px;padding:17px;background:#fafafa}
.iphone-install-card h3{font:700 15px Georgia,serif;margin:7px 0}.iphone-install-card p{font:11px/1.55 Georgia,serif;color:#666;margin:0}
body.pwa-standalone .global-topbar{padding-top:env(safe-area-inset-top,0px)}
body.pwa-standalone .sidebar{padding-bottom:env(safe-area-inset-bottom,0px)}

@media(max-width:720px){
  .settings-tabs{gap:15px;overflow-x:auto;scrollbar-width:none}.settings-tabs::-webkit-scrollbar{display:none}.settings-tab{flex:0 0 auto}
  .pwa-hero{grid-template-columns:62px 1fr}.pwa-icon-preview{width:62px;height:62px;border-radius:14px}.pwa-hero .status-badge{grid-column:1/-1;justify-self:start}
  .pwa-info-grid{grid-template-columns:1fr}.pwa-actions>*{flex:1 1 100%}
}


/* Batch 22 — richer journaling */
.journal-dashboard{padding:0 12px 12px;border-bottom:1px solid #e6e6e6;display:grid;gap:10px}
.journal-stat-strip{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #ddd;border-radius:8px;overflow:hidden;background:#fff}
.journal-stat-strip>div{padding:10px 7px;text-align:center;border-right:1px solid #e5e5e5;display:grid;gap:2px}
.journal-stat-strip>div:last-child{border-right:0}
.journal-stat-strip b{font:700 17px Georgia,serif}.journal-stat-strip span{font-size:8px;color:#888;text-transform:uppercase;letter-spacing:.05em}
.journal-mini-label{font-size:8px;letter-spacing:.13em;color:#888;font-weight:700}
.journal-start-box,.journal-calendar-box{border:1px solid #ddd;border-radius:8px;padding:11px;background:#fff}
.journal-template-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:8px}
.journal-template-grid button{border:1px solid #ddd;background:#fafafa;border-radius:7px;padding:9px;text-align:left;cursor:pointer;display:grid;gap:3px}
.journal-template-grid button:hover{border-color:#111;background:#fff}
.journal-template-grid b{font:700 10px Georgia,serif}.journal-template-grid small{font-size:8px;color:#888}
.journal-calendar-head{display:grid;grid-template-columns:30px 1fr 30px;align-items:center;text-align:center;margin-bottom:7px}
.journal-calendar-head b{font:700 11px Georgia,serif}
.journal-weekdays,.journal-calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}
.journal-weekdays span{text-align:center;font-size:7px;color:#999;padding:3px 0}
.journal-calendar-grid button{height:28px;border:0;border-radius:6px;background:transparent;font-size:9px;cursor:pointer;position:relative;color:#555}
.journal-calendar-grid button:hover{background:#eee}
.journal-calendar-grid button.outside{opacity:.22;pointer-events:none}
.journal-calendar-grid button.today{outline:1px solid #777}
.journal-calendar-grid button.has-entry{background:#111;color:#fff;font-weight:700}
.journal-calendar-grid button.has-entry:after{content:"";position:absolute;width:3px;height:3px;border-radius:50%;background:#fff;bottom:3px;left:50%;transform:translateX(-50%)}
.on-this-day-card{width:100%;border:1px solid #bbb;border-left:3px solid #111;background:#fafafa;border-radius:7px;padding:11px;text-align:left;cursor:pointer;display:grid;gap:4px}
.on-this-day-card b{font:700 10px Georgia,serif}.on-this-day-card small{font-size:8px;line-height:1.35;color:#777;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

.journal-enrichment{border:1px solid #d8d8d8;border-radius:10px;background:#fafaf8;margin:15px 0 18px;overflow:hidden}
.journal-checkin-row{display:grid;grid-template-columns:1.6fr 1fr .72fr;gap:14px;padding:14px 15px;border-bottom:1px solid #e2e2e2;align-items:end}
.journal-checkin-group{display:grid;gap:8px}
.journal-choice-row{display:grid;grid-template-columns:repeat(5,1fr);gap:4px}
.journal-choice-row button{min-height:43px;border:1px solid #ddd;background:#fff;border-radius:7px;cursor:pointer;font-size:14px;display:grid;place-items:center;align-content:center;gap:2px}
.journal-choice-row button small{font-size:7px;color:#888}
.journal-choice-row button.active{background:#111;color:#fff;border-color:#111}
.journal-choice-row button.active small{color:#ddd}
.journal-energy-row{display:grid;grid-template-columns:repeat(5,1fr);gap:3px}
.journal-energy-row button{height:34px;border:1px solid #ddd;background:#fff;border-radius:6px;font-size:9px;cursor:pointer}
.journal-energy-row button.active{background:#111;color:#fff;border-color:#111}
.journal-live-stats{display:grid;grid-template-columns:1fr 1fr;border-left:1px solid #ddd;padding-left:13px;gap:8px}
.journal-live-stats div{display:grid;gap:2px}.journal-live-stats b{font:700 15px Georgia,serif}.journal-live-stats span{font-size:7px;color:#888;text-transform:uppercase}
.journal-prompt-card{padding:13px 15px;display:flex;justify-content:space-between;gap:18px;align-items:center;background:#fff}
.journal-prompt-copy{min-width:0}.journal-prompt-copy p{font:italic 12px/1.5 Georgia,serif;margin:5px 0 0;color:#444}
.journal-prompt-actions{display:flex;gap:6px;flex:0 0 auto}
.journal-prompt-actions button{white-space:nowrap}
.note-card .journal-mood-mini{position:absolute;right:9px;top:8px;z-index:2;width:21px;height:21px;border-radius:50%;display:grid;place-items:center;background:#fff;border:1px solid #ccc;font-size:10px}
.note-card{position:relative}

@media(max-width:1320px){
  .journal-checkin-row{grid-template-columns:1.5fr 1fr}.journal-live-stats{grid-column:1/-1;border-left:0;border-top:1px solid #ddd;padding:9px 0 0;grid-template-columns:auto auto;justify-content:start}
}
@media(max-width:760px){
  .journal-checkin-row{grid-template-columns:1fr}.journal-live-stats{grid-column:auto}
  .journal-prompt-card{align-items:flex-start;flex-direction:column}.journal-prompt-actions{width:100%}.journal-prompt-actions button{flex:1}
}


/* Batch 23 — freeform organization replaces the forced daily journal system */
.journal-freeform-note{font:9px/1.35 Georgia,serif;color:#888}
.freeform-subtitle-row{grid-template-columns:minmax(110px,.55fr) minmax(180px,1fr) auto!important}
.freeform-subtitle-row label{min-width:0}
.freeform-subtitle-row select{max-width:100%}
.entry-date-row{display:flex;gap:18px;flex-wrap:wrap;margin:7px 0 10px;color:#888;font-size:8px}
.entry-date-row b{font:700 8px Georgia,serif;color:#555}

.manage-categories-btn{
  width:calc(100% - 20px);margin:5px 10px 8px;padding:7px 8px;border:1px dashed #bbb;border-radius:6px;
  background:#fff;color:#666;text-align:left;font-size:8px;cursor:pointer
}
.manage-categories-btn:hover{border-color:#111;color:#111}
.category-child{padding-left:18px}
.category-child .subnav-item span{font-size:8px}
.category-manager-modal{width:min(650px,calc(100vw - 28px));border-radius:10px}
.category-manager-actions{display:flex;gap:8px;margin:16px 0 12px}
.category-tree-manager{border:1px solid #ddd;border-radius:9px;overflow:hidden;max-height:430px;overflow-y:auto}
.category-manager-row{
  display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;
  padding:10px 12px;border-bottom:1px solid #eee;background:#fff
}
.category-manager-row:last-child{border-bottom:0}
.category-manager-row.selected{background:#f3f3ef}
.category-manager-row.child .category-manager-main{padding-left:22px}
.category-manager-main{border:0;background:transparent;text-align:left;cursor:pointer;display:flex;align-items:center;gap:7px;min-width:0}
.category-manager-main b{font:700 11px Georgia,serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.category-manager-main small{font-size:8px;color:#888;white-space:nowrap}
.category-manager-actions-row{display:flex;gap:5px}
.category-manager-actions-row button{border:1px solid #ccc;background:#fff;border-radius:5px;padding:5px 7px;font-size:8px;cursor:pointer}
.category-manager-empty{padding:22px;text-align:center;font:10px Georgia,serif;color:#888}
.entry-type-pill{display:inline-block;border:1px solid #bbb;border-radius:999px;padding:2px 6px;font-size:7px;text-transform:uppercase;letter-spacing:.04em}
.entry-type-pill.journal{background:#111;color:#fff;border-color:#111}

@media(max-width:680px){
  .freeform-subtitle-row{grid-template-columns:1fr 1fr!important}
  .freeform-subtitle-row #saveStatus{grid-column:1/-1}
  .category-manager-actions{flex-direction:column}
}


/* Batch 24 — drag cards into categories / subcategories */
.note-card[draggable="true"]{cursor:grab}
.note-card[draggable="true"]:active{cursor:grabbing}
.note-card.dragging{
  opacity:.42;transform:scale(.985);box-shadow:none!important;
  outline:1px dashed #777;outline-offset:-3px
}
.entry-drag-active .category-drop-target{
  position:relative;
  border-color:#9a9a9a!important;
  background:#f5f5f2!important;
  transition:background .12s,border-color .12s,transform .12s
}
.category-drop-target .category-drop-label{
  display:none;font-style:normal;font-size:7px;letter-spacing:.04em;color:#777;
  margin-left:auto;padding-left:7px;white-space:nowrap
}
.entry-drag-active .category-drop-target .category-drop-label{display:inline}
.category-drop-target.drop-hover{
  background:#111!important;color:#fff!important;border-color:#111!important;
  transform:translateX(3px)
}
.category-drop-target.drop-hover b,
.category-drop-target.drop-hover em,
.category-drop-target.drop-hover span,
.category-drop-target.drop-hover .category-drop-label{color:#fff!important}
.category-drop-target.drop-hover .category-drop-label{font-weight:700}
.category-manager-row.category-drop-target{position:relative}
.entry-drag-active .category-manager-row.category-drop-target{outline:1px dashed #999;outline-offset:-3px}
.category-manager-row.drop-hover{transform:none}
.category-drag-hint{
  margin:0 11px 8px;padding:0 1px;font:8px/1.35 Georgia,serif;color:#999
}
.entry-drag-active .category-drag-hint{color:#333;font-weight:700}
body.entry-drag-active .sidebar{user-select:none}

/* Touch devices keep the normal category dropdown; full touch-drag polish is deferred to the final mobile pass. */
@media(hover:none),(pointer:coarse){
  .note-card[draggable="true"]{cursor:pointer}
  .category-drag-hint{display:none}
}


/* Batch 25 — blank-page bubble overlap fix */
.empty-art-card > .bubble{
  display:none!important;
}


/* Batch 26 — Organization Power Tools */
.list-heading-actions{display:flex;align-items:center;gap:7px}
.list-select-btn{height:33px;padding:0 10px;font-size:9px}
.list-filter-bar{
  display:grid;grid-template-columns:1fr 1.2fr 1fr auto auto;gap:6px;padding:8px 11px;
  border-bottom:1px solid #e7e7e7;background:#fafafa
}
.list-filter-bar select,.filter-toggle-btn,.filter-clear-btn{
  min-width:0;height:31px;border:1px solid #d3d3d3;border-radius:6px;background:#fff;padding:0 8px;
  font-size:8px;color:#555
}
.filter-toggle-btn,.filter-clear-btn{cursor:pointer;white-space:nowrap}
.filter-toggle-btn.active{background:#111;color:#fff;border-color:#111}
.filter-clear-btn{border-style:dashed}

.bulk-action-bar{
  display:flex;align-items:center;gap:6px;padding:8px 11px;background:#111;color:#fff;
  border-bottom:1px solid #111;position:sticky;top:0;z-index:5
}
.bulk-action-bar b{font:700 9px Georgia,serif;margin-right:auto}
.bulk-action-bar button{height:28px;border:1px solid #666;border-radius:5px;background:#fff;color:#111;padding:0 8px;font-size:8px;cursor:pointer}
.bulk-action-bar button:last-child{background:transparent;color:#fff;border-color:#777}

.note-card.selection-mode{cursor:pointer!important}
.note-card.selected{outline:2px solid #111;outline-offset:-2px;background:#f5f5f2}
.card-select-toggle{
  position:absolute;left:7px;top:7px;z-index:4;width:23px;height:23px;border:1px solid #bbb;border-radius:50%;
  display:none;place-items:center;background:#fff;font-size:9px;cursor:pointer
}
.selection-mode .card-select-toggle,.note-card.selected .card-select-toggle{display:grid}
.note-card.selected .card-select-toggle{background:#111;color:#fff;border-color:#111}
.note-card.selected .note-card-copy{padding-left:24px}
.card-context-btn{
  position:absolute;right:7px;bottom:7px;z-index:4;width:25px;height:23px;border:1px solid #ccc;border-radius:5px;
  display:grid;place-items:center;background:rgba(255,255,255,.94);font-size:11px;cursor:pointer;opacity:0
}
.note-card:hover .card-context-btn,.note-card:focus-within .card-context-btn{opacity:1}
.note-pin-mark{
  position:absolute;right:8px;top:8px;z-index:3;background:#111;color:#fff;border-radius:999px;
  padding:3px 6px;font-size:7px;letter-spacing:.04em
}
.note-archive-mark{
  display:inline-flex;border:1px solid #aaa;border-radius:999px;padding:2px 5px;font-size:7px;color:#777;margin-left:4px
}
.note-card-location{font-size:8px;color:#777;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

.entry-context-menu{
  position:fixed;z-index:1000;width:160px;padding:5px;background:#fff;border:1px solid #bbb;border-radius:8px;
  box-shadow:0 12px 34px rgba(0,0,0,.18)
}
.entry-context-menu button{width:100%;height:31px;border:0;background:#fff;text-align:left;padding:0 9px;font-size:9px;cursor:pointer;border-radius:5px}
.entry-context-menu button:hover{background:#f0f0ed}
.entry-context-menu i{display:block;height:1px;background:#e5e5e5;margin:4px 2px}
.entry-context-menu .danger-menu-item{color:#8a2525}

.move-entries-modal{width:min(500px,calc(100vw - 28px));border-radius:10px}
.move-entries-modal h2{font:700 22px Georgia,serif;margin:6px 0}
.move-entries-modal select{height:40px;border:1px solid #bbb;border-radius:6px;background:#fff;padding:0 9px}

body.entry-drag-active .note-card.selected{opacity:.65}
.entry-drag-active .category-drop-target .category-drop-label.multi-drop:after{content:" selected"}

@media(max-width:900px){
  .list-filter-bar{grid-template-columns:1fr 1fr}
  .filter-toggle-btn,.filter-clear-btn{width:100%}
}
@media(max-width:680px){
  .list-heading-actions{gap:4px}.list-select-btn{display:none}
  .list-filter-bar{grid-template-columns:1fr 1fr;padding:7px}
  .bulk-action-bar{overflow-x:auto}.bulk-action-bar b{min-width:70px}.bulk-action-bar button{flex:0 0 auto}
  .card-context-btn{opacity:1}
}


/* Batch 27 — Better Writing Editor */
.editor-toolbar-v27{gap:3px;flex-wrap:wrap;min-height:48px;height:auto;padding:7px 10px}
.editor-toolbar-v27 button{min-width:31px}
.editor-toolbar-v27 #focusModeBtn{width:auto;padding:0 9px;font-size:8px}
.toolbar-select{height:30px;border:1px solid #d0d0d0;border-radius:5px;background:#fff;padding:0 7px;font-size:8px;font-family:inherit}
#highlightBtn.active{background:#fff4a8}

.find-in-note-bar{
  min-height:42px;padding:6px 12px;border-bottom:1px solid #ddd;background:#f8f8f5;
  display:flex;align-items:center;gap:7px;z-index:12
}
.find-in-note-bar>span{font:700 9px Georgia,serif}.find-in-note-bar input{height:30px;min-width:180px;flex:1;border:1px solid #ccc;border-radius:5px;padding:0 8px;font-size:9px}
.find-in-note-bar b{font-size:8px;color:#777;min-width:54px;text-align:center}
.find-in-note-bar button{width:28px;height:28px;border:1px solid #ccc;border-radius:5px;background:#fff;cursor:pointer}
.editor-find-hit{background:#fff0a0!important;border-radius:2px}.editor-find-hit.current{outline:2px solid #111}

.editor-stats-bar{display:flex;gap:14px;flex-wrap:wrap;margin:4px 0 12px;color:#999;font-size:8px}
.editor-stats-bar b{font-weight:700;color:#666}

.body-editor h1{font:700 28px/1.2 Georgia,serif;margin:1.15em 0 .45em}
.body-editor h2{font:700 22px/1.25 Georgia,serif;margin:1.1em 0 .4em}
.body-editor h3{font:700 17px/1.3 Georgia,serif;margin:1em 0 .35em}
.body-editor blockquote{margin:1.1em 0;padding:10px 14px;border-left:3px solid #111;background:#f6f6f3;color:#555;font-style:italic}
.body-editor pre{white-space:pre-wrap;background:#f0f0ee;border:1px solid #ddd;border-radius:7px;padding:12px;font:12px/1.5 Consolas,Monaco,monospace;overflow:auto}
.body-editor hr{border:0;border-top:1px solid #bbb;margin:24px 0}
.body-editor a{color:#111;text-decoration:underline;text-underline-offset:2px}
.body-editor a[data-note-link]{display:inline-flex;align-items:center;gap:3px;padding:1px 5px;border:1px solid #bbb;border-radius:999px;text-decoration:none;background:#fafafa;font-size:.92em}
.body-editor a[data-note-link]:before{content:"↗";font-size:.75em}

.note-figure{margin:18px auto;max-width:100%;display:block;text-align:center;position:relative}
.note-figure img,.body-editor>img{height:auto;max-width:100%;border-radius:6px;display:block;margin:0 auto;cursor:pointer}
.note-figure.size-small,.body-editor img.size-small{width:32%}.note-figure.size-medium,.body-editor img.size-medium{width:52%}.note-figure.size-large,.body-editor img.size-large{width:76%}.note-figure.size-full,.body-editor img.size-full{width:100%}
.note-figure img{width:100%}
.note-figure figcaption{min-height:22px;margin-top:6px;font:italic 9px/1.4 Georgia,serif;color:#777;outline:none}
.note-figure figcaption:empty:before{content:"Add a caption…";color:#aaa}
.note-figure.image-selected,.body-editor img.image-selected{outline:2px solid #111;outline-offset:3px}
.note-figure[draggable="true"]{cursor:grab}.note-figure.dragging-image{opacity:.45}

.image-tools{
  position:fixed;z-index:1100;display:flex;align-items:center;gap:3px;padding:5px;background:#111;color:#fff;border-radius:7px;
  box-shadow:0 8px 28px rgba(0,0,0,.25)
}
.image-tools button{height:27px;border:0;border-radius:4px;background:#fff;color:#111;padding:0 7px;font-size:8px;cursor:pointer}
.image-tools i{width:1px;height:18px;background:#666;margin:0 2px}
.image-tools .danger-menu-item{color:#8a2525}

.toc-panel{
  position:absolute;right:166px;top:103px;width:235px;max-height:calc(100% - 125px);overflow:auto;z-index:20;
  border:1px solid #ccc;border-radius:8px;background:rgba(255,255,255,.98);box-shadow:0 12px 35px rgba(0,0,0,.12)
}
.toc-panel-head{display:flex;justify-content:space-between;gap:10px;align-items:flex-start;padding:12px;border-bottom:1px solid #e5e5e5}
.toc-panel-head>div{display:grid;gap:3px}.toc-panel-head b{font:700 12px Georgia,serif}.toc-panel-head button{border:0;background:transparent;font-size:18px;cursor:pointer}
.toc-list{padding:8px}
.toc-list button{display:block;width:100%;border:0;background:#fff;border-radius:5px;text-align:left;padding:7px 8px;font:9px/1.3 Georgia,serif;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.toc-list button:hover{background:#f2f2ef}.toc-list button.level-2{padding-left:18px}.toc-list button.level-3{padding-left:30px}
.toc-list p{font:9px/1.45 Georgia,serif;color:#888;padding:6px}

.editor-link-dialog,.internal-link-dialog{width:min(560px,calc(100vw - 28px));border-radius:10px}
.editor-link-dialog h2,.internal-link-dialog h2{font:700 22px Georgia,serif;margin:6px 0}
.editor-check-option{display:flex;align-items:center;gap:7px;margin:10px 0;font-size:9px;color:#666}
.internal-link-search{width:100%;height:39px;border:1px solid #bbb;border-radius:7px;padding:0 10px;margin:14px 0 9px}
.internal-link-results{border:1px solid #ddd;border-radius:8px;max-height:380px;overflow:auto}
.internal-link-result{width:100%;border:0;border-bottom:1px solid #eee;background:#fff;padding:10px 12px;text-align:left;cursor:pointer;display:grid;gap:3px}
.internal-link-result:last-child{border-bottom:0}.internal-link-result:hover{background:#f4f4f1}
.internal-link-result b{font:700 10px Georgia,serif}.internal-link-result small{font-size:8px;color:#888}

body.editor-focus-mode .sidebar,
body.editor-focus-mode .note-list-pane,
body.editor-focus-mode .muse-column,
body.editor-focus-mode .muse-rail,
body.editor-focus-mode .global-topbar{display:none!important}
body.editor-focus-mode .app-shell{grid-template-columns:1fr!important}
body.editor-focus-mode .editor-pane{grid-column:1/-1!important}
body.editor-focus-mode .editor-paper{grid-template-columns:minmax(460px,850px)!important;justify-content:center!important}
body.editor-focus-mode .editor-scroll{background:#f7f7f4}
body.editor-focus-mode .note-meta-bar{padding-left:max(18px,calc((100vw - 900px)/2))}
body.editor-focus-mode #focusModeBtn{background:#111;color:#fff}
.focus-exit-hint{position:fixed;right:16px;bottom:16px;z-index:1500;background:#111;color:#fff;border-radius:999px;padding:7px 10px;font-size:8px}

@media(max-width:1320px){.toc-panel{right:14px}}
@media(max-width:760px){
  .editor-toolbar-v27{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.editor-toolbar-v27::-webkit-scrollbar{display:none}
  .toolbar-select{flex:0 0 auto}.find-in-note-bar{padding:6px}.find-in-note-bar>span{display:none}
  .toc-panel{right:9px;left:9px;top:105px;width:auto;max-height:55vh}
  .note-figure.size-small,.body-editor img.size-small{width:55%}.note-figure.size-medium,.body-editor img.size-medium{width:75%}.note-figure.size-large,.body-editor img.size-large{width:92%}
}


/* Batch 28 — Account + Public-Ready Foundation */
.public-auth-shell{max-height:min(92vh,760px);overflow:auto}
.auth-benefit-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:16px 0 4px}
.auth-benefit-grid article{border:1px solid #ddd;border-radius:8px;padding:11px;background:#fafafa;display:grid;gap:4px}
.auth-benefit-grid b{font:700 10px Georgia,serif}.auth-benefit-grid small{font-size:8px;line-height:1.4;color:#777}
.auth-text-link{display:block;margin:8px 0 0 auto;border:0;background:transparent;text-decoration:underline;text-underline-offset:2px;font-size:8px;color:#666;cursor:pointer}
.local-mode-btn{width:100%;margin-top:8px;height:34px;border:0;background:transparent;color:#666;font:9px Georgia,serif;text-decoration:underline;text-underline-offset:3px;cursor:pointer}

.account-center-modal{width:min(790px,calc(100vw - 28px));max-height:92vh;padding:0;overflow:hidden}
.account-center-head{padding:20px 22px 14px;border-bottom:1px solid #e5e5e5;align-items:center}
.account-head-identity{display:flex;align-items:center;gap:12px;min-width:0}
.account-head-identity h2{margin:3px 0 2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.account-head-email{margin:0;font-size:9px;color:#777}
.account-head-avatar,.account-avatar-preview{border-radius:50%;border:1px solid #222;background:#f4f4f1 center/cover no-repeat;display:grid;place-items:center;overflow:hidden;font-weight:700}
.account-head-avatar{width:46px;height:46px;flex:0 0 46px}.account-avatar-preview{width:108px;height:108px;font:700 26px Georgia,serif}
.account-head-avatar.has-avatar span,.account-avatar-preview.has-avatar span,.profile-chip span.has-avatar{color:transparent!important;text-shadow:none!important}
.account-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;padding:7px;background:#f1f1ee;border-bottom:1px solid #ddd}
.account-tab{height:35px;border:0;border-radius:6px;background:transparent;font-size:9px;font-weight:700;cursor:pointer}
.account-tab.active{background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.08)}
.account-panel{padding:18px 22px 22px;max-height:calc(92vh - 130px);overflow:auto}

.profile-editor-card{display:grid;grid-template-columns:155px minmax(0,1fr);gap:22px;border:1px solid #ddd;border-radius:10px;padding:17px}
.profile-avatar-editor{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center}.profile-avatar-editor small{font-size:8px;color:#888}
.profile-avatar-actions{display:flex;gap:5px;flex-wrap:wrap;justify-content:center}.profile-avatar-actions button{height:30px;padding:0 9px;font-size:8px}
.profile-fields{display:grid;align-content:start;gap:8px}.profile-save-btn{justify-self:start;min-width:120px}
.account-plan-card{display:flex;justify-content:space-between;gap:20px;align-items:center;border:1px solid #bbb;border-radius:10px;padding:15px;margin-top:13px;background:#fafafa}
.account-plan-card h3{font:700 21px Georgia,serif;margin:4px 0}.account-plan-card p{font:9px/1.45 Georgia,serif;color:#777;margin:0}
.plan-badge{border:1px solid #111;border-radius:999px;padding:6px 9px;font-size:8px;font-weight:800;letter-spacing:.08em;background:#fff}
.plan-badge.owner{background:#111;color:#fff}.plan-badge.premium{background:#222;color:#fff}
.plan-feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:9px}.plan-feature-grid article{border:1px solid #ddd;border-radius:7px;padding:9px;display:grid;gap:3px}.plan-feature-grid b{font:700 9px Georgia,serif}.plan-feature-grid small{font-size:8px;color:#777}

.account-sync-copy{margin:9px 2px 0}.account-sync-actions{margin-bottom:4px}
.session-control-card,.account-data-actions,.recovery-card{margin-top:13px;border:1px solid #ddd;border-radius:9px;padding:14px;display:flex;justify-content:space-between;align-items:center;gap:15px}
.session-control-card b,.account-data-actions b,.recovery-card b{font:700 11px Georgia,serif}.session-control-card p,.account-data-actions p,.recovery-card p{font:9px/1.45 Georgia,serif;color:#777;margin:4px 0 0}
.session-control-actions{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.session-control-actions button{height:32px;padding:0 9px;font-size:8px}

.account-storage-hero{display:flex;justify-content:space-between;align-items:flex-end;gap:14px}.account-storage-hero h3{font:700 27px Georgia,serif;margin:5px 0}.account-storage-hero p{margin:0;font-size:9px;color:#777}
.storage-meter{height:8px;background:#e9e9e5;border-radius:999px;overflow:hidden;margin:13px 0}.storage-meter span{display:block;width:0;height:100%;background:#111;border-radius:999px;transition:width .25s}
.account-usage-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.account-usage-grid article{border:1px solid #ddd;border-radius:8px;padding:12px;display:grid;gap:4px}.account-usage-grid span{font-size:7px;letter-spacing:.1em;color:#888}.account-usage-grid b{font:700 16px Georgia,serif}.account-usage-grid small{font-size:8px;color:#888}

.security-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.security-card{border:1px solid #ddd;border-radius:9px;padding:14px;display:grid;align-content:start;gap:8px}.security-card b{font:700 12px Georgia,serif}.security-card p{font:9px/1.45 Georgia,serif;color:#777;margin:4px 0 1px}.security-card .outline-btn{justify-self:start}
.password-recovery-modal{width:min(520px,calc(100vw - 28px));border-radius:10px}.password-recovery-modal h2{font:700 23px Georgia,serif;margin:6px 0}.password-recovery-modal form{margin-top:16px}

.profile-chip span{background-position:center;background-size:cover;background-repeat:no-repeat}

@media(max-width:680px){
  .auth-benefit-grid{grid-template-columns:1fr}
  .account-center-modal{width:calc(100vw - 14px);max-height:94vh}
  .account-center-head{padding:16px 14px 11px}.account-tabs{grid-template-columns:1fr 1fr}.account-panel{padding:13px 14px 20px;max-height:calc(94vh - 165px)}
  .profile-editor-card{grid-template-columns:1fr}.account-avatar-preview{width:92px;height:92px}.profile-fields .black-btn{width:100%}
  .plan-feature-grid,.account-usage-grid,.security-grid{grid-template-columns:1fr 1fr}
  .session-control-card,.account-data-actions,.recovery-card{align-items:stretch;flex-direction:column}.session-control-actions{justify-content:stretch}.session-control-actions button{flex:1}
}
@media(max-width:420px){.plan-feature-grid,.account-usage-grid,.security-grid{grid-template-columns:1fr}}


/* Batch 29 — approved artwork integration */
.empty-art-card img,
.muse-panel img,
.muse-rail img,
.note-card-image{
  image-rendering:auto;
  filter:none;
}
.empty-art-card img{object-position:center center}
.muse-panel.eye-muse img{object-position:center center}
.muse-panel.reflection-muse img{object-position:center center}
.muse-rail img{object-position:center center}

/* The approved blank-page artwork already contains its own speech bubble.
   Never layer HTML speech bubbles over it. */
.empty-art-card > .bubble{display:none!important}


/* Batch 30 — try first, sync later onboarding */
.cloud-onboarding-dialog{
  width:min(620px,calc(100vw - 28px));padding:0;border-radius:12px;overflow:hidden;
  box-shadow:0 24px 70px rgba(0,0,0,.28)
}
.cloud-onboarding-art{
  height:116px;background:#111;overflow:hidden;border-bottom:1px solid #bbb
}
.cloud-onboarding-art img{width:100%;height:100%;display:block;object-fit:cover;object-position:center}
.cloud-onboarding-copy{position:relative;padding:22px 24px 20px}
.cloud-onboarding-close{position:absolute;right:13px;top:11px}
.cloud-onboarding-copy h2{font:700 27px/1.14 Georgia,serif;margin:6px 38px 9px 0}
.cloud-onboarding-copy>p{font:11px/1.55 Georgia,serif;color:#666;margin:0;max-width:530px}
.cloud-onboarding-benefits{display:grid;gap:7px;margin:17px 0 15px}
.cloud-onboarding-benefits article{
  display:grid;grid-template-columns:28px 1fr;gap:8px;align-items:start;padding:9px 10px;
  border:1px solid #e0e0e0;border-radius:7px;background:#fafafa
}
.cloud-onboarding-benefits article>span{
  width:25px;height:25px;border-radius:50%;border:1px solid #222;display:grid;place-items:center;
  font-size:10px;background:#fff
}
.cloud-onboarding-benefits article div{display:grid;gap:2px}
.cloud-onboarding-benefits b{font:700 10px Georgia,serif}
.cloud-onboarding-benefits small{font-size:8px;line-height:1.4;color:#777}
.cloud-onboarding-actions{display:grid;grid-template-columns:1.25fr 1fr;gap:7px}
.cloud-onboarding-actions button{height:39px}
.cloud-onboarding-later{
  display:block;margin:10px auto 2px;border:0;background:transparent;color:#666;
  font:9px Georgia,serif;text-decoration:underline;text-underline-offset:3px;cursor:pointer
}
.cloud-onboarding-footnote{display:block;text-align:center;color:#999;font-size:7px;margin-top:5px}
.cloud-onboarding-dialog.reminder .chapter-label:after{content:" · A QUICK REMINDER"}
.cloud-onboarding-dialog.reminder .cloud-onboarding-copy h2{font-size:25px}

@media(max-width:540px){
  .cloud-onboarding-art{height:92px}.cloud-onboarding-copy{padding:18px 16px 16px}
  .cloud-onboarding-copy h2{font-size:22px}.cloud-onboarding-actions{grid-template-columns:1fr}
}


/* Batch 31 — Final Desktop Polish. Artwork is intentionally untouched. */
:root{
  --line-soft:#e9e9e6;
  --hover:#f3f3f0;
  --focus-ring:0 0 0 3px rgba(17,17,17,.12);
  --shadow-soft:0 10px 30px rgba(0,0,0,.07);
}

button,select,input{transition:border-color .14s ease,background-color .14s ease,color .14s ease,box-shadow .14s ease,transform .14s ease}
button:disabled,select:disabled,input:disabled{cursor:not-allowed;opacity:.5}
button:focus-visible,input:focus-visible,select:focus-visible,[contenteditable="true"]:focus-visible{
  outline:2px solid #111;outline-offset:2px
}
.modal{border-color:#111}
.modal::backdrop{background:rgba(0,0,0,.48);backdrop-filter:blur(1.5px)}
.toast{border-radius:999px;padding:10px 16px;box-shadow:0 8px 30px rgba(0,0,0,.24);font-weight:650;letter-spacing:.01em}

@media(min-width:681px){
  /* Consistent desktop scrolling without heavy browser chrome. */
  .sidebar,.note-list,.editor-scroll,.gallery-workspace,.settings-panel,.account-panel,.category-tree-manager,.recent-devices-list{
    scrollbar-width:thin;scrollbar-color:#c7c7c3 transparent
  }
  .sidebar::-webkit-scrollbar,.note-list::-webkit-scrollbar,.editor-scroll::-webkit-scrollbar,.gallery-workspace::-webkit-scrollbar,.settings-panel::-webkit-scrollbar,.account-panel::-webkit-scrollbar,.category-tree-manager::-webkit-scrollbar{width:8px;height:8px}
  .sidebar::-webkit-scrollbar-thumb,.note-list::-webkit-scrollbar-thumb,.editor-scroll::-webkit-scrollbar-thumb,.gallery-workspace::-webkit-scrollbar-thumb,.settings-panel::-webkit-scrollbar-thumb,.account-panel::-webkit-scrollbar-thumb,.category-tree-manager::-webkit-scrollbar-thumb{background:#c7c7c3;border:2px solid transparent;background-clip:padding-box;border-radius:999px}

  /* Sidebar hierarchy and controls. */
  .sidebar{background:#fbfbfa}
  .new-note-btn{box-shadow:0 7px 22px rgba(0,0,0,.18);letter-spacing:.01em}
  .new-note-btn:hover{transform:translateY(-1px);box-shadow:0 9px 25px rgba(0,0,0,.22)}
  .new-note-btn:active{transform:translateY(0)}
  .nav-item,.subnav-item{position:relative}
  .nav-item.active:before{content:"";position:absolute;left:3px;top:8px;bottom:8px;width:2px;border-radius:999px;background:#111}
  .nav-item:hover,.subnav-item:hover{background:#f0f0ed}
  .nav-item.active{box-shadow:0 1px 8px rgba(0,0,0,.06);border:1px solid #ecece9}
  .section-heading button:hover{border-color:#111;transform:rotate(90deg)}
  .tag-pill{padding:5px 9px}
  .sidebar-footer button:hover{transform:translateY(-1px)}

  /* List pane: make the narrow column calm and readable. */
  .list-topbar{padding:0 17px 0 20px;background:rgba(255,255,255,.97)}
  .view-picker{gap:8px}.view-picker>span:last-child{color:#aaa;font-size:10px}
  .list-topbar-actions{gap:5px}
  .list-options-btn{width:auto;min-width:72px;padding:0 8px;display:inline-flex;align-items:center;justify-content:center;gap:5px;font-size:9px;color:#666;border:1px solid transparent}
  .list-options-btn:hover,.list-options-btn.open{border-color:#ddd;background:#fafafa;color:#111}
  .list-options-btn.has-active-filters{border-color:#111;color:#111;background:#fff}
  .list-options-btn.has-active-filters:after{content:"";width:5px;height:5px;border-radius:50%;background:#111}
  .list-heading-row{height:76px;padding:10px 13px 9px 16px;border-bottom:1px solid #f0f0ed}
  .list-heading-row h1{font:700 17px/1.2 Georgia,serif}
  .list-heading-row select{border-color:#d9d9d6}
  .list-heading-actions{gap:5px}.list-select-btn{padding:0 8px}
  .list-filter-bar{grid-template-columns:1fr 1fr;gap:6px;padding:9px 10px;border-bottom:1px solid #e7e7e4;background:#f8f8f6}
  .list-filter-bar select,.filter-toggle-btn,.filter-clear-btn{height:32px;font-size:8.5px}
  .list-filter-bar #listTagFilter{grid-column:1/-1}
  .list-filter-bar .filter-toggle-btn,.list-filter-bar .filter-clear-btn{width:100%}
  .note-list{padding:10px 9px 24px;background:#fdfdfc}
  .note-card{height:124px;margin-bottom:9px;border-color:#e2e2df;border-radius:9px;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease,background .16s ease}
  .note-card:hover{transform:translateY(-2px);border-color:#aaa;box-shadow:0 8px 20px rgba(0,0,0,.065)}
  .note-card.active{border-color:#111;box-shadow:0 0 0 1px #111,0 8px 22px rgba(0,0,0,.07)}
  .note-card.active:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:#111;z-index:2}
  .note-card-copy{padding:12px 11px 9px 13px}
  .note-card-title{font-size:12.5px;letter-spacing:-.01em}
  .note-card-preview{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;height:auto;min-height:28px;margin-top:6px}
  .note-card-location{margin-top:7px}
  .note-card-meta{margin-top:7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .note-card-image{height:123px}
  .card-context-btn{transition:opacity .14s ease,transform .14s ease}.note-card:hover .card-context-btn{transform:translateY(-1px)}
  .list-empty{min-height:240px;border:1px dashed #ddd;border-radius:10px;margin:10px;background:#fafaf8;height:auto}

  /* Main top bar. */
  .global-topbar{padding-left:24px;gap:12px;background:rgba(255,255,255,.98)}
  .search-box{height:40px;width:min(400px,46%);padding:0 11px 0 14px;border-color:#d9d9d6;gap:8px}
  .search-box:focus-within{border-color:#111;box-shadow:var(--focus-ring)}
  .search-box .search-icon{font-size:16px;color:#777;line-height:1}
  .search-box input{min-width:0;font-size:11.5px;background:transparent}
  .search-box kbd{border:1px solid #ddd;border-bottom-color:#c5c5c2;border-radius:5px;padding:3px 6px;background:#f8f8f6;color:#888;font:7px ui-monospace,SFMono-Regular,Menlo,monospace;white-space:nowrap}
  .profile-chip{padding:0 7px 0 3px;border:1px solid transparent;border-radius:999px}
  .profile-chip:hover{border-color:#ddd;background:#fafafa}
  .cloud-sync-status{transition:all .14s ease}

  /* Empty desktop state. */
  .empty-editor{gap:54px;padding:54px clamp(38px,5vw,72px)}
  .empty-copy h2{letter-spacing:-.035em}.empty-copy p{max-width:440px;color:#505050}
  .empty-actions button{min-width:126px}
  .empty-art-card{box-shadow:9px 9px 0 #111;transition:transform .18s ease,box-shadow .18s ease}
  .empty-art-card:hover{transform:translate(-1px,-1px);box-shadow:11px 11px 0 #111}

  /* Editor chrome and writing surface. */
  .note-meta-bar{height:52px;padding:0 22px;background:#fff}
  .breadcrumbs{min-width:0;max-width:58%;gap:8px}
  .breadcrumbs span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.breadcrumbs #breadcrumbFav{overflow:visible}
  .note-actions{gap:6px}.pill-btn:hover,.bare-btn:hover{background:#efefec}.star-btn{border-radius:50%}
  .editor-toolbar-v27{padding:7px 12px;background:#fcfcfb;border-bottom-color:#e4e4e1}
  .editor-toolbar-v27 button,.toolbar-select{border:1px solid transparent}
  .editor-toolbar-v27 button:hover{border-color:#ddd;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.04)}
  .toolbar-select{border-color:#d7d7d4;background:#fff}
  .editor-scroll{scrollbar-gutter:stable}
  .editor-paper{gap:40px;padding:32px 30px 110px 34px}
  .writing-column{max-width:760px}
  .title-input{font-size:31px;letter-spacing:-.025em;margin-bottom:8px;padding:2px 0 3px}
  .title-input::placeholder{color:#b7b7b2}
  .freeform-subtitle-row{min-height:52px;border:1px solid #ececea;border-radius:8px;padding:6px 9px;margin-bottom:7px;background:#fbfbf9}
  .freeform-subtitle-row label{padding:2px 4px}.freeform-subtitle-row select{cursor:pointer}
  .entry-date-row{padding-left:4px;margin:8px 0 9px}
  .tags-editor{min-height:45px;padding:3px 4px;border-bottom-color:#e7e7e4}
  .tag-chip{background:#fafaf8;border-color:#d8d8d5;padding:4px 7px}.tag-chip:hover{border-color:#aaa}
  .tags-editor>input{height:30px}
  .editor-stats-bar{padding:0 4px;margin:8px 0 10px}
  .body-editor{min-height:560px;padding:24px 4px 70px;font-size:17.5px;line-height:1.78;caret-color:#111}
  .body-editor:focus{outline:0}
  .body-editor p{margin:.75em 0}
  .body-editor a:hover{text-decoration-thickness:2px}
  .note-figure{margin:22px auto}.note-figure img{box-shadow:4px 4px 0 #111}
  .muse-column{gap:12px}.muse-panel{border-radius:9px;box-shadow:0 4px 16px rgba(0,0,0,.05)}
  .muse-rail{gap:0;background:#fafafa}.muse-rail img{transition:opacity .15s ease}.muse-rail:hover img{opacity:.96}
  .toc-panel{box-shadow:0 14px 40px rgba(0,0,0,.14)}

  /* Cards, menus, dialogs, gallery, and account/settings consistency. */
  .entry-context-menu{border-color:#aaa;box-shadow:0 18px 48px rgba(0,0,0,.18);padding:6px}
  .entry-context-menu button:hover{background:#efefec}
  .gallery-card,.gallery-album,.settings-card,.profile-editor-card,.account-plan-card,.security-card,.recent-devices-card,.session-control-card,.account-data-actions,.recovery-card{transition:border-color .14s ease,box-shadow .14s ease,transform .14s ease}
  .gallery-card:hover,.gallery-album:hover,.settings-card:hover,.profile-editor-card:hover,.account-plan-card:hover,.security-card:hover{border-color:#bbb;box-shadow:0 8px 24px rgba(0,0,0,.055)}
  .settings-close:hover{border-color:#111;background:#f5f5f2;transform:rotate(4deg)}
  .account-tab:hover:not(.active),.settings-tab:hover:not(.active){color:#111;background:#f6f6f4}
  .dialog-field input:focus,.gallery-upload-modal select:focus,.move-entries-modal select:focus,.preference-row select:focus{border-color:#111!important;box-shadow:var(--focus-ring);outline:0}
  .black-btn:active,.outline-btn:active,.pill-btn:active,.bare-btn:active{transform:translateY(1px)}
}

@media(prefers-reduced-motion:reduce){
  button,select,input,.empty-art-card,.gallery-card,.note-card,.settings-card,.profile-editor-card,.account-plan-card,.security-card{transition:none!important}
}


/* Batch 32 — Dedicated iPhone / Mobile Redesign */
.mobile-tab-bar{display:none}
.mobile-bottom-sheet:not([open]){display:none!important}
.mobile-list-search{display:none}

@media(max-width:680px){
  :root{--mobile-tab-h:64px;--mobile-top-h:56px}
  html,body{width:100%;height:100%;height:100dvh;background:#fff;overscroll-behavior:none}
  body{position:fixed;inset:0;overflow:hidden;-webkit-text-size-adjust:100%;touch-action:manipulation}
  .app-shell{height:100dvh;min-height:100dvh;display:block;overflow:hidden}
  button{touch-action:manipulation;-webkit-tap-highlight-color:transparent}
  input,select,textarea{font-size:16px!important}

  /* ----- Drawer / More ----- */
  .sidebar{
    position:fixed!important;inset:0 auto 0 0!important;width:min(88vw,340px)!important;height:100dvh!important;
    left:0!important;transform:translateX(-105%);transition:transform .22s ease;z-index:80!important;
    padding-top:env(safe-area-inset-top);box-shadow:16px 0 48px rgba(0,0,0,.24);background:#fbfbfa
  }
  .sidebar.open{transform:translateX(0)}
  .sidebar-scrim{z-index:75!important;backdrop-filter:blur(2px)}
  .sidebar-art{height:218px!important;min-height:218px!important}
  .new-note-btn{height:46px;left:18px;right:18px;border-radius:23px 23px 5px 5px;font-size:14px}
  .main-nav{padding:14px 13px 0}.nav-item{height:44px;padding:0 12px}.nav-item b{font-size:14px}.nav-item em{font-size:11px}
  .sidebar-section{padding:0 13px;margin-top:14px}.section-heading{height:34px}.subnav-item{height:40px}.subnav-item b{font-size:13px}
  .manage-categories-btn{min-height:40px;font-size:11px}.tag-pill{padding:7px 10px;font-size:11px}
  .realm-section{display:none}
  .sidebar-footer{position:sticky;bottom:0;min-height:calc(64px + env(safe-area-inset-bottom));padding:0 28px env(safe-area-inset-bottom);background:#fbfbfa;z-index:4}
  .sidebar-footer button{width:46px;height:46px;font-size:20px}

  /* ----- Main list ----- */
  .note-list-pane{
    position:absolute!important;inset:0!important;width:100%!important;height:100dvh!important;z-index:2!important;
    padding-bottom:calc(var(--mobile-tab-h) + env(safe-area-inset-bottom));border:0;background:#f8f8f6
  }
  .list-topbar{
    min-height:calc(var(--mobile-top-h) + env(safe-area-inset-top));height:calc(var(--mobile-top-h) + env(safe-area-inset-top));
    padding:env(safe-area-inset-top) 12px 0;gap:7px;background:rgba(255,255,255,.97);backdrop-filter:blur(14px);z-index:20
  }
  #mobileMenuBtn,.mobile-search-toggle,.mobile-cloud-btn{display:inline-grid!important;place-items:center;width:40px;height:40px;min-width:40px;border-radius:50%;font-size:18px}
  .mobile-search-toggle.active{background:#111;color:#fff}
  .view-picker{gap:7px;min-width:0}.view-picker>span:first-child,.view-picker>span:last-child{display:none}.view-picker b{font:700 17px Georgia,serif;overflow:hidden;text-overflow:ellipsis}
  .list-topbar-actions{gap:3px}.list-options-btn{width:40px!important;min-width:40px!important;height:40px!important;border-radius:50%!important;padding:0!important;font-size:15px!important}
  .list-options-btn span{display:none}.list-options-btn.has-active-filters:after{position:absolute;right:4px;top:4px;width:7px!important;height:7px!important;border:2px solid #fff}

  .mobile-list-search{height:58px;padding:8px 12px;display:flex;align-items:center;gap:8px;background:#fff;border-bottom:1px solid #e5e5e2;z-index:18}
  .mobile-list-search.hidden{display:none!important}
  .mobile-list-search>span{font-size:18px;color:#777}.mobile-list-search input{height:42px;min-width:0;flex:1;border:1px solid #d6d6d3;border-radius:21px;padding:0 13px;background:#f8f8f6;outline:0}
  .mobile-list-search input:focus{border-color:#111;background:#fff}.mobile-list-search button{width:40px;height:40px;border:0;background:transparent;border-radius:50%;font-size:20px}

  .list-heading-row{height:auto!important;min-height:72px;padding:12px 13px 10px 15px;background:#fff;border-bottom:1px solid #ededeb;align-items:center}
  .list-heading-row h1{font:700 20px/1.15 Georgia,serif;margin-bottom:3px}.list-heading-row p{font-size:11px}
  .list-heading-actions{gap:5px}.list-select-btn{display:inline-flex!important;align-items:center;justify-content:center;height:38px;min-width:40px;padding:0 9px;font-size:0;border-radius:9px}.list-select-btn:first-letter{font-size:16px}
  .list-heading-row select{height:38px;max-width:128px;padding:0 27px 0 9px;border-color:#d9d9d6;background:#fafafa;font-size:12px!important}

  .list-filter-bar{grid-template-columns:1fr 1fr!important;gap:7px!important;padding:9px 11px!important;background:#f2f2ef!important}
  .list-filter-bar select,.filter-toggle-btn,.filter-clear-btn{height:42px!important;font-size:12px!important;border-radius:9px!important}
  .list-filter-bar #listTagFilter{grid-column:1/-1}.filter-toggle-btn,.filter-clear-btn{width:100%}
  .bulk-action-bar{min-height:52px;padding:7px 10px;gap:7px;overflow-x:auto;scrollbar-width:none}.bulk-action-bar::-webkit-scrollbar{display:none}.bulk-action-bar b{font-size:10px;position:sticky;left:0;background:#111;padding-right:8px}.bulk-action-bar button{height:38px;min-width:70px;font-size:11px;border-radius:8px}
  .journal-action-row{min-height:48px;height:auto;padding:6px 13px;background:#fff}.journal-action-row button{font-size:13px}.journal-freeform-note{display:none}
  .note-list{padding:10px 10px calc(20px + env(safe-area-inset-bottom));-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain}
  .note-card{height:116px!important;grid-template-columns:minmax(0,1fr) 98px!important;margin-bottom:9px;border-radius:12px!important;background:#fff;box-shadow:0 2px 9px rgba(0,0,0,.035)}
  .note-card:active{transform:scale(.992)}.note-card-copy{padding:12px 10px 9px 13px}.note-card-title{font-size:14px}.note-card-preview{font-size:11px;line-height:1.4;min-height:30px;margin-top:5px;-webkit-line-clamp:2}.note-card-location{font-size:9px;margin-top:6px}.note-card-meta{font-size:9px;margin-top:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.note-card-meta span:nth-child(n+2){display:none}
  .note-card-image{width:98px!important;height:115px!important}.fav-mark{right:103px}.card-context-btn{opacity:1!important;width:32px;height:30px;right:5px;bottom:5px;border-radius:8px;font-size:14px}.note-pin-mark{font-size:7px}
  .list-empty{min-height:50vh!important;margin:10px;border-radius:14px;background:#fff;padding:28px 22px}.list-empty h3{font-size:20px}.list-empty p{font-size:12px}

  /* Fixed mobile navigation. Hidden only while actively writing. */
  .mobile-tab-bar{
    position:fixed;display:grid;grid-template-columns:repeat(5,1fr);left:0;right:0;bottom:0;height:calc(var(--mobile-tab-h) + env(safe-area-inset-bottom));
    padding:5px 7px env(safe-area-inset-bottom);z-index:60;background:rgba(255,255,255,.96);backdrop-filter:blur(18px);border-top:1px solid #d9d9d6
  }
  .mobile-tab-bar button{position:relative;border:0;background:transparent;border-radius:11px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:#777;min-width:0}
  .mobile-tab-bar button span{font-size:19px;line-height:1}.mobile-tab-bar button b{font-size:9px;font-weight:650}.mobile-tab-bar button.active{color:#111;background:#f1f1ee}
  .mobile-tab-bar .mobile-compose-button{margin:-18px 5px 3px;height:58px;align-self:start;border-radius:18px;background:#111;color:#fff;box-shadow:0 7px 22px rgba(0,0,0,.24)}
  .mobile-tab-bar .mobile-compose-button span{font-size:27px}.mobile-tab-bar .mobile-compose-button b{font-size:8px}
  body.mobile-writing-active .mobile-tab-bar{display:none}

  /* ----- Editor ----- */
  .editor-pane{position:absolute!important;inset:0!important;width:100%;height:100dvh!important;z-index:30!important;transform:translateX(102%);transition:transform .22s cubic-bezier(.2,.75,.25,1);background:#fff}
  .editor-pane.mobile-open{transform:translateX(0)}
  body.mobile-writing-active .editor-pane .global-topbar{display:none!important}
  body.mobile-writing-active .editor{height:100dvh!important;padding:0!important}
  .note-meta-bar{
    min-height:calc(54px + env(safe-area-inset-top));height:calc(54px + env(safe-area-inset-top));padding:env(safe-area-inset-top) 9px 0 7px!important;
    flex:0 0 auto;background:rgba(255,255,255,.97);backdrop-filter:blur(14px);border-bottom:1px solid #e5e5e2;z-index:25
  }
  #backToListBtn{display:inline-grid!important;place-items:center;width:42px;height:42px;min-width:42px;border-radius:50%;font-size:22px}
  .breadcrumbs{min-width:0;max-width:none;flex:1;gap:5px;font-size:10px}.breadcrumbs #breadcrumbNotebook{font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.breadcrumbs>b,.breadcrumbs #breadcrumbTitle,.breadcrumbs #breadcrumbFav{display:none}
  .note-actions{gap:2px}.note-actions #restoreBtn,.note-actions #deleteForeverBtn{font-size:11px;padding:0 6px}.note-actions #trashBtn,.desktop-note-info{display:none!important}
  .note-actions #shareBtn{width:40px;height:40px;padding:0;border-radius:50%;font-size:0;background:transparent}.note-actions #shareBtn:before{content:'⌯';font-size:20px}.star-btn{width:40px;height:40px;font-size:24px}.mobile-entry-more{display:inline-grid!important;place-items:center;width:40px;height:40px;border-radius:50%;font-size:17px}

  .editor-toolbar-v27{min-height:50px;height:50px!important;flex:0 0 50px;display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;overflow-y:hidden;padding:4px 7px!important;gap:3px;scrollbar-width:none;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;background:#f8f8f6!important}
  .editor-toolbar-v27::-webkit-scrollbar{display:none}.editor-toolbar-v27 button{min-width:42px!important;width:42px;height:42px!important;flex:0 0 42px;border-radius:9px!important;font-size:14px}.editor-toolbar-v27 i{flex:0 0 1px;margin:0 3px}.toolbar-select{height:42px!important;min-width:112px;flex:0 0 112px!important;font-size:14px!important;border-radius:9px}.editor-toolbar-v27 #focusModeBtn{display:none}
  .find-in-note-bar{min-height:52px;padding:5px 7px!important;gap:5px;background:#fff}.find-in-note-bar input{height:42px;min-width:0;font-size:16px!important}.find-in-note-bar b{min-width:48px;font-size:9px}.find-in-note-bar button{width:40px;height:40px;min-width:40px;font-size:16px;border-radius:9px}
  .editor-scroll{flex:1;min-height:0;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;scrollbar-width:none}.editor-scroll::-webkit-scrollbar{display:none}
  .editor-paper{display:block!important;min-height:100%;padding:20px 17px calc(120px + env(safe-area-inset-bottom))!important}
  .writing-column{width:100%;max-width:none!important}.muse-column,.muse-rail{display:none!important}
  .title-input{font:700 30px/1.12 Georgia,serif!important;letter-spacing:-.025em;margin:2px 0 13px;padding:2px 1px 4px;min-height:43px}
  .freeform-subtitle-row{display:grid!important;grid-template-columns:1fr 1fr!important;gap:7px!important;min-height:0;border:0!important;background:transparent!important;padding:0!important;margin:0 0 7px!important}
  .freeform-subtitle-row label{height:52px;border:1px solid #e1e1de;border-radius:10px;padding:7px 9px!important;background:#fafafa;display:grid!important;align-content:center!important;gap:2px!important;min-width:0}
  .freeform-subtitle-row label span{font-size:8px!important}.freeform-subtitle-row label select{width:100%;font-size:16px!important;color:#222!important;min-width:0}
  .freeform-subtitle-row #saveStatus{grid-column:1/-1;justify-self:start;margin:1px 3px 0;font-size:9px}
  .entry-date-row{display:flex;gap:12px;overflow-x:auto;white-space:nowrap;padding:5px 2px 9px;margin:0;font-size:8px;scrollbar-width:none}.entry-date-row::-webkit-scrollbar{display:none}
  .tags-editor{min-height:50px;padding:5px 1px 7px;gap:5px}.tag-chip{min-height:30px;padding:4px 8px;font-size:11px}.tag-chip button{width:22px;height:22px;font-size:15px}.tags-editor>input{height:38px;min-width:110px;font-size:16px!important}
  .editor-stats-bar{gap:10px;margin:6px 1px 4px;font-size:9px;overflow-x:auto;white-space:nowrap;flex-wrap:nowrap;scrollbar-width:none}.editor-stats-bar::-webkit-scrollbar{display:none}
  .body-editor{min-height:calc(100dvh - 330px);padding:20px 1px 80px!important;font:18px/1.76 Georgia,"Times New Roman",serif!important;word-break:break-word;overflow-wrap:anywhere}
  .body-editor h1{font-size:29px}.body-editor h2{font-size:24px}.body-editor h3{font-size:20px}.body-editor blockquote{margin-left:0;margin-right:0}
  .note-figure.size-small,.body-editor img.size-small{width:70%!important}.note-figure.size-medium,.body-editor img.size-medium{width:88%!important}.note-figure.size-large,.body-editor img.size-large{width:100%!important}.note-figure.size-full,.body-editor img.size-full{width:100%!important}
  .note-figure img,.body-editor img{box-shadow:3px 3px 0 #111!important}.note-figure figcaption{font-size:12px;min-height:30px}

  /* Image controls become a reachable bottom action rail on touch. */
  .image-tools{
    left:9px!important;right:9px!important;top:auto!important;bottom:calc(12px + env(safe-area-inset-bottom))!important;width:auto!important;max-width:none!important;
    min-height:54px;padding:6px;border-radius:13px;overflow-x:auto;justify-content:flex-start;scrollbar-width:none;box-shadow:0 15px 40px rgba(0,0,0,.32)
  }
  .image-tools::-webkit-scrollbar{display:none}.image-tools button{height:42px;min-width:58px;padding:0 10px;font-size:12px;border-radius:8px;flex:0 0 auto}.image-tools i{flex:0 0 1px;height:30px}
  .toc-panel{position:fixed!important;left:9px!important;right:9px!important;top:auto!important;bottom:calc(12px + env(safe-area-inset-bottom))!important;width:auto!important;max-height:62dvh;border-radius:14px;z-index:55;box-shadow:0 18px 48px rgba(0,0,0,.22)}
  .toc-panel-head{padding:14px}.toc-list button{min-height:42px;font-size:12px}

  /* Gallery owns the editor pane but keeps global search + bottom navigation. */
  body.mobile-gallery-active .editor-pane{padding-bottom:calc(var(--mobile-tab-h) + env(safe-area-inset-bottom))}
  body.mobile-gallery-active .global-topbar{height:calc(var(--mobile-top-h) + env(safe-area-inset-top));padding:env(safe-area-inset-top) 10px 0;gap:7px;background:rgba(255,255,255,.97);backdrop-filter:blur(14px)}
  body.mobile-gallery-active .global-topbar .search-box{height:42px;flex:1;width:auto;padding:0 12px;border-radius:21px}.global-topbar .search-box kbd{display:none}.global-topbar .search-box input{font-size:16px!important}.global-topbar .topbar-branding,.global-topbar .topbar-pattern,.global-topbar .header-muse,.global-topbar #cloudSyncStatus{display:none!important}
  body.mobile-gallery-active .global-topbar .profile-chip{display:flex!important;flex:0 0 40px;width:40px;height:40px;padding:0;justify-content:center;font-size:0;background:transparent}.global-topbar .profile-chip span{width:38px;height:38px}
  body.mobile-gallery-active .gallery-workspace{height:calc(100dvh - var(--mobile-top-h) - env(safe-area-inset-top) - var(--mobile-tab-h) - env(safe-area-inset-bottom));padding-bottom:20px}
  .gallery-head{min-height:0!important;padding:20px 15px 15px!important;gap:13px}.gallery-head-copy{padding-left:42px!important}.gallery-head h1{font-size:30px!important}.gallery-head p{font-size:12px;line-height:1.5}.gallery-head-actions{width:100%}.gallery-head-actions .black-btn{height:46px;font-size:14px;border-radius:10px}
  .gallery-toolbar{padding:9px 12px!important;gap:8px}.gallery-filters{width:100%;overflow-x:auto;display:flex;scrollbar-width:none}.gallery-filters::-webkit-scrollbar{display:none}.gallery-filter{height:38px;flex:0 0 auto;font-size:11px}.gallery-stat{display:none}.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important;padding:10px 10px 30px!important}.gallery-card{border-radius:11px}.gallery-card-copy{padding:9px!important}.gallery-card-title{font-size:11px!important}

  /* Card action menu becomes a bottom touch menu instead of a tiny floating popover. */
  .entry-context-menu{
    position:fixed!important;left:9px!important;right:9px!important;top:auto!important;bottom:calc(var(--mobile-tab-h) + env(safe-area-inset-bottom) + 9px)!important;
    width:auto!important;max-height:60dvh;overflow:auto;padding:7px;border-radius:14px;border:1px solid #aaa;box-shadow:0 18px 48px rgba(0,0,0,.24);z-index:72
  }
  .entry-context-menu button{height:46px;font-size:14px;border-radius:9px;padding:0 13px}.entry-context-menu i{margin:5px 3px}

  /* ----- Mobile bottom sheets ----- */
  .mobile-bottom-sheet[open]{display:block;width:100vw!important;max-width:none!important;margin:auto 0 0!important;border:0!important;border-top:1px solid #aaa!important;border-radius:20px 20px 0 0!important;box-shadow:0 -18px 55px rgba(0,0,0,.22)!important;padding:8px 16px calc(16px + env(safe-area-inset-bottom))!important;max-height:82dvh;overflow:auto}
  .mobile-bottom-sheet::backdrop{background:rgba(0,0,0,.42);backdrop-filter:blur(2px)}
  .mobile-sheet-handle{width:42px;height:5px;border-radius:999px;background:#d0d0cc;margin:2px auto 10px}.mobile-sheet-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.mobile-sheet-head h2{font:700 23px/1.15 Georgia,serif;margin:5px 0 12px}.mobile-sheet-head .settings-close{width:40px;height:40px}
  .mobile-compose-options{display:grid;gap:8px}.mobile-compose-options>button{min-height:76px;border:1px solid #ddd;background:#fff;border-radius:13px;padding:11px 12px;display:grid;grid-template-columns:42px 1fr 20px;align-items:center;text-align:left;gap:9px}.mobile-compose-options>button>span{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#111;color:#fff;font-size:20px}.mobile-compose-options>button div{display:grid;gap:3px}.mobile-compose-options b{font:700 14px Georgia,serif}.mobile-compose-options small{font-size:11px;line-height:1.35;color:#777}.mobile-compose-options i{font-style:normal;font-size:24px;color:#888}
  .mobile-entry-actions-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.mobile-entry-actions-grid button{height:76px;border:1px solid #ddd;background:#fff;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px}.mobile-entry-actions-grid button span{font-size:21px}.mobile-entry-actions-grid button b{font-size:11px}.mobile-entry-actions-grid .danger-mobile-action{border-color:#ddbebe;color:#8a2525;background:#fffafa}

  /* ----- Dialogs / forms ----- */
  .modal:not(.mobile-bottom-sheet){max-width:none}
  .auth-modal,.cloud-migration-modal,.move-entries-modal,.category-manager-modal,.delete-account-modal,.password-recovery-modal,.gallery-upload-modal,.photo-dialog,.info-modal,.storage-modal,.editor-link-dialog,.internal-link-dialog{
    width:100vw!important;margin:auto 0 0!important;border-width:1px 0 0!important;border-radius:18px 18px 0 0!important;box-shadow:0 -16px 48px rgba(0,0,0,.22)!important;max-height:90dvh;padding:18px 16px calc(18px + env(safe-area-inset-bottom))!important;overflow:auto
  }
  .modal::backdrop{backdrop-filter:blur(2px)}
  .modal h2{font-size:23px}.modal-copy{font-size:13px}.dialog-field input,.dialog-field select,.move-entries-modal select{height:48px!important;font-size:16px!important;border-radius:9px!important}.modal-actions{position:sticky;bottom:calc(-18px - env(safe-area-inset-bottom));background:#fff;padding:12px 0 calc(4px + env(safe-area-inset-bottom));margin-top:14px}.modal-actions .black-btn,.modal-actions .outline-btn{min-height:46px;flex:1}

  .settings-modal,.account-center-modal{width:100vw!important;height:100dvh!important;max-height:100dvh!important;margin:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;padding:0!important}
  .settings-shell{height:100dvh;min-height:0;display:flex;flex-direction:column}.settings-head,.account-center-head{padding:calc(14px + env(safe-area-inset-top)) 15px 12px!important;flex:0 0 auto;background:#fff}.settings-head h2{font-size:25px}.settings-head p{font-size:11px}.settings-close{width:42px;height:42px;min-width:42px}
  .settings-tabs,.account-tabs{display:flex!important;grid-template-columns:none!important;height:50px!important;min-height:50px;padding:0 11px!important;gap:7px!important;overflow-x:auto;align-items:center;scrollbar-width:none;background:#f5f5f2;flex:0 0 auto}.settings-tabs::-webkit-scrollbar,.account-tabs::-webkit-scrollbar{display:none}.settings-tab,.account-tab{height:38px!important;min-width:max-content!important;padding:0 13px!important;border-radius:10px!important;border:0!important;flex:0 0 auto}.settings-tab.active,.account-tab.active{background:#111!important;color:#fff!important;box-shadow:none!important}
  .settings-panel,.account-panel{flex:1;max-height:none!important;padding:14px 13px calc(28px + env(safe-area-inset-bottom))!important;-webkit-overflow-scrolling:touch}
  .settings-grid,.storage-cards,.plan-feature-grid,.account-usage-grid,.security-grid{grid-template-columns:1fr!important}.settings-card{min-height:0;padding:15px}.settings-hero,.pwa-hero{grid-template-columns:1fr!important;display:grid!important}.settings-hero{gap:10px}.pwa-icon-preview{width:64px;height:64px}.pwa-info-grid{grid-template-columns:1fr!important}
  .profile-editor-card{grid-template-columns:1fr!important;padding:15px}.profile-avatar-editor{padding-top:2px}.account-avatar-preview{width:94px;height:94px}.profile-fields .black-btn{width:100%;height:46px}.account-plan-card{align-items:flex-start}.session-control-actions{display:grid;grid-template-columns:1fr!important;width:100%}.session-control-actions button{height:46px}.account-storage-hero{align-items:flex-start;flex-direction:column}.account-storage-hero button{width:100%;height:44px}.account-data-actions,.recovery-card,.account-danger-zone,.session-control-card{align-items:stretch!important;flex-direction:column!important}.account-data-actions button,.recovery-card button,.account-danger-zone button{width:100%;height:46px}.security-card .outline-btn{width:100%;height:46px}
  .recent-device-row{align-items:flex-start;flex-direction:column;gap:7px}.recent-device-row>small{text-align:left!important}
  .cloud-onboarding-dialog{width:100vw!important;max-width:none!important;margin:auto 0 0!important;border:0!important;border-radius:18px 18px 0 0!important;max-height:90dvh}.cloud-onboarding-art{height:86px}.cloud-onboarding-copy{padding:18px 15px calc(16px + env(safe-area-inset-bottom))}.cloud-onboarding-copy h2{font-size:23px}.cloud-onboarding-copy>p{font-size:13px}.cloud-onboarding-actions{grid-template-columns:1fr}.cloud-onboarding-actions button{height:48px}
  .category-manager-actions{display:grid!important;grid-template-columns:1fr 1fr!important}.category-manager-actions button{height:46px}.category-tree-manager{max-height:50dvh}.category-manager-row{grid-template-columns:minmax(0,1fr) auto;padding:11px 9px}.category-manager-main b{font-size:13px}.category-manager-actions-row button{min-height:36px;font-size:10px}
  .photo-preview-stage{height:48dvh!important}.photo-preview-actions{display:grid;grid-template-columns:1fr 1fr}.photo-preview-actions button{min-height:44px}

  /* Toast stays above the home indicator / tab bar. */
  .toast{bottom:calc(var(--mobile-tab-h) + env(safe-area-inset-bottom) + 10px);max-width:calc(100vw - 24px);white-space:normal;text-align:center;font-size:12px;z-index:1200}
  body.mobile-writing-active .toast{bottom:calc(14px + env(safe-area-inset-bottom))}
}

@media(max-width:390px){
  .note-card{grid-template-columns:minmax(0,1fr) 88px!important}.note-card-image{width:88px!important}.fav-mark{right:93px}.note-card-preview{font-size:10.5px}
  .mobile-entry-actions-grid{grid-template-columns:repeat(2,1fr)}
  .freeform-subtitle-row{grid-template-columns:1fr!important}.freeform-subtitle-row #saveStatus{grid-column:1}
  .gallery-grid{grid-template-columns:1fr!important}
}


/* Batch 33 — Stripe test-mode monetization */
@media(min-width:681px){.account-tabs{grid-template-columns:repeat(5,1fr)}}
.plan-card-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.compact-upgrade-btn{height:32px;min-width:86px;padding:0 12px;font-size:8px}
.billing-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;border:1px solid #111;border-radius:11px;padding:16px;background:#fafafa}
.billing-hero h3{font:700 25px/1.1 Georgia,serif;margin:5px 0}.billing-hero p{margin:0;font:10px Georgia,serif;color:#666}
.billing-mode-badge{border-radius:999px;background:#111;color:#fff;padding:7px 10px;font-size:8px;font-weight:800;letter-spacing:.08em;white-space:nowrap}
.billing-status-card{margin-top:11px;border:1px solid #ddd;border-radius:10px;padding:14px 15px;display:flex;justify-content:space-between;gap:16px;align-items:center}
.billing-status-card h4{font:700 18px Georgia,serif;margin:4px 0}.billing-status-card p{font:9px/1.5 Georgia,serif;color:#777;margin:0}
.billing-compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}
.billing-compare-grid article{border:1px solid #ddd;border-radius:10px;padding:15px;background:#fff}
.billing-compare-grid .premium-compare-card{border-color:#111;box-shadow:5px 5px 0 #111}
.billing-compare-grid h4{font:700 24px Georgia,serif;margin:5px 0 10px}.billing-compare-grid h4 small{font-size:10px;font-weight:400;color:#777}
.billing-compare-grid ul{list-style:none;padding:0;margin:0;display:grid;gap:7px}.billing-compare-grid li{font:9px/1.4 Georgia,serif;color:#555;padding-left:15px;position:relative}.billing-compare-grid li:before{content:'✓';position:absolute;left:0;color:#111;font-weight:800}
.billing-action-card{margin-top:13px;border:1px solid #ddd;border-radius:10px;padding:14px;display:flex;justify-content:space-between;align-items:center;gap:15px;background:#fafafa}
.billing-action-card b{font:700 11px Georgia,serif}.billing-action-card p{font:9px/1.45 Georgia,serif;color:#777;margin:4px 0 0;max-width:420px}
.billing-action-buttons{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.billing-action-buttons button{height:38px;min-width:132px}
.billing-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:10px}.billing-facts div{border:1px solid #ddd;border-radius:8px;padding:10px;display:grid;gap:4px}.billing-facts span{font-size:7px;color:#888;letter-spacing:.08em}.billing-facts b{font:700 11px Georgia,serif;overflow-wrap:anywhere}
@media(max-width:680px){
  .monetized-plan-card{align-items:flex-start!important}.plan-card-actions{width:100%;justify-content:flex-start}.compact-upgrade-btn{height:42px;min-width:108px;font-size:11px}
  .billing-hero{align-items:flex-start;flex-direction:column}.billing-hero h3{font-size:23px}.billing-mode-badge{align-self:flex-start}
  .billing-status-card{align-items:flex-start;flex-direction:column}.billing-compare-grid{grid-template-columns:1fr}.billing-compare-grid .premium-compare-card{box-shadow:4px 4px 0 #111}
  .billing-action-card{align-items:stretch;flex-direction:column}.billing-action-buttons{display:grid;grid-template-columns:1fr;width:100%}.billing-action-buttons button{height:46px;width:100%}
  .billing-facts{grid-template-columns:1fr}.billing-facts div{min-height:60px}
}


/* MyNotes product branding */
.brand-wordmark{
  position:absolute;left:13px;top:13px;z-index:5;border:1px solid rgba(17,17,17,.8);background:rgba(255,255,255,.91);
  padding:7px 9px 6px;min-width:108px;text-align:left;box-shadow:3px 3px 0 rgba(17,17,17,.9);cursor:pointer;backdrop-filter:blur(4px)
}
.brand-wordmark span{display:block;font-size:6px;letter-spacing:.19em;color:#777}.brand-wordmark b{display:block;font:700 15px/1 Georgia,serif;letter-spacing:.02em;margin-top:2px}.brand-wordmark i{display:block;font-style:normal;font-size:6.5px;color:#888;margin-top:4px}
.brand-wordmark:hover{transform:translate(-1px,-1px);box-shadow:5px 5px 0 rgba(17,17,17,.9);background:#fff}
.mobile-brand-wordmark{border:0;background:transparent;padding:0;font:700 17px Georgia,serif;white-space:nowrap;color:#111}
.about-manga-journal-dialog{width:min(650px,calc(100vw - 28px));border-radius:12px;padding:20px 21px 18px}
.about-mj-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}.about-mj-head h2{font:700 30px/1 Georgia,serif;margin:5px 0 7px}.about-mj-head p{font:11px/1.55 Georgia,serif;color:#666;margin:0;max-width:500px}
.about-mj-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:18px 0 12px}.about-mj-grid article{border:1px solid #ddd;border-radius:9px;padding:11px;display:grid;grid-template-columns:32px 1fr;gap:9px;background:#fafafa}.about-mj-grid article>span{width:30px;height:30px;border-radius:50%;border:1px solid #111;display:grid;place-items:center;background:#fff}.about-mj-grid div{display:grid;gap:3px}.about-mj-grid b{font:700 10px Georgia,serif}.about-mj-grid small{font-size:8px;line-height:1.4;color:#777}



@media(max-width:680px){
  .brand-wordmark{display:none!important}
  .view-picker>span,.view-picker>#viewTitle{display:none!important}
  .mobile-brand-wordmark{display:block!important;max-width:150px;overflow:hidden;text-overflow:ellipsis}
  .about-manga-journal-dialog{width:100vw!important;max-width:none!important;margin:auto 0 0!important;border-width:1px 0 0!important;border-radius:18px 18px 0 0!important;padding:18px 15px calc(17px + env(safe-area-inset-bottom))!important;max-height:88dvh;overflow:auto}
  .about-mj-head h2{font-size:27px}.about-mj-head p{font-size:13px}
  .about-mj-grid{grid-template-columns:1fr}.about-mj-grid article{min-height:74px}.about-mj-grid b{font-size:13px}.about-mj-grid small{font-size:11px}
  .about-mj-philosophy b{font-size:13px}.about-mj-philosophy p{font-size:11px}
  
}

/* Batch 35 — explicit email-verification success state */
.auth-verify-panel{margin:16px 0 4px;padding:22px 20px;border:1px solid #171717;background:#fff;text-align:center;box-shadow:5px 5px 0 #111}
.auth-verify-panel.hidden{display:none!important}
.auth-verify-icon{font-size:28px;line-height:1;margin-bottom:8px}
.auth-verify-panel h3{font-family:Georgia,'Times New Roman',serif;font-size:25px;line-height:1.05;margin:6px 0 12px}
.auth-verify-panel p{font-size:12px;line-height:1.55;margin:7px auto;max-width:420px;color:#333}
.auth-verify-panel small{display:block;font-size:10px;color:#666;margin:12px 0 16px}
.auth-verify-panel strong{word-break:break-word}
@media(max-width:700px){.auth-verify-panel{padding:20px 16px}.auth-verify-panel h3{font-size:23px}}


/* Batch 36 — Account / Settings readability pass */
.account-head-email{font-size:10.5px;line-height:1.35}
.account-tabs{gap:6px;padding:8px}
.account-tab{height:38px;font-size:11px;font-weight:700;padding:0 8px}
.account-panel{font-size:11px}
.account-panel .chapter-label{font-size:9px}
.profile-avatar-editor small{font-size:10px;line-height:1.4}
.profile-avatar-actions button{font-size:10px}
.account-plan-card p{font-size:11px;line-height:1.5}
.plan-badge{font-size:9px}
.plan-feature-grid b{font-size:10.5px}
.plan-feature-grid small{font-size:10px;line-height:1.45}
.session-control-card b,.account-data-actions b,.recovery-card b{font-size:12px}
.session-control-card p,.account-data-actions p,.recovery-card p{font-size:10.5px;line-height:1.5}
.session-control-actions button{font-size:10px}
.account-storage-hero p{font-size:10.5px;line-height:1.45}
.account-usage-grid span{font-size:8.5px}
.account-usage-grid small{font-size:10px;line-height:1.4}
.security-card b{font-size:13px}
.security-card p{font-size:10.5px;line-height:1.5}

.billing-hero p{font-size:11.5px;line-height:1.45}
.billing-mode-badge{font-size:9px}
.billing-status-card p{font-size:10.5px;line-height:1.5}
.billing-compare-grid h4 small{font-size:11px}
.billing-compare-grid li{font-size:10.5px;line-height:1.5}
.billing-action-card b{font-size:12px}
.billing-action-card p{font-size:10.5px;line-height:1.5}
.billing-facts span{font-size:8.5px}
.billing-facts b{font-size:12px;line-height:1.35}

.settings-tab{font-size:12px}
.settings-card-kicker{font-size:9px}
.settings-small{font-size:10.5px;line-height:1.45}
.settings-value{font-size:10.5px}
.settings-reset p{font-size:11px;line-height:1.5}

@media(max-width:700px){
  .account-tab,.settings-tab{font-size:12px!important}
  .account-head-email{font-size:11px}
  .billing-compare-grid li,.billing-action-card p,.billing-status-card p{font-size:11px}
}


/* Batch 37 — honest Free vs Premium cloud entitlement */
.cloud-premium-notice{border:1px solid #151515;background:#fff;padding:16px 18px;margin-bottom:12px;box-shadow:4px 4px 0 #111}
.cloud-premium-notice.hidden{display:none!important}
.cloud-premium-notice>b{display:block;font-family:Georgia,'Times New Roman',serif;font-size:18px;margin:4px 0 6px}
.cloud-premium-notice p{font-size:11px;line-height:1.5;margin:0 0 12px;color:#444;max-width:680px}
.cloud-premium-notice .black-btn{min-width:130px}
.premium-locked{opacity:.45;cursor:not-allowed!important}
.premium-device-lock{padding:16px;display:flex;flex-direction:column;gap:4px;text-align:center}
.premium-device-lock b{font-size:12px}.premium-device-lock small{font-size:10.5px;line-height:1.45;color:#666}
@media(max-width:700px){.cloud-premium-notice>b{font-size:17px}.cloud-premium-notice p{font-size:11px}}


/* Batch 43 — small branding cleanup only */
@media(min-width:901px){
  .brand-card{
    max-width:118px!important;
  }
}


/* Batch 44 — per-entry cover personalization */
.note-card-image-frame{width:120px;height:120px;overflow:hidden;border-left:1px solid #eee;background:#eee;position:relative}
.note-card-image-frame .note-card-image{width:100%!important;height:100%!important;border-left:0!important;object-fit:contain;object-position:center;display:block;transform-origin:center;will-change:transform;background:#f4f4f2}
.note-card-image-frame.custom-cover:after{content:"CUSTOM";position:absolute;left:6px;bottom:6px;padding:2px 5px;border-radius:999px;background:rgba(255,255,255,.88);font-size:6px;letter-spacing:.12em;font-weight:800;color:#333;pointer-events:none}

/* Batch 102 — custom cover B&W must survive the global crisp-art filter reset. */
.note-card-image-frame.custom-cover.bw-cover .note-card-image{filter:grayscale(1)!important}

.entry-cover-dialog{width:min(610px,calc(100vw - 28px));padding:22px}
.entry-cover-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.entry-cover-head h2{margin:4px 0 4px}.entry-cover-head .modal-copy{margin:0}
.entry-cover-workspace{margin-top:17px;display:grid;grid-template-columns:260px 1fr;gap:20px;align-items:center}
.entry-cover-crop-preview{width:260px;height:260px;border-radius:16px;border:1px solid #222;background:#eee;overflow:hidden;position:relative;touch-action:none;cursor:grab;box-shadow:6px 6px 0 #111;user-select:none}
.entry-cover-crop-preview:active{cursor:grabbing}.entry-cover-crop-preview>img{width:100%;height:100%;object-fit:contain;object-position:center;display:block;transform-origin:center;pointer-events:none;background:#f4f4f2}.entry-cover-empty{position:absolute;inset:0;display:grid;place-content:center;text-align:center;padding:24px;background:linear-gradient(135deg,#f7f7f5,#e9e9e6)}.entry-cover-empty.hidden{display:none}.entry-cover-empty b{font:700 18px Georgia,serif}.entry-cover-empty small{font-size:10px;line-height:1.4;color:#666;margin-top:5px}.entry-cover-drag-tip{position:absolute;left:50%;bottom:9px;transform:translateX(-50%);background:rgba(17,17,17,.78);color:#fff;border-radius:999px;padding:5px 8px;font-size:8px;pointer-events:none;white-space:nowrap}.entry-cover-crop-preview .hidden{display:none!important}
.entry-cover-controls{display:flex;flex-direction:column;gap:12px}.entry-cover-controls .outline-btn{width:100%}.entry-cover-zoom{display:flex;flex-direction:column;gap:7px;padding:12px;border:1px solid #ddd;border-radius:8px}.entry-cover-zoom span{font-size:9px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.entry-cover-zoom input{width:100%;accent-color:#111}.entry-cover-zoom small{font-size:9px;line-height:1.4;color:#777;text-transform:none;letter-spacing:0;font-weight:400}.entry-cover-controls .text-btn{text-align:left;padding:0 4px;height:28px}
.entry-cover-card-demo{margin-top:20px;padding-top:14px;border-top:1px solid #e5e5e5}.entry-cover-card-demo>span{display:block;font-size:8px;letter-spacing:.14em;color:#888;font-weight:800;margin-bottom:7px}.entry-cover-mini-card{height:82px;border:1px solid #ddd;border-radius:10px;display:grid;grid-template-columns:1fr 82px;overflow:hidden;background:#fff}.entry-cover-mini-card>div:first-child{padding:12px}.entry-cover-mini-card b{display:block;font:700 13px Georgia,serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.entry-cover-mini-card small{display:block;font-size:9px;color:#777;margin-top:7px}.entry-cover-mini-image{overflow:hidden;border-left:1px solid #eee;background:#eee}.entry-cover-mini-image img{width:100%;height:100%;object-fit:contain;object-position:center;display:block;transform-origin:center;background:#f4f4f2}.entry-cover-mini-image img.hidden{display:none}.entry-cover-actions{justify-content:space-between;flex-wrap:wrap}.entry-cover-actions #entryCoverDefaultBtn{margin-right:auto}

@media(max-width:680px){
  .note-card-image-frame{width:105px;height:105px}.note-card-image-frame.custom-cover:after{display:none}
  .entry-cover-dialog{width:100%;max-width:none;height:100dvh;max-height:none;border:0;border-radius:0;padding:18px 16px;box-shadow:none}
  .entry-cover-workspace{grid-template-columns:1fr;justify-items:center;gap:15px}.entry-cover-crop-preview{width:min(76vw,300px);height:min(76vw,300px)}.entry-cover-controls{width:100%}.entry-cover-card-demo{width:100%}.entry-cover-actions{position:sticky;bottom:0;background:#fff;padding-top:10px}
}
@media(max-width:520px){.note-card-image-frame{width:98px!important;height:115px!important}}
@media(max-width:390px){.note-card-image-frame{width:88px!important}}


/* Batch 45 — global artwork customizer */
[data-custom-art-slot]{transform-origin:center;will-change:transform}
.has-user-custom-art{overflow:hidden!important}
.user-custom-art{object-fit:cover!important}

.customize-hero{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:18px 20px;border:1px solid #ddd;background:#fff;margin-bottom:14px}
.customize-hero h3{font:700 22px Georgia,'Times New Roman',serif;margin:4px 0 6px}.customize-hero p{font-size:11px;line-height:1.5;color:#555;margin:0;max-width:600px}
.customize-workspace{border:1px solid #ddd;background:#fafafa;padding:16px}
.customize-slot-picker{display:grid;grid-template-columns:130px 1fr;align-items:center;gap:12px;margin-bottom:14px}.customize-slot-picker>span{font-size:9px;letter-spacing:.12em;text-transform:uppercase;font-weight:800;color:#666}.customize-slot-picker select{height:40px;border:1px solid #ccc;background:#fff;padding:0 11px;font-size:11px}
.customize-slot-card{display:grid;grid-template-columns:1fr minmax(180px,300px);gap:20px;align-items:center;background:#fff;border:1px solid #ddd;padding:16px;min-height:220px}
.customize-slot-copy h3{font:700 22px Georgia,'Times New Roman',serif;margin:4px 0 8px}.customize-slot-copy p{font-size:11px;line-height:1.5;color:#555;max-width:420px}.customize-slot-state{margin-top:14px}
.customize-art-preview{width:100%;max-height:260px;min-height:120px;overflow:hidden;border:1px solid #222;background:#eee;box-shadow:5px 5px 0 rgba(0,0,0,.12);display:grid;place-items:center}
.customize-art-preview img{width:100%;height:100%;min-height:120px;object-fit:cover;display:block;transform-origin:center}
.customize-actions{display:flex;gap:8px;flex-wrap:wrap;margin:13px 0 0}.customize-actions button:disabled{opacity:.4;cursor:not-allowed}
.customize-reset-all{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:14px;padding:15px 17px;border:1px solid #ddd;background:#fff}.customize-reset-all b{font-size:12px}.customize-reset-all p{font-size:10px;color:#666;line-height:1.45;margin:4px 0 0}

.custom-art-dialog{width:min(690px,calc(100vw - 28px));padding:22px}
.custom-art-editor{display:grid;grid-template-columns:minmax(260px,380px) 1fr;gap:20px;align-items:center;margin-top:17px}
.custom-art-crop-frame{width:100%;max-height:420px;min-height:180px;overflow:hidden;border:1px solid #222;background:#eee;position:relative;touch-action:none;cursor:grab;box-shadow:6px 6px 0 #111;user-select:none;display:grid;place-items:center}
.custom-art-crop-frame:active{cursor:grabbing}.custom-art-crop-frame>img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;display:block;transform-origin:center;pointer-events:none}.custom-art-crop-frame .hidden{display:none!important}.custom-art-crop-frame .entry-cover-empty{z-index:1}
.custom-art-controls{width:100%}
.custom-art-live-demo{margin-top:18px;padding-top:14px;border-top:1px solid #e5e5e5}.custom-art-live-demo>span{display:block;font-size:8px;letter-spacing:.14em;color:#888;font-weight:800;margin-bottom:7px}
.custom-art-dialog-preview{width:min(100%,420px);min-height:80px;max-height:220px;overflow:hidden;border:1px solid #bbb;background:#eee}.custom-art-dialog-preview img{width:100%;height:100%;min-height:80px;object-fit:cover;display:block;transform-origin:center}.custom-art-dialog-preview img.hidden{display:none}

@media(max-width:700px){
  .settings-tabs{overflow-x:auto;justify-content:flex-start}.settings-tab{min-width:max-content;padding-left:12px!important;padding-right:12px!important}
  .customize-hero{align-items:flex-start}.customize-slot-picker{grid-template-columns:1fr;gap:6px}
  .customize-slot-card{grid-template-columns:1fr;gap:14px}.customize-art-preview{max-width:100%;max-height:230px}
  .customize-reset-all{align-items:flex-start;flex-direction:column}.customize-reset-all button{width:100%}
  .custom-art-dialog{width:100%;max-width:none;height:100dvh;max-height:none;border:0;border-radius:0;padding:18px 16px;box-shadow:none}
  .custom-art-editor{grid-template-columns:1fr;justify-items:center}.custom-art-crop-frame{width:min(86vw,430px);max-height:52vh}.custom-art-controls{width:100%}
}

/* Batch 46 — zoom-out support */
.entry-cover-zoom span{display:flex;align-items:center;justify-content:space-between;gap:8px}
.entry-cover-zoom span b{font-size:9px;font-weight:800;color:#111}


/* Batch 47 — Realm customization must preview at the exact live 1983:793 slot shape */
.customize-art-preview[data-slot-aspect="realm"],
.custom-art-crop-frame[data-slot-aspect="realm"],
.custom-art-dialog-preview[data-slot-aspect="realm"]{
  aspect-ratio:1983/793!important;
  min-height:0!important;
  height:auto!important;
}
.customize-art-preview[data-slot-aspect="realm"]{
  max-height:none!important;
}
@media(max-width:700px){
  .custom-art-crop-frame[data-slot-aspect="realm"]{
    width:min(92vw,520px)!important;
    max-height:none!important;
  }
}


/* Batch 48 — one exact-slot artwork editor */
.custom-art-dialog{width:min(760px,calc(100vw - 28px));}
.custom-art-editor{
  display:grid;
  grid-template-columns:minmax(0,1fr) 210px;
  gap:22px;
  align-items:center;
  margin-top:18px;
}
.custom-art-crop-frame{
  width:min(100%,520px);
  min-height:0!important;
  max-height:58vh;
  justify-self:center;
  background:#eee;
}
.custom-art-crop-frame>img{
  width:100%;
  height:100%;
  object-fit:cover!important;
}
.custom-art-crop-frame[data-slot-aspect="sidebar"]{width:min(100%,350px)}
.custom-art-crop-frame[data-slot-aspect="realm"]{width:min(100%,560px)!important;max-height:none!important}
.custom-art-crop-frame[data-slot-aspect="header"]{width:min(100%,520px)}
.custom-art-crop-frame[data-slot-aspect="empty"],
.custom-art-crop-frame[data-slot-aspect="main"]{width:min(100%,360px)}
.custom-art-crop-frame[data-slot-aspect="eye"]{width:min(100%,540px)}
.custom-art-crop-frame[data-slot-aspect="reflection"]{width:min(100%,500px)}
.custom-art-crop-frame[data-slot-aspect="railTop"]{width:min(100%,220px);max-height:58vh}
.custom-art-crop-frame[data-slot-aspect="railBottom"]{width:min(100%,180px);max-height:58vh}
.custom-art-crop-frame[data-slot-aspect="cloudPrompt"]{width:min(100%,540px)}
.custom-art-controls{align-self:center}

/* The editing box itself IS the final slot preview. */
.custom-art-live-demo,.custom-art-dialog-preview{display:none!important}

@media(max-width:700px){
  .custom-art-editor{grid-template-columns:1fr;gap:15px}
  .custom-art-crop-frame{max-width:92vw;max-height:50vh}
  .custom-art-controls{width:100%}
  .custom-art-crop-frame[data-slot-aspect="railTop"]{width:min(48vw,220px)!important}
  .custom-art-crop-frame[data-slot-aspect="railBottom"]{width:min(38vw,180px)!important}
}


/* Batch 49 — exact Realm editor/live viewport parity.
   Customized Realm art uses the identical fill/crop model as the one-box editor. */
.realm-art-box[data-custom-art-host="realm"]{
  position:relative!important;
  display:block!important;
  width:100%!important;
  aspect-ratio:1983/793!important;
  overflow:hidden!important;
  padding:0!important;
  line-height:0!important;
  background:#eee!important;
}
.realm-art-box[data-custom-art-host="realm"] > #realmMuse.user-custom-art{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  max-height:none!important;
  margin:0!important;
  padding:0!important;
  display:block!important;
  object-fit:cover!important;
  transform-origin:center center!important;
}

/* Match the Realm editor viewport's actual image layer rules. */
.custom-art-crop-frame[data-slot-aspect="realm"]{
  position:relative!important;
  display:block!important;
  overflow:hidden!important;
  padding:0!important;
  line-height:0!important;
  background:#eee!important;
}
.custom-art-crop-frame[data-slot-aspect="realm"] > #customArtCropImage{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  max-height:none!important;
  margin:0!important;
  padding:0!important;
  display:block!important;
  object-fit:cover!important;
  transform-origin:center center!important;
}


/* Batch 50 — first-visit personalization discovery */
.personalization-intro-dialog{
  width:min(760px,calc(100vw - 30px));
  padding:0;
  overflow:hidden;
  border:1px solid #161616;
  background:#fff;
  box-shadow:10px 10px 0 rgba(0,0,0,.2);
}
.personalization-intro-dialog::backdrop{background:rgba(12,12,12,.58);backdrop-filter:blur(2px)}
.personalization-intro-dialog[open]{display:grid;grid-template-columns:minmax(230px,.82fr) minmax(360px,1.18fr)}
.personalization-intro-art{
  min-height:440px;
  position:relative;
  overflow:hidden;
  background:#111;
  border-right:1px solid #111;
}
.personalization-intro-art img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  filter:grayscale(1) contrast(1.03);
  transform-origin:center;
}
.personalization-intro-art:after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,transparent 55%,rgba(0,0,0,.48));
  pointer-events:none;
}
.personalization-intro-stamp{
  position:absolute;
  z-index:2;
  left:18px;
  bottom:18px;
  padding:7px 10px;
  background:#fff;
  color:#111;
  border:1px solid #111;
  font-size:8px;
  font-weight:900;
  letter-spacing:.18em;
}
.personalization-intro-copy{
  position:relative;
  padding:38px 38px 32px;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.personalization-intro-close{position:absolute;top:15px;right:15px}
.personalization-intro-copy h2{
  margin:7px 0 12px;
  font:700 clamp(28px,3vw,38px)/1.05 Georgia,'Times New Roman',serif;
}
.personalization-intro-copy>p{
  margin:0;
  color:#4d4d4d;
  font-size:12px;
  line-height:1.7;
}
.personalization-intro-feature{
  display:grid;
  grid-template-columns:30px 1fr;
  gap:11px;
  align-items:start;
  margin:22px 0 17px;
  padding:15px;
  border:1px solid #d8d8d8;
  background:#f7f7f5;
}
.personalization-intro-feature>span{
  width:27px;height:27px;
  display:grid;place-items:center;
  border-radius:50%;
  background:#111;color:#fff;
  font-size:12px;
}
.personalization-intro-feature b{display:block;font-size:12px;margin:1px 0 4px}
.personalization-intro-feature small{display:block;font-size:10px;line-height:1.5;color:#666}
.personalization-intro-hint{font-size:10px!important;color:#777!important}
.personalization-intro-actions{
  display:flex;
  justify-content:flex-end;
  gap:9px;
  margin-top:24px;
}
.personalization-intro-actions button{min-width:118px}

@media(max-width:700px){
  .personalization-intro-dialog{
    width:calc(100vw - 22px);
    max-height:calc(100dvh - 22px);
    overflow:auto;
  }
  .personalization-intro-dialog[open]{display:block}
  .personalization-intro-art{
    min-height:0;
    height:min(36vh,270px);
    border-right:0;
    border-bottom:1px solid #111;
  }
  .personalization-intro-copy{padding:26px 22px 22px}
  .personalization-intro-copy h2{font-size:29px}
  .personalization-intro-actions{display:grid;grid-template-columns:1fr 1fr}
  .personalization-intro-actions button{width:100%;min-width:0}
}


/* Batch 51 — top note images */
.entry-inline-action{display:flex;align-items:center;gap:8px;min-height:32px}.entry-inline-action>span{font-size:9px;color:#888;text-transform:uppercase;letter-spacing:.08em}.entry-inline-btn{height:28px;border:1px solid #d6d6d2;background:#fff;border-radius:999px;padding:0 11px;font-size:10px;font-weight:650;cursor:pointer;color:#111}.entry-inline-btn:hover{background:#f5f5f3}
.entry-top-images{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding:16px 0 12px;border-bottom:1px solid #eee;width:100%;align-items:start}.entry-top-images.hidden{display:none!important}.entry-top-image-slot{display:block;min-width:0}.entry-top-image-slot.empty{min-height:0}.entry-top-image-card{width:100%;aspect-ratio:1/1;border:1px solid #111;border-radius:8px;overflow:hidden;background:#eee;position:relative;box-shadow:4px 4px 0 #111}.entry-top-image-card img{width:100%;height:100%;object-fit:cover;display:block;transform-origin:center}
.entry-top-images-modal{width:min(760px,calc(100vw - 30px))}.entry-top-images-slots{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:16px 0 12px}.entry-top-slot-card{border:1px solid #ddd;border-radius:14px;padding:14px;background:#fff;display:flex;flex-direction:column;gap:12px}.entry-top-slot-card h3{margin:0;font:700 19px/1.1 Georgia,serif}.entry-top-slot-card p{margin:0;font-size:11px;color:#666;line-height:1.45}.entry-top-slot-preview{aspect-ratio:1/1;border:1px solid #111;border-radius:10px;overflow:hidden;background:#eee;position:relative;box-shadow:4px 4px 0 #111}.entry-top-slot-preview img{width:100%;height:100%;object-fit:cover;display:block;transform-origin:center}.entry-top-slot-preview.empty{display:grid;place-items:center;text-align:center;padding:18px;background:linear-gradient(135deg,#f8f8f6,#ecece8);box-shadow:none;border-color:#d7d7d3}.entry-top-slot-preview.empty b{font:700 16px Georgia,serif}.entry-top-slot-preview.empty small{display:block;margin-top:5px;font-size:10px;color:#777;line-height:1.4}.entry-top-slot-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.entry-top-slot-actions button:last-child{grid-column:1/-1}.top-slot-crop-dialog{width:min(600px,calc(100vw - 28px))}.top-slot-crop-workspace{grid-template-columns:260px 1fr}.top-slot-crop-preview{width:260px;height:260px}
@media(max-width:820px){.entry-top-images-slots{grid-template-columns:1fr}.entry-top-slot-card{padding:13px}}
@media(max-width:680px){.entry-inline-action{width:100%}.entry-top-images{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:14px 0 8px}.entry-top-image-card{width:100%;aspect-ratio:1/1;box-shadow:3px 3px 0 #111}.top-slot-crop-workspace{grid-template-columns:1fr;justify-items:center;gap:15px}.top-slot-crop-preview{width:min(76vw,300px);height:min(76vw,300px)}}
@media(max-width:520px){.entry-top-images{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.entry-top-image-card{width:100%;aspect-ratio:1/1}}
@media(max-width:390px){.entry-top-images{grid-template-columns:repeat(3,minmax(0,88px))}.entry-top-image-card{width:88px;height:88px}}


/* Batch 53 — Gallery is retired from the interface, but stored photo data remains intact. */
.retired-gallery-feature{
  display:none!important;
}

/* Batch 53 — Top note images modal: keep every word/button inside its card. */
.entry-top-images-modal{
  width:min(900px,calc(100vw - 28px))!important;
  max-height:calc(100dvh - 28px);
  overflow:auto;
  box-sizing:border-box;
}
.entry-top-images-slots{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:14px!important;
  align-items:stretch;
}
.entry-top-slot-card{
  min-width:0;
  box-sizing:border-box;
  overflow:hidden;
}
.entry-top-slot-card > div:first-child{
  min-width:0;
}
.entry-top-slot-card h3,
.entry-top-slot-card p,
.entry-top-slot-card .chapter-label{
  max-width:100%;
  overflow-wrap:anywhere;
}
.entry-top-slot-preview{
  width:100%;
  min-width:0;
  box-sizing:border-box;
}
.entry-top-slot-actions{
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  gap:8px!important;
  min-width:0;
}
.entry-top-slot-actions button{
  width:100%;
  min-width:0;
  height:auto!important;
  min-height:42px;
  padding:8px 8px!important;
  white-space:normal!important;
  overflow-wrap:anywhere;
  line-height:1.15;
  box-sizing:border-box;
}
.entry-top-slot-actions button:last-child{
  grid-column:1 / -1;
}
.entry-top-images-modal .modal-actions{
  position:sticky;
  bottom:0;
  background:#fff;
  padding-top:12px;
  z-index:2;
}

@media(max-width:760px){
  .entry-top-images-slots{
    grid-template-columns:1fr!important;
  }
  .entry-top-slot-card{
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(135px,190px);
    gap:12px;
    align-items:center;
  }
  .entry-top-slot-card > div:first-child,
  .entry-top-slot-actions{
    grid-column:1;
  }
  .entry-top-slot-preview{
    grid-column:2;
    grid-row:1 / span 2;
  }
}
@media(max-width:520px){
  .entry-top-slot-card{
    display:flex;
  }
}


/* Batch 55 — Tall top-note image slots */
.entry-top-image-card.tall{aspect-ratio:1/2;}
.entry-top-image-card.standard{aspect-ratio:1/1;}
.entry-top-slot-preview.tall{aspect-ratio:1/2;}
.top-slot-crop-preview{height:auto;aspect-ratio:1/1;max-height:520px;}
.top-slot-crop-preview.tall{aspect-ratio:1/2;}
.entry-top-height-controls{display:flex;flex-direction:column;gap:7px;padding:12px;border:1px solid #ddd;border-radius:8px;background:#fff;}
.entry-top-height-controls>span{font-size:9px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;}
.entry-top-height-toggle{display:grid;grid-template-columns:1fr 1fr;gap:8px;}
.entry-top-height-toggle .outline-btn{width:100%;padding:0 10px;}
.entry-top-height-toggle .outline-btn.active{border-color:#111;background:#111;color:#fff;}
@media(max-width:820px){.top-slot-crop-preview{width:min(72vw,300px);max-height:none;} .top-slot-crop-preview.tall{width:min(64vw,260px);} }


/* Batch 56 — regression/polish pass */

/* Mixed Standard/Tall rows:
   CSS Grid's row height is set by the tallest populated slot, so the writing
   below always begins after the tallest image with the same bottom spacing. */
.entry-top-images{
  align-items:start!important;
}
.entry-top-image-slot{
  align-self:start;
}
.entry-top-image-card.standard{
  width:100%;
  height:auto!important;
  aspect-ratio:1/1!important;
}
.entry-top-image-card.tall{
  width:100%;
  height:auto!important;
  aspect-ratio:1/2!important;
}

/* Tall crop editors can be much higher than a square editor.
   Keep controls reachable on laptops / short browser windows. */
.top-slot-crop-dialog{
  max-height:calc(100dvh - 28px);
  overflow:auto;
}
.top-slot-crop-preview.standard{
  width:260px;
  height:auto!important;
  aspect-ratio:1/1!important;
}
.top-slot-crop-preview.tall{
  width:260px;
  height:auto!important;
  aspect-ratio:1/2!important;
}

/* Management preview follows the saved size exactly. */
.entry-top-slot-preview:not(.tall){
  aspect-ratio:1/1!important;
}
.entry-top-slot-preview.tall{
  aspect-ratio:1/2!important;
}

/* Very narrow-phone regression:
   an older rule hard-coded 88x88, which could force Tall back to square.
   Let the three columns remain positional while height follows Standard/Tall. */
@media(max-width:390px){
  .entry-top-images{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:7px!important;
  }
  .entry-top-image-card{
    width:100%!important;
    height:auto!important;
  }
  .entry-top-image-card.standard{aspect-ratio:1/1!important}
  .entry-top-image-card.tall{aspect-ratio:1/2!important}
}

/* Keep the height selector pleasant and obvious on touch screens. */
.entry-top-height-toggle button{
  min-height:38px;
}
.entry-top-height-toggle button[aria-pressed="true"]{
  border-color:#111!important;
  background:#111!important;
  color:#fff!important;
}


/* Batch 57 — billing audit */
.billing-facts{
  grid-template-columns:repeat(4,minmax(0,1fr));
}
@media(max-width:760px){
  .billing-facts{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:430px){
  .billing-facts{grid-template-columns:1fr}
}


/* Batch 57.1 — billing self-heal */
.billing-action-buttons{flex-wrap:wrap}
.billing-action-buttons #refreshBillingBtn{min-width:126px}


/* Batch 57.2 — automatic billing reconciliation */
#refreshBillingBtn{
  opacity:.82;
}
#refreshBillingBtn:hover,
#refreshBillingBtn:focus-visible{
  opacity:1;
}


/* Batch 58 — account + email polish */
.field-help{
  display:block;
  margin-top:6px;
  color:#777;
  font-size:9px;
  line-height:1.45;
}
.field-help.hidden{display:none!important}
.auth-verify-panel strong{overflow-wrap:anywhere}

/* Batch 59 — owner/public art split + iPhone/PWA polish */
.owner-art-controls{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:center;padding:16px;border:1px solid #d9d9d9;border-radius:14px;background:#fff;margin:0 0 16px}.owner-art-copy h3{margin:3px 0 5px}.owner-art-copy p{margin:0;color:#666;max-width:700px}.owner-art-toggle{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.owner-art-mode.active{background:#111;color:#fff;border-color:#111}.owner-art-controls .status-badge{grid-column:1/-1;justify-self:start}.owner-art-controls.hidden{display:none!important}
@media(max-width:680px){
  .owner-art-controls{grid-template-columns:1fr;padding:14px;border-radius:12px}.owner-art-toggle{justify-content:stretch}.owner-art-toggle button{flex:1 1 140px;min-height:44px}
  .settings-modal{max-height:100dvh;height:100dvh;margin:0;border-radius:0}.settings-shell{height:100%;max-height:100dvh;overflow:auto;padding-bottom:calc(84px + env(safe-area-inset-bottom))}
  .account-modal,.auth-modal,.custom-art-dialog{max-height:calc(100dvh - env(safe-area-inset-top));}
  input,select,textarea,.auth-input{font-size:16px!important}
  .mobile-bottom-nav{padding-bottom:max(8px,env(safe-area-inset-bottom))}
  .editor-pane{min-height:0;height:100dvh}
  .custom-art-crop-frame{touch-action:none}
}


/* Batch 60 — authenticated private owner art */
.owner-art-import{width:100%;display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:10px;padding-top:10px;border-top:1px solid rgba(0,0,0,.08)}
.owner-art-import .settings-small{flex:1;min-width:220px}
@media(max-width:620px){.owner-art-import{align-items:stretch}.owner-art-import .black-btn{width:100%}.owner-art-import .settings-small{min-width:0}}


/* Batch 70 cleanup */
#editorStatsBar{display:none !important;}
#notebookNav .subnav-item em,
#categoryTreeManager .category-manager-main small{display:none !important;}


/* Batch 77 — Top Images explainer */
.entry-inline-action{display:flex;align-items:center;gap:7px}
.entry-inline-help{width:25px;height:25px;border:1px solid #d9d9d6;border-radius:50%;background:#fff;color:#777;font:700 12px/1 Arial,sans-serif;display:grid;place-items:center;padding:0;cursor:pointer;transition:.16s ease}
.entry-inline-help:hover,.entry-inline-help:focus-visible{color:#111;border-color:#111;transform:translateY(-1px);outline:none}
.top-images-help-dialog{width:min(620px,calc(100vw - 30px));padding:0;overflow:hidden;border:1px solid #111;border-radius:20px;background:#fff;box-shadow:0 24px 80px rgba(0,0,0,.22)}
.top-images-help-dialog::backdrop{background:rgba(15,15,15,.54);backdrop-filter:blur(2px)}
.top-images-help-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:25px 26px 4px}
.top-images-help-head h2{margin:5px 0 0;font:700 31px/1.05 Georgia,serif;letter-spacing:-.025em;max-width:480px}
.top-images-help-copy{padding:0 26px;margin:12px 0 18px;line-height:1.6}
.top-images-help-preview{margin:0 26px 19px;padding:18px;border:1px solid #deded9;border-radius:16px;background:linear-gradient(135deg,#fbfbf9,#f1f1ed);display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;align-items:start}
.top-images-help-slot{height:72px;border:1px solid #222;border-radius:10px;background:linear-gradient(145deg,#ecece7,#d7d7d0);box-shadow:3px 3px 0 #111;display:grid;place-items:center}
.top-images-help-slot.tall{height:102px;background:linear-gradient(145deg,#dddcd7,#f4f4f0)}
.top-images-help-slot span{width:23px;height:23px;border-radius:50%;background:#fff;border:1px solid #bbb;display:grid;place-items:center;font:700 10px Arial,sans-serif;color:#555}
.top-images-help-points{padding:0 26px;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.top-images-help-points>div{border-top:2px solid #111;padding:10px 4px 4px}
.top-images-help-points b{display:block;font-size:11px;margin-bottom:4px}
.top-images-help-points small{display:block;font-size:10px;line-height:1.45;color:#6f6f6f}
.top-images-help-note{margin:18px 26px 5px}
.top-images-help-actions{padding:14px 26px 24px}
@media(max-width:680px){
  .entry-inline-help{width:28px;height:28px}
  .top-images-help-dialog{width:min(94vw,560px);border-radius:18px}
  .top-images-help-head{padding:22px 20px 4px}
  .top-images-help-head h2{font-size:27px}
  .top-images-help-copy{padding:0 20px}
  .top-images-help-preview{margin-left:20px;margin-right:20px}
  .top-images-help-points{padding:0 20px;grid-template-columns:1fr}
  .top-images-help-note{margin-left:20px;margin-right:20px}
  .top-images-help-actions{padding-left:20px;padding-right:20px;display:grid;grid-template-columns:1fr 1fr}
}


/* Batch 79 — launch legal surfaces */
.sidebar-legal-links{display:flex;justify-content:center;align-items:center;gap:7px;padding:0 8px 11px;background:#fbfbfa;font-size:9px;color:#8a8a8a}
.sidebar-legal-links a,.auth-legal-mini a,.auth-legal-check a{color:#555;text-decoration:underline;text-underline-offset:2px}
.sidebar-legal-links a:hover,.auth-legal-mini a:hover,.auth-legal-check a:hover{color:#111}
.auth-legal-check{display:flex;align-items:flex-start;gap:9px;margin:15px 0 4px;padding:11px 12px;border:1px solid #ddd;border-radius:7px;background:#fafafa;font-size:10px;line-height:1.5;color:#555}
.auth-legal-check input{margin:2px 0 0;accent-color:#111;flex:0 0 auto}
.auth-legal-mini{display:flex;justify-content:center;gap:8px;margin:12px 0 7px;font-size:9px;color:#999}
@media(max-width:680px){.sidebar-legal-links{padding-bottom:calc(10px + env(safe-area-inset-bottom));font-size:10px}.auth-legal-check{font-size:11px;padding:12px}}

/* Batch 84 — easier support access + heart journal app icon */
.support-settings-card{margin-top:14px;align-items:center}
.settings-support-link{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;white-space:nowrap;flex:0 0 auto}
@media(max-width:620px){.support-settings-card{align-items:stretch}.settings-support-link{width:100%;min-height:46px}}


/* Batch 85 — per-image black & white toggles */
.image-fx-check{display:flex;align-items:center;gap:10px;padding:12px;border:1px solid #ddd;border-radius:8px;background:#fff;font-size:12px;font-weight:600;color:#111;cursor:pointer;}
.image-fx-check input{width:16px;height:16px;accent-color:#111;}
.image-fx-check.is-disabled{opacity:.45;cursor:not-allowed;}
.image-fx-check.is-disabled input{pointer-events:none;}


/* Batch 86 — visible Premium conversion points */
.settings-premium-banner{display:flex;align-items:center;justify-content:space-between;gap:22px;border:2px solid #111;border-radius:12px;padding:18px 20px;margin-bottom:18px;background:#fff;box-shadow:4px 4px 0 #111;}
.settings-premium-copy{display:grid;gap:5px;min-width:0}.settings-premium-copy h3{margin:0;font-size:22px}.settings-premium-copy p{margin:0;max-width:690px;color:#555;line-height:1.45}.settings-premium-price{display:inline-block;margin-top:3px;font-weight:900;font-size:14px}.settings-premium-button{flex:0 0 auto;min-width:180px;min-height:44px}.settings-premium-banner.premium-active{border-style:double;box-shadow:none}.settings-premium-banner.premium-active .settings-premium-price{display:none}
.cloud-onboarding-actions .hidden{display:none!important}
@media(max-width:720px){.settings-premium-banner{align-items:stretch;flex-direction:column}.settings-premium-button{width:100%}}

/* Batch 93 — verified cloud convergence + automatic sync visibility */
.simple-sync-hero{align-items:center}
.simple-sync-copy{display:grid;gap:5px;min-width:0}
.simple-sync-copy .settings-small{margin-top:2px;line-height:1.45}
.simple-sync-actions{display:flex;align-items:center;justify-content:flex-end;gap:7px;flex-wrap:wrap;max-width:290px}
.simple-sync-actions .black-btn,.simple-sync-actions .outline-btn{white-space:nowrap}
.simple-account-sync-actions{grid-template-columns:minmax(150px,220px);margin-bottom:10px}
.advanced-sync-tools{margin-top:10px;border:1px solid #ddd;border-radius:9px;background:#fafafa;padding:0 13px}
.advanced-sync-tools summary{cursor:pointer;font:700 10px Georgia,serif;padding:12px 0;list-style:none}
.advanced-sync-tools summary::-webkit-details-marker{display:none}
.advanced-sync-tools summary:after{content:'+';float:right;font:700 14px system-ui}
.advanced-sync-tools[open] summary:after{content:'−'}
.advanced-sync-tools>p{font:9px/1.5 Georgia,serif;color:#777;margin:0 0 9px}
.advanced-sync-tools .account-actions-grid{margin-top:0;padding-bottom:12px}
@media(max-width:680px){
  .simple-sync-hero{align-items:stretch}
  .simple-sync-actions{max-width:none;justify-content:flex-start}
  .simple-sync-actions .black-btn,.simple-sync-actions .outline-btn{flex:1 1 145px}
  .simple-account-sync-actions{grid-template-columns:1fr}
}

/* Batch 95 — scrolling Quotes workspace */
body.quotes-view .app-shell{grid-template-columns:var(--sidebar) minmax(0,1fr)}
body.quotes-view .note-list-pane{display:none!important}
body.quotes-view .editor-pane{grid-column:2/-1!important}
.quote-workspace{height:calc(100vh - 69px);overflow:auto;background:linear-gradient(90deg,#fff 0 78%,#fafafa);-webkit-overflow-scrolling:touch}
.quote-workspace-inner{width:min(1120px,calc(100% - 72px));margin:0 auto;padding:38px 0 90px}
.quote-workspace-head{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;padding:0 0 24px;border-bottom:1px solid #dcdcdc}
.quote-workspace-head h1{margin:8px 0 6px;font:700 38px/1.08 Georgia,"Times New Roman",serif}
.quote-workspace-head p{margin:0;max-width:660px;color:#666;font:14px/1.6 Georgia,"Times New Roman",serif}
.quote-workspace-actions{display:flex;gap:8px;flex:0 0 auto}
.quote-page-bar{min-height:56px;display:flex;align-items:center;gap:10px;border-bottom:1px solid #ececec;position:sticky;top:0;background:rgba(255,255,255,.96);backdrop-filter:blur(12px);z-index:4}
.quote-page-bar label{display:flex;align-items:center;gap:8px}
.quote-page-bar label span{font-size:9px;letter-spacing:.14em;color:#8a8a8a}
.quote-page-bar select{height:32px;border:1px solid #d9d9d9;border-radius:7px;background:#fff;padding:0 30px 0 10px;font-size:11px}
.quote-page-arrow{width:32px;height:32px;border:1px solid #d9d9d9;border-radius:50%;background:#fff;cursor:pointer}
.quote-page-arrow:disabled{opacity:.28;cursor:default}
.quote-page-summary{font-size:10px;color:#888;margin-left:auto}
.quote-feed{padding:0 0 30px}
.quote-empty{min-height:42vh;display:grid;place-items:center;text-align:center;color:#777;border-bottom:1px solid #e7e7e7}
.quote-empty h2{margin:0 0 8px;font:700 27px/1.1 Georgia,serif;color:#222}.quote-empty p{max-width:470px;margin:0 0 18px;font:13px/1.6 Georgia,serif}
.quote-item{position:relative;padding:28px 0 34px;border-bottom:1px solid #dedede}
.quote-item-tools{min-height:34px;display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-bottom:8px}
.quote-item-tools button{border:0;background:transparent;font-size:10px;color:#666;cursor:pointer;padding:7px 9px;border-radius:7px}
.quote-item-tools button:hover{background:#f1f1ef;color:#111}
.quote-item-tools button.danger{color:#9b4141}
.quote-drag-handle{cursor:grab!important;touch-action:none;user-select:none;font-weight:700;letter-spacing:.02em}
.quote-drag-handle:active{cursor:grabbing!important}
.quote-item.quote-dragging{opacity:.58}
.quote-item.quote-drop-before::before,.quote-item.quote-drop-after::after{content:"";position:absolute;left:0;right:0;height:3px;background:#111;border-radius:999px;z-index:3}
.quote-item.quote-drop-before::before{top:-2px}
.quote-item.quote-drop-after::after{bottom:-2px}

/* Quotes has a wider reading canvas than Notes, but its Top Images should not scale up with it.
   Keep the exact 720px maximum used by the normal writing column, then preserve the same three slots. */
.quote-item .entry-top-images{width:100%;max-width:660px;margin:0 auto;border-bottom:0;padding:4px 0 23px;gap:16px}
.quote-item .entry-top-image-card{box-shadow:4px 4px 0 #111}
.quote-writing{position:relative;padding:2px 0 0}
.quote-textarea{display:block;width:100%;min-height:58px;border:0;outline:0;resize:none;overflow:hidden;background:transparent;padding:0;color:#181818;font:700 27px/1.38 Georgia,"Times New Roman",serif;letter-spacing:-.01em}
.quote-textarea::placeholder{color:#b0b0ad;font-weight:500}
.quote-add-another{width:100%;height:64px;border:0;border-bottom:1px solid #dedede;background:transparent;cursor:pointer;text-align:left;padding-left:0;font:600 12px Georgia,serif;color:#555}
.quote-add-another:hover{background:#fafaf8;color:#111}
body.quotes-view .search-box input::placeholder{color:#777}

@media(max-width:850px){
  body.quotes-view .app-shell{grid-template-columns:0 minmax(0,1fr)}
  body.quotes-view .editor-pane{grid-column:1/-1!important}
  .quote-workspace-inner{width:min(100% - 36px,960px)}
}
@media(max-width:680px){
  body.quotes-view .note-list-pane{display:none!important}
  body.quotes-view .editor-pane{transform:translateX(0)!important;z-index:35!important;padding-bottom:calc(var(--mobile-tab-h) + env(safe-area-inset-bottom))}
  body.quotes-view .editor-pane .global-topbar{display:flex!important;height:58px}
  body.quotes-view .quote-workspace{height:calc(100dvh - 58px - var(--mobile-tab-h) - env(safe-area-inset-bottom));background:#fff}
  .quote-workspace-inner{width:100%;padding:22px 16px 54px}
  .quote-workspace-head{display:block;padding-bottom:18px}
  .quote-workspace-head h1{font-size:30px}.quote-workspace-head p{font-size:12px;line-height:1.55}
  .quote-workspace-actions{margin-top:16px}.quote-workspace-actions .black-btn,.quote-workspace-actions .outline-btn{flex:1;padding:0 10px;font-size:11px}
  .quote-page-bar{top:0;min-height:52px}.quote-page-summary{font-size:9px}
  .quote-item{padding:22px 0 28px}.quote-item-tools{margin-bottom:4px}
  .quote-writing{padding-left:0}.quote-textarea{font-size:22px;line-height:1.42}
  .quote-add-another{padding-left:0;height:58px}
  .quote-item .entry-top-images{max-width:660px;gap:9px;padding:3px 0 18px}
}
.entry-type-pill.quote{background:#f2f2ef;color:#111;border-color:#888}

/* Batch 98 — linked Premium devices verify cloud state before stale local UI is shown. */


/* Batch 103 — gentle Premium discovery + engagement-based prompts */
.premium-awareness-card{
  position:fixed;right:18px;bottom:18px;z-index:1200;width:min(360px,calc(100vw - 28px));
  border:1px solid #cfcfcf;background:#fff;padding:16px 17px 14px;box-shadow:0 18px 48px rgba(0,0,0,.18);border-radius:10px
}
.premium-awareness-card.hidden{display:none!important}
.premium-awareness-card h3{font:700 20px/1.15 Georgia,serif;margin:5px 28px 7px 0}
.premium-awareness-card p{font:11px/1.5 Georgia,serif;color:#666;margin:0}
.premium-awareness-close{position:absolute;right:9px;top:8px;border:0;background:transparent;font-size:19px;color:#777;cursor:pointer}
.premium-awareness-actions{display:flex;align-items:center;gap:10px;margin-top:12px}
.premium-awareness-actions .black-btn{height:34px;padding:0 15px}
.premium-awareness-actions>button:last-child{border:0;background:transparent;text-decoration:underline;text-underline-offset:3px;color:#666;font:9px Georgia,serif;cursor:pointer}
@media(max-width:680px){.premium-awareness-card{left:12px;right:12px;bottom:calc(76px + env(safe-area-inset-bottom));width:auto}.premium-awareness-card h3{font-size:19px}.premium-awareness-card p{font-size:12px}}

/* Batch 104 — drag cards between primary destinations */
.entry-view-drop-target{position:relative}
.entry-view-drop-target::after{
  content:attr(data-drop-label);display:none;position:absolute;right:8px;top:50%;transform:translateY(-50%);
  padding:3px 6px;border-radius:999px;background:#fff;border:1px solid #bbb;color:#555;font-size:7px;font-weight:700;letter-spacing:.02em;white-space:nowrap
}
.entry-drag-active .entry-view-drop-target{border:1px dashed #aaa;background:#f5f5f2}
.entry-drag-active .entry-view-drop-target::after{display:block}
.entry-drag-active .entry-view-drop-target em{opacity:0}
.entry-view-drop-target.drop-hover{background:#111!important;color:#fff!important;border-color:#111!important;transform:translateX(3px)}
.entry-view-drop-target.drop-hover b,.entry-view-drop-target.drop-hover span{color:#fff!important}
.entry-view-drop-target.drop-hover::after{background:#fff;color:#111;border-color:#fff}

/* MyNotes Batch 1 — neutral, picture-free defaults. User-added images remain supported. */
body.mynotes-neutral .sidebar-art{
  height:132px!important;min-height:132px!important;background:#fff;border-bottom:1px solid #e7e7e7
}
body.mynotes-neutral .sidebar-art>img:not(.user-custom-art),
body.mynotes-neutral .header-muse:not(.user-custom-art),
body.mynotes-neutral .empty-art-card:not(.has-user-custom-art),
body.mynotes-neutral .muse-panel:not(.has-user-custom-art),
body.mynotes-neutral .realm-art-box:not(.has-user-custom-art),
body.mynotes-neutral .cloud-onboarding-art:not(:has(.user-custom-art)){
  display:none!important
}
body.mynotes-neutral .muse-column:not(:has(.has-user-custom-art)),
body.mynotes-neutral .muse-rail:not(:has(.has-user-custom-art)),
body.mynotes-neutral .realm-section:not(:has(.has-user-custom-art)){
  display:none!important
}
body.mynotes-neutral .scribble{
  left:auto;right:17px;top:28px;transform:none;font:650 9px/1.2 Inter,ui-sans-serif,system-ui,sans-serif;
  color:#777;letter-spacing:.08em;text-transform:uppercase
}
body.mynotes-neutral .new-note-btn,
body.mynotes-neutral.hide-decorative-art .new-note-btn{
  position:absolute;left:15px;right:15px;bottom:13px;width:auto;margin:0;border-radius:7px
}
body.mynotes-neutral.hide-decorative-art .watching{display:block!important}
body.mynotes-neutral .topbar-pattern{font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:8px;letter-spacing:.14em}
body.mynotes-neutral .cloud-onboarding-copy{padding-top:23px}
body.mynotes-neutral .note-card:not(.has-custom-cover){grid-template-columns:minmax(0,1fr)!important}
body.mynotes-neutral .note-card:not(.has-custom-cover) .note-card-copy{padding-right:38px}
body.mynotes-neutral .customize-art-preview:has(img.hidden)::after{
  content:"No built-in picture";color:#777;font:650 10px/1.3 Inter,ui-sans-serif,system-ui,sans-serif;
  letter-spacing:.05em;text-transform:uppercase
}
body.mynotes-neutral.hide-decorative-art .editor,
body.mynotes-neutral:not(:has(.muse-rail .user-custom-art)) .editor{padding-right:0}
body.mynotes-neutral.hide-decorative-art .editor-paper,
body.mynotes-neutral:not(:has(.muse-column .user-custom-art)) .editor-paper{
  grid-template-columns:minmax(440px,820px);justify-content:center
}
@media(max-width:680px){
  body.mynotes-neutral .sidebar-art{height:148px!important;min-height:148px!important}
  body.mynotes-neutral .scribble{top:24px;right:18px}
  body.mynotes-neutral .note-card:not(.has-custom-cover){grid-template-columns:minmax(0,1fr)!important}
}