:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f2f2f7;--surface:#fff;--surface-2:#fff;--blur-bg:#f9f9f9bd;--fill:#7878801f;--fill-2:#78788014;--fg:#000;--fg-2:#3c3c439e;--fg-3:#3c3c4357;--sep:#3c3c433d;--accent:#ff3b30;--accent-ink:#d70015;--accent-soft:#ff3b301a;--note-default:transparent;--note-yellow:#ffcc0024;--note-orange:#ff950024;--note-red:#ff3b301f;--note-green:#34c7591f;--note-blue:#007aff1c;--note-purple:#af52de1f;--r-sm:8px;--r-md:12px;--r-lg:18px;--r-xl:26px;--nav-h:44px;--spring:cubic-bezier(.34, 1.56, .64, 1);--ease:cubic-bezier(.32, .72, 0, 1);--dur:.32s;--font:-apple-system, BlinkMacSystemFont, "Segoe UI Variable Display", "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", system-ui, sans-serif;--mono:"SF Mono", ui-monospace, "Cascadia Mono", Consolas, monospace}:root[data-theme=dark]{--bg:#000;--surface:#1c1c1e;--surface-2:#2c2c2e;--blur-bg:#1c1c1ec2;--fill:#7878803d;--fill-2:#78788029;--fg:#fff;--fg-2:#ebebf599;--fg-3:#ebebf552;--sep:#54545899;--accent:#ff453a;--accent-ink:#ff6961;--accent-soft:#ff453a29;--note-yellow:#ffd60a1a;--note-orange:#ff9f0a1a;--note-red:#ff453a1a;--note-green:#30d1581a;--note-blue:#0a84ff1f;--note-purple:#bf5af21c}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{background:var(--bg);color:var(--fg);font-family:var(--font);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;margin:0;font-size:17px;line-height:1.45;overflow:hidden}#boot{transition:opacity .2s}#boot.gone{opacity:0;pointer-events:none}button{font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;padding:0}input,textarea{font:inherit;color:inherit;-webkit-appearance:none;appearance:none;background:0 0;border:0;outline:none}input::placeholder,textarea::placeholder{color:var(--fg-3)}a{color:var(--accent-ink);text-decoration:none}h1,h2,h3,p{margin:0}::selection{background:var(--accent-soft)}.scroll{-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;scrollbar-width:thin;scrollbar-color:var(--fg-3) transparent;overflow-y:auto}.scroll::-webkit-scrollbar{width:8px;height:8px}.scroll::-webkit-scrollbar-thumb{background:var(--fg-3);background-clip:content-box;border:2px solid #0000;border-radius:99px}.scroll::-webkit-scrollbar-track{background:0 0}.safe-t{padding-top:env(safe-area-inset-top,0px)}.safe-b{padding-bottom:env(safe-area-inset-bottom,0px)}.safe-x{padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px)}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.app{background:var(--bg);height:100dvh;display:flex;overflow:hidden}.pane{flex-direction:column;flex:1;min-width:0;display:flex;position:relative;overflow:hidden}.app--wide{flex-direction:row}.sidebar{border-right:.5px solid var(--sep);background:var(--bg);flex-direction:column;flex:0 0 348px;width:348px;display:flex;position:relative;overflow:hidden}.sidebar__head{justify-content:space-between;align-items:center;padding:18px 20px 10px;display:flex}.sidebar__title{letter-spacing:-.02em;font-size:22px;font-weight:700}.detail{background:var(--bg);flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.nav{z-index:20;height:var(--nav-h);background:var(--blur-bg);-webkit-backdrop-filter:saturate(180%)blur(20px);backdrop-filter:saturate(180%)blur(20px);transition:border-color .2s var(--ease);border-bottom:.5px solid #0000;flex:none;align-items:center;gap:6px;padding:0 8px;display:flex;position:relative}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.nav{background:var(--surface)}}.nav--scrolled{border-bottom-color:var(--sep)}.nav__center{letter-spacing:-.01em;opacity:0;transition:opacity .18s var(--ease);pointer-events:none;white-space:nowrap;text-overflow:ellipsis;max-width:55%;font-size:17px;font-weight:600;position:absolute;left:50%;overflow:hidden;transform:translate(-50%)}.nav--scrolled .nav__center{opacity:1}.nav__btn{height:32px;color:var(--accent-ink);transition:opacity .16s var(--ease), background .16s var(--ease);border-radius:99px;align-items:center;gap:3px;padding:0 8px;font-size:17px;display:inline-flex}.nav__btn:active{background:var(--fill)}.nav__btn:disabled{opacity:.4}.nav__spacer{flex:1}.large-title{letter-spacing:-.022em;padding:4px 20px 8px;font-size:34px;font-weight:700;line-height:1.15}.section-label{letter-spacing:.01em;color:var(--fg-2);text-transform:none;padding:18px 20px 7px;font-size:13px;font-weight:500}.list{padding:0 16px 120px}.group{background:var(--surface);border-radius:var(--r-lg);box-shadow:0 0 0 .5px var(--sep);overflow:hidden}.group+.group{margin-top:22px}.row{text-align:left;width:100%;min-height:56px;transition:background .14s var(--ease), transform .22s var(--spring);background:var(--surface);align-items:center;gap:12px;padding:12px 16px;display:flex;position:relative}.row+.row:before{content:"";background:var(--sep);height:.5px;position:absolute;top:0;left:16px;right:0}.row:active{background:var(--fill-2)}.row__body{flex:1;min-width:0;display:block}.row__title{letter-spacing:-.01em;white-space:nowrap;text-overflow:ellipsis;font-size:17px;font-weight:590;display:block;overflow:hidden}.row__sub{color:var(--fg-2);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:15px;display:block;overflow:hidden}.row__meta{color:var(--fg-3);font-variant-numeric:tabular-nums;flex:none;font-size:15px}.row__chevron{color:var(--fg-3);flex:none;margin-right:-4px}.note{text-align:left;background:var(--surface);width:100%;transition:background .14s var(--ease);touch-action:pan-y;padding:13px 16px 14px;display:block;position:relative}.note:active{background:var(--fill-2)}.note+.note:before{content:"";background:var(--sep);height:.5px;position:absolute;top:0;left:16px;right:0}.note__top{align-items:baseline;gap:8px;display:flex}.note__title{letter-spacing:-.01em;white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:17px;font-weight:590;overflow:hidden}.note__time{color:var(--fg-3);font-variant-numeric:tabular-nums;flex:none;font-size:14px}.note__preview{color:var(--fg-2);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:3px;font-size:15px;line-height:1.35;display:-webkit-box;overflow:hidden}.note__badges{flex-wrap:wrap;align-items:center;gap:6px;margin-top:7px;display:flex}.note--selected{background:var(--fill-2)}.note--selected:after{content:"";background:var(--accent);border-radius:0 2px 2px 0;width:3px;position:absolute;top:0;bottom:0;left:0}.note--pinned .note__title{font-weight:700}.note--tinted{background:linear-gradient(90deg, var(--tint) 0%, var(--tint) 2.5%, var(--surface) 2.5%, var(--surface) 100%)}.chip{letter-spacing:.01em;background:var(--fill);height:20px;color:var(--fg-2);border-radius:6px;align-items:center;gap:4px;padding:0 7px;font-size:12px;font-weight:500;display:inline-flex}.chip--alarm{background:var(--accent-soft);color:var(--accent-ink)}.chip--dotted{border:.5px dashed var(--sep);background:0 0}.editor{flex-direction:column;flex:1;display:flex;overflow:hidden}.editor__scroll{padding:6px 22px calc(140px + env(safe-area-inset-bottom,0px));-webkit-overflow-scrolling:touch;flex:1;overflow-y:auto}.editor__title{letter-spacing:-.022em;resize:none;width:100%;font-size:26px;font-weight:700;line-height:1.22;display:block;overflow:hidden}.editor__body{resize:none;width:100%;min-height:40vh;margin-top:10px;font-size:17px;line-height:1.62;display:block}.editor__title,.editor__body{-webkit-user-select:text;user-select:text;-webkit-touch-callout:default}.editor__meta{border-top:.5px solid var(--sep);color:var(--fg-3);font-variant-numeric:tabular-nums;flex-direction:column;gap:8px;margin-top:20px;padding-top:14px;font-size:13px;display:flex}.toolbar{z-index:15;padding:10px 16px calc(10px + env(safe-area-inset-bottom,0px));background:var(--blur-bg);-webkit-backdrop-filter:saturate(180%)blur(20px);backdrop-filter:saturate(180%)blur(20px);border-top:.5px solid var(--sep);align-items:center;gap:8px;display:flex;position:absolute;bottom:0;left:0;right:0}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.toolbar{background:var(--surface)}}.tool{background:var(--fill);height:34px;color:var(--fg);transition:background .16s var(--ease), transform .2s var(--spring);border-radius:99px;align-items:center;gap:6px;padding:0 12px;font-size:14px;font-weight:500;display:inline-flex}.tool:active{transform:scale(.95)}.tool--on{background:var(--accent-soft);color:var(--accent-ink)}.tool--ghost{color:var(--accent-ink);background:0 0}.fab{right:20px;bottom:calc(24px + env(safe-area-inset-bottom,0px));z-index:30;background:var(--accent);color:#fff;width:54px;height:54px;transition:transform .26s var(--spring), box-shadow .2s var(--ease);border-radius:50%;place-items:center;display:grid;position:absolute;box-shadow:0 8px 24px -8px #ff3b308c}.fab:active{transform:scale(.92)}.segmented{background:var(--fill);border-radius:9px;gap:2px;padding:2px;display:inline-flex}.segmented__item{color:var(--fg-2);transition:background .22s var(--ease), color .22s var(--ease);border-radius:7px;padding:5px 12px;font-size:13px;font-weight:500}.segmented__item[aria-selected=true]{background:var(--surface);color:var(--fg);box-shadow:0 1px 3px #0000001f}.sheet-backdrop{z-index:100;animation:fade-in .22s var(--ease);background:#00000052;justify-content:center;align-items:flex-end;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.sheet{background:var(--bg);border-radius:var(--r-xl) var(--r-xl) 0 0;width:100%;max-width:520px;max-height:88dvh;padding:10px 16px calc(18px + env(safe-area-inset-bottom,0px));animation:sheet-up .34s var(--spring);overflow-y:auto;box-shadow:0 -20px 60px -20px #00000073}.sheet__grabber{background:var(--fg-3);border-radius:99px;width:36px;height:5px;margin:4px auto 12px}.sheet__title{letter-spacing:-.02em;padding:2px 4px 14px;font-size:20px;font-weight:700}.sheet__row{background:var(--surface);text-align:left;justify-content:space-between;align-items:center;gap:12px;width:100%;min-height:48px;padding:12px 16px;display:flex}.sheet__row+.sheet__row:before{content:"";position:absolute}.sheet__group{border-radius:var(--r-md);box-shadow:0 0 0 .5px var(--sep);overflow:hidden}.sheet__group .sheet__row+.sheet__row{border-top:.5px solid var(--sep)}.field{justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex}.field input[type=datetime-local]{font-variant-numeric:tabular-nums;color:var(--accent-ink);text-align:right;background:0 0;border:0;font-size:15px}.sheet__actions{gap:10px;margin-top:12px;display:flex}.btn{border-radius:var(--r-md);height:48px;transition:transform .2s var(--spring), opacity .16s var(--ease);flex:1;place-items:center;font-size:17px;font-weight:590;display:grid}.btn:active{transform:scale(.97)}.btn--primary{background:var(--accent);color:#fff}.btn--filled{background:var(--fg);color:var(--bg)}.btn--secondary{background:var(--fill);color:var(--fg)}.btn--danger{color:var(--accent-ink);background:0 0}.btn--block{width:100%}.sync-badge{font-variant-numeric:tabular-nums;color:var(--fg-3);align-items:center;gap:5px;font-size:12px;display:inline-flex}.sync-badge__dot{background:var(--fg-3);width:6px;height:6px;transition:background .2s var(--ease);border-radius:50%}.sync-badge--syncing .sync-badge__dot{background:#ff9f0a;animation:1s infinite blink}.sync-badge--error .sync-badge__dot{background:var(--accent)}.sync-badge--idle .sync-badge__dot{background:#30d158}.empty{text-align:center;color:var(--fg-3);flex-direction:column;align-items:center;gap:14px;padding:64px 32px 80px;display:flex}.empty__title{color:var(--fg-2);font-size:17px;font-weight:590}.empty__hint{max-width:260px;font-size:14px;line-height:1.5}.pulse{width:var(--pulse-size,44px);height:var(--pulse-size,44px);flex:none;place-items:center;display:grid;position:relative}.pulse__ring{border:1.5px solid var(--accent);opacity:0;border-radius:50%;position:absolute;top:0;bottom:0;left:0;right:0}.pulse--live .pulse__ring{animation:pulse-out 2.4s var(--ease) infinite}.pulse--live .pulse__ring:nth-child(2){animation-delay:.8s}.pulse--live .pulse__ring:nth-child(3){animation-delay:1.6s}.pulse__core{width:calc(var(--pulse-size,44px) * .18);height:calc(var(--pulse-size,44px) * .18);background:var(--accent);border-radius:50%;box-shadow:0 0 12px #ff3b3080}.pulse--muted .pulse__core{background:var(--fg-3);box-shadow:none}.pulse--burst .pulse__ring{animation:pulse-out .9s var(--ease) 1}.pulse--burst .pulse__ring:nth-child(2){animation-delay:.12s}.pulse--burst .pulse__ring:nth-child(3){animation-delay:.24s}@keyframes pulse-out{0%{opacity:.75;transform:scale(.35)}70%{opacity:.12}to{opacity:0;transform:scale(1)}}@keyframes blink{50%{opacity:.35}}@keyframes fade-in{0%{opacity:0}}@keyframes sheet-up{0%{transform:translateY(100%)}}@keyframes fade-up{0%{opacity:0;transform:translateY(8px)}}.page-enter{animation:page-in .3s var(--ease)}@keyframes page-in{0%{opacity:0;transform:translate(24px)}}.quick{background:0 0;flex-direction:column;gap:10px;height:100dvh;padding:14px;display:flex}.quick__card{border-radius:var(--r-lg);background:var(--surface);box-shadow:0 0 0 .5px var(--sep), 0 20px 50px -20px #00000080;flex-direction:column;flex:1;display:flex;overflow:hidden}.quick__input{resize:none;-webkit-user-select:text;user-select:text;flex:1;padding:16px 18px;font-size:18px;line-height:1.5}.quick__bar{border-top:.5px solid var(--sep);justify-content:space-between;align-items:center;gap:8px;padding:8px 12px;display:flex}.quick__hint{color:var(--fg-3);font-size:12px}.switch{background:var(--fill);width:51px;height:31px;transition:background .24s var(--ease);border-radius:99px;flex:none;position:relative}.switch[aria-checked=true]{background:#34c759}.switch:after{content:"";width:27px;height:27px;transition:transform .26s var(--spring);background:#fff;border-radius:50%;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #00000040}.switch[aria-checked=true]:after{transform:translate(20px)}.notice{border-radius:var(--r-md);background:var(--accent-soft);color:var(--accent-ink);margin:14px 16px;padding:12px 14px;font-size:14px;line-height:1.5}.toast{left:50%;bottom:calc(28px + env(safe-area-inset-bottom,0px));z-index:200;color:#fff;animation:fade-up .24s var(--spring);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e1e20eb;border-radius:99px;padding:10px 16px;font-size:14px;position:fixed;transform:translate(-50%)}