:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--font-ui:-apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro Display", "Helvetica Neue", "Segoe UI", system-ui, sans-serif;--font-body:ui-rounded, "SF Pro Rounded", "Hiragino Maru Gothic ProN", "Varela Round", "Quicksand", "Nunito", -apple-system, system-ui, sans-serif;--font-mono:ui-monospace, "SF Mono", SFMono-Regular, Menlo, monospace;--bg-editor:#1e1e1e;--bg-list:#252527;--bg-sidebar:#2c2c2e;--bg-toolbar:#2e2e30cc;--bg-toolbar-solid:#2e2e30;--bg-overscroll:#282828;--divider-sidebar:#ffffff13;--divider-list:#fff1;--divider-toolbar:#ffffff17;--hairline:#ffffff16;--label:#ffffffd8;--label-2:#ffffff8c;--label-3:#ffffff3f;--body-text:#ffffffe6;--title-text:#ffffffeb;--preview-text:#ffffff73;--placeholder:#ffffff59;--glyph:#ffffffb8;--glyph-quiet:#ffffff73;--yellow:#ffd60a;--yellow-glyph:#ffd426;--unemph:#464646;--sel-focused:#d5a82a;--sel-resting:color-mix(in srgb, var(--sel-focused) 55%, var(--unemph) 45%);--sel-inactive:#4a463c;--sel-title:#fff;--sel-secondary:#ffffffc7;--row-hover:#ffffff0e;--search-bg:#ffffff14;--red:#ff453a;--who-alex:#ffd426;--who-reader:#c48cff;--scrollbar:#ffffff47;--w-sidebar:220px;--w-list:292px;--h-toolbar:52px;--row-radius:8px;--row-inset:6px;--sep-left:16px;--sep-right:10px;--thumb:36px;--content-max:700px;--content-pad-x:56px}*,:before,:after{box-sizing:border-box}html,body{height:100%;margin:0;padding:0}body{background:var(--bg-editor);color:var(--label);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overscroll-behavior:none;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;font-size:13px}button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;background:0 0;border:0;padding:0}.note-body,.reply-text,.gloss-bubble,.note-stamp{-webkit-user-select:text;user-select:text}input{font:inherit;color:inherit}::selection{background:#ffd60a4d}*{scrollbar-width:thin;scrollbar-color:var(--scrollbar) transparent}::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-thumb{background:var(--scrollbar);border-radius:3.5px}::-webkit-scrollbar-track{background:0 0}.app{flex-direction:column;height:100dvh;display:flex;position:relative;overflow:hidden}.panes{flex:1;min-height:0;display:flex}.folder-pane{width:var(--w-sidebar);background:var(--bg-sidebar);border-right:1px solid var(--divider-sidebar);flex:none;transition:width .22s;overflow:hidden}.app[data-sidebar=closed] .folder-pane{border-right-color:#0000;width:0}.list-pane{width:var(--w-list);background:var(--bg-list);border-right:1px solid var(--divider-list);flex-direction:column;flex:none;min-height:0;display:flex}.detail-pane{background:var(--bg-editor);flex-direction:column;flex:1;min-width:0;display:flex}.toolbar{z-index:30;height:var(--h-toolbar);background:var(--bg-toolbar);-webkit-backdrop-filter:blur(30px)saturate(180%);border-bottom:1px solid #0000;flex:none;align-items:center;gap:16px;padding:0 12px;display:flex;position:relative}.toolbar-group{align-items:center;gap:4px;display:flex}.toolbar-left{padding-left:2px}.toolbar-center{flex:1;justify-content:center}.toolbar-right{margin-left:auto}.tb{width:28px;height:28px;color:var(--glyph);border-radius:6px;place-items:center;font-size:16px;transition:background .12s,color .12s;display:grid}.tb:hover:not(:disabled){color:#fffffff2;background:#ffffff14}.tb:disabled{color:var(--label-3);cursor:default}.tb[data-active=true],.tb[aria-pressed=true]{color:var(--yellow-glyph);background:#ffffff1f}.tb-divider{background:#ffffff1a;width:1px;height:20px;margin:0 12px}.tb-account{text-decoration:none}.search-field{background:var(--search-bg);border-radius:7px;align-items:center;gap:6px;width:220px;height:28px;padding:0 8px;display:flex}.search-field:focus-within{background:#ffffff1f;box-shadow:0 0 0 3px #ffd60a40}.search-glyph{color:var(--glyph-quiet);flex:none;font-size:13px}.search-field input{background:0 0;border:0;outline:none;flex:1;min-width:0;font-size:13px}.search-field input::placeholder{color:var(--placeholder)}.search-field input::-webkit-search-cancel-button{appearance:none}.saving-dot{background:var(--yellow-glyph);border-radius:50%;width:6px;height:6px;margin-right:6px;animation:1.1s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:.25}50%{opacity:1}}.tb-popover-host{position:relative}.format-menu{z-index:40;background:#3a3a3c;border-radius:12px;width:236px;padding:8px;position:absolute;top:34px;left:50%;transform:translate(-50%);box-shadow:0 14px 40px #00000080,0 0 0 .5px #ffffff1f}.format-styles{flex-direction:column;margin-bottom:6px;display:flex}.format-style{text-align:left;width:100%;color:var(--label);font-family:var(--font-body);border-radius:6px;padding:6px 10px;display:block}.format-style:hover{background:#ffffff14}.format-style[data-active=true]{background:var(--sel-resting);color:#fff}.fs-title{font-size:19px;font-weight:700}.fs-heading{font-size:16px;font-weight:700}.fs-sub{font-size:14px;font-weight:600}.fs-body{font-size:13px}.format-row{border-top:1px solid #ffffff17;gap:4px;padding-top:6px;display:flex}.move-menu{width:200px;max-height:320px;left:auto;right:0;overflow-y:auto;transform:none}.move-item{text-align:left;width:100%;color:var(--label);white-space:nowrap;text-overflow:ellipsis;border-radius:6px;padding:6px 10px;font-size:13px;display:block;overflow:hidden}.move-item:hover{background:#ffffff14}.move-item[data-active=true]{background:var(--sel-resting);color:#fff}.move-empty{color:var(--label-2);margin:4px 6px;font-size:12px;line-height:1.4}.format-btn{height:30px;color:var(--glyph);background:#ffffff0f;border-radius:6px;flex:1;place-items:center;font-size:15px;display:grid}.format-btn:hover{background:#ffffff1f}.format-btn[data-active=true]{background:var(--sel-resting);color:#fff}.folder-scroll{width:var(--w-sidebar);overscroll-behavior:contain;flex-direction:column;height:100%;padding:8px 8px 0;display:flex;overflow-y:auto}.folder-group{margin:0 0 2px;padding:0;list-style:none}.folder-section-header{letter-spacing:.01em;color:var(--label-2);padding:14px 6px 4px;font-size:11px;font-weight:600}.folder-item{position:relative}.folder-more{width:26px;height:22px;color:var(--label-2);background:var(--bg-sidebar);opacity:0;border-radius:6px;place-items:center;font-size:15px;transition:opacity .12s;display:grid;position:absolute;top:50%;right:4px;translate:0 -50%}.folder-item:hover .folder-more,.folder-more:focus-visible,.folder-row[data-selected=true]+.folder-more{opacity:1}.folder-row[data-selected=true]+.folder-more{background:var(--sel-inactive);color:#fff}.folder-scroll:focus-within .folder-row[data-selected=true]+.folder-more{background:var(--sel-focused)}.folder-row{width:100%;height:28px;color:var(--label);text-align:left;border-radius:7px;align-items:center;gap:8px;padding:0 8px;display:flex}.folder-row:hover{background:var(--row-hover)}.folder-row[data-selected=true]{background:var(--sel-inactive);color:#fff}.folder-scroll:focus-within .folder-row[data-selected=true]{background:var(--sel-focused)}.folder-glyph{color:var(--label-2);flex:none;place-items:center;font-size:16px;display:grid}.folder-glyph[data-accent=true]{color:var(--yellow-glyph)}.folder-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.folder-count{color:var(--label-2);font-variant-numeric:tabular-nums;flex:none}.folder-row[data-selected=true] .folder-count{color:#ffffffbf}.lock-cutout{fill:var(--bg-sidebar)}.folder-lock{color:var(--label-3);flex:none;place-items:center;font-size:12px;display:grid}.folder-lock[data-open=true]{color:var(--yellow-glyph)}.folder-row[data-selected=true] .folder-lock{color:#ffffffb3}.row-who{vertical-align:-2px;background:var(--who-alex);color:#1c1c1e;width:16px;height:16px;font-family:var(--font-ui);letter-spacing:0;text-indent:.04em;border-radius:50%;place-items:center;margin-right:5px;padding-bottom:.07em;font-size:9px;font-weight:700;line-height:1;display:inline-grid}.row-who[data-by=reader]{background:var(--who-reader)}.folder-chevron{display:none}.folder-rename{background:#00000059;border:0;border-radius:4px;outline:none;flex:1;min-width:0;padding:1px 4px}.folder-actions{background:var(--bg-sidebar);border-top:1px solid #ffffff12;flex-direction:column;gap:2px;margin-top:auto;padding:6px 0;display:flex;position:sticky;bottom:0}.folder-new,.folder-delete{height:30px;color:var(--label-2);border-radius:6px;align-items:center;gap:6px;padding:0 8px;font-size:13px;display:flex}.folder-new:hover,.folder-delete:hover{background:var(--row-hover);color:var(--label)}.folder-delete{color:var(--red)}.list-scroll{overscroll-behavior:contain;flex:1;min-height:0;padding:6px 6px 0;overflow-y:auto}.list-empty{text-align:center;color:var(--label-2);margin:24px 0}.group-header{z-index:2;background:var(--bg-list);-webkit-backdrop-filter:blur(20px);letter-spacing:.01em;height:28px;color:var(--label-2);align-items:flex-end;padding:0 10px 4px;font-size:11px;font-weight:600;display:flex;position:sticky;top:0}.group-header-button{color:inherit;font:inherit;align-items:center;gap:5px;display:flex}.group-pin{color:var(--glyph-quiet);font-size:10px}.group-chevron{color:var(--glyph-quiet);font-size:9px;transition:transform .15s}.group-chevron[data-collapsed=true]{transform:rotate(-90deg)}.group-rows{margin:0;padding:0;list-style:none}.row{border-radius:var(--row-radius);text-align:left;width:100%;color:var(--label);align-items:center;gap:12px;padding:9px 10px 10px;display:flex;position:relative}.row:hover:not([data-selected=true]){background:var(--row-hover)}.row[data-separator=true]:after{content:"";left:var(--sep-left);right:var(--sep-right);background:var(--hairline);height:1px;position:absolute;bottom:0}.row[data-selected=true]{background:var(--sel-resting);color:var(--sel-title)}.list-scroll:focus-within .row[data-selected=true]{background:var(--sel-focused)}.window-inactive .row[data-selected=true],.window-inactive .list-scroll:focus-within .row[data-selected=true]{background:var(--sel-inactive)}.row-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.row-title{letter-spacing:-.003em;white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:4px;font-size:13px;font-weight:600;line-height:16px;display:flex;overflow:hidden}.row-hidden-glyph{color:var(--glyph-quiet);flex:none;font-size:11px}.row[data-selected=true] .row-hidden-glyph{color:#fffc}.row-sub{white-space:nowrap;gap:5px;font-size:12px;line-height:15px;display:flex;overflow:hidden}.row-date{color:var(--label-2);font-variant-numeric:tabular-nums;flex:none}.row-preview{text-overflow:ellipsis;min-width:0;color:var(--preview-text);overflow:hidden}.row[data-selected=true] .row-date,.row[data-selected=true] .row-preview{color:var(--sel-secondary)}.row-thumb{width:var(--thumb);height:var(--thumb);border-radius:5px;flex:none;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff14}.row-thumb img{object-fit:cover;width:100%;height:100%;display:block}.note-pane{flex-direction:column;flex:1;min-height:0;display:flex}.note-pane-empty{color:var(--label-3);justify-content:center;align-items:center;font-size:15px}.note-scroll{overscroll-behavior:contain;background:var(--bg-editor);flex:1;min-height:0;overflow-y:auto}.note-content{padding:18px var(--content-pad-x) 120px}.note-stamp{text-align:center;letter-spacing:.012em;color:var(--preview-text);margin-bottom:20px;font-size:11px;display:block}.hidden-banner{color:var(--yellow-glyph);font-size:12px;font-family:var(--font-ui);background:#ffd60a1a;border-radius:8px;margin:0 0 16px;padding:7px 11px}.note-body-loading{min-height:40vh}.note-body{max-width:var(--content-max);font-family:var(--font-body);color:var(--body-text);outline:none;font-size:15px;line-height:1.46}.note-body :is(p,ul,ol,li,h1,h2,h3,pre,figure){margin:0}.note-body>*+*{margin-top:8px}.note-body p:empty{min-height:1.46em}.note-body>:first-child{letter-spacing:-.014em;color:var(--title-text);font-size:26px;font-weight:700;line-height:1.16}.note-body h1{letter-spacing:-.014em;font-size:26px;font-weight:700;line-height:1.16}.note-body h2{letter-spacing:-.008em;font-size:20px;font-weight:700;line-height:1.25}.note-body h3{font-size:17px;font-weight:600;line-height:1.32}.note-body :is(h1,h2,h3)+*{margin-top:6px}.note-body :is(h2,h3){margin-top:20px}.note-body a{color:var(--yellow-glyph);text-underline-offset:2px;text-decoration:underline;text-decoration-thickness:1px}.note-body code{font-family:var(--font-mono);background:#ffffff14;border-radius:4px;padding:1px 4px;font-size:13px}.note-body strong{font-weight:700}.note-body ul,.note-body ol{margin:0;padding:0;list-style:none}.note-body ul{padding-left:24px}.note-body ol{counter-reset:item;padding-left:34px}.note-body li{position:relative}.note-body li+li{margin-top:2px}.note-body ul>li:before{content:"–";color:var(--glyph);position:absolute;left:-22px}.note-body ol>li{counter-increment:item}.note-body ol>li:before{content:counter(item) ".";text-align:right;font-variant-numeric:tabular-nums;width:26px;color:var(--body-text);position:absolute;left:-34px}.note-body ul ul,.note-body ol ol,.note-body ul ol,.note-body ol ul{margin-top:2px}.note-body ul[data-type=taskList]{padding-left:24px}.note-body ul[data-type=taskList]>li{align-items:flex-start;gap:8px;display:flex}.note-body ul[data-type=taskList]>li:before{content:none}.note-body ul[data-type=taskList]>li>label{cursor:pointer;flex:none;place-items:center;margin-top:3px;display:grid}.note-body ul[data-type=taskList] input[type=checkbox]{appearance:none;cursor:pointer;border:1.5px solid #ffffff59;border-radius:50%;width:16px;height:16px;margin:0}.note-body ul[data-type=taskList] input[type=checkbox]:checked{border-color:var(--yellow);background:var(--yellow) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2.6 6.3l2.2 2.2 4.6-4.9' fill='none' stroke='%23000' stroke-opacity='.82' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 10px 10px no-repeat}.note-body ul[data-type=taskList]>li[data-checked=true]>div{opacity:.55}.note-body ul[data-type=taskList]>li>div{min-width:0}.note-body ul[data-type=taskList]>li>div>p{margin:0}.note-body img,.note-image{border-radius:8px;max-width:100%;height:auto;display:block}.note-body [data-resize-container]{margin:12px 0}.note-body [data-resize-wrapper]{max-width:100%}.note-body [data-resize-handle]{opacity:0;background:#fff;border-radius:50%;width:14px;height:14px;transition:opacity .12s;box-shadow:0 0 0 1.5px #00000073}.note-body [data-resize-wrapper]:hover [data-resize-handle],.note-body [data-resize-container]:focus-within [data-resize-handle]{opacity:1}.note-body [data-resize-handle=bottom-right]{cursor:nwse-resize;transform:translate(50%,50%)}.note-body [data-resize-handle=bottom-left]{cursor:nesw-resize;transform:translate(-50%,50%)}.note-body .is-empty:before{content:attr(data-placeholder);float:left;pointer-events:none;height:0;color:var(--placeholder)}.mention-menu{z-index:60;min-width:220px;max-width:320px;font-family:var(--font-ui);background:#3a3a3c;border-radius:10px;padding:4px;position:fixed;box-shadow:0 14px 40px #00000080,0 0 0 .5px #ffffff1f}.mention-item{text-align:left;width:100%;color:var(--label);border-radius:6px;align-items:center;gap:8px;padding:6px 8px;font-size:13px;display:flex}.mention-item[data-active=true]{background:var(--sel-resting);color:#fff}.mention-title{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.mention-hidden{color:var(--label-2);background:#ffffff24;border-radius:4px;flex:none;padding:1px 5px;font-size:10px}.mention-item[data-active=true] .mention-hidden{color:#ffffffd9}.mention-hint{color:var(--label-3);padding:4px 8px 2px;font-size:11px;display:block}.note-body .stamp{font-family:var(--font-ui);font-variant-numeric:tabular-nums;letter-spacing:.01em;color:var(--label-2);font-size:.8em;font-weight:500}.note-lines{position:relative}.hearts{pointer-events:none;position:absolute;inset:0}.line-marks{left:min(calc(var(--content-max) + 14px), calc(100% - 48px));align-items:center;gap:2px;margin-top:-13px;display:flex;position:absolute}.heart,.line-comment{pointer-events:auto;opacity:0;background:0 0;border-radius:50%;place-items:center;width:26px;height:26px;font-size:15px;transition:opacity .14s,transform .14s;display:grid}.heart{color:var(--red)}.line-comment{color:var(--who-reader);font-size:14px;position:relative}.line-comment-count{background:var(--who-reader);color:#1c1c1e;min-width:13px;height:13px;font-family:var(--font-ui);text-align:center;border-radius:7px;padding:0 3px;font-size:9px;font-weight:700;line-height:13px;position:absolute;top:-2px;right:-2px}.note-lines:hover .heart,.note-lines:hover .line-comment{opacity:.32}.heart:hover,.line-comment:hover{opacity:.8;transform:scale(1.12)}.heart[data-set=true],.line-comment[data-set=true]{opacity:1}.heart[data-set=true]:active,.line-comment[data-set=true]:active{transform:scale(.88)}.line-marks .heart{width:20px;height:20px;font-size:13px}@media (hover:none){.heart,.line-comment{opacity:.28}.heart[data-set=true],.line-comment[data-set=true]{opacity:1}}.note-body [data-by]{position:relative}.app[data-me=alex] .note-body [data-by=reader]:before,.app[data-me=reader] .note-body [data-by=alex]:before{content:"";background:var(--who-reader);pointer-events:none;border-radius:2px;width:3px;position:absolute;top:3px;bottom:3px;left:-13px}.app[data-me=reader] .note-body [data-by=alex]:before{background:var(--who-alex)}.who{width:22px;height:22px;font-family:var(--font-ui);letter-spacing:0;text-indent:.04em;color:#1c1c1e;background:var(--who-alex);border-radius:50%;flex:none;place-items:center;padding-bottom:.11em;font-size:11px;font-weight:600;line-height:1;display:grid}.who[data-by=reader]{background:var(--who-reader)}.collab{align-items:center;gap:6px;margin-bottom:14px;display:flex}.collab .who+.who{box-shadow:0 0 0 2px var(--bg-editor);margin-left:-8px}.collab-note{font-family:var(--font-ui);color:var(--label-2);margin-left:4px;font-size:12px}.replies{max-width:var(--content-max);margin-top:38px}.replies-rule{background:var(--hairline);height:1px;margin-bottom:14px}.line-backdrop{-webkit-backdrop-filter:blur(10px);background:#0000008c}.line-card{background:#2c2c2e;border-radius:16px;width:100%;max-width:420px;padding:16px;box-shadow:0 24px 70px #0009,0 0 0 .5px #ffffff1f}.line-card-quote{border-left:2px solid var(--who-reader);font-family:var(--font-body);color:var(--label);overflow-wrap:anywhere;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0 0 14px;padding-left:10px;font-size:14px;line-height:1.45;display:-webkit-box;overflow:hidden}.line-card-thread{overscroll-behavior:contain;max-height:40vh;overflow-y:auto}.line-card-empty{font-family:var(--font-ui);color:var(--label-3);margin:0;font-size:13px}.line-card-form,.line-card-foot{align-items:center;gap:10px;margin-top:14px;display:flex}.line-card-heart{height:32px;font-family:var(--font-ui);color:var(--label-2);background:#ffffff14;border-radius:16px;align-items:center;gap:6px;padding:0 12px;font-size:13px;display:flex}.line-card-heart[data-set=true]{color:var(--red);background:#ff453a24}.line-card-close{height:32px;font-family:var(--font-ui);color:var(--label);background:#ffffff1a;border-radius:16px;margin-left:auto;padding:0 14px;font-size:13px;font-weight:600}.replies-empty{font-family:var(--font-ui);letter-spacing:.02em;text-transform:uppercase;color:var(--label-3);margin:0 0 10px;font-size:11px;font-weight:600}.on-phone{display:none}@media (max-width:768px){.on-phone{display:inline}.on-desktop{display:none}}.hidden-banner.shared-banner{color:var(--label-2);background:#ffffff0d;border-color:#0000}.reply{gap:10px;margin-bottom:14px;display:flex}.reply-body{flex:1;min-width:0}.reply-head{font-family:var(--font-ui);align-items:baseline;gap:8px;margin:0 0 2px;font-size:12px;display:flex}.reply-name{color:var(--label);font-weight:600}.reply[data-by=alex] .reply-name{color:var(--who-alex)}.reply[data-by=reader] .reply-name{color:var(--who-reader)}.reply-when{color:var(--label-3)}.reply-remove{color:var(--label-3);opacity:0;background:0 0;margin-left:auto;padding:0 4px;font-size:15px;line-height:1;transition:opacity .12s}.reply:hover .reply-remove,.reply-remove:focus-visible{opacity:1}.reply-text{font-family:var(--font-body);color:var(--body-text);white-space:pre-wrap;overflow-wrap:anywhere;margin:0;font-size:15px;line-height:1.45}.reply-quote{border-left:2px solid var(--who-reader);font-family:var(--font-body);color:var(--label-2);overflow-wrap:anywhere;margin:0 0 4px;padding-left:8px;font-size:13px;line-height:1.4}.reply[data-focused=true]{background:#ffd60a1a;border-radius:8px;box-shadow:0 0 0 8px #ffd60a1a}.reply-form{margin-top:18px}.reply-row{align-items:center;gap:10px;display:flex}.reply-target{border-left:2px solid var(--who-reader);font-family:var(--font-body);color:var(--label-2);background:#ffffff0d;border-radius:0 8px 8px 0;align-items:center;gap:8px;margin:0 0 8px 32px;padding:5px 8px 5px 10px;font-size:13px;display:flex}.reply-target-label{font-family:var(--font-ui);letter-spacing:.02em;text-transform:uppercase;color:var(--label-3);flex:none;font-size:11px;font-weight:600}.reply-target-quote{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.reply-target-clear{width:22px;height:22px;color:var(--label-2);background:#ffffff14;border-radius:50%;flex:none;font-size:15px;line-height:1}.reply-input{background:var(--search-bg);min-width:0;min-height:34px;max-height:40vh;font-family:var(--font-body);color:var(--body-text);resize:none;field-sizing:content;border:0;border-radius:17px;outline:none;flex:1;padding:7px 12px;font-size:15px;line-height:1.35}.reply-input::placeholder{color:var(--placeholder)}.reply-input:focus{background:#ffffff1f;box-shadow:inset 0 0 0 1px #ffffff29}@media (hover:none){.reply-input:focus{box-shadow:none}}.reply-send{height:34px;font-family:var(--font-ui);color:#1c1c1e;background:var(--yellow-glyph);border-radius:17px;flex:none;padding:0 14px;font-size:14px;font-weight:600}.reply-send:disabled{color:var(--label-2);background:#ffffff1a}.note-body .gloss{-webkit-text-decoration:underline dotted var(--yellow-glyph);text-decoration:underline dotted var(--yellow-glyph);text-underline-offset:3px;cursor:help;text-decoration-thickness:1.5px}.note-body .gloss:hover,.note-body .gloss:focus-visible{background:#ffd60a1f;border-radius:3px;outline:none}.gloss-bubble{z-index:130;max-width:300px;font-family:var(--font-ui);color:var(--label);pointer-events:none;white-space:pre-wrap;background:#3a3a3cfa;border-radius:10px;padding:9px 12px;font-size:13px;line-height:1.45;position:fixed;transform:translate(-50%,-100%);box-shadow:0 12px 34px #0000008c,0 0 0 .5px #ffffff1f}.gloss-bubble[data-above=false]{transform:translate(-50%)}.gloss-sheet{background:#2c2c2e;border-radius:14px;width:100%;max-width:460px;padding:16px;box-shadow:0 24px 70px #0009,0 0 0 .5px #ffffff1f}.gloss-sheet-head{color:var(--label-2);margin:0 0 10px;font-size:13px}.gloss-phrase{color:var(--label);font-weight:600}.gloss-input{width:100%;font:inherit;color:var(--label);resize:vertical;background:#ffffff1a;border:0;border-radius:10px;outline:none;padding:10px 12px;font-size:14px;line-height:1.5}.gloss-input:focus{box-shadow:0 0 0 3px #ffd60a40}.gloss-remove{color:var(--red)}.sheet-backdrop{z-index:120;-webkit-backdrop-filter:blur(6px);background:#0000008c;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.draw-sheet{background:#2c2c2e;border-radius:14px;width:100%;max-width:760px;padding:14px;box-shadow:0 24px 70px #0009,0 0 0 .5px #ffffff1f}.draw-head{align-items:center;gap:12px;margin-bottom:10px;display:flex}.draw-title{color:var(--label);font-size:13px;font-weight:600}.draw-tools{align-items:center;gap:6px;margin-left:auto;display:flex}.draw-divider{background:#ffffff24;width:1px;height:18px;margin:0 4px}.ink{border-radius:50%;width:20px;height:20px;box-shadow:inset 0 0 0 1px #00000059}.ink[data-active=true]{box-shadow:inset 0 0 0 1px #00000059, 0 0 0 2px var(--yellow-glyph)}.nib{background:#ffffff14;border-radius:6px;place-items:center;width:26px;height:26px;display:grid}.nib[data-active=true]{background:#fff3}.nib span{background:var(--label);border-radius:50%;display:block}.draw-canvas{touch-action:none;cursor:crosshair;background:#1c1c1e;border-radius:10px;width:100%;display:block;box-shadow:inset 0 0 0 1px #ffffff14}.draw-hint{color:var(--label-2);margin:8px 2px 12px;font-size:12px}.draw-actions{align-items:center;gap:8px;display:flex}.draw-spacer{flex:1}.draw-btn{height:30px;color:var(--label);background:#ffffff1a;border-radius:7px;padding:0 12px;font-size:13px}.draw-btn:hover:not(:disabled){background:#ffffff2e}.draw-btn:disabled{opacity:.35;cursor:default}.draw-primary{background:var(--yellow);color:#1c1c1e;font-weight:600}.draw-primary:hover:not(:disabled){background:#ffe14d}@media (max-width:768px){.sheet-backdrop{padding:12px}.draw-btn{height:38px;font-size:15px}}.toast{z-index:100;max-width:min(420px,100vw - 32px);color:var(--label);background:#3a3a3cf5;border-radius:10px;padding:10px 16px;font-size:13px;position:fixed;bottom:28px;left:50%;transform:translate(-50%);box-shadow:0 12px 34px #00000080}.paw-trail{z-index:90;pointer-events:none;width:100%;height:100%;image-rendering:pixelated;position:fixed;inset:0}.login,.empty-page{text-align:center;background:#000;place-items:center;min-height:100dvh;padding:24px;display:grid}.login-card{width:100%;max-width:300px}.passcode-title{letter-spacing:-.2px;color:#fff;margin:0 0 26px;font-size:17px;font-weight:400}.passcode-hint{color:var(--label-2);margin:0 0 18px;font-size:14px;line-height:1.5}.passcode-hint code{font-family:var(--font-mono);background:#ffffff1a;border-radius:4px;padding:1px 4px;font-size:12px}.passcode-dots{justify-content:center;gap:22px;margin-bottom:14px;display:flex}.passcode-dot{background:0 0;border-radius:50%;width:13px;height:13px;transition:background .14s,transform .14s;box-shadow:inset 0 0 0 1px #ffffffd9}.passcode-dot[data-filled=true]{background:#fff;transform:scale(1.06)}.passcode-dots[data-shake=true]{animation:.42s cubic-bezier(.36,.07,.19,.97) passcode-shake}@keyframes passcode-shake{10%,90%{transform:translate(-7px)}20%,80%{transform:translate(7px)}30%,50%,70%{transform:translate(-11px)}40%,60%{transform:translate(11px)}}.passcode-error{min-height:18px;color:var(--red);white-space:pre-line;margin:0 0 22px;font-size:13px}.keypad{grid-template-columns:repeat(3,75px);justify-content:center;gap:14px 22px;margin-bottom:24px;display:grid}.keypad-key{-webkit-backdrop-filter:blur(20px);color:#fff;background:#ffffff1f;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:1px;width:75px;height:75px;transition:background .1s;display:flex}.keypad-key:active{background:#ffffff52}.keypad-digit{letter-spacing:0;font-size:32px;font-weight:400;line-height:34px}.keypad-letters{letter-spacing:1.4px;color:#ffffffd9;min-height:9px;font-size:9px;font-weight:600}.keypad-spacer{display:block}.keypad-delete{color:#fff;align-self:center;font-size:15px}.keypad-delete:disabled{opacity:0;cursor:default}.passcode-text-btn{width:100%;color:var(--yellow-glyph);background:0 0;margin-top:10px;padding:6px 0;font-size:15px;text-decoration:none;display:block}.passcode-text-btn.dim{color:var(--label-2)}.passcode-text-btn.small{font-size:13px}.passcode-text-btn:disabled{opacity:.4}.passcode-input{text-align:center;letter-spacing:3px;background:#ffffff1f;border:0;border-radius:10px;outline:none;width:100%;height:38px;margin-bottom:12px;padding:0 12px;font-size:17px}.passcode-input:focus{box-shadow:0 0 0 3px #ffd60a4d}.ask-backdrop{-webkit-backdrop-filter:blur(8px);background:#00000080}.ask-sheet{text-align:center;background:#2c2c2e;border-radius:16px;width:100%;max-width:300px;padding:20px 20px 14px;box-shadow:0 24px 70px #0009,0 0 0 .5px #ffffff1f}.ask-title{color:#fff;margin:0;font-size:15px;font-weight:600}.ask-body{color:var(--label-2);margin:6px 0 0;font-size:13px;line-height:1.45}.ask-input{text-align:center;background:#ffffff1a;border:0;border-radius:8px;outline:none;width:100%;height:34px;margin-top:14px;padding:0 10px;font-size:15px}.ask-input:focus{box-shadow:inset 0 0 0 1px #ffffff38}.ask-menu{flex-direction:column;gap:6px;margin-top:14px;display:flex}.ask-item{height:40px;font-family:var(--font-ui);color:var(--label);background:#ffffff14;border-radius:10px;font-size:15px}.ask-item:hover{background:#ffffff24}.ask-item[data-destructive=true]{color:var(--red)}.ask-actions{gap:8px;margin-top:18px;display:flex}.ask-btn{height:34px;font-family:var(--font-ui);color:var(--label);background:#ffffff1a;border-radius:9px;flex:1;font-size:14px}.ask-btn.ask-go{color:#1c1c1e;background:var(--yellow-glyph);font-weight:600}.ask-btn.ask-go[data-destructive=true]{color:#fff;background:var(--red)}.ask-btn:disabled{opacity:.45}@media (max-width:768px){.ask-backdrop{place-items:end center;padding:0}.ask-sheet{max-width:none;padding:22px 18px calc(18px + env(safe-area-inset-bottom,0px));background:#1c1c1e;border-radius:20px 20px 0 0}.ask-title{font-size:17px}.ask-body{font-size:14px}.ask-input{border-radius:10px;height:42px;font-size:16px}.ask-actions{gap:10px;margin-top:20px}.ask-btn{border-radius:12px;height:46px;font-size:16px}.ask-menu{gap:8px;margin-top:16px}.ask-item{border-radius:12px;height:50px;font-size:17px}}.lock-backdrop{-webkit-backdrop-filter:blur(22px);background:#000000b8;align-items:start;overflow:auto}.lock-sheet{text-align:center;width:100%;max-width:300px;margin:auto;padding:8px 0}.lock-sheet-glyph{color:#ffffffe6;margin-bottom:14px;font-size:26px;display:block}.lock-sheet .passcode-title{margin-bottom:4px}.lock-sheet-sub{color:var(--label-2);margin:0 0 22px;font-size:13px}@media (max-height:680px){.lock-sheet-glyph{display:none}.lock-sheet .keypad{grid-template-columns:repeat(3,62px);gap:10px 18px}.lock-sheet .keypad-key{width:62px;height:62px}.lock-sheet .keypad-digit{font-size:26px}}.empty-page h1{font-family:var(--font-body);margin:0 0 8px;font-size:24px}.empty-page p{color:var(--label-2);margin:0 0 16px}.empty-page a{color:var(--yellow-glyph)}.big-title,.list-mobile-bar,.note-mobile-bar,.mobile-bottom{display:none}@media (max-width:768px){:root{--bg-editor:#000;--bg-list:#000;--bg-sidebar:#000;--card:#1c1c1e;--card-pressed:#2c2c2e;--ios-separator:#38383a;--ios-meta:#98989f;--ios-count:#98989e;--ios-chevron:#5a5a5e;--ios-yellow:#e4af0a;--ios-yellow-icon:#dcb13d;--page-pad:16px;--card-radius:26px;--row-inset:28px;--row-inset-right:16px;--folder-inset:56px;--chrome-fill:#78788033;--chrome-stroke:#ffffff24;--chrome-icon:#f3f3f3;--bar-fill:#1e1e20b8;--bar-icon:#f4f4f4;--content-pad-x:20px}body{font-size:17px}.panes{flex:1;order:1;min-height:0;display:block;position:relative}.mobile-bottom{order:3}.folder-pane,.list-pane,.detail-pane{border-right:0;width:100%;transition:none;display:none;position:absolute;inset:0}.app[data-sidebar=closed] .folder-pane,.app[data-sidebar=open] .folder-pane{width:100%}.app[data-mobile=folders] .folder-pane,.app[data-mobile=list] .list-pane,.app[data-mobile=note] .detail-pane{flex-direction:column;display:flex}.folder-scroll{width:100%}.toolbar{display:none}.app[data-mobile=note][data-write=true] .toolbar{-webkit-backdrop-filter:blur(22px)saturate(180%);scrollbar-width:none;-webkit-overflow-scrolling:touch;background:#1c1c1ef0;border-top:1px solid #ffffff24;border-bottom:0;order:2;gap:0;height:46px;padding:0 6px;display:flex;overflow-x:auto}.app[data-mobile=note][data-write=true] .toolbar::-webkit-scrollbar{display:none}.tb-wide,.app[data-mobile=note] .toolbar-left,.app[data-mobile=note] .search-field,.app[data-mobile=note] .tb-account{display:none}.app[data-mobile=note] .toolbar-center{gap:2px}.app[data-mobile=note] .toolbar-right{margin-left:0}.app[data-mobile=note] .toolbar-right .tb-divider{display:none}.tb{width:34px;height:36px;color:var(--bar-icon);flex:none;font-size:19px}.tb-divider{margin:0 6px}.format-menu{width:260px;top:auto;bottom:44px}.list-mobile-bar,.note-mobile-bar{height:44px;margin-top:max(12px, env(safe-area-inset-top,0px));padding:0 var(--page-pad);flex:none;justify-content:space-between;align-items:center;display:flex}.circle-btn{background:var(--chrome-fill);width:44px;height:44px;box-shadow:inset 0 0 0 1px var(--chrome-stroke);-webkit-backdrop-filter:blur(20px)saturate(180%);color:var(--chrome-icon);border-radius:50%;place-items:center;font-size:18px;display:grid}.circle-btn:active{background:#78788052}.big-title{letter-spacing:.37px;color:#fff;margin:24px 0 0;font-size:34px;font-weight:700;line-height:36px;display:block}.folder-group,.group-rows{background:var(--card);border-radius:var(--card-radius);overflow:hidden}.folder-scroll{padding:max(12px, env(safe-area-inset-top,0px)) var(--page-pad) calc(88px + env(safe-area-inset-bottom,0px))}.folder-group{margin:10px 0 0}.folder-section-header{letter-spacing:.38px;color:#fff;padding:27px 0 10px;font-size:20px;font-weight:700;line-height:25px}.folder-row{height:52px;padding:0 var(--page-pad);letter-spacing:-.43px;color:#fff;border-radius:0;gap:16px;font-size:17px;font-weight:400;line-height:22px;position:relative}.folder-group li+li .folder-row:before{content:"";top:0;left:var(--folder-inset);right:var(--row-inset-right);background:var(--ios-separator);height:1px;position:absolute}.folder-row[data-selected=true]{color:#fff;background:0 0}.folder-row:active{background:var(--card-pressed)}.folder-glyph{width:28px;font-size:22px}.folder-glyph[data-accent=true]{color:var(--ios-yellow-icon)}.folder-more{opacity:1;width:34px;height:34px;color:var(--ios-meta,var(--label-2));background:0 0;font-size:17px;right:8px}.folder-row[data-selected=true]+.folder-more{background:0 0}.folder-count{letter-spacing:-.43px;color:var(--ios-count);font-size:17px}.folder-chevron{color:var(--ios-chevron);margin-left:15px;font-size:13px;display:block}.folder-actions{background:0 0;border-top:0;margin-top:8px}.folder-new,.folder-delete{letter-spacing:-.43px;height:44px;color:var(--ios-yellow-icon);font-size:17px}.folder-delete{color:var(--red)}.list-scroll{padding:0 var(--page-pad) calc(88px + env(safe-area-inset-bottom,0px))}.group-rows{margin:10px 0 0}.group-header{-webkit-backdrop-filter:none;letter-spacing:.38px;color:#fff;background:0 0;height:auto;padding:27px 0 10px;font-size:20px;font-weight:700;line-height:25px;position:static}.big-title+.list-empty,.group:first-of-type .group-header{padding-top:22px}.folder-group:first-of-type{margin-top:22px}.group-header-button{justify-content:flex-start;gap:8px;width:100%}.group-pin{display:none}.group-chevron{color:var(--ios-yellow);margin-left:auto;font-size:14px}.row{min-height:60px;padding:10px var(--row-inset-right) 8px var(--row-inset);border-radius:0;gap:12px}.row:after{content:"";left:var(--row-inset);right:var(--row-inset-right);background:var(--ios-separator);height:1px;position:absolute;bottom:0}.group-rows li:last-child .row:after{display:none}.row[data-selected=true],.list-scroll:focus-within .row[data-selected=true],.window-inactive .row[data-selected=true]{color:#fff;background:0 0}.row:active{background:var(--card-pressed)}.row-text{gap:0}.row-title{letter-spacing:-.43px;color:#fff;font-size:17px;font-weight:600;line-height:22px}.row-sub{letter-spacing:-.23px;gap:8px;font-size:15px;font-weight:400;line-height:20px}.row-date,.row-preview,.row[data-selected=true] .row-date,.row[data-selected=true] .row-preview{color:var(--ios-meta)}.row-thumb{border-radius:8px;width:39px;height:39px;margin-right:-4px}.detail-pane{justify-content:flex-start}.note-pane{order:1;min-height:0}.note-content{padding:6px var(--content-pad-x) calc(64px + env(safe-area-inset-bottom,0px))}.note-body{max-width:none;padding-right:48px;font-size:17px;line-height:1.42}.collab{margin-bottom:12px}.who{width:26px;height:26px;font-size:12px}.collab .who+.who{box-shadow:0 0 0 2px #000}.replies{max-width:none;margin-top:22px}.reply-text{font-size:16px}.reply-remove{opacity:.55;min-width:30px;min-height:30px;margin:-6px -6px -6px auto;font-size:20px}.line-backdrop{place-items:end center;padding:0}.line-card{max-width:none;padding:18px 16px calc(16px + env(safe-area-inset-bottom,0px));background:#1c1c1e;border-radius:20px 20px 0 0}.line-card-quote{font-size:15px}.line-card-thread{max-height:34vh}.line-card-heart,.line-card-close{border-radius:21px;height:42px;padding:0 16px;font-size:15px}.reply-form{margin:14px calc(var(--content-pad-x) * -1) 0;padding:10px var(--content-pad-x) calc(10px + env(safe-area-inset-bottom,0px));-webkit-backdrop-filter:blur(12px);background:linear-gradient(#000000b8,#000 42%);position:sticky;bottom:0}.reply-input{border-radius:19px;min-height:38px;padding:9px 14px;scroll-margin-bottom:120px;font-size:16px}.reply-send{height:38px;padding:0 16px;font-size:15px}.note-body>:first-child,.note-body h1{font-size:28px}.note-pane-empty{display:none}.mobile-bottom{z-index:20;padding:0 28px;padding-bottom:max(28px, calc(env(safe-area-inset-bottom,34px) - 6px));align-items:center;gap:12px;display:flex;position:absolute;bottom:0;left:0;right:0}.app[data-mobile=note] .mobile-bottom{display:none}.mobile-search{background:var(--bar-fill);min-width:0;height:48px;box-shadow:inset 0 0 0 1px var(--chrome-stroke);-webkit-backdrop-filter:blur(22px)saturate(180%);border-radius:24px;flex:1;align-items:center;padding:0 20px;display:flex}.mobile-search .search-glyph{color:var(--bar-icon);flex:none;margin-right:12px;font-size:17px}.mobile-search .mic-glyph{color:var(--bar-icon);flex:none;font-size:19px}.mobile-search input{letter-spacing:-.43px;background:0 0;border:0;outline:none;flex:1;min-width:0;font-size:17px}.mobile-search input::placeholder{color:#a5a5a5}.mobile-search input::-webkit-search-cancel-button{appearance:none}.mobile-compose{background:var(--bar-fill);width:48px;height:48px;box-shadow:inset 0 0 0 1px var(--chrome-stroke);-webkit-backdrop-filter:blur(22px)saturate(180%);color:var(--bar-icon);border-radius:50%;flex:none;place-items:center;font-size:21px;display:grid}.toast{bottom:calc(92px + env(safe-area-inset-bottom,0px))}}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important}}