:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--mono:ui-monospace, "SF Mono", Menlo, Consolas, monospace}body{--bg:#f5f5f7;--paper:#fff;--ink:#1d1d1f;--ink-muted:#1d1d1f8c;--ink-faint:#1d1d1f80;--border:#00000014;--accent:#007aff;--accent-ring:#007aff38;--shadow-note:0 0 0 .5px #0000000a, 0 1px 1px #0000001f;--shadow-lift:0 10px 28px #0003;--glass:#ffffffb8;--glass-solid:#fff;--shadow-glass:inset 0 0 0 .5px #0000000f, 0 1px 2px #00000014, 0 8px 24px #0000001a;--shadow-panel:inset 0 0 0 .5px #0000000f, 0 2px 6px #00000014, 0 16px 48px #00000029;--note-0:#ffefc1;--note-1:#b2d4ff;--note-2:#c3edc6;--note-3:#e4c5f7;--dot-edge:inset 0 0 0 1px #0000001f}html,body{background:var(--bg);height:100%;color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;padding:0;overflow:hidden}body{font:13px var(--family,-apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif)}::selection{background:var(--accent-ring)}#canvas{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;cursor:default;width:100vw;height:100vh;display:block;position:fixed;inset:0}#edit{box-sizing:border-box;transform-origin:0 0;opacity:0;pointer-events:none;--fill:var(--paper);border-radius:2px;position:fixed;top:0;left:0}#edit.editing{opacity:1;pointer-events:auto;background:var(--fill);box-shadow:0 0 0 2px var(--accent), 0 0 0 5px var(--accent-ring), var(--shadow-lift)}#editor{touch-action:none;resize:none;box-sizing:border-box;width:100%;height:100%;font:400 14px/20px var(--family,sans-serif);color:var(--ink);caret-color:var(--accent);white-space:pre-wrap;word-break:break-word;tab-size:4;background:0 0;border:0;outline:none;margin:0;padding:12px;display:block;overflow:hidden}#editor::placeholder{color:var(--ink-faint)}#edit.todo #editor{padding-left:32px}#edit.todo:after{content:"";box-sizing:border-box;border:1.5px solid var(--ink-faint);border-radius:3.5px;width:14px;height:14px;position:absolute;top:20px;left:12px;transform:translateY(-50%)}#edit.todo.done:after{border-color:var(--accent);background:var(--accent)}#edit.todo.done #editor{color:var(--ink-muted);text-decoration:line-through}#status,#search{background:var(--glass);-webkit-backdrop-filter:blur(20px)saturate(180%);backdrop-filter:blur(20px)saturate(180%);box-shadow:var(--shadow-glass)}#status{color:var(--ink);-webkit-user-select:none;user-select:none;pointer-events:none;white-space:nowrap;border-radius:999px;padding:5px 12px;font-size:12px;font-weight:500;position:fixed;top:10px;left:50%;transform:translate(-50%)}#status button{font:600 12px var(--family,sans-serif);color:var(--accent);pointer-events:auto;cursor:pointer;background:0 0;border:0;margin-left:10px;padding:0}#status[hidden]{display:none}#search{border-radius:999px;align-items:center;gap:6px;padding:4px 5px 4px 12px;display:flex;position:fixed;top:8px;left:50%;transform:translate(-50%)}#search[hidden]{display:none}#search:focus-within{box-shadow:0 0 0 2px var(--accent-ring), var(--shadow-glass)}#search-input{width:200px;font:13px/18px var(--family,sans-serif);color:var(--ink);background:0 0;border:0;outline:none;margin:0;padding:0}#search-input::placeholder{color:var(--ink-faint)}#search-count{font:11px/18px var(--mono);color:var(--ink-muted);white-space:nowrap;-webkit-user-select:none;user-select:none;font-variant-numeric:tabular-nums}#search-count:empty{display:none}#search-close{width:20px;height:20px;font:14px/1 var(--family,sans-serif);color:var(--ink-muted);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:0}#search-close:hover{color:var(--ink);background:color-mix(in srgb, var(--ink) 8%, transparent)}#ctx{background:var(--glass);-webkit-backdrop-filter:blur(20px)saturate(180%);backdrop-filter:blur(20px)saturate(180%);box-shadow:var(--shadow-panel);z-index:30;border-radius:10px;flex-direction:column;gap:1px;padding:6px;display:flex;position:fixed;top:0;left:0}#ctx[hidden]{display:none}#ctx [role=menuitem]{width:100%;font:13px var(--family,sans-serif);color:var(--ink);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:6px;justify-content:space-between;align-items:center;gap:18px;padding:6px 7px 6px 10px;display:flex}#ctx [role=menuitem]:hover{background:color-mix(in srgb, var(--ink) 8%, transparent)}#ctx [role=menuitem]:disabled{opacity:.4;cursor:default;background:0 0}#ctx hr{background:var(--border);border:0;height:1px;margin:4px 6px}#ctx .colors{gap:9px;padding:7px 10px 9px;display:flex}#ctx .ctx-chip{cursor:pointer;--fill:var(--note-0);background:var(--fill);width:18px;height:18px;box-shadow:var(--dot-edge);border:0;border-radius:50%;padding:0;transition:transform .16s cubic-bezier(.22,1,.36,1)}#ctx .ctx-chip[data-color="1"]{--fill:var(--note-1)}#ctx .ctx-chip[data-color="2"]{--fill:var(--note-2)}#ctx .ctx-chip[data-color="3"]{--fill:var(--note-3)}#ctx .ctx-pad{cursor:pointer;--fill:var(--note-0);background:var(--fill);width:30px;height:18px;box-shadow:var(--shadow-note);border:0;border-radius:2px;padding:0;transition:transform .16s cubic-bezier(.22,1,.36,1)}#ctx .ctx-pad[data-color="1"]{--fill:var(--note-1)}#ctx .ctx-pad[data-color="2"]{--fill:var(--note-2)}#ctx .ctx-pad[data-color="3"]{--fill:var(--note-3)}#ctx .ctx-pad:hover{transform:translateY(-2px)}#ctx .ctx-chip:hover{transform:scale(1.15)}#ctx .ctx-chip[aria-pressed=true]{box-shadow:0 0 0 2px var(--glass-solid), 0 0 0 3.5px var(--accent)}#dock{left:50%;bottom:calc(16px + env(safe-area-inset-bottom));background:var(--glass);-webkit-backdrop-filter:blur(20px)saturate(180%);backdrop-filter:blur(20px)saturate(180%);box-shadow:var(--shadow-glass);-webkit-user-select:none;user-select:none;z-index:15;border-radius:14px;gap:10px;padding:12px 14px 14px;display:flex;position:fixed;transform:translate(-50%)}#dock .pad{cursor:grab;touch-action:none;--fill:var(--note-0);background:0 0;border:0;place-items:center;width:60px;height:36px;padding:0;display:grid}#dock .pad[data-color="1"]{--fill:var(--note-1)}#dock .pad[data-color="2"]{--fill:var(--note-2)}#dock .pad[data-color="3"]{--fill:var(--note-3)}#dock .pad:before{content:"";background:var(--fill);width:60px;height:36px;box-shadow:var(--shadow-note), 0 2px 0 -.5px var(--fill), 0 2.5px .5px -.5px #00000029, 0 4px 0 -1px var(--fill), 0 4.5px .5px -1px #00000029;border-radius:2px;transition:transform .16s cubic-bezier(.22,1,.36,1),box-shadow .16s}@media (hover:hover){#dock .pad:hover:before{box-shadow:var(--shadow-note), 0 6px 14px #00000029;transform:translateY(-3px)}}#dock .pad:active{cursor:grabbing}#dock-ghost{background:var(--fill,var(--note-0));box-shadow:var(--shadow-note), var(--shadow-lift);opacity:.94;pointer-events:none;transform-origin:0 0;z-index:40;border-radius:2px;position:fixed;top:0;left:0}#dock-ghost[hidden]{display:none}#help-panel{box-sizing:border-box;width:max-content;min-width:300px;max-width:calc(100vw - 32px);max-height:calc(100vh - 48px);color:var(--ink);background:var(--paper);box-shadow:0 0 0 100vmax #00000047, var(--shadow-panel);-webkit-user-select:none;user-select:none;border:0;border-radius:10px;padding:16px 20px;font-size:13px;position:fixed;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%)}#help-panel header{justify-content:space-between;align-items:center;gap:16px;margin:-2px -6px 10px 0;display:flex}#help-panel h1{font:600 16px var(--family,sans-serif);margin:0}#help-panel .close{width:28px;height:28px;font:18px/1 var(--family,sans-serif);color:var(--ink-muted);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:0}#help-panel .close:hover{background:color-mix(in srgb, var(--ink) 8%, transparent)}#help-panel th{text-align:left;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-muted);padding:12px 0 8px;font-size:11px;font-weight:600}#help-panel tr:first-child th{padding-top:0}#help-panel table{border-collapse:collapse}#help-panel td{vertical-align:middle;white-space:nowrap;padding:5px 0}#help-panel td:first-child{padding-right:28px}#help-panel kbd+kbd{margin-left:6px}#help-panel kbd{min-width:18px;font:11px/18px var(--mono);color:var(--ink);background:color-mix(in srgb, var(--ink) 7%, var(--paper));box-shadow:inset 0 0 0 .5px var(--border), 0 1px 0 var(--border);text-align:center;border:0;border-radius:6px;padding:1px 6px;display:inline-block}:root{--slip-font:"M PLUS Rounded Web"}#topbar{height:44px;padding:0 max(8px, env(safe-area-inset-right)) 0 max(16px, env(safe-area-inset-left));background:var(--glass);-webkit-backdrop-filter:blur(20px)saturate(180%);backdrop-filter:blur(20px)saturate(180%);box-shadow:0 .5px 0 color-mix(in srgb, var(--ink) 10%, transparent);cursor:text;z-index:20;align-items:center;gap:8px;display:flex;position:fixed;top:0;left:0;right:0}#topbar .mark{flex:none}#topbar #search,#topbar #search[hidden]{min-width:0;height:44px;color:var(--ink-faint);box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border-radius:0;flex:none;align-items:center;gap:6px;padding:0;display:flex;position:static;transform:none}#topbar #search:not([hidden]){flex:1;max-width:480px}#topbar #search:focus-within{box-shadow:none}#topbar #search-input{width:0;height:44px;font:14px/20px var(--family,sans-serif);cursor:text;flex:none}#topbar #search:not([hidden]) #search-input{flex:1;width:100%}#topbar #search .glass{flex:none}#topbar #search[hidden] #search-count,#topbar #search[hidden] #search-close{display:none}#topbar #search-close{border-radius:999px;flex:none;width:24px;height:24px;font-size:15px}#topbar #menu,#topbar #try{flex:none}#topbar #try,#topbar #try[hidden]+#menu{margin-left:auto}#menu{width:30px;height:30px;color:var(--ink-muted);cursor:pointer;background:0 0;border:0;border-radius:999px;place-items:center;padding:0;transition:color .12s,background-color .12s;display:grid;position:relative}#menu:hover,#menu[aria-expanded=true]{color:var(--ink);background:color-mix(in srgb, var(--ink) 8%, transparent)}#menu:before{content:"";border-radius:999px;position:absolute;inset:-7px}#menu[hidden]{display:none}#try{font:500 13px var(--family,sans-serif);color:#fff;background:var(--accent);white-space:nowrap;cursor:pointer;border-radius:999px;padding:6px 12px;text-decoration:none}#try[hidden]{display:none}#menu-panel{background:var(--glass);-webkit-backdrop-filter:blur(20px)saturate(180%);backdrop-filter:blur(20px)saturate(180%);min-width:200px;box-shadow:var(--shadow-panel);z-index:35;border:0;border-radius:10px;flex-direction:column;padding:6px;display:flex;position:fixed;top:48px;right:8px}#menu-panel[hidden],#menu-panel [role=menuitem][hidden]{display:none}#menu-panel [role=menuitem]{text-align:left;width:100%;height:32px;font:13px/32px var(--family,sans-serif);color:var(--ink);cursor:pointer;background:0 0;border:0;border-radius:6px;padding:0 10px;text-decoration:none;display:block}#menu-panel [role=menuitem]:hover{background:color-mix(in srgb, var(--ink) 8%, transparent)}#status{top:52px}:root[data-coarse] #menu-panel [data-action=help]{display:none}:root:is([data-narrow],[data-coarse]) #help-panel{bottom:calc(60px + env(safe-area-inset-bottom))}:root:is([data-narrow],[data-coarse]) #status{top:auto;bottom:calc(16px + 62px + 10px + env(safe-area-inset-bottom));transform:translate(-50%, calc(-1 * var(--vv-bottom,0px)));white-space:normal;text-align:center;width:max-content;max-width:calc(100vw - 16px);left:50%}:root:is([data-narrow],[data-coarse]) #topbar #search-close{border-radius:999px;width:30px;height:30px;font-size:17px}#bar{left:max(12px, env(safe-area-inset-left));right:max(12px, env(safe-area-inset-right));bottom:calc(16px + env(safe-area-inset-bottom));transform:translateY(calc(-1 * var(--vv-bottom,0px)));pointer-events:none;z-index:10;justify-content:space-between;align-items:center;gap:8px;display:none;position:fixed}#bar>*{pointer-events:auto}:root:is([data-narrow],[data-coarse]) #bar[data-mode=edit]{display:flex}#bar button[data-action]{width:44px;height:44px;color:var(--ink);background:var(--glass);-webkit-backdrop-filter:blur(20px)saturate(180%);backdrop-filter:blur(20px)saturate(180%);box-shadow:var(--shadow-glass);cursor:pointer;border:0;border-radius:999px;flex:0 0 44px;place-items:center;padding:0;display:grid}#bar button.danger{color:#d93025}#bar .dots{background:var(--glass);-webkit-backdrop-filter:blur(20px)saturate(180%);backdrop-filter:blur(20px)saturate(180%);height:44px;box-shadow:var(--shadow-glass);border-radius:999px;align-items:center;gap:10px;padding:0 12px;display:flex}#bar .dot{background:var(--fill,var(--paper));width:28px;height:28px;box-shadow:var(--dot-edge);cursor:pointer;border:0;border-radius:50%;padding:0}#bar .dot[data-color="0"]{--fill:var(--note-0)}#bar .dot[data-color="1"]{--fill:var(--note-1)}#bar .dot[data-color="2"]{--fill:var(--note-2)}#bar .dot[data-color="3"]{--fill:var(--note-3)}:root:is([data-narrow],[data-coarse]) #bar[data-mode=edit]:not([hidden])~#dock{display:none}#bar .dot[aria-checked=true]{box-shadow:0 0 0 2px var(--glass-solid), 0 0 0 4px var(--accent)}#account{width:min(560px,100vw - 32px);max-height:calc(100vh - 32px);color:var(--ink);background:var(--paper);box-shadow:var(--shadow-panel);border:0;border-radius:10px;padding:0}#account::backdrop{background:#00000047}#account header{background:var(--paper);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:14px 20px 10px;display:flex;position:sticky;top:0}#account h1{font:600 16px var(--family,sans-serif);margin:0}#account .close{width:28px;height:28px;font:18px/1 var(--family,sans-serif);color:var(--ink-muted);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:0}#account section{border-bottom:1px solid var(--border);padding:16px 20px}#account section:last-child{border-bottom:0}#account h2{font:600 13px var(--family,sans-serif);color:var(--ink);margin:0 0 8px}#account section:last-child{margin-top:12px}#account section:last-child>button:first-of-type{color:#d70015}#account p{color:var(--ink-muted);margin:4px 0;font-size:13px;line-height:1.5}#account p.email{color:var(--ink);font-weight:500}#account p.muted{color:var(--ink-faint)}#account p.msg{color:var(--ink)}#account p.msg:empty{display:none}#account code{font:12px var(--mono);-webkit-user-select:all;user-select:all;word-break:break-all}#account .row{flex-wrap:wrap;align-items:center;gap:8px;margin:8px 0 4px;display:flex}#account .conn{flex:1;min-width:160px;font-size:13px}#account select{min-width:160px;max-width:100%;font:13px var(--family,sans-serif);color:var(--ink);background:var(--bg);border:0;border-radius:10px;flex:1;padding:6px 10px}#account select:focus{box-shadow:inset 0 0 0 .5px var(--accent), 0 0 0 2px var(--accent-ring);outline:none}#account small{color:var(--ink-muted);font-size:11px}#account button,#account .button{font:500 13px var(--family,sans-serif);color:var(--ink);background:color-mix(in srgb, var(--ink) 7%, transparent);cursor:pointer;border:0;border-radius:10px;padding:6px 12px;text-decoration:none}#account button:hover,#account .button:hover{background:color-mix(in srgb, var(--ink) 11%, transparent)}#account button.small{padding:3px 8px;font-size:12px}#account button.danger,#account button.danger:hover{color:#fff;background:#d73337;background:lab(49.2539% 63.2983 39.3808)}#account input[type=text],#account input[type=email]{min-width:160px;font:13px var(--family,sans-serif);color:var(--ink);background:var(--bg);box-shadow:inset 0 0 0 .5px color-mix(in srgb, var(--ink) 18%, transparent);border:0;border-radius:10px;flex:1;padding:6px 10px}#account input[type=text]:focus,#account input[type=email]:focus{box-shadow:inset 0 0 0 .5px var(--accent), 0 0 0 2px var(--accent-ring);outline:none}#account input[type=file]{font:13px var(--family,sans-serif);color:var(--ink)}#login{z-index:30;width:min(380px,100% - 24px);position:fixed;top:56px;right:12px}#login[hidden]{display:none}#login-form{box-sizing:border-box;background:var(--paper);width:100%;box-shadow:var(--shadow-panel);border-radius:10px;flex-direction:column;gap:12px;padding:20px 22px;display:flex;position:relative}#login button.close{width:28px;height:28px;font:16px/1 var(--family,sans-serif);color:var(--ink-muted);background:color-mix(in srgb, var(--ink) 8%, transparent);box-shadow:none;border-radius:50%;place-items:center;padding:0;display:grid;position:absolute;top:10px;right:10px}:root[data-narrow] #login{top:auto;left:max(12px, env(safe-area-inset-left));right:max(12px, env(safe-area-inset-right));bottom:calc(12px + env(safe-area-inset-bottom));z-index:40;width:auto}#login.full,:root[data-narrow] #login.full{width:auto;padding:24px max(16px, env(safe-area-inset-right)) calc(24px + env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));background:var(--bg);z-index:60;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}#login.full #login-form{max-width:380px}#login.full button.close{display:none}#login .brand{font:600 20px/1 var(--family,sans-serif);color:var(--ink);align-items:center;gap:8px;margin:0 0 4px;display:none}#login .brand .mark{background:url(/icon.svg) 50%/contain no-repeat;width:22px;height:22px}#login.full .brand{display:flex}#topbar .mark{background:url(/icon.svg) 50%/contain no-repeat;width:18px;height:18px}#login label{color:var(--ink-muted);margin:0 0 -4px;font-size:12px;display:block}#login input{box-sizing:border-box;width:100%;font:15px var(--family,sans-serif);color:var(--ink);background:var(--bg);box-shadow:inset 0 0 0 .5px color-mix(in srgb, var(--ink) 16%, transparent);border:0;border-radius:10px;padding:11px 14px}#login input:focus{box-shadow:inset 0 0 0 .5px var(--accent), 0 0 0 3px var(--accent-ring);outline:none}#login .step-email[hidden],#login .step-code[hidden]{display:none}#login button.link{box-shadow:none;color:var(--ink-muted);cursor:pointer;background:0 0;border:0;margin-top:8px;padding:0;font-size:13px;text-decoration:underline}#login .step-email,#login .step-code{flex-direction:column;gap:10px;display:flex}#login button{width:100%;font:500 15px var(--family,sans-serif);color:#fff;background:var(--accent);cursor:pointer;border:0;border-radius:10px;padding:11px 14px;transition:transform .16s cubic-bezier(.22,1,.36,1);box-shadow:0 1px 2px #0000001f,0 6px 16px #007aff38}#login button.google{color:var(--ink);background:var(--bg);box-shadow:inset 0 0 0 .5px color-mix(in srgb, var(--ink) 24%, transparent), 0 1px 2px #0000000f;justify-content:center;align-items:center;gap:10px;display:flex}#login .or{color:var(--ink-faint);text-align:center;margin:0;font-size:12px;line-height:1.2}#login-form[data-google] .step-email button[type=submit]{color:var(--accent);box-shadow:inset 0 0 0 .5px var(--accent);background:0 0}#login button:hover{transform:translateY(-1px)}#login button:active{transform:scale(.98)}#login button:disabled{opacity:.6}#login-msg{color:var(--ink-muted);margin:0;font-size:13px;line-height:1.5}#login-msg:empty{display:none}#login-msg.error{color:#c53637;color:lab(45.9853% 56.8957 34.8481)}#login h1{font:600 17px/1.3 var(--family,sans-serif);color:var(--ink);margin:0;padding-right:28px}#login .sub{color:var(--ink-muted);margin:-2px 0 4px;font-size:13px;line-height:1.5}#login .first{color:var(--ink-faint);margin:0;font-size:12px;line-height:1.5}#login .legal{color:var(--ink-faint);margin:10px 0 0;font-size:12px}#login .legal a{color:inherit;white-space:nowrap}#help-panel .lang-row{border-bottom:1px solid var(--border);color:var(--ink-muted);align-items:center;gap:6px;margin:0 0 10px;padding-bottom:10px;font-size:12px;display:flex}#help-panel .lang-row span{flex:1}.lang-row select{box-shadow:inset 0 0 0 .5px color-mix(in srgb, var(--ink) 18%, transparent);font:12px var(--family,sans-serif);color:var(--ink);background:var(--paper);border:0;border-radius:6px;padding:2px 6px}#menu-panel .lang-row{border-top:1px solid var(--border);font:13px var(--family,sans-serif);color:var(--ink-muted);align-items:center;gap:8px;margin-top:4px;padding:7px 10px;display:flex}#menu-panel .lang-row span{flex:1}