:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--paper:#fbfaf7;--ink:#20201d;--muted:#757167;--line:#dfd9cd;--panel:#f2efe8;--accent:#3d6d62;--accent-ink:#f8fbf9;--danger:#9f3d35;--grid-x:#3d6d6209;--grid-y:#3d6d6208;--button-hover:#20201d0f;--button-border:#20201d14;--active-bg:#3d6d6221;--active-ink:#243f39;--menu-button-bg:#fbfaf7cc;--sidebar-bg:#f2efe8f0;--scrim-bg:#20201d29;--modal-backdrop:#20201d3d;--placeholder:#20201d47;--input-bg:#ffffff8a;--selection-bg:#3d6d622e;--editor-scrollbar-thumb:#ffffffb8;--shadow:0 24px 70px #20201d24;--floating-toolbar-shadow:0 14px 38px #20201d1a;--writing-line-step:43px;--writing-line-baseline:31px;font-family:ui-sans-serif,Avenir Next,Segoe UI,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}:root:not([data-theme=light]){--paper:#171713;--ink:#f0eee7;--muted:#a8a195;--line:#39362d;--panel:#222018;--accent:#8cb7aa;--accent-ink:#14221e;--danger:#df8076;--grid-x:#8cb7aa0b;--grid-y:#8cb7aa09;--button-hover:#f0eee714;--button-border:#f0eee71a;--active-bg:#8cb7aa2b;--active-ink:#dcece7;--menu-button-bg:#171713c7;--sidebar-bg:#222018f2;--scrim-bg:#08080761;--modal-backdrop:#08080780;--placeholder:#f0eee742;--input-bg:#ffffff0f;--selection-bg:#8cb7aa3d;--editor-scrollbar-thumb:#ffffffb8;--shadow:0 24px 70px #08080780;--floating-toolbar-shadow:0 14px 38px #08080742}}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--paper:#171713;--ink:#f0eee7;--muted:#a8a195;--line:#39362d;--panel:#222018;--accent:#8cb7aa;--accent-ink:#14221e;--danger:#df8076;--grid-x:#8cb7aa0b;--grid-y:#8cb7aa09;--button-hover:#f0eee714;--button-border:#f0eee71a;--active-bg:#8cb7aa2b;--active-ink:#dcece7;--menu-button-bg:#171713c7;--sidebar-bg:#222018f2;--scrim-bg:#08080761;--modal-backdrop:#08080780;--placeholder:#f0eee742;--input-bg:#ffffff0f;--selection-bg:#8cb7aa3d;--editor-scrollbar-thumb:#ffffffb8;--shadow:0 24px 70px #08080780;--floating-toolbar-shadow:0 14px 38px #08080742}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=system]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root[data-theme=system]{--lightningcss-light: ;--lightningcss-dark:initial}}*{box-sizing:border-box}html,body{min-height:100%}body{background:linear-gradient(90deg, var(--grid-x) 0 1px, transparent 1px 100%) 0 0 / 44px 44px, linear-gradient(180deg, var(--grid-y) 0 1px, transparent 1px 100%) 0 0 / 44px 44px, var(--paper);color:var(--ink);margin:0;overflow:hidden}:root[data-page-layout=straight] body{background:var(--paper)}:root[data-page-layout=squares] body{background:linear-gradient(90deg, var(--grid-x) 0 1px, transparent 1px 100%) 0 0 / 44px 44px, linear-gradient(180deg, var(--grid-y) 0 1px, transparent 1px 100%) 0 0 / 44px 44px, var(--paper)}:root[data-page-layout=lines] body{background:var(--paper)}button,input,textarea{font:inherit}button{color:inherit}::selection{background:var(--selection-bg);color:var(--ink)}.hidden{display:none!important}.context-menu.hidden{opacity:0;pointer-events:none;transform:translateY(-3px)scale(.98);display:block!important}.icon-sprite,.file-input{display:none}.icon-button{width:42px;height:42px;color:var(--ink);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:999px;place-items:center;transition:transform .42s cubic-bezier(.22,1,.36,1),background .42s cubic-bezier(.22,1,.36,1),border-color .42s cubic-bezier(.22,1,.36,1);display:inline-grid}.icon-button svg{fill:none;stroke:currentColor;stroke-width:1.85px;stroke-linecap:round;stroke-linejoin:round;width:21px;height:21px}.icon-button:hover,.icon-button:focus-visible{background:var(--button-hover);border-color:var(--button-border);outline:none}.icon-button:active{transform:scale(.96)}.icon-button.danger{color:var(--danger)}.icon-button.active{background:var(--active-bg);color:var(--active-ink)}.menu-button{top:max(18px, env(safe-area-inset-top));left:max(18px, env(safe-area-inset-left));z-index:4;background:var(--menu-button-bg);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-color:var(--button-border);position:fixed}.editor-shell{place-items:stretch center;min-height:100dvh;padding:88px clamp(20px,7vw,96px) clamp(28px,6vw,72px);display:grid}.editor,.lock-screen{width:min(820px,100%)}.editor{grid-template-rows:auto minmax(0,1fr);gap:clamp(14px,3vw,28px);height:calc(100dvh - 150px);min-height:calc(100dvh - 150px);display:grid}.editor.has-note-topbar{grid-template-rows:auto auto minmax(0,1fr)}.note-topbar{justify-content:flex-start;align-items:center;gap:14px;min-width:0;display:flex}.note-path{align-items:center;gap:4px;min-width:0;display:flex;overflow:hidden}.note-path-item,.note-icon-button{color:var(--muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:999px;transition:background .18s cubic-bezier(.16,1,.3,1),border-color .18s cubic-bezier(.16,1,.3,1),color .18s cubic-bezier(.16,1,.3,1),transform .18s cubic-bezier(.16,1,.3,1)}.note-path-item{text-overflow:ellipsis;white-space:nowrap;min-width:0;padding:5px 8px;font-size:.82rem;font-weight:680;line-height:1.15;overflow:hidden}.note-path-item.active{color:var(--ink)}.note-path-separator{width:14px;height:14px;color:var(--muted);opacity:.62;flex:none}.note-path-separator svg{fill:none;stroke:currentColor;stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;width:100%;height:100%}.note-icon-button{flex:none;place-items:center;width:68px;height:68px;font-size:3.44rem;line-height:1;display:inline-grid}.note-icon-button.empty{color:var(--placeholder)}.note-icon-button.empty span{border:1px solid var(--button-border);background-color:#0000;border-radius:999px;place-items:center;width:52px;height:52px;transition:background-color .32s cubic-bezier(.22,1,.36,1),border-color .32s cubic-bezier(.22,1,.36,1),color .32s cubic-bezier(.22,1,.36,1);display:inline-grid}.note-icon-button.empty svg{fill:none;stroke:currentColor;stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px}.note-icon-button.empty:hover,.note-icon-button.empty:focus-visible{background:0 0;border-color:#0000;outline:none}.note-icon-button.empty:hover span,.note-icon-button.empty:focus-visible span{background-color:var(--button-hover);border-color:var(--button-border);color:var(--ink)}.note-path-item:hover,.note-path-item:focus-visible{background:var(--button-hover);border-color:var(--button-border);color:var(--ink);outline:none}.note-path-item:active,.note-icon-button:active{transform:scale(.97)}.title-row{align-items:center;gap:clamp(10px,2vw,16px);min-width:0;display:flex}.title-input,.body-input{width:100%;color:var(--ink);resize:none;appearance:none;background:0 0;border:0;border-radius:0;outline:none;margin:0;padding:0;display:block}.title-input::placeholder,.body-input::placeholder{color:var(--placeholder)}.title-input{letter-spacing:0;min-width:0;caret-color:var(--accent);font-size:clamp(2.15rem,7vw,5.8rem);font-weight:680;line-height:.95}.body-field{align-items:stretch;height:100%;min-height:46dvh;display:grid;position:relative}.body-field>.body-input,.body-field>.markdown-preview{grid-area:1/1;height:100%}.body-input{min-height:46dvh;font-size:clamp(1.08rem,1.8vw,1.32rem);line-height:var(--writing-line-step);caret-color:var(--accent);padding:0 0 30dvh;overflow-y:auto}.markdown-preview{min-height:46dvh;color:var(--ink);white-space:pre-wrap;outline:none;padding:0 0 30dvh;font-size:clamp(1.08rem,1.8vw,1.32rem);line-height:1.68;overflow-y:auto}.body-input,.markdown-preview,.settings-scroll-area{scrollbar-width:none}.body-input::-webkit-scrollbar{width:0;height:0}.markdown-preview::-webkit-scrollbar{width:0;height:0}.settings-scroll-area::-webkit-scrollbar{width:0;height:0}.editor-scrollbar{z-index:2;background:var(--editor-scrollbar-thumb);opacity:0;pointer-events:none;border-radius:999px;width:2px;min-height:28px;transition:opacity .22s;position:absolute;top:0;right:2px;transform:translate(0,0)}.editor-scrollbar.is-scrolling{opacity:.78}@media (prefers-reduced-motion:reduce){.editor-scrollbar{transition:none}}.markdown-preview[contenteditable=true]{caret-color:var(--accent)}.markdown-preview>:first-child{margin-top:0}.markdown-preview>:last-child{margin-bottom:0}.markdown-preview h1,.markdown-preview h2,.markdown-preview h3,.markdown-preview h4,.markdown-preview h5,.markdown-preview h6{color:var(--ink);letter-spacing:0;margin:1.15em 0 .38em;font-weight:740;line-height:1.08}.markdown-preview h1{font-size:clamp(1.55rem,3.2vw,2.45rem)}.markdown-preview h2{font-size:clamp(1.35rem,2.5vw,1.95rem)}.markdown-preview h3{font-size:clamp(1.18rem,2vw,1.55rem)}.markdown-preview p,.markdown-preview ul,.markdown-preview ol,.markdown-preview blockquote,.markdown-preview pre{margin:0 0 1.05em}.markdown-preview ul,.markdown-preview ol{padding-left:1.45em}.markdown-preview li+li{margin-top:.22em}.markdown-preview blockquote{border-left:3px solid var(--accent);color:var(--muted);padding-left:.9em}.markdown-preview code{border:1px solid var(--button-border);background:var(--input-bg);color:var(--ink);border-radius:6px;padding:.08em .32em;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.88em}.markdown-preview pre{border:1px solid var(--line);background:var(--input-bg);border-radius:8px;padding:.9em;overflow-x:auto}.markdown-preview pre code{background:0 0;border:0;padding:0}.markdown-preview a{color:var(--accent);cursor:pointer;text-underline-offset:.18em;text-decoration-thickness:1px}.markdown-preview .task-item{align-items:flex-start;gap:.55em;list-style:none;display:flex}.markdown-preview .task-item input{width:1em;height:1em;accent-color:var(--accent);cursor:pointer;margin:.33em 0 0 -1.25em}:root[data-page-layout=lines] .body-input,:root[data-page-layout=lines] .markdown-preview{background:linear-gradient(180deg, transparent 0, transparent var(--writing-line-baseline), var(--grid-y) var(--writing-line-baseline), var(--grid-y) calc(var(--writing-line-baseline) + 1px), transparent calc(var(--writing-line-baseline) + 1px), transparent 100%) 0 0 / 100% var(--writing-line-step)}.format-toolbar{left:50%;bottom:max(14px, env(safe-area-inset-bottom));z-index:5;border:1px solid var(--line);background:var(--panel);width:min(820px,100vw - 28px);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);scrollbar-width:none;-webkit-user-select:none;user-select:none;overscroll-behavior:contain;touch-action:manipulation;border-radius:8px;justify-self:center;align-items:center;gap:4px;margin:0 auto;padding:6px;display:flex;position:fixed;overflow-x:auto;transform:translate(-50%)}.format-toolbar.floating{z-index:9;width:auto;max-width:min(820px,100vw - 24px);box-shadow:var(--floating-toolbar-shadow);-webkit-backdrop-filter:none;backdrop-filter:none;bottom:auto;left:0;transform:none}.format-toolbar::-webkit-scrollbar{display:none}.format-button{width:38px;height:38px;color:var(--ink);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;flex:none;place-items:center;transition:transform .18s cubic-bezier(.16,1,.3,1),background .18s cubic-bezier(.16,1,.3,1),border-color .18s cubic-bezier(.16,1,.3,1),color .18s cubic-bezier(.16,1,.3,1);display:inline-grid}.format-button svg{fill:none;stroke:currentColor;stroke-width:1.85px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.format-button:hover,.format-button:focus-visible{background:var(--button-hover);border-color:var(--button-border);outline:none}.format-button:active{transform:scale(.95)}.format-button[aria-pressed=true]{background:var(--active-bg);border-color:var(--accent);color:var(--active-ink)}.format-glyph{text-align:center;min-width:1.1em;font-size:.98rem;font-weight:720;line-height:1}.format-heading{font-size:1.05rem}.format-bold{font-weight:850}.format-italic{font-style:italic}.format-strike{text-decoration:line-through}.format-underline{text-underline-offset:.13em;text-decoration:underline}.toolbar-divider{background:var(--line);flex:none;width:1px;height:24px;margin:0 3px}.sidebar{z-index:8;width:min(360px,100vw - 24px);padding:max(16px, env(safe-area-inset-top)) 12px max(16px, env(safe-area-inset-bottom));background:var(--sidebar-bg);border-right:1px solid var(--line);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);grid-template-rows:auto auto 1fr auto;gap:10px;transition:transform .24s cubic-bezier(.16,1,.3,1);display:grid;position:fixed;inset:0 auto 0 0;transform:translate(-105%)}.sidebar.open{transform:translate(0)}.sidebar-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.welcome-card{border:1px solid var(--line);background:var(--input-bg);border-radius:8px;margin:0 2px 2px;padding:14px 44px 14px 14px;position:relative}.welcome-card h2,.welcome-card p{margin:0}.welcome-card h2{color:var(--ink);letter-spacing:0;font-size:.98rem;font-weight:720;line-height:1.2}.welcome-card p{color:var(--muted);margin-top:4px;font-size:.9rem;line-height:1.35}.welcome-close{width:28px;height:28px;color:var(--muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:999px;place-items:center;transition:transform .18s cubic-bezier(.16,1,.3,1),background .18s cubic-bezier(.16,1,.3,1),color .18s cubic-bezier(.16,1,.3,1);display:grid;position:absolute;top:8px;right:8px}.welcome-close svg{fill:none;stroke:currentColor;stroke-width:1.9px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px}.welcome-close:hover,.welcome-close:focus-visible{background:var(--button-hover);color:var(--ink);outline:none}.welcome-close:active{transform:scale(.94)}.note-list{scrollbar-width:thin;padding:8px 0;overflow-y:auto}.sidebar-foot{justify-content:flex-start;align-items:center;gap:8px;padding:4px 0 0;display:flex}.sidebar-version{min-width:0;color:var(--muted);flex-wrap:wrap;align-items:center;gap:6px;font-size:.76rem;font-weight:680;line-height:1.1;display:flex}.sidebar-version>span:first-child{white-space:nowrap}.beta-tag{border:1px solid var(--line);background:var(--input-bg);min-height:22px;color:var(--ink);letter-spacing:.02em;text-transform:uppercase;white-space:nowrap;border-radius:4px;align-items:center;padding:0 7px;font-size:.69rem;font-weight:760;display:inline-flex}.note-section{gap:2px;margin-bottom:10px;display:grid}.note-section-title{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;padding:8px 12px 5px;font-size:.72rem;font-weight:700}.note-row{width:100%;min-height:46px;color:var(--ink);padding-left:var(--note-depth-offset,0);background:0 0;border:0;border-radius:8px;grid-template-columns:minmax(0,1fr) 38px;align-items:center;transition:transform .18s cubic-bezier(.16,1,.3,1),background .18s cubic-bezier(.16,1,.3,1);display:grid;position:relative}.note-row.has-subnote-action{grid-template-columns:minmax(0,1fr) 34px 38px}.note-select,.note-subnote-add,.note-actions{z-index:1;color:inherit;cursor:pointer;background:0 0;border:0;position:relative}.note-select{text-align:left;border-radius:8px 4px 4px 8px;align-items:center;gap:8px;min-width:0;min-height:46px;padding:0 8px 0 12px;display:flex}.note-row.has-subnote-action .note-select{padding-right:4px}.note-icon{flex:none;place-items:center;width:1.35em;height:1.35em;font-size:1.12rem;line-height:1;display:inline-grid}.note-title{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.note-subnote-add,.note-actions{width:34px;height:34px;color:var(--muted);opacity:.72;border-radius:999px;place-items:center;transition:transform .18s cubic-bezier(.16,1,.3,1),background .18s cubic-bezier(.16,1,.3,1),color .18s cubic-bezier(.16,1,.3,1),opacity .18s cubic-bezier(.16,1,.3,1);display:grid}.note-subnote-add{opacity:0;pointer-events:none}.note-subnote-add svg,.note-actions svg{fill:none;stroke:currentColor;stroke-width:2.7px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.note-row:hover,.note-row:focus-within{background:var(--button-hover);outline:none}.note-row:hover .note-actions,.note-row:focus-within .note-actions,.note-row:hover .note-subnote-add,.note-row:focus-within .note-subnote-add{color:var(--ink);opacity:1;pointer-events:auto}.note-select:focus-visible,.note-subnote-add:focus-visible,.note-actions:focus-visible{outline:none}.note-subnote-add:hover,.note-subnote-add:focus-visible,.note-actions:hover,.note-actions:focus-visible{background:var(--button-hover)}.note-select:active{transform:translateY(1px)}.note-actions:active,.note-subnote-add:active{transform:scale(.94)}.note-row.active{background:var(--active-bg);color:var(--active-ink)}.note-row.active .note-actions,.note-row.active .note-subnote-add{color:var(--active-ink)}.scrim{z-index:7;background:var(--scrim-bg);opacity:0;pointer-events:none;border:0;transition:opacity .22s cubic-bezier(.16,1,.3,1);position:fixed;inset:0}.scrim.visible{opacity:1;pointer-events:auto}.app-status{z-index:20;border:1px solid var(--line);background:var(--sidebar-bg);max-width:min(360px,100vw - 32px);color:var(--ink);box-shadow:var(--shadow);opacity:0;pointer-events:none;border-radius:8px;margin:0;padding:10px 12px;transition:opacity .42s cubic-bezier(.22,1,.36,1),transform .42s cubic-bezier(.22,1,.36,1),border-color .42s cubic-bezier(.22,1,.36,1);position:fixed;bottom:clamp(18px,4vw,30px);right:clamp(16px,4vw,28px);transform:translateY(8px)}.app-status.visible{opacity:1;transform:translateY(0)}.app-status[data-status=success]{border-color:var(--accent)}.app-status[data-status=error]{border-color:var(--danger)}.context-menu{z-index:12;border:1px solid var(--line);background:var(--sidebar-bg);min-width:166px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);transform-origin:0 0;opacity:1;border-radius:8px;padding:6px;transition:opacity .42s cubic-bezier(.22,1,.36,1),transform .42s cubic-bezier(.22,1,.36,1);position:fixed;overflow:visible}.create-menu{min-width:148px}.menu-submenu{position:relative}.menu-submenu:after{content:"";width:8px;height:88px;position:absolute;top:0;left:100%}.menu-submenu.submenu-flip:after{left:auto;right:100%}.menu-item{width:100%;height:38px;color:var(--ink);cursor:pointer;text-align:left;background:0 0;border:0;border-radius:6px;align-items:center;gap:10px;padding:0 10px;transition:background .42s cubic-bezier(.22,1,.36,1),color .42s cubic-bezier(.22,1,.36,1),transform .42s cubic-bezier(.22,1,.36,1);display:flex}.submenu-trigger{padding-right:8px}.menu-item svg{fill:none;stroke:currentColor;stroke-width:1.85px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:18px;height:18px}.submenu-chevron{opacity:.72;width:15px;height:15px;margin-left:auto}.menu-item span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.menu-item:hover,.menu-item:focus-visible{background:var(--button-hover);outline:none}.menu-item:active{transform:scale(.99)}.menu-item.danger{color:var(--danger)}.context-submenu{border:1px solid var(--line);background:var(--sidebar-bg);min-width:116px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);opacity:0;pointer-events:none;transform-origin:0 0;border-radius:8px;padding:6px;transition:opacity .42s cubic-bezier(.22,1,.36,1),transform .42s cubic-bezier(.22,1,.36,1);position:absolute;top:0;left:calc(100% + 8px);transform:translate(-4px)scale(.98)}.menu-submenu.open .context-submenu,.menu-submenu:hover .context-submenu,.menu-submenu:focus-within .context-submenu{opacity:1;pointer-events:auto;transform:translate(0)scale(1)}.menu-submenu.submenu-flip .context-submenu{transform-origin:100% 0;left:auto;right:calc(100% + 8px);transform:translate(4px)scale(.98)}.menu-submenu.submenu-flip.open .context-submenu,.menu-submenu.submenu-flip:hover .context-submenu,.menu-submenu.submenu-flip:focus-within .context-submenu{transform:translate(0)scale(1)}.lock-screen{align-content:center;justify-items:start;gap:22px;min-height:calc(100dvh - 150px);display:grid}.lock-screen h1,.modal h2{letter-spacing:0;margin:0;font-size:clamp(2rem,5vw,4rem);line-height:1}.passcode-form{gap:12px;width:min(280px,100%);display:grid}.passcode-control{cursor:text;align-items:center;width:min(220px,100%);height:54px;display:grid;position:relative}.passcode-input{z-index:1;color:#0000;caret-color:#0000;opacity:0;background:0 0;border:0;outline:none;width:100%;height:100%;position:absolute;inset:0}.passcode-dots{pointer-events:none;justify-content:space-between;align-items:center;width:min(178px,100%);display:flex}.passcode-dot{border:1.5px solid var(--line);background:0 0;border-radius:50%;width:18px;height:18px;transition:transform .16s cubic-bezier(.16,1,.3,1),background .16s cubic-bezier(.16,1,.3,1),border-color .16s cubic-bezier(.16,1,.3,1)}.passcode-control:focus-within .passcode-dot{border-color:var(--accent)}.passcode-dot.filled{border-color:var(--ink);background:var(--ink);transform:scale(1.08)}.modal-actions button{border:1px solid var(--line);background:var(--ink);min-height:42px;color:var(--paper);cursor:pointer;border-radius:8px;padding:0 16px;transition:transform .18s cubic-bezier(.16,1,.3,1),background .18s cubic-bezier(.16,1,.3,1)}.modal-actions button:active{transform:scale(.98)}.form-error{min-height:20px;color:var(--danger);margin:0;font-size:.92rem}.modal{border:1px solid var(--line);background:var(--paper);width:min(360px,100vw - 32px);color:var(--ink);box-shadow:var(--shadow);border-radius:10px;padding:0}.icon-modal{opacity:0;width:min(560px,100vw - 32px);transition:opacity .42s cubic-bezier(.22,1,.36,1),transform .42s cubic-bezier(.22,1,.36,1);transform:translateY(12px)scale(.965)}.modal::backdrop{background:var(--modal-backdrop);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.icon-modal::backdrop{opacity:0;transition:opacity .42s cubic-bezier(.22,1,.36,1),-webkit-backdrop-filter .42s cubic-bezier(.22,1,.36,1),backdrop-filter .42s cubic-bezier(.22,1,.36,1)}.icon-modal.visible{opacity:1;transform:translateY(0)scale(1)}.icon-modal.visible::backdrop{opacity:1}.icon-modal.closing{opacity:0;transform:translateY(12px)scale(.965)}.icon-modal.closing::backdrop{opacity:0;-webkit-backdrop-filter:blur();backdrop-filter:blur()}.modal-inner{gap:12px;padding:20px;display:grid}.modal-inner h2{font-size:1.35rem}.modal-inner p{color:var(--muted);margin:0}.modal-inner label{color:var(--muted);font-size:.92rem}.modal-field{gap:7px;display:grid}.modal-input{border:1px solid var(--line);background:var(--input-bg);width:100%;min-height:42px;color:var(--ink);border-radius:8px;outline:none;padding:0 12px;transition:border-color .18s cubic-bezier(.16,1,.3,1),background .18s cubic-bezier(.16,1,.3,1)}.modal-input:focus{border-color:var(--accent);background:var(--paper)}.modal-input::placeholder{color:var(--placeholder)}.emoji-results-count{min-height:18px;color:var(--muted);margin:-2px 0 0;font-size:.78rem;font-weight:680}.emoji-grid{scrollbar-width:thin;grid-template-columns:repeat(auto-fill,minmax(42px,1fr));gap:6px;max-height:min(390px,48dvh);padding:2px 2px 6px;display:grid;overflow-y:auto}.emoji-grid button{border:1px solid var(--line);background:var(--input-bg);height:42px;color:var(--ink);cursor:pointer;border-radius:8px;font-size:1.36rem;line-height:1;transition:transform .18s cubic-bezier(.16,1,.3,1),background .18s cubic-bezier(.16,1,.3,1),border-color .18s cubic-bezier(.16,1,.3,1)}.emoji-grid button:hover,.emoji-grid button:focus-visible{border-color:var(--button-border);background:var(--button-hover);outline:none}.emoji-grid button.selected{border-color:var(--accent);background:var(--button-hover)}.emoji-grid button.emoji-none-choice{color:var(--muted)}.emoji-grid button.emoji-none-choice svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:19px;height:19px}.emoji-grid button.emoji-none-choice.selected{color:var(--ink)}.emoji-grid button:active{transform:scale(.94)}.modal-actions{justify-content:end;gap:8px;display:flex}.modal-actions button[value=cancel]{color:var(--ink);background:0 0}.modal-actions .danger-text{background:var(--danger);border-color:var(--danger)}.settings-screen{width:min(860px,100%);height:calc(100dvh - 150px);min-height:calc(100dvh - 150px);max-height:calc(100dvh - 150px);position:relative;overflow:hidden}.info-screen{align-content:start;gap:clamp(22px,4vw,34px);width:min(680px,100%);min-height:calc(100dvh - 150px);padding-top:clamp(4px,2vw,18px);display:grid}.settings-scroll-area{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;align-content:start;gap:0;height:100%;display:grid;overflow-y:auto}.settings-header{border-bottom:1px solid var(--line);grid-template-columns:auto minmax(0,1fr);align-items:end;gap:clamp(18px,5vw,44px);padding-bottom:clamp(24px,4vw,36px);display:grid}.settings-header h1{color:var(--ink);letter-spacing:0;text-align:right;margin:0;font-size:clamp(2.1rem,5.4vw,4.45rem);font-weight:700;line-height:.95}.back-button{border:1px solid var(--line);background:var(--input-bg);width:fit-content;min-height:38px;color:var(--ink);cursor:pointer;border-radius:999px;justify-self:start;align-items:center;gap:8px;padding:0 13px 0 11px;transition:transform .42s cubic-bezier(.22,1,.36,1),background .42s cubic-bezier(.22,1,.36,1),border-color .42s cubic-bezier(.22,1,.36,1);display:inline-flex}.info-panel{border-top:1px solid var(--line);justify-self:stretch;gap:14px;max-width:620px;padding-top:clamp(22px,4vw,34px);display:grid}.info-panel h1{color:var(--ink);letter-spacing:0;margin:0;font-size:clamp(2.45rem,7vw,5.7rem);font-weight:700;line-height:.95}.info-panel p{margin:0}.info-copy{color:var(--ink);font-size:clamp(1.04rem,2vw,1.22rem);line-height:1.5}.info-feedback-copy{color:var(--muted);padding-top:6px;font-size:clamp(.94rem,1.6vw,1.04rem);line-height:1.45}.info-feedback-button{text-align:center;justify-content:center;justify-self:start;align-items:center;width:fit-content;min-width:148px;text-decoration:none;display:inline-flex}.back-button:hover,.back-button:focus-visible{background:var(--button-hover);border-color:var(--accent);outline:none}.back-button:active{transform:scale(.98)}.back-button span:first-child{font-size:1.1rem;line-height:1}.back-button span:last-child{font-size:.92rem;font-weight:680}.settings-section{border-bottom:1px solid var(--line);grid-template-columns:minmax(118px,.38fr) minmax(0,1fr);align-items:start;gap:clamp(18px,4vw,34px);padding:clamp(20px,3.2vw,28px) 0;display:grid}.settings-section h2{color:var(--muted);letter-spacing:.01em;margin:0;font-size:clamp(.94rem,1.35vw,1.06rem);font-weight:680;line-height:1.1;position:sticky;top:24px}.preview-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.layout-grid{flex-wrap:wrap;gap:8px;display:flex}.preview-choice{border:1px solid var(--line);background:var(--input-bg);min-width:0;color:var(--ink);cursor:pointer;text-align:center;border-radius:8px;gap:10px;padding:10px;transition:transform .18s cubic-bezier(.16,1,.3,1),background .18s cubic-bezier(.16,1,.3,1),border-color .18s cubic-bezier(.16,1,.3,1),box-shadow .18s cubic-bezier(.16,1,.3,1);display:grid}.preview-choice:hover,.preview-choice:focus-visible{background:var(--button-hover);border-color:var(--accent);outline:none}.preview-choice:active{transform:translateY(1px)scale(.985)}.preview-choice[aria-checked=true]{background:var(--active-bg);border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.layout-choice{border:1px solid var(--line);background:var(--input-bg);min-height:42px;color:var(--ink);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;padding:0 16px;transition:transform .18s cubic-bezier(.16,1,.3,1),background .18s cubic-bezier(.16,1,.3,1),border-color .18s cubic-bezier(.16,1,.3,1),box-shadow .18s cubic-bezier(.16,1,.3,1);display:inline-flex}.layout-choice:hover,.layout-choice:focus-visible{background:var(--button-hover);border-color:var(--accent);outline:none}.layout-choice:active{transform:translateY(1px)scale(.985)}.layout-choice[aria-checked=true]{background:var(--active-bg);border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.choice-name{min-width:0;color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:.9rem;font-weight:650;line-height:1.2;overflow:hidden}.theme-preview{aspect-ratio:1.42;border:1px solid #20201d1a;border-radius:16px;width:100%;position:relative;overflow:hidden}.theme-preview:before,.theme-preview:after{content:"";border-radius:9px;position:absolute}.theme-preview:before{height:12px;inset:10px 12px auto}.theme-preview:after{height:36%;inset:auto 12px 11px}.theme-preview span:first-child,.theme-preview span:last-child{border-radius:999px;height:6px;position:absolute;left:12px}.theme-preview span:first-child{top:34px;right:18px}.theme-preview span:last-child{top:46px;right:42px}.theme-preview-light{background:#fbfaf7}.theme-preview-light:before,.theme-preview-light:after,.theme-preview-light span{background:#ded7ca}.theme-preview-dark{background:#171713;border-color:#f0eee724}.theme-preview-dark:before,.theme-preview-dark:after,.theme-preview-dark span{background:#39362d}.theme-preview-system{background:linear-gradient(90deg,#fbfaf7 0 50%,#171713 50% 100%)}.theme-preview-system:before,.theme-preview-system:after,.theme-preview-system span{background:linear-gradient(90deg,#ded7ca 0 50%,#39362d 50% 100%)}.toggle-list{display:grid}.toolbar-settings{gap:16px;display:grid}.toolbar-tool-list{display:grid}.toolbar-tool-row{min-height:56px}.toolbar-tool-label{align-items:center;gap:12px;min-width:0;display:flex}.toolbar-tool-icon{border:1px solid var(--button-border);width:34px;height:34px;color:var(--ink);background:var(--button-hover);border-radius:8px;flex:none;place-items:center;display:inline-grid}.toolbar-tool-icon svg{fill:none;stroke:currentColor;stroke-width:1.85px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.import-export-panel{gap:13px;display:grid}.settings-copy{max-width:52ch;color:var(--muted);margin:0;font-size:.94rem;line-height:1.45}.import-export-actions{flex-wrap:wrap;gap:8px;display:flex}.settings-action-button{border:1px solid var(--line);background:var(--input-bg);min-height:42px;color:var(--ink);cursor:pointer;font:inherit;border-radius:8px;padding:0 13px;font-size:.92rem;font-weight:680;transition:transform .42s cubic-bezier(.22,1,.36,1),background .42s cubic-bezier(.22,1,.36,1),border-color .42s cubic-bezier(.22,1,.36,1),color .42s cubic-bezier(.22,1,.36,1)}.settings-action-button:hover,.settings-action-button:focus-visible{background:var(--button-hover);border-color:var(--accent);outline:none}.settings-action-button:active{transform:translateY(1px)scale(.985)}.import-export-status{min-height:20px;color:var(--muted);margin:0;font-size:.9rem;line-height:1.35}.import-export-status[data-status=success]{color:var(--accent)}.import-export-status[data-status=error]{color:var(--danger)}.switch-row{border-bottom:1px solid var(--line);cursor:pointer;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px;min-height:60px;transition:transform .18s cubic-bezier(.16,1,.3,1),color .18s cubic-bezier(.16,1,.3,1);display:grid;position:relative}.switch-row:first-child{border-top:1px solid var(--line)}.switch-row:hover .switch-title,.switch-row:focus-within .switch-title{color:var(--ink)}.switch-row:active{transform:translateY(1px)}.switch-title{overflow-wrap:anywhere;min-width:0;color:var(--ink);font-size:1.02rem;font-weight:650}.switch-input{opacity:0;pointer-events:none;position:absolute}.switch-track{border:1px solid var(--line);background:var(--button-hover);border-radius:999px;flex:none;width:50px;height:30px;transition:background .18s cubic-bezier(.16,1,.3,1),border-color .18s cubic-bezier(.16,1,.3,1);position:relative;box-shadow:inset 0 1px #ffffff14}.switch-thumb{background:var(--paper);border-radius:999px;width:22px;height:22px;transition:transform .18s cubic-bezier(.16,1,.3,1);position:absolute;top:3px;left:3px;box-shadow:0 2px 8px #20201d33}.switch-input:checked+.switch-track{border-color:var(--accent);background:var(--accent)}.switch-input:checked+.switch-track .switch-thumb{transform:translate(20px)}.switch-input:focus-visible+.switch-track{outline:2px solid var(--accent);outline-offset:3px}:root[data-markdown=off] .format-toolbar,:root[data-markdown=off] .markdown-preview{display:none!important}@media (max-width:700px){.editor-shell{padding:84px 18px 28px}.menu-button{top:14px;left:14px}.title-input{font-size:clamp(2.1rem,13vw,4rem)}.settings-screen,.info-screen{height:calc(100dvh - 112px);min-height:calc(100dvh - 112px);max-height:calc(100dvh - 112px)}.info-screen{align-content:start}.settings-header{grid-template-columns:1fr;align-items:start;gap:16px}.settings-header h1{text-align:left}.settings-section{grid-template-columns:1fr;gap:14px}.settings-section h2{position:static}.preview-grid{gap:8px}.preview-choice{padding:6px}.choice-name{font-size:.82rem}}:is(body:has(.landing-page),body:has(.beta-page)){color:#f7f3ea;background:#050505;overflow:auto}.landing-page,.beta-page{min-height:100svh;font-family:Avenir Next,ui-sans-serif,system-ui,sans-serif}.landing-page{background:linear-gradient(#ffffff12,#0000 42%),#050505;grid-template-rows:minmax(0,1fr) auto;gap:clamp(22px,5vw,52px);padding:clamp(24px,5vw,72px);display:grid}.landing-hero{grid-template-columns:minmax(280px,.86fr) minmax(320px,1.14fr);align-items:center;gap:clamp(32px,6vw,86px);min-height:min(760px,100svh - 190px);display:grid}.landing-copy{justify-items:start;gap:24px;max-width:650px;animation:.42s cubic-bezier(.22,1,.36,1) both marketing-fade-up;display:grid}.landing-copy h1{color:#fff;letter-spacing:0;margin:0;font-size:clamp(4rem,8.6vw,8rem);line-height:.9}.landing-subtitle{color:#f7f3eac7;max-width:530px;margin:0;font-size:clamp(1.18rem,2.1vw,2rem);line-height:1.3}.landing-access{color:#050505;background:#fff;border:1px solid #fff;border-radius:999px;justify-content:center;align-items:center;min-height:52px;padding:0 28px;font-size:.98rem;font-weight:760;text-decoration:none;transition:transform .42s cubic-bezier(.22,1,.36,1),background .42s cubic-bezier(.22,1,.36,1),box-shadow .42s cubic-bezier(.22,1,.36,1);display:inline-flex;box-shadow:0 18px 52px #ffffff1f}.landing-access:hover,.landing-access:focus-visible{background:#f1eee7;outline:none;transform:translateY(-2px);box-shadow:0 24px 68px #ffffff2e}.landing-screenshot-wrap{margin:0}.landing-screenshot{width:100%;height:auto;display:block}.landing-description{color:#f7f3eab8;max-width:980px;margin:0;font-size:clamp(1rem,1.5vw,1.34rem);line-height:1.55;animation:.42s cubic-bezier(.22,1,.36,1) .16s both marketing-fade-up}.beta-page{background:linear-gradient(#a8d8c51f,#0000 38%),#050505;place-items:center;padding:28px;display:grid}.beta-panel{gap:18px;width:min(100%,560px);animation:.42s cubic-bezier(.22,1,.36,1) both marketing-fade-up;display:grid}.beta-panel h1{color:#fff;letter-spacing:0;margin:0;font-size:clamp(2.4rem,8vw,4.4rem);line-height:.98}.beta-panel p{color:#f7f3eab8;max-width:460px;margin:0;font-size:1.08rem;line-height:1.5}.invite-code-form{justify-items:start;gap:14px;margin-top:14px;display:grid}.invite-code-label{color:#f7f3eab3;font-size:.88rem;font-weight:700}.invite-code-input{color:#fff;letter-spacing:0;background:#ffffff14;border:1px solid #ffffff2e;border-radius:18px;outline:none;width:min(100%,340px);height:64px;padding:0 22px;font-size:2rem;font-weight:760;transition:border-color .42s cubic-bezier(.22,1,.36,1),background .42s cubic-bezier(.22,1,.36,1),box-shadow .42s cubic-bezier(.22,1,.36,1)}.invite-code-input::placeholder{color:#ffffff47}.invite-code-input:focus{background:#ffffff1a;border-color:#a8d8c5c7;box-shadow:0 0 0 4px #a8d8c51f}.beta-panel .invite-code-hint{color:#f7f3ea75;font-size:.88rem}.beta-panel .invite-code-error{color:#ff9b91;font-size:.94rem;animation:.42s cubic-bezier(.22,1,.36,1) both marketing-fade-up}.invite-code-button{color:#050505;cursor:pointer;background:#fff;border:1px solid #fff;border-radius:999px;justify-content:center;align-items:center;min-height:52px;padding:0 28px;font-size:.98rem;font-weight:760;transition:transform .42s cubic-bezier(.22,1,.36,1),background .42s cubic-bezier(.22,1,.36,1),color .42s cubic-bezier(.22,1,.36,1),box-shadow .42s cubic-bezier(.22,1,.36,1);display:inline-flex}.invite-code-button:hover,.invite-code-button:focus-visible{background:#f1eee7;outline:none;transform:translateY(-2px);box-shadow:0 24px 68px #ffffff2e}.invite-code-button:disabled{cursor:wait;opacity:.72;transform:none}@keyframes marketing-fade-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (max-width:960px){.landing-page{grid-template-rows:auto auto}.landing-hero{grid-template-columns:1fr;min-height:auto}}@media (max-width:620px){.landing-page{gap:24px;padding:28px 18px}.landing-copy{gap:18px}.landing-copy h1{font-size:clamp(3.8rem,21vw,6.4rem)}.landing-access{width:100%}.beta-page{place-items:start center;padding:48px 18px}.invite-code-input,.invite-code-button{width:100%}}