:root{scrollbar-gutter:stable}
.mobile-location,.mobile-editor-bar,.mobile-block-more,.collection-mobile-view,.note-mobile-actions{display:none}
.touch-sheet-head{display:flex;align-items:center;justify-content:space-between;gap:12px;order:-1;padding:0 0 12px;margin:0 0 12px;border-bottom:1px solid var(--line);font-size:16px;flex:none}
.touch-sheet-head>button{min-width:44px!important;min-height:44px!important;font-size:24px!important;margin-left:auto!important}
.touch-sheet,.app-popover.is-mobile-sheet{z-index:1250!important;box-sizing:border-box!important;border-radius:18px 18px 0 0!important;margin:0!important;padding:12px 16px max(20px,env(safe-area-inset-bottom))!important;overflow:auto!important;overscroll-behavior:contain;box-shadow:0 -8px 40px #0003!important;transform:none!important}
.app-popover.is-mobile-sheet{display:flex;flex-direction:column}
.mobile-library h3{font-size:13px;color:var(--muted);margin:20px 0 8px}
.mobile-library [data-mobile-record]{display:flex;align-items:center;gap:12px;width:100%;text-align:left;min-height:48px;white-space:normal}
.mobile-library [data-mobile-record] span{overflow-wrap:anywhere}
.mobile-space-actions{display:grid;gap:4px;margin-block:12px}.mobile-space-actions a{padding:12px;color:inherit;text-decoration:none}
.mobile-recent{display:flex;gap:10px;overflow:auto;scroll-snap-type:x proximity}.mobile-recent>button{flex:0 0 160px;min-height:90px!important;align-items:flex-start!important;flex-direction:column;background:var(--glass-field)!important;border-radius:10px;scroll-snap-align:start}
.mobile-page-branch{padding-left:8px}.mobile-page-branch summary{padding:12px 4px;min-height:44px;cursor:pointer}
@media(max-width:620px){
 .mobile-move-exit{display:block;position:fixed;left:16px;right:16px;bottom:calc(76px + env(safe-area-inset-bottom));z-index:150;min-height:48px;text-align:center;background:var(--text);color:var(--paper);border-radius:10px}
 body:has(.touch-sheet,.app-popover.is-mobile-sheet) .mobile-editor-bar{display:none!important}
 .note-page-options.touch-sheet .page-options-title{display:none}.touch-sheet-head{flex-shrink:0}
  :root{--touch-gutter:16px;--touch-viewport-bottom:0px;--music-dock-height:0px}
  html{scroll-padding-top:70px;scroll-padding-bottom:160px}
  #app-shell .sidebar{display:none!important}.app,.sidebar-collapsed .app{display:block!important}
  #app-shell .main{margin:0!important;width:100%!important;min-width:0;padding:0 var(--touch-gutter) calc(154px + env(safe-area-inset-bottom) + var(--music-dock-height))!important}
  #app-shell #content{padding:0!important;margin:0!important;max-width:none!important;min-width:0;width:100%;font-size:16px;overflow-wrap:anywhere}
  .main>.topbar{position:sticky;top:0;z-index:130;min-height:56px!important;padding:0!important;margin:0 calc(-1 * var(--touch-gutter)) 16px!important;padding-inline:max(8px,env(safe-area-inset-left))!important;background:var(--paper);gap:0!important;backdrop-filter:blur(12px)}
  .topbar>.app-location,.topbar>#save-status,.topbar>[data-theme-slot],.topbar>.mobile-account,.topbar>#notes-navigation-actions{display:none!important}
  .mobile-location{display:flex;align-items:center;min-width:0;flex:1}
  .mobile-location button{display:inline-flex!important;align-items:center;justify-content:center;min-width:44px;min-height:48px;padding:6px;border:0;background:transparent;box-shadow:none;color:var(--text)}
  .mobile-location [data-mobile-space]{gap:5px;flex:1;min-width:0;justify-content:flex-start;font-size:14px}
  [data-mobile-space] span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  #note-page-actions{margin:0!important;flex:none}#note-page-actions button{width:44px!important;height:48px!important}
  .mobile-nav{left:0!important;right:0!important;bottom:0!important;width:100%!important;box-sizing:border-box;border-radius:0!important;padding:4px 8px max(6px,env(safe-area-inset-bottom))!important;min-height:64px!important;background:var(--paper);z-index:140!important}
  .mobile-nav button{min-height:52px!important;font-size:12px!important;min-width:44px}
  .mobile-nav svg{width:22px;height:22px}.mobile-keyboard .mobile-nav{display:none!important}
  .mobile-editor-bar{display:none;position:fixed;left:0;right:0;bottom:calc(68px + env(safe-area-inset-bottom));z-index:145;justify-content:space-around;gap:0;background:var(--paper);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:3px 4px;box-sizing:border-box}
  .mobile-editor-bar.is-editing{display:flex}
  .mobile-editor-bar button{display:grid;place-items:center;min-width:44px;min-height:44px;padding:4px;border:0;background:transparent;color:var(--text);box-shadow:none;font-size:19px}
  .mobile-editor-bar [data-mobile-edit=done]{display:none}.mobile-typing .mobile-editor-bar{bottom:var(--touch-viewport-bottom);padding-bottom:max(3px,env(safe-area-inset-bottom))}.mobile-typing .mobile-editor-bar [data-mobile-edit=done]{display:grid}
  .mobile-typing .main{padding-bottom:170px!important}.mobile-keyboard .music-dock{visibility:hidden;pointer-events:none}
  body:not(:has(.note-document)) .mobile-editor-bar{display:none}
  #app-shell .note-page,#app-shell .home-page,#app-shell .record-document,#app-shell .notes-content,#app-shell .note-editor{width:100%!important;max-width:none!important;min-width:0;margin-inline:0!important;padding-inline:0!important}
  #app-shell .note-page .note-document,#app-shell .home-page .note-document,#app-shell .record-document .note-document{padding:0!important;margin:0!important;width:100%!important;box-sizing:border-box}
  .note-layout-row{display:block!important;padding:0!important;margin:0 0 24px!important}.note-column{min-width:0!important;padding:0!important}
  .note-document .note-block{padding-left:calc(min(var(--block-depth),3) * 12px)!important;margin-inline:0!important;max-width:100%!important;box-sizing:border-box}
  .note-document .block-text{font-size:16px!important;line-height:1.6;min-height:32px;scroll-margin-block:100px 150px}
  .note-document .h1 .block-text{font-size:26px!important}.note-document .h2 .block-text{font-size:23px!important}.note-document .h3 .block-text{font-size:20px!important}
  .document-title-block [data-note-title],.document-title-block [data-record-title],.note-page [data-note-title]{font-size:30px!important;line-height:1.2!important;overflow-wrap:anywhere;border:0!important;box-shadow:none!important;border-radius:0!important;padding:4px 0!important}
  .document-description,.document-title-block textarea{font-size:16px!important}.document-title-block{margin-bottom:22px!important}.document-icon{font-size:30px!important}
  .note-document .block-gutter{display:none!important}.note-document .block-properties-trigger{display:none!important}
  .note-block:is(.record_ref,.task_ref,.page,.collection,.linked,.table,.database,.database_view,.chart,.photo,.file,.audio,.scan,.ink,.music)>.mobile-block-more{display:grid;place-items:center;position:absolute;right:0;top:0;z-index:5;min-width:44px;min-height:44px;padding:5px;background:var(--paper);color:var(--muted);border:0;box-shadow:none}
  .note-block:is(.record_ref,.task_ref,.page)>.mobile-block-more{top:50%;transform:translateY(-50%);background:transparent}
  .note-block:is(.record_ref,.task_ref,.page){padding-right:44px!important}.note-block.collection>.mobile-block-more{top:0}.collection-header{padding-right:44px!important}
  .note-block.music>.mobile-block-more{top:4px;right:4px;background:transparent;color:#fff}.music-block .music-track{padding-right:40px}
  .note-block.ink>.mobile-block-more{right:0;top:44px;background:var(--paper);border-radius:8px}
  .mobile-moving .note-block>.block-gutter{display:flex!important;left:auto!important;right:0!important;top:0!important;transform:none!important;z-index:20;touch-action:none!important}.mobile-moving .block-insert-trigger{display:none!important}.mobile-moving .block-menu-trigger{background:var(--panel)!important;touch-action:none!important}.mobile-moving .mobile-block-more{display:none!important}.mobile-moving .note-block{outline:1px dashed var(--line);padding-right:44px!important}
  .note-document .block-size-handle,.note-column-divider,.note-column-tools{display:none!important}.note-add-block{min-height:44px!important;font-size:14px!important}
  .note-document .task-reference,.record-reference,.page-block-link{min-width:0}.task-reference>button:not(.record-reference-date),.record-reference>button:not(.record-reference-date),.page-block-link{white-space:normal!important;overflow-wrap:anywhere;font-size:16px!important;min-height:44px!important}
  .record-reference-date{font-size:12px!important;min-height:44px!important}.block-todo-hit,.task-check-hit{min-width:36px!important;min-height:44px!important;display:grid;place-items:center}.block-todo-hit input,.task-check-hit input{width:20px;height:20px}
  .block-fold-trigger{left:0!important;min-width:28px!important;min-height:44px!important}.note-block:has(>.block-fold-trigger:not([hidden])){padding-left:28px!important}
  .note-block:has(>.block-fold-trigger:not([hidden])) .block-text{min-width:0}
  .collection-toolbar{display:flex!important;flex-wrap:wrap;gap:0!important;min-width:0}.collection-views{display:none!important}.collection-mobile-view{display:flex!important;align-items:center;gap:5px;flex:1;min-width:0;text-align:left;font-size:14px!important;min-height:44px!important}.collection-mobile-view span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .collection-toolbar>button{min-width:44px!important;min-height:44px!important}.collection-search:not([hidden]){order:2!important;width:100%!important;flex:1 0 100%!important;max-width:none!important}.collection-search input{font-size:16px!important;min-height:44px!important}
  .collection-header input{font-size:18px!important;min-height:44px!important;min-width:0}.collection-chips{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0 12px}.collection-chips button{border-radius:18px!important;font-size:13px!important;min-height:36px!important;background:var(--glass-field)!important}
  .collection-table-scroll,.planner-table-scroll,.collection-board,.linked-table-scroll{max-width:100%!important;min-width:0;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}
  .collection-table input,.collection-table textarea,.collection-table td button,.collection-table th button{font-size:16px!important;min-height:44px!important}.collection-table th small{font-size:12px!important}.collection-table input[type=checkbox]{width:22px!important;height:22px!important;min-height:22px!important;margin:11px!important}
  .collection-row-drag,.collection-column-drag,.collection-column-resize{display:none!important}.collection-title-cell{padding-left:0!important}
  .collection-gallery{grid-template-columns:repeat(auto-fit,minmax(min(100%,165px),1fr))!important}.collection-card{min-width:0!important;max-width:100%!important}.collection-card strong{font-size:16px!important}.collection-card-menu{min-width:44px!important;min-height:44px!important}
  .collection-board>section,.linked-board>section{min-width:min(280px,calc(100vw - 48px))!important;max-width:min(280px,calc(100vw - 48px))!important;scroll-snap-align:start}.collection-board,.linked-board{scroll-snap-type:x proximity}
  .ink-block-preview,.note-media-photo,.note-media-image{width:100%!important;max-width:100%!important}.ink-block-preview img{max-height:380px!important;object-fit:contain}.note-media img{max-width:100%!important;object-fit:contain}.note-cover{max-height:210px!important}.note-cover img{height:100%;object-fit:cover}
  .note-manager-row{display:flex;align-items:center;min-width:0}.note-manager-pick{min-width:0;flex:1;font-size:16px!important}.note-manager-actions{display:none!important}.note-mobile-actions{display:block!important;min-width:44px;min-height:44px}
  .planner-toolbar{flex-wrap:wrap;gap:4px!important}.planner-period-label{font-size:16px!important;flex:1 0 100%;margin-bottom:8px}.planner-surface .linked-filter-row{flex-wrap:wrap;gap:4px!important}.planner-surface .linked-period{display:flex!important;flex:1;min-width:0;justify-content:flex-end}.linked-period input{min-width:0!important;max-width:138px;font-size:14px!important}
  .time-grid-inner{min-width:100%!important}.time-grid.is-week .time-grid-inner{min-width:calc(48px + 7 * 210px)!important}.time-grid-scroll{max-width:100%;height:min(65dvh,680px);overscroll-behavior:contain}.time-entry-title{font-size:14px!important}.time-entry-menu{min-width:36px!important;min-height:32px!important}.time-entry-resize{display:none!important}
  dialog#editor{width:100%!important;max-width:100%!important;max-height:calc(100dvh - 8px)!important;margin:auto 0 0!important;padding:16px!important;box-sizing:border-box;border-radius:18px 18px 0 0!important}dialog .dialog-head{gap:8px}.dialog-head h2{font-size:22px!important;overflow-wrap:anywhere}dialog input,dialog textarea,dialog select,.touch-sheet input,.is-mobile-sheet input,.touch-sheet textarea,.is-mobile-sheet textarea{font-size:16px!important}
  #editor button,.touch-sheet button,.is-mobile-sheet button{min-height:44px!important}.touch-sheet button,.is-mobile-sheet button{white-space:normal;overflow-wrap:anywhere}.touch-sheet input,.is-mobile-sheet input{min-width:0;max-width:100%;box-sizing:border-box}
  .note-block-menu .block-menu-tabs{display:flex;flex:none}.note-block-menu .block-type-list{max-height:none!important;overflow:visible!important}.note-block-menu .block-menu-search{flex:none}.note-block-menu [data-menu-panel]{min-height:0;flex:none}.block-selection-tools [data-bulk-tools]{max-width:calc(100vw - 16px);overflow:auto}
  .music-dock{right:12px!important;left:12px!important;width:auto!important;bottom:calc(72px + env(safe-area-inset-bottom))!important;box-sizing:border-box}.music-dock:has(+audio){}.music-dock .music-track{padding-right:0}.music-dock .music-controls{margin-top:0}
  .task-hierarchy,.record-properties,.record-task-process{min-width:0;max-width:100%}.task-child-row{min-height:48px}.task-child-row button{min-height:44px;font-size:15px}.profile-page,.profile-content,.profile-layout{width:100%!important;max-width:100%!important;padding-inline:16px!important;box-sizing:border-box}
}
@media(max-width:350px){:root{--touch-gutter:12px}.mobile-editor-bar button{min-width:40px}.document-title-block [data-note-title]{font-size:28px!important}}
@media(max-width:620px){
 .glass-select>select.enhanced-select{display:block!important;position:static!important;width:100%!important;height:auto!important;min-height:44px!important;opacity:1!important;clip:auto!important;clip-path:none!important;overflow:visible!important;padding:8px!important;font-size:16px!important;pointer-events:auto!important;appearance:auto!important}
 .glass-select>.select-trigger,.glass-select>.glass-menu{display:none!important}.glass-select{display:block!important;width:100%;min-width:0}
 .child-task-line{min-height:48px;gap:8px}.child-task-line>button{min-height:44px;font-size:16px}.child-task-line input{width:22px;height:22px}.task-hierarchy [data-child-mode]{min-height:44px}
 .mobile-month-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:2px}.mobile-month-grid>small{text-align:center;padding:8px 0}.mobile-month-grid>button{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;min-height:52px;border-radius:6px;font-size:15px}.mobile-month-grid button small{font-size:11px;color:var(--accent)}.mobile-month-grid .is-today{background:var(--text);color:var(--paper)}.mobile-month-grid .other-month{opacity:.45}
 .layout-row-settings{width:44px!important;height:44px!important;right:0!important;top:0!important;opacity:1!important;z-index:10}.note-layout-row>.layout-row-settings{display:none!important}
}

@media(min-width:621px){.collection-block .collection-mobile-view{display:none!important}}
@media(max-width:620px){.music-dock.is-expanded{inset:0!important}.note-block.collection>.block-fold-trigger{display:none!important}.note-document .note-block.collection{padding-left:0!important}.page-heading-title :is(input,textarea):focus{outline:none!important;border-bottom:1px solid var(--accent)!important}.note-document .note-block:has(>.dashboard-link-card){padding-right:0!important}.note-block:has(>.dashboard-link-card)>.mobile-block-more{top:0;transform:none;background:var(--paper);border-radius:0 0 0 8px}}

@media(max-width:620px){.app-popover.view-settings-panel.is-mobile-sheet{padding:0 0 max(12px,env(safe-area-inset-bottom))!important;overflow:hidden!important}.view-settings-panel .view-settings-body{padding:12px 16px!important;max-height:none!important;min-height:0;overflow:auto}.view-settings-head{flex:none}.view-settings-panel .view-setting-row{font-size:14px!important;min-height:48px}.view-settings-panel .view-settings-head h2{font-size:18px!important}.view-settings-panel select{font-size:16px!important}.note-block-menu .touch-sheet-head{position:sticky;top:-12px;background:var(--floating,var(--paper));z-index:5}}

@media(max-width:620px){.collection-checkbox-hit{display:inline-grid;place-items:center;min-width:44px;min-height:44px;cursor:pointer}.collection-table .collection-checkbox-hit input[type=checkbox]{margin:0!important}}

.inline-title-note>textarea.inline-title-input{flex:1;min-width:0;resize:none;overflow:hidden;white-space:pre-wrap;font:inherit;line-height:inherit}
@media(max-width:620px){.document-title-block .inline-title-note{align-items:flex-start;gap:4px;width:100%}.document-title-block .inline-title-note>textarea.inline-title-input{max-width:none!important;min-width:0!important}.document-title-block .inline-pencil{display:none!important}.document-title-block .emoji-trigger{min-width:44px!important;min-height:44px!important}.document-title-block{margin:12px 0 18px!important}.document-title-block .note-document-heading{margin:6px 0!important}.document-title-block .page-icon{min-height:40px!important;height:40px!important}.note-page .note-actions{gap:4px!important;margin-block:8px 18px!important}.note-page .note-actions button{min-height:44px!important}}

@media(max-width:620px){.note-document .note-block{width:100%!important}.note-column>.note-add-block{display:none!important}.note-layout-row:last-child>.note-column:last-of-type>.note-add-block{display:flex!important}.note-document .note-block.music{padding-right:0!important}.note-block.music>.music-block{width:100%!important;max-width:100%!important;flex:1}.dashboard-card-art{height:128px!important}.records-toolbar{flex-wrap:wrap!important}.records-toolbar .records-search{display:none!important}.records-toolbar.mobile-search-open .records-search,.records-toolbar:has([data-record-search]:not(:placeholder-shown)) .records-search{display:flex!important;flex:1 0 100%;order:2;margin-top:8px}.records-toolbar .records-search input{font-size:16px!important;min-height:44px!important}.records-toolbar>.glass-select,.records-toolbar>select{width:auto!important;min-width:106px}.records-toolbar .records-filter-trigger{min-height:44px!important}.records-workspace-surface{padding:0!important}}

@media(max-width:620px){.note-block:has(>.dashboard-link-card)>.mobile-block-more{background:transparent!important;color:#fff!important}.dashboard-link-card span{font-size:16px!important}.dashboard-link-card img{height:128px!important}#content input:not([type=checkbox]):not([type=range]):not([type=date]):not([type=time]){font-size:16px}.collection-period{gap:6px;flex-wrap:wrap}.collection-period button{min-width:44px;min-height:44px}.collection-period strong{flex:1;font-size:15px;text-align:center}}

@media(max-width:620px){.touch-sheet button,.is-mobile-sheet button{min-width:44px!important}.block-todo-hit,.task-check-hit{min-width:44px!important}.mobile-month-grid{grid-template-columns:repeat(7,minmax(44px,1fr));overflow-x:auto;overscroll-behavior-x:contain}.time-grid .time-slot{min-height:64px}.note-page-options .page-options-actions{padding-top:8px}}

@media(max-width:620px){.mobile-editor-bar{justify-content:flex-start;overflow-x:auto;overscroll-behavior-x:contain}.mobile-editor-bar button{flex:1 0 44px;min-width:44px!important}.mobile-editor-bar.is-editing [data-mobile-edit=done]{display:grid}}
@media(max-width:620px){#content input.page-icon{font-size:30px!important}.note-cover-image{height:clamp(140px,44vw,200px)!important}.note-cover-add{min-height:44px!important;font-size:13px!important}.note-cover-settings{opacity:1!important}.note-cover-settings button{min-width:44px;min-height:44px}.page-head h1{font-size:30px!important}.profile-page button,.profile-content button{min-height:44px!important}}
@media(max-width:620px){.home-section-label{display:none!important}.record-library>header{display:flex!important;justify-content:flex-end;align-items:center;min-height:44px;margin:0 0 8px!important}.record-library>header>.records-toolbar{width:100%;justify-content:flex-end}}
@media(max-width:620px){.note-document .note-block:is(.p,.h1,.h2,.h3,.h4,.h5,.h6,.bullet,.numbered,.todo,.toggle,.quote,.callout,.code,.divider,.collection,.linked,.table,.database,.database_view,.chart,.photo,.file,.audio,.scan,.ink,.music){padding-right:0!important}.record-document-nav>[data-record-back]{display:none!important}}

@media(max-width:620px){.note-block[data-mobile-preview=compact] .ink-image-open img,.note-block[data-mobile-preview=compact] .attachment-preview img{max-height:168px!important;object-fit:contain}.note-block[data-mobile-preview=medium] .ink-image-open img,.note-block[data-mobile-preview=medium] .attachment-preview img{max-height:280px!important;object-fit:contain}.note-block[data-mobile-preview=full] .ink-image-open img,.note-block[data-mobile-preview=full] .attachment-preview img{max-height:420px!important;object-fit:contain}.page-small-text .note-document .block-text{font-size:15px!important}}
