@font-face{font-family:SourceCodePro;src:url(/fonts/SourceCodePro.ttf) format("truetype");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:SourceCodeProItalic;src:url(/fonts/SourceCodePro-Italic.ttf) format("truetype");font-weight:100 900;font-style:normal;font-display:swap}:root{--paper: #f8f9fa;--panel: #f1f3f5;--ink: #212529;--ink-strong: #343a40;--ink-soft: #6c757d;--border: #dee2e6;--code-bg: #e9ecef;--hl: #ff6369;--hl-ink: #000;--label: #dfe3e8;--label-ink: #000;--sel: rgba(255, 99, 105, .33);--del: #ff3b30;--tag-bg: #6c757d;--tag-fg: #f1f3f5;--active: #e3e6e9;--link: #4a6d99;--accent: var(--hl);--accent-soft: rgba(255, 99, 105, .15)}body.dark{--paper: #1b1e23;--panel: #20242a;--ink: #d7dade;--ink-strong: #f0f2f4;--ink-soft: #8b9298;--border: #343a42;--code-bg: #2a2f37;--hl: #ff6369;--hl-ink: #000;--label: #dfe3e8;--label-ink: #000;--sel: rgba(255, 99, 105, .4);--del: #ff3b30;--tag-bg: #4a5159;--tag-fg: #e6e8ea;--active: #2c313a;--link: #8fadd0;--accent: var(--hl);--accent-soft: rgba(255, 99, 105, .2)}*{box-sizing:border-box}html,body{height:100%;margin:0;overflow:hidden}body{background:var(--paper);color:var(--ink);font-family:SourceCodePro,ui-monospace,monospace;font-size:14px;-webkit-text-size-adjust:100%}button{font-family:inherit;cursor:pointer;color:inherit}body{-webkit-user-select:none;user-select:none}input,textarea,.cm-editor,[contenteditable=true]{-webkit-user-select:text;user-select:text}#app{display:grid;grid-template-columns:340px 1fr;height:100%}#sidebar{display:flex;flex-direction:column;min-height:0;position:relative;background:var(--panel);border-right:1px solid var(--border)}#sidebar>#note-list{flex:1;min-width:0;overflow-y:auto;padding:.4rem}#folders-panel{position:absolute;top:0;bottom:0;left:0;width:80%;z-index:30;background:var(--panel);border-right:1px solid var(--border);transform:translate(-103%);transition:transform .22s ease;box-shadow:2px 0 18px #00000038;padding-top:env(safe-area-inset-top);display:flex;flex-direction:column}body.folders-open #folders-panel{transform:translate(0)}#folders-scrim{display:none;position:absolute;top:0;right:0;bottom:0;left:0;background:#0000004d;z-index:29}body.folders-open #folders-scrim{display:block}#folders{flex:1;min-height:0;min-width:0;overflow-y:auto;padding:.5rem;display:flex;flex-direction:column;gap:.4rem}#folders>.side-item,#folders>.side-row{flex:0 0 auto}.fp-title{font-size:.74rem;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-soft);padding:.2rem .3rem .3rem}#folders-bar{flex:0 0 auto;min-width:0;border-top:1px solid var(--border);background:var(--panel);padding:.5rem .5rem calc(.5rem + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:.5rem}#folders-bar .search{min-width:0}#side-controls{display:flex;align-items:center;gap:.3rem;flex-wrap:wrap;min-width:0}#sb-bar{border-top:1px solid var(--border);padding:.5rem .6rem;display:flex;flex-direction:column;gap:.5rem;background:var(--panel)}#sb-controls{display:flex;align-items:center;gap:.3rem}.tagbtn{font-size:1.25rem;font-weight:700}.avatar-btn{flex:0 0 auto;width:2.2rem;height:2.2rem;border-radius:50%;border:none;background:var(--tag-bg);color:var(--tag-fg);font-weight:700;font-size:.95rem}.avatar-btn:hover{filter:brightness(1.1)}#editor-pane{display:flex;flex-direction:column;min-width:0;background:var(--paper)}#editor{flex:1 1 auto;min-height:0;overflow:hidden;padding:0 1.2rem}#bottom-dock{flex:0 0 auto}body.drag-file #editor-pane{position:relative}body.drag-file #editor-pane:after{content:"Rilascia per allegare";position:absolute;top:.6rem;right:.6rem;bottom:.6rem;left:.6rem;z-index:55;pointer-events:none;display:flex;align-items:center;justify-content:center;text-align:center;border:2px dashed var(--ink-soft);border-radius:.7rem;background:var(--paper);color:var(--ink-soft);font-size:1rem}#note-header{flex:0 0 auto;padding:.85rem 1.2rem .55rem;border-bottom:1px solid var(--border);background:var(--paper)}.note-title{width:100%;border:none;background:transparent;color:var(--ink-strong);font-family:inherit;font-size:1.6rem;font-weight:800;line-height:1.25;padding:0;display:block;resize:none;overflow-y:auto;overflow-wrap:anywhere;max-height:3.75em}.note-title:focus{outline:none}.note-title::placeholder{color:var(--ink-soft);opacity:.55}#note-meta{display:flex;align-items:center;gap:.4rem;margin-top:.4rem;color:var(--ink-soft);font-size:.74rem}.meta-sep{opacity:.5}#note-sync{display:inline-flex;align-items:center;gap:.3rem}.sync-dot{width:.5rem;height:.5rem;border-radius:50%;background:var(--ink-soft);flex:0 0 auto}#note-sync.synced .sync-dot{background:#2e9e6b}#note-sync.connecting .sync-dot{background:#d8a200}#note-sync.offline .sync-dot{background:#c0392b}#note-tags{display:flex;flex-wrap:wrap;gap:.3rem;margin-top:.45rem;position:relative}#note-tags:empty{display:none}.hdr-tag{display:inline-flex;align-items:center;border-radius:.25rem;background:var(--tag-bg);color:var(--tag-fg);font-size:.74rem}.hdr-tag:hover{filter:brightness(1.1)}.hdr-tag button{border:none;background:transparent;color:inherit;font-family:inherit;font-size:inherit;padding:.12rem .5rem}.hdr-tag .hdr-tag-name{padding-right:.2rem}.hdr-tag .hdr-tag-x{padding-left:.15rem;padding-right:.4rem;font-size:.95rem;line-height:1;opacity:.7}.hdr-tag .hdr-tag-x:hover{opacity:1}.hdr-tag-add{border:1px dashed var(--border);border-radius:.25rem;padding:.1rem .5rem;background:transparent;color:var(--ink-soft);font-family:inherit;font-size:.74rem}.hdr-tag-add:hover{color:var(--ink-strong);border-color:var(--ink-soft)}.hdr-tag-input{width:8rem;border:1px solid var(--accent);border-radius:.25rem;padding:.1rem .45rem;background:var(--paper);color:var(--ink);font-family:inherit;font-size:.74rem;outline:none}.tag-suggest{display:none;position:absolute;top:calc(100% + .3rem);left:0;z-index:34;min-width:11rem;max-width:min(20rem,100%);background:var(--panel);border:1px solid var(--border);border-radius:.5rem;padding:.25rem;box-shadow:0 8px 24px #0000002e;max-height:40vh;overflow-y:auto}.tag-suggest.open{display:block}.icon-btn{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;border:none;background:transparent;color:var(--ink-strong);width:2.4rem;height:2.4rem;border-radius:.4rem}.icon-btn:hover{background:var(--active)}.icon-btn.active{background:var(--accent-soft);color:var(--accent)}.icon-btn.recording{background:#c0392b;color:#fff}.icon-btn.recording:hover{background:#c0392b}.desk-tool{display:none}.mob-tool{display:inline-flex}.side-btn{border:1px solid var(--border);border-radius:.35rem;background:var(--paper);color:var(--ink-strong);font-size:.85rem;padding:.4rem .6rem}.side-btn:hover{background:var(--active)}.side-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-soft);margin:.7rem .4rem .3rem}#sb-scroll>.side-label:first-child{margin-top:.2rem}.side-row{display:flex;align-items:center}.side-item{flex:1;text-align:left;padding:.35rem .6rem;border:none;border-radius:.3rem;background:transparent;color:var(--ink);font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.side-item:hover{background:var(--active)}.side-item.active{background:var(--accent);color:var(--hl-ink);font-weight:700}.folder-fg.active{background:var(--accent);border-radius:.3rem}.folder-fg.active .side-item.active,.folder-fg.active .side-item:hover{background:transparent}.folder-fg.active .folder-count{color:var(--hl-ink)}.side-item.active:hover{background:var(--accent)}.side-item.active .folder-count{color:var(--hl-ink)}.folder-rename{flex:1;min-width:0;padding:.35rem .6rem;border-radius:.3rem;border:1px solid var(--ink-soft);background:var(--paper);color:var(--ink);font-family:inherit;font-size:.9rem}.folder-rename:focus{outline:none}.side-item-row.drop-target,.side-row.drop-target>.folder-fg{background:var(--accent-soft);outline:2px dashed var(--accent);outline-offset:-2px;border-radius:.3rem}body.drag-restore .side-item-row.drop-target,body.drag-restore .side-row.drop-target>.folder-fg{outline-color:#2e9e6b;background:#2e9e6b29}#tags{display:flex;flex-wrap:wrap;gap:.25rem;padding:0 .4rem}.tag-chip{border:none;border-radius:.25rem;padding:.15rem .45rem;background:var(--code-bg);color:var(--ink-strong);font-size:.8rem}.tag-chip:hover{background:var(--active)}.tag-chip.active{background:var(--accent);color:var(--hl-ink)}#sb-bar .search,#folders-bar .search{width:100%;padding:.5rem .6rem;border:1px solid var(--border);border-radius:.35rem;background:var(--paper);color:var(--ink);font-family:inherit;font-size:.9rem}#sb-bar .search:focus,#folders-bar .search:focus{outline:none;border-color:var(--accent)}.sb-actions{display:flex;align-items:center;gap:.4rem}.sb-spring{flex:1}.sb-user{display:flex;align-items:center;gap:.4rem}.user-email{flex:1;color:var(--ink-soft);font-size:.78rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#logout{padding:.3rem .55rem;font-size:.78rem}#view-selector{display:flex;gap:.2rem;background:var(--code-bg);border-radius:.5rem;padding:.2rem;margin:.1rem .2rem .5rem}.view-btn{flex:1;border:none;background:transparent;color:var(--ink-soft);font-family:inherit;font-size:.82rem;padding:.4rem;border-radius:.4rem}.view-btn.active{background:var(--accent);color:var(--hl-ink);font-weight:700}#note-list{list-style:none;margin:0;padding:0 .2rem}.list-item{position:relative;overflow:hidden;margin-bottom:0;cursor:pointer;border-bottom:1px solid var(--border)}.list-item:last-child{border-bottom:none}.li-content{position:relative;z-index:1;padding:.55rem;background:var(--panel)}.list-item:hover .li-content{background:var(--paper)}.list-item.on-accent .li-content{background:var(--accent)}.list-item.on-accent .li-title,.list-item.on-accent .li-pin,.list-item.on-accent .li-sticky,.list-item.on-accent .li-lock{color:var(--hl-ink)}.list-item.on-accent .li-snippet,.list-item.on-accent .li-date,.list-item.on-accent .li-folder,.list-item.on-accent .li-att{color:var(--hl-ink);opacity:.8}.list-item.on-accent .li-tag{background:#00000024;color:var(--hl-ink)}.li-bg{position:absolute;top:0;right:0;bottom:0;left:0;display:none;align-items:center;padding:0 1.1rem;color:#fff}.li-bg svg{width:22px;height:22px}.li-bg-del{background:var(--del);justify-content:flex-start}.li-bg-move{background:var(--tag-bg);justify-content:flex-end}.list-item.swiping-del .li-bg-del,.list-item.swiping-move .li-bg-move{display:flex}.list-item.dragging .li-content{opacity:.4}.sel-bar{display:flex;align-items:center;gap:.3rem;padding:.4rem .1rem 0;border-top:1px solid var(--accent);margin-top:.1rem}.sel-count{flex:1;min-width:0;color:var(--ink-strong);font-size:.75rem;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sel-act{flex:0 0 auto;border:1px solid var(--border);border-radius:.3rem;background:var(--paper);color:var(--ink-strong);font-size:.75rem;padding:.2rem .45rem}.sel-act:hover{background:var(--active)}.sel-act.danger{color:#c0392b;border-color:#c0392b}.sel-clear{flex:0 0 auto;border:none;background:transparent;color:var(--ink-soft);font-size:1.05rem;line-height:1;padding:0 .25rem}.sel-clear:hover{color:var(--ink-strong)}.nm-title{padding:.5rem .9rem .3rem;color:var(--ink-soft);font-size:.78rem;font-weight:700}.li-title-row{display:flex;align-items:center;gap:.3rem}.li-pin{display:inline-flex;flex:0 0 auto;color:var(--accent)}.li-pin svg{width:13px;height:13px}.li-title{flex:1;min-width:0;font-weight:700;color:var(--ink-strong);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.li-snippet{color:var(--ink-soft);font-size:.82rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:.1rem 0}.li-meta{display:flex;align-items:center;gap:.35rem;flex-wrap:wrap}.li-date{color:var(--ink-soft);font-size:.72rem}.li-att{display:inline-flex;align-items:center;gap:.12rem;color:var(--ink-soft);font-size:.72rem}.li-tag{background:var(--code-bg);color:var(--ink-soft);border-radius:.2rem;padding:0 .3rem;font-size:.72rem}.list-empty{color:var(--ink-soft);padding:1rem .6rem;text-align:center}.note-badges{display:inline-flex;align-items:center;gap:.25rem}.note-badges:empty{display:none}.hdr-badge{display:inline-flex;color:var(--ink-soft)}.hdr-badge svg{width:13px;height:13px}.hdr-flag{display:inline-flex;align-items:center;justify-content:center;border:0;background:none;padding:.15rem;border-radius:.3rem;color:var(--accent);cursor:pointer}.hdr-flag svg{width:15px;height:15px}.hdr-flag.off{color:var(--ink-soft);opacity:.45}.hdr-flag:hover{background:var(--active)}.hdr-flag.off:hover{opacity:.9}@media (max-width: 760px){.note-badges{gap:.15rem}.hdr-flag{padding:.35rem}.hdr-flag svg{width:22px;height:22px}.hdr-badge svg{width:18px;height:18px}}#note-menu-scrim{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000059;z-index:44}#note-menu-scrim.open{display:block}.note-menu{display:none;position:fixed;left:0;right:0;bottom:0;z-index:45;background:var(--panel);border-top:1px solid var(--border);border-radius:.9rem .9rem 0 0;padding:.5rem .5rem calc(.5rem + env(safe-area-inset-bottom));box-shadow:0 -8px 24px #00000040;max-width:560px;margin:0 auto;max-height:65vh;overflow-y:auto}.note-menu.open{display:block}.note-menu.at-pointer{right:auto;bottom:auto;margin:0;width:max-content;min-width:11rem;max-width:20rem;border:1px solid var(--border);border-top:1px solid var(--border);border-radius:.6rem;padding:.3rem;box-shadow:0 10px 30px #00000047;max-height:70vh}.note-menu.at-pointer .nm-item{padding:.45rem .6rem;font-size:.88rem;gap:.55rem}.note-menu.at-pointer .nm-ic svg{width:15px;height:15px}#note-menu-scrim.bare{background:transparent}.tm-marks{display:flex;flex-wrap:wrap;gap:.15rem;padding:.15rem .15rem .35rem;border-bottom:1px solid var(--border);margin-bottom:.25rem}.tm-marks .tb-btn{flex:0 0 auto;min-width:2.1rem}.nm-item{display:flex;align-items:center;gap:.7rem;width:100%;padding:.8rem .9rem;border:none;background:transparent;color:var(--ink);font-family:inherit;font-size:.95rem;border-radius:.5rem;text-align:left}.nm-item:hover{background:var(--active)}.nm-item.danger{color:#c0392b}.nm-ic{display:inline-flex;color:var(--ink-soft)}.nm-item.danger .nm-ic{color:#c0392b}#popup-scrim{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000059;z-index:42}#popup-scrim.open{display:block}.popup{display:none;position:fixed;left:0;right:0;bottom:0;z-index:43;background:var(--panel);border-top:1px solid var(--border);border-radius:.9rem .9rem 0 0;padding:.7rem .7rem calc(.7rem + env(safe-area-inset-bottom));box-shadow:0 -8px 24px #00000040;max-width:560px;margin:0 auto;max-height:60vh;overflow-y:auto}.popup.open{display:block}.prefs-email{color:var(--ink-soft);font-size:.8rem;padding:.3rem .9rem .6rem;border-bottom:1px solid var(--border);margin-bottom:.3rem;word-break:break-all}.prefs-version{color:var(--ink-soft);font-size:.72rem;text-align:center;padding:.5rem .9rem .25rem;margin-top:.3rem;border-top:1px solid var(--border);opacity:.7}.prefs-item{display:flex;align-items:center;gap:.7rem;width:100%;padding:.8rem .9rem;border:none;background:transparent;color:var(--ink);font-family:inherit;font-size:.95rem;border-radius:.5rem;text-align:left}.prefs-item:hover{background:var(--active)}.prefs-item.danger{color:#c0392b}.prefs-item .nm-ic{display:inline-flex;color:var(--ink-soft)}.prefs-item.danger .nm-ic{color:#c0392b}.prefs-kbd{margin-left:auto;color:var(--ink-soft);font-size:.74rem;opacity:.85}#toolbar-handle{height:1.05rem;display:flex;align-items:center;justify-content:center;cursor:pointer}#toolbar-handle:before{content:"";width:2.4rem;height:.28rem;border-radius:.2rem;background:var(--border)}#toolbar-handle:hover:before{background:var(--ink-soft)}#note-tools-scrim{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000059;z-index:42}#note-tools-scrim.open{display:block}#note-tools{display:none;position:fixed;left:0;right:0;bottom:var(--kb, 0px);z-index:43;background:var(--panel);border-top:1px solid var(--border);border-radius:.9rem .9rem 0 0;padding:.3rem .9rem calc(.9rem + env(safe-area-inset-bottom));box-shadow:0 -8px 24px #00000040;max-width:560px;margin:0 auto;max-height:88vh;transition:bottom .18s ease}#note-tools.open{display:block}.sheet-handle{width:2.4rem;height:.28rem;border-radius:.2rem;background:var(--border);margin:.4rem auto .7rem}.nt-label{font-size:.72rem;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-soft);margin-bottom:.4rem}.nt-tags{display:flex;flex-wrap:wrap;align-content:flex-start;gap:.35rem;margin-bottom:.5rem;max-height:50vh;overflow-y:auto}.nt-tags:empty{display:none}.nt-chip{display:inline-flex;align-items:center;gap:.15rem;background:var(--tag-bg);color:var(--tag-fg);border-radius:.3rem;padding:.15rem .2rem .15rem .5rem;font-size:.8rem}.nt-chip-x{border:none;background:transparent;color:var(--tag-fg);font-size:1rem;line-height:1;padding:0 .15rem}.nt-tag-input{width:100%;padding:.55rem .7rem;border:1px solid var(--border);border-radius:.45rem;background:var(--paper);color:var(--ink);font-family:inherit;font-size:.9rem;margin-bottom:.65rem}.nt-tag-input:focus{outline:none;border-color:var(--accent)}.nt-actions{display:flex;gap:.5rem}.nt-action{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.7rem;border:1px solid var(--border);border-radius:.5rem;background:var(--paper);color:var(--ink-strong);font-family:inherit;font-size:.9rem}.nt-action:hover{background:var(--active)}.nt-action .nm-ic{display:inline-flex;color:var(--ink-soft)}.nt-action.recording{background:#c0392b;color:#fff;border-color:#c0392b}.nt-action.recording .nm-ic{color:#fff}#editor-bar{display:flex;align-items:center;gap:.2rem;padding:.3rem .6rem;border-top:1px solid var(--border);background:var(--paper)}#editor-menu-btn{display:none}#toolbar{flex:1;display:flex;gap:.1rem;overflow-x:auto;scrollbar-width:none}#toolbar::-webkit-scrollbar{display:none}.tb-btn{flex:0 0 auto;min-width:2rem;height:2rem;padding:0 .4rem;border:none;border-radius:.3rem;background:transparent;color:var(--ink-strong);font-size:.95rem;display:inline-flex;align-items:center;justify-content:center}.tb-btn:hover{background:var(--active)}.tb-btn.tb-active{background:var(--ink-soft);color:var(--paper)}.tb-btn.tb-recording{color:#fff;background:#c0392b}.tb-h{font-weight:800;font-size:1.15rem}.tb-b{font-weight:800}.tb-i{font-family:SourceCodeProItalic,serif;font-style:italic}.tb-u{text-decoration:underline;text-decoration-thickness:.12em;text-underline-offset:.12em}.tb-st{text-decoration:line-through}.tb-hl:before,.tb-label:before{content:"";display:block;width:1.15rem;height:.72rem;border-radius:.16rem}.tb-hl:before{background:var(--hl)}.tb-label:before{background:var(--label)}@keyframes rec-pulse{0%,to{opacity:1}50%{opacity:.25}}.rec-chip{gap:.45rem}.rec-dot{width:.6rem;height:.6rem;border-radius:50%;background:#c0392b;animation:rec-pulse 1s ease-in-out infinite}.rec-time{color:var(--ink-strong);font-variant-numeric:tabular-nums}#att-toggle{display:none}#att-toggle.show{display:flex;align-items:center;gap:.45rem;width:100%;border:none;border-bottom:1px solid var(--border);background:var(--panel);color:var(--ink-soft);font-family:inherit;font-size:.78rem;padding:.45rem 1.2rem}.att-tog-ic{display:inline-flex}.att-tog-chev{margin-left:auto}#att-wrap{display:grid;grid-template-rows:0fr;transition:grid-template-rows .25s ease}body.att-open #att-wrap{grid-template-rows:1fr}#attachments{display:flex;align-items:stretch;gap:.6rem;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;min-height:0;padding:0 1.2rem}body.att-open #attachments{padding:.6rem 1.2rem}.att-thumb{position:relative;flex:0 0 auto;height:7rem;min-width:4rem;border-radius:.5rem;overflow:hidden;border:1px solid var(--border);background:var(--panel)}.att-thumb img{height:100%;width:auto;max-width:70vw;object-fit:cover;display:block;cursor:pointer}.att-thumb-rm{position:absolute;top:.25rem;right:.25rem;border:none;background:#0000008c;color:#fff;border-radius:50%;width:1.4rem;height:1.4rem;font-size:.85rem;line-height:1;display:flex;align-items:center;justify-content:center}.att-chip{flex:0 0 auto;display:flex;flex-direction:column;gap:.35rem;background:var(--panel);border:1px solid var(--border);border-radius:.55rem;padding:.45rem .55rem}.att-row{display:flex;align-items:center;gap:.5rem}.att-player{display:flex;align-items:center;gap:.55rem;width:15rem;max-width:78vw}.att-player audio{display:none}.ap-play{flex:0 0 auto;width:2rem;height:2rem;padding:0;border:1px solid var(--border);border-radius:50%;background:var(--paper);color:var(--ink-strong);display:flex;align-items:center;justify-content:center}.ap-play:hover{background:var(--active)}.ap-play svg{width:18px;height:18px}.ap-bar{flex:1;min-width:0;height:.34rem;border-radius:.2rem;background:var(--border);position:relative;cursor:pointer;touch-action:none}.ap-fill{position:absolute;left:0;top:0;bottom:0;width:0;border-radius:.2rem;background:var(--ink-strong)}.ap-time{flex:0 0 auto;color:var(--ink-soft);font-size:.7rem;font-variant-numeric:tabular-nums}.ap-speed{flex:0 0 auto;min-width:2.1rem;height:1.5rem;padding:0 .4rem;border:1px solid var(--border);border-radius:.75rem;background:var(--paper);color:var(--ink-soft);font-size:.68rem;font-variant-numeric:tabular-nums;cursor:pointer}.ap-speed:hover{background:var(--active);color:var(--ink-strong)}.att-chip.playing{border-color:var(--ink-strong);box-shadow:0 0 0 1px var(--ink-strong)}.att-new{animation:attFlash 1.5s ease-out}@keyframes attFlash{0%{box-shadow:0 0 0 2px var(--ink-strong)}60%{box-shadow:0 0 0 2px var(--ink-strong)}to{box-shadow:0 0 #0000}}.cam-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#000;display:flex;align-items:center;justify-content:center}.cam-overlay video{max-width:100%;max-height:100%;width:auto;height:auto}.cam-shot{position:absolute;bottom:6vh;left:50%;transform:translate(-50%);width:4.6rem;height:4.6rem;padding:0;border-radius:50%;background:#fff;border:4px solid rgba(255,255,255,.45);cursor:pointer}.cam-shot:active{transform:translate(-50%) scale(.94)}.cam-close{position:absolute;top:1.2rem;right:1.2rem;width:2.6rem;height:2.6rem;padding:0;border-radius:50%;background:#00000080;color:#fff;border:none;font-size:1.25rem;line-height:1;cursor:pointer}.quickrec{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#000000b8;display:flex;align-items:center;justify-content:center}.quickrec-card{display:flex;flex-direction:column;align-items:center;gap:1.4rem;background:var(--paper);border:1px solid var(--border);border-radius:.9rem;padding:2rem 2.4rem;box-shadow:0 12px 44px #00000073}.quickrec-card .rec-dot{width:.9rem;height:.9rem}.quickrec-time{font-size:2.2rem;font-variant-numeric:tabular-nums;color:var(--ink-strong)}.quickrec-stop{min-width:9rem;padding:.8rem 1.4rem;border:none;border-radius:.6rem;background:var(--del);color:#fff;font-family:inherit;font-size:1rem}.att-name{color:var(--ink-strong);text-decoration:none;font-size:.82rem;max-width:11rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.att-name:hover{text-decoration:underline}.att-size{color:var(--ink-soft);font-size:.72rem;flex:0 0 auto}.att-spring{flex:1}.att-dl{color:var(--ink-soft);text-decoration:none;font-size:1rem;padding:0 .15rem;flex:0 0 auto}.att-dl:hover{color:var(--ink-strong)}.att-rm{border:none;background:transparent;color:var(--ink-soft);font-size:1rem;padding:0 .1rem;flex:0 0 auto}.att-rm:hover{color:#c0392b}.lightbox{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;background:#000000ed}.lightbox.open{display:flex;align-items:center;justify-content:center}.lb-stage{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:4vmin;touch-action:none}.lb-img{max-width:92vw;max-height:88vh;width:auto;height:auto;object-fit:contain;border-radius:.3rem;box-shadow:0 10px 44px #0000008c;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.lb-close{position:fixed;top:max(.8rem,env(safe-area-inset-top));right:max(1rem,env(safe-area-inset-right));z-index:2;width:2.6rem;height:2.6rem;border:none;border-radius:50%;background:#ffffff1f;color:#fff;font-size:1.7rem;line-height:1;display:flex;align-items:center;justify-content:center}.lb-close:hover{background:#ffffff3d}.lb-nav{position:fixed;top:50%;transform:translateY(-50%);z-index:2;width:3.2rem;height:3.2rem;border:none;border-radius:50%;background:#ffffff1a;color:#fff;display:flex;align-items:center;justify-content:center}.lb-nav:hover{background:#fff3}.lb-prev{left:max(1rem,env(safe-area-inset-left))}.lb-next{right:max(1rem,env(safe-area-inset-right))}.lb-counter{position:fixed;top:max(1rem,env(safe-area-inset-top));left:50%;transform:translate(-50%);color:#ffffffd9;font-size:.85rem;font-variant-numeric:tabular-nums;pointer-events:none}.lb-caption{position:fixed;bottom:max(1rem,env(safe-area-inset-bottom));left:50%;transform:translate(-50%);max-width:80vw;color:#ffffffd9;font-size:.8rem;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none}.lightbox.single .lb-nav,.lightbox.single .lb-counter{display:none}.cm-fg-bold{font-weight:700;color:var(--ink-strong)}.cm-fg-italic{font-family:SourceCodeProItalic,serif;font-style:italic;color:var(--ink-soft)}.cm-fg-underline{text-decoration:underline;text-decoration-thickness:.12em}.cm-fg-strike{text-decoration:line-through;color:var(--ink-soft)}.cm-fg-highlight,.cm-fg-highlight span{color:var(--hl-ink)}.cm-fg-highlight{background:var(--hl);border-radius:.1em;padding:0 .05em}.cm-fg-label,.cm-fg-label span{color:var(--label-ink)}.cm-fg-label{background:var(--label);padding:.05em .3em;border-radius:.25em}.cm-fg-box{box-shadow:inset 0 0 0 1px var(--ink-strong);padding:0 .35em}.cm-fg-tag{background:var(--tag-bg);color:var(--tag-fg);border-radius:.2em;padding:0 .35em;font-weight:500}.cm-fg-link,.cm-fg-tel{color:var(--link);cursor:pointer;text-decoration:underline;text-decoration-thickness:.06em;text-underline-offset:.18em;text-decoration-color:color-mix(in srgb,var(--link) 45%,transparent)}.cm-fg-link:hover,.cm-fg-tel:hover{text-decoration-color:var(--link)}.cm-fg-h1{font-size:1.9em;font-weight:800;line-height:1.25;color:var(--ink-strong)}.cm-fg-h2{font-size:1.5em;font-weight:800;line-height:1.3;color:var(--ink-strong)}.cm-fg-h3{font-size:1.25em;font-weight:700;color:var(--ink-strong)}.cm-fg-h4,.cm-fg-h5,.cm-fg-h6{font-weight:700;color:var(--ink-strong)}.cm-fg-quote{border-left:3px solid var(--border);padding-left:.8rem;color:var(--ink-soft)}.cm-fg-li{padding-left:.3rem}.cm-fg-hr{border-bottom:2px solid var(--border);min-height:1.7em}#auth,body.auth-open #app,body.auth-open #scrim{display:none}body.auth-open #auth{display:flex;align-items:center;justify-content:center;position:fixed;top:0;right:0;bottom:0;left:0;background:var(--paper);z-index:50;padding:1.5rem calc(1.5rem + env(safe-area-inset-right)) calc(1.5rem + env(safe-area-inset-bottom)) calc(1.5rem + env(safe-area-inset-left))}.auth-card{display:flex;flex-direction:column;gap:.7rem;width:100%;max-width:340px}.auth-title{font-size:2rem;font-weight:800;color:var(--ink-strong);text-align:center}.auth-sub{color:var(--ink-soft);text-align:center;margin-bottom:.4rem}.auth-input{width:100%;padding:.7rem .8rem;border:1px solid var(--border);border-radius:.45rem;background:var(--panel);color:var(--ink);font-family:inherit;font-size:1rem}.auth-input:focus{outline:none;border-color:var(--accent)}.auth-err{color:#c0392b;font-size:.82rem;min-height:1em;text-align:center}.auth-submit{width:100%;padding:.7rem;border:none;border-radius:.45rem;background:var(--ink-strong);color:var(--paper);font-size:1rem;font-weight:700}.auth-submit:disabled{opacity:.6}.auth-toggle{border:none;background:transparent;color:var(--ink-soft);font-size:.85rem;text-decoration:underline;padding:.3rem}.auth-code{font-family:Source Code Pro,ui-monospace,monospace;font-size:1.15rem;letter-spacing:.06em;text-align:center;padding:.9rem .6rem;border:1px solid var(--border);border-radius:.45rem;background:var(--panel);color:var(--ink-strong);word-break:break-all;-webkit-user-select:all;user-select:all}.auth-strength{color:#b8860b;font-size:.78rem;min-height:1em;text-align:center}.auth-hint{color:#b8860b;font-size:.78rem;text-align:center;margin:-.2rem 0 .2rem}.auth-check{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:var(--ink-soft)}.auth-skip{border:none;background:transparent;color:var(--ink-soft);font-size:.8rem;padding:.3rem;opacity:.7}.nag-banner{position:fixed;left:50%;transform:translate(-50%);top:.6rem;z-index:900;max-width:92vw;padding:.55rem .9rem;border:1px solid var(--border);border-radius:.5rem;background:var(--panel);color:var(--ink);font-size:.85rem;box-shadow:0 4px 16px #00000024}#scrim{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000052;z-index:20}:root{--sidebar-w: 450px;--folders-w: 170px}.col-resizer{display:none}@media (min-width: 761px){#app{grid-template-columns:var(--sidebar-w) 1fr;grid-template-rows:minmax(0,1fr)}#editor-pane{min-height:0;overflow:hidden}#sidebar{display:grid;grid-template-columns:var(--folders-w) 1fr;grid-template-rows:1fr auto;min-width:0}#sidebar>#note-list{grid-column:2;grid-row:1}#sb-bar{grid-column:2;grid-row:2;min-width:0}#sb-controls{flex-wrap:wrap}#folders-panel{position:relative;transform:none;transition:none;box-shadow:none;width:auto;z-index:auto;padding-top:0;grid-column:1;grid-row:1 / 3}#folders-scrim,#folders-btn{display:none}.desk-tool{display:inline-flex}.mob-tool,#note-tools .nt-actions,#undo-btn,#redo-btn{display:none}.col-resizer{display:block;position:absolute;top:0;bottom:0;width:12px;z-index:26;cursor:col-resize;touch-action:none}#folders-resizer,#sidebar-resizer{right:-6px}.col-resizer:after{content:"";position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%);width:2px;background:var(--border);transition:background .15s,width .15s}.col-resizer:hover:after,.col-resizer.dragging:after{background:var(--ink-soft);width:3px}.popup,#note-tools{left:50%;right:auto;top:50%;bottom:auto;margin:0;transform:translate(-50%,-50%);width:min(420px,calc(100vw - 2rem));max-width:none;border:1px solid var(--border);border-radius:.8rem;padding:.7rem;box-shadow:0 12px 44px #00000073;max-height:70vh;overflow-y:auto;transition:none}#note-tools .sheet-handle{display:none}}body.col-dragging{cursor:col-resize;-webkit-user-select:none;user-select:none}@media (max-width: 760px){:root{--bar-h: 3.4rem}html{font-size:18px}.cm-scroller{font-size:18px!important}#app{display:block}#editor-pane{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--paper);padding-top:env(safe-area-inset-top);padding-bottom:var(--kb, 0px);display:flex;flex-direction:column}#note-header{flex:0 0 auto;padding:.7rem .9rem .5rem}#editor{flex:1 1 auto;min-height:0;padding:0 .9rem}#bottom-dock{flex:0 0 auto;background:var(--paper);border-top:1px solid var(--border)}#sidebar{position:fixed;top:0;left:0;bottom:0;width:100%;max-width:none;z-index:30;transform:translate(-100%);transition:transform .22s ease;box-shadow:2px 0 18px #00000040;padding-top:env(safe-area-inset-top);padding-bottom:var(--kb, 0px)}body.drawer-open #sidebar{transform:translate(0)}body.booting #sidebar{transition:none}body.drawer-open #scrim{display:block}#sb-bar{padding-bottom:calc(.5rem + env(safe-area-inset-bottom))}#sidebar>#note-list{padding-top:45vh}#folders{padding-top:45vh}#editor-bar{border-top:none;padding:.35rem .5rem;padding-bottom:calc(.35rem + env(safe-area-inset-bottom))}#editor-menu-btn{display:inline-flex}.tb-btn{min-width:2.4rem;height:2.4rem;font-size:1.05rem}#att-toggle.show{padding:.45rem .9rem}#attachments{padding:0 .9rem}body.att-open #attachments{padding:.6rem .9rem}}#modal-scrim{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:70;background:#00000073;align-items:center;justify-content:center;padding:1rem}#modal-scrim.open{display:flex}.modal-card{width:100%;max-width:380px;background:var(--panel);border:1px solid var(--border);border-radius:.8rem;padding:1rem 1.1rem .9rem;box-shadow:0 12px 44px #00000073}.modal-title{font-size:1.05rem;font-weight:800;color:var(--ink-strong);margin-bottom:.35rem}.modal-msg{color:var(--ink-soft);font-size:.88rem;line-height:1.45;margin-bottom:.85rem}.modal-input{width:100%;padding:.6rem .7rem;border:1px solid var(--border);border-radius:.45rem;background:var(--paper);color:var(--ink);font-family:inherit;font-size:.95rem;margin-bottom:.9rem}.modal-input:focus{outline:none;border-color:var(--accent)}.modal-actions{display:flex;gap:.5rem;justify-content:flex-end}.modal-btn{padding:.5rem .95rem;border:1px solid var(--border);border-radius:.45rem;background:var(--paper);color:var(--ink-strong);font-family:inherit;font-size:.9rem}.modal-btn:hover{background:var(--active)}.modal-btn.primary{background:var(--ink-strong);color:var(--paper);border-color:var(--ink-strong)}.modal-btn.danger{background:#c0392b;color:#fff;border-color:#c0392b}.toast{position:fixed;left:50%;bottom:calc(2.2rem + env(safe-area-inset-bottom));transform:translate(-50%,.6rem);z-index:80;max-width:86vw;padding:.6rem .95rem;border-radius:.5rem;background:var(--ink-strong);color:var(--paper);font-size:.85rem;box-shadow:0 6px 24px #00000059;opacity:0;transition:opacity .25s ease,transform .25s ease;pointer-events:none}.toast.show{opacity:1;transform:translate(-50%)}.side-row{position:relative;overflow:hidden;border-radius:.3rem}.folder-fg{flex:1;display:flex;align-items:center;min-width:0;background:var(--panel);position:relative;z-index:1}.side-row .li-bg{border-radius:.3rem}.side-row.swiping-del .li-bg-del{display:flex}.folder-count{flex:0 0 auto;color:var(--ink-soft);font-size:.72rem;padding:0 .3rem;text-align:right;min-width:1.1rem}.side-item-row{display:flex;align-items:center}.side-item-row .side-item{flex:1;min-width:0}.li-bg-restore{background:#2e9e6b}.li-lock{display:inline-flex;flex:0 0 auto;color:var(--ink-soft)}.li-lock svg{width:13px;height:13px}.li-sticky{display:inline-flex;flex:0 0 auto;color:var(--accent)}.li-sticky svg{width:13px;height:13px}.li-folder{display:inline-flex;align-items:center;gap:.18rem;color:var(--ink-soft);font-size:.72rem;max-width:9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.li-folder svg{width:11px;height:11px;flex:0 0 auto}.toast.has-action{pointer-events:auto;display:inline-flex;align-items:center;gap:.8rem}.toast-act{border:none;background:transparent;color:var(--accent);font-family:inherit;font-weight:700;font-size:.85rem;padding:.1rem .2rem;text-decoration:underline}.search-wrap{position:relative;width:100%}.search-wrap .search{padding-right:2.1rem}#search-wrap.has-chips{display:flex;flex-wrap:wrap;align-items:center;gap:.25rem;border:1px solid var(--border);border-radius:.35rem;background:var(--paper);padding:.25rem 2rem .25rem .3rem}#search-wrap.has-chips:focus-within{border-color:var(--accent)}#sb-bar #search-wrap.has-chips .search{flex:1 1 5rem;width:auto;min-width:0;border:none;background:transparent;padding:.25rem .3rem}#search-chips{display:contents}.sq-chip{display:inline-flex;align-items:center;gap:.15rem;flex:0 0 auto;border:none;border-radius:.25rem;padding:.12rem .35rem .12rem .45rem;background:var(--accent);color:var(--hl-ink);font-family:inherit;font-size:.78rem}.sq-chip:hover{filter:brightness(1.08)}.sq-chip-x{font-size:.95rem;line-height:1;opacity:.8}.search-suggest{display:none;position:absolute;bottom:calc(100% + .35rem);left:0;right:0;z-index:33;background:var(--panel);border:1px solid var(--border);border-radius:.5rem;padding:.25rem;box-shadow:0 -8px 24px #0000002e;max-height:40vh;overflow-y:auto}.search-suggest.open{display:block}.sq-sugg{display:flex;align-items:center;gap:.5rem;width:100%;text-align:left;border:none;background:transparent;color:var(--ink);font-family:inherit;font-size:.85rem;padding:.4rem .5rem;border-radius:.35rem}.sq-sugg:hover,.sq-sugg.on{background:var(--active)}.sq-sugg .nm-ic{display:inline-flex;color:var(--ink-soft)}.search-clear{display:none;position:absolute;right:.35rem;top:50%;transform:translateY(-50%);border:none;background:transparent;color:var(--ink-soft);font-size:1.25rem;line-height:1;padding:.15rem .4rem}.search-wrap.has-text .search-clear{display:block}.search-clear:hover{color:var(--ink-strong)}#breadcrumb{display:none}#breadcrumb.show{display:flex;align-items:center;gap:.15rem;overflow-x:auto;scrollbar-width:none;padding:.4rem 1.2rem;border-top:1px solid var(--border);background:var(--panel)}#breadcrumb::-webkit-scrollbar{display:none}#sb-breadcrumb{display:none}#sb-breadcrumb::-webkit-scrollbar{display:none}@media (max-width: 760px){#sb-breadcrumb.show{display:flex;align-items:center;gap:.15rem;overflow-x:auto;scrollbar-width:none;padding:0 .1rem .4rem}}.bc-item{flex:0 0 auto;border:none;background:transparent;color:var(--ink-soft);font-family:inherit;font-size:.8rem;padding:.15rem .3rem;white-space:nowrap;border-radius:.3rem}.bc-item:hover{background:var(--active)}.bc-item.bc-current{color:var(--ink-strong);font-weight:700}.bc-ic{display:inline-flex;color:var(--ink-soft);margin-right:.25rem}.bc-ic svg{width:13px;height:13px}.bc-sep{flex:0 0 auto;color:var(--ink-soft);opacity:.55}#empty-state,body.empty #note-header,body.empty #editor,body.empty #bottom-dock,body.loading #empty-state{display:none}body.loading #sb-controls,body.loading #folders-bar,body.loading .search-wrap{pointer-events:none;opacity:.45}body.empty #empty-state{display:flex;flex:1 1 auto;min-height:0;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:.55rem;padding:2rem calc(2rem + env(safe-area-inset-right)) 2rem calc(2rem + env(safe-area-inset-left))}.es-emoji{color:var(--ink-soft);opacity:.7;line-height:0}.es-emoji svg{width:3rem;height:3rem}.es-title{font-size:1.25rem;font-weight:800;color:var(--ink-strong)}.es-sub{color:var(--ink-soft);font-size:.92rem;max-width:22rem;line-height:1.5}.es-actions{display:flex;gap:.6rem;margin-top:.7rem;flex-wrap:wrap;justify-content:center}.es-btn{border:1px solid var(--border);border-radius:.5rem;background:var(--paper);color:var(--ink-strong);font-family:inherit;font-size:.92rem;padding:.55rem 1rem}.es-btn:hover{background:var(--active)}.es-btn.primary{background:var(--ink-strong);color:var(--paper);border-color:var(--ink-strong)}@media (max-width: 760px){body.empty #empty-state{display:none}}#update-banner{position:fixed;left:0;right:0;top:0;z-index:60;display:flex;align-items:center;gap:.6rem;padding:calc(.5rem + env(safe-area-inset-top)) .9rem .5rem;background:var(--accent, #343a40);color:#fff;font-size:.9rem;box-shadow:0 2px 10px #00000040}#update-banner .ub-txt{flex:1}#update-banner .ub-go{background:#fff;color:#222;border:0;border-radius:.5rem;padding:.3rem .8rem;font-weight:700}#update-banner .ub-x{background:transparent;color:#fff;border:0;font-size:1rem;opacity:.8}#grid-view{display:none}body.cards-mode #grid-view{display:flex;flex-direction:column;flex:1;min-height:0;background:var(--paper)}body.cards-mode #sidebar>#note-list{display:none}body.cards-mode #sb-controls{flex-wrap:wrap}#grid-scroll{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden}#grid-cards{columns:9rem;column-gap:.5rem;padding:.5rem .5rem 1.4rem}.grid-empty{color:var(--ink-soft);padding:2rem .4rem;text-align:center}.ncard{break-inside:avoid;-webkit-column-break-inside:avoid;display:flex;flex-direction:column;gap:.35rem;margin:0 0 .7rem;padding:.6rem .7rem;background:var(--panel);border:1px solid var(--border);border-radius:.7rem;cursor:pointer;overflow:hidden}.ncard:hover{border-color:var(--ink-soft)}.ncard.dragging{opacity:.4}.ncard.on-accent{background:var(--accent);border-color:var(--accent)}.ncard.on-accent .nc-title,.ncard.on-accent .nc-ic{color:var(--hl-ink)}.ncard.on-accent .nc-text,.ncard.on-accent .nc-meta,.ncard.on-accent .nc-date,.ncard.on-accent .nc-folder,.ncard.on-accent .nc-att{color:var(--hl-ink);opacity:.8}.ncard.on-accent .nc-tag{background:#00000024;color:var(--hl-ink)}.nc-thumbs{display:grid;grid-template-columns:1fr 1fr;gap:2px;margin:-.6rem -.7rem .15rem;background:var(--border)}.nc-thumbs.one{grid-template-columns:1fr;gap:0;background:none}.nc-thumb{position:relative;overflow:hidden;background:var(--code-bg);aspect-ratio:1 / 1}.nc-thumbs.one .nc-thumb{aspect-ratio:4 / 3}.nc-thumbs:not(.one) .nc-thumb:last-child:nth-child(odd){grid-column:span 2;aspect-ratio:2 / 1}.nc-thumb img{width:100%;height:100%;object-fit:cover;display:block}.nc-more{display:flex;align-items:center;justify-content:center;color:var(--ink-soft);font-size:.9rem}.nc-title-row{display:flex;align-items:center;gap:.3rem}.nc-ic{display:inline-flex;color:var(--ink-soft)}.nc-ic svg{width:15px;height:15px}.nc-title{font-weight:700;color:var(--ink-strong);overflow-wrap:anywhere}.nc-text{white-space:pre-wrap;overflow-wrap:anywhere;font-size:.82rem;line-height:1.45;color:var(--ink);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:12;overflow:hidden}.nc-void{color:var(--ink-soft);font-style:italic}.nc-tags{display:flex;flex-wrap:wrap;gap:.25rem}.nc-tag{background:var(--code-bg);color:var(--ink-soft);border-radius:.2rem;padding:0 .3rem;font-size:.72rem}.nc-meta{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap;color:var(--ink-soft);font-size:.72rem}.nc-folder,.nc-att{display:inline-flex;align-items:center;gap:.15rem}.nc-folder svg,.nc-att svg{width:13px;height:13px}.note-close,#note-scrim{display:none}@media (min-width: 761px){#sidebar{grid-column:1;grid-row:1}#editor-pane,#grid-view{grid-column:2;grid-row:1}body.cards-mode #app{grid-template-columns:max(200px,var(--folders-w)) 1fr;grid-template-rows:minmax(0,1fr) auto}body.cards-mode #sidebar{grid-column:1;grid-row:1;grid-template-columns:1fr;grid-template-rows:minmax(0,1fr);min-width:0}body.cards-mode #folders-bar{grid-column:1;grid-row:2}body.cards-mode #sb-bar{grid-column:2;grid-row:2}body.cards-mode #folders-panel{grid-column:1;grid-row:1;min-height:0;min-width:0}body.cards-mode .col-resizer,body.cards-mode #empty-state,body.cards-mode.empty #editor-pane{display:none}body.cards-mode:not(.empty) #editor-pane{position:fixed;z-index:32;top:5vh;bottom:5vh;left:50%;transform:translate(-50%);width:min(820px,92vw);border:1px solid var(--border);border-radius:.9rem;overflow:hidden;box-shadow:0 18px 60px #00000073}body.cards-mode:not(.empty) #note-scrim{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:31;background:#00000073}body.cards-mode:not(.empty) .note-close{display:block;float:right;margin:-.25rem -.35rem 0 .5rem;border:0;background:transparent;color:var(--ink-strong);font-size:1.6rem;line-height:1;padding:.15rem .5rem;border-radius:.4rem}body.cards-mode:not(.empty) .note-close:hover{background:var(--active);color:var(--ink-strong)}#grid-cards{columns:240px;column-gap:.9rem;padding:.9rem 1rem 2rem}}