:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--mono:ui-monospace, "SF Mono", Menlo, Consolas, monospace}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}body{--bg:#f5f5f7;--paper:#fff;--ink:#1d1d1f;--ink-muted:#1d1d1f8c;--ink-faint:#1d1d1f61;--border:#00000014;--accent:#007aff;--accent-ring:#007aff38;--shadow-note:0 0 0 .5px #0000000a, 0 1px 2px #0000000f, 0 6px 16px #0000000d;--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-1:#ffeab0;--note-2:#ffe1e2;--note-3:#d9edff;--note-4:#d7f6d0;--note-5:#f8e2ff;--note-1-dot:#f7cc4b;--note-2-dot:#f37986;--note-3-dot:#64a1ee;--note-4-dot:#72ba63;--note-5-dot:#ba87d2}@supports (color:lab(0% 0 0)){body{--note-1:lab(93.3523% 1.57061 32.1114);--note-2:lab(92.4445% 17.9041 5.67099);--note-3:lab(92.8849% -3.63708 -19.7861);--note-4:lab(93.7943% -15.6007 14.7982);--note-5:lab(92.3165% 13.5039 -14.4544);--note-1-dot:lab(84.1457% 6.29947 67.1726);--note-2-dot:lab(65.8709% 48.6734 16.1753);--note-3-dot:lab(64.538% -3.06219 -45.2987);--note-4-dot:lab(69.1602% -35.9766 36.548);--note-5-dot:lab(63.4889% 30.3043 -30.8912)}}@media (prefers-color-scheme:dark){body{--bg:#1c1c1e;--paper:#2c2c2e;--ink:#f5f5f7;--ink-muted:#f5f5f78c;--ink-faint:#f5f5f75c;--border:#ffffff17;--accent:#0a84ff;--accent-ring:#0a84ff47;--shadow-note:inset 0 0 0 .5px #ffffff12, 0 1px 2px #0000004d, 0 8px 20px #00000047;--glass:#2c2c2eb8;--glass-solid:#2c2c2e;--shadow-glass:inset 0 0 0 .5px #ffffff17, 0 1px 2px #0000004d, 0 8px 24px #00000059;--shadow-panel:inset 0 0 0 .5px #ffffff17, 0 2px 6px #0000004d, 0 16px 48px #00000080;--note-1:#4e3e09;--note-2:#632c32;--note-3:#1b406e;--note-4:#274a1f;--note-5:#4f315d}@supports (color:lab(0% 0 0)){body{--note-1:lab(27.0854% 3.18213 32.3086);--note-2:lab(26.0398% 25.9549 8.65066);--note-3:lab(26.3604% -.250548 -31.0952);--note-4:lab(27.8465% -20.5236 21.1638);--note-5:lab(25.7415% 20.4358 -20.4735)}}}body.vscode-light{--bg:#f5f5f7;--paper:#fff;--ink:#1d1d1f;--ink-muted:#1d1d1f8c;--ink-faint:#1d1d1f61;--border:#00000014;--accent:#007aff;--accent-ring:#007aff38;--shadow-note:0 0 0 .5px #0000000a, 0 1px 2px #0000000f, 0 6px 16px #0000000d;--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-1:#ffeab0;--note-2:#ffe1e2;--note-3:#d9edff;--note-4:#d7f6d0;--note-5:#f8e2ff}@supports (color:lab(0% 0 0)){body.vscode-light{--note-1:lab(93.3523% 1.57061 32.1114);--note-2:lab(92.4445% 17.9041 5.67099);--note-3:lab(92.8849% -3.63708 -19.7861);--note-4:lab(93.7943% -15.6007 14.7982);--note-5:lab(92.3165% 13.5039 -14.4544)}}body.vscode-dark,body.vscode-high-contrast{--bg:#1c1c1e;--paper:#2c2c2e;--ink:#f5f5f7;--ink-muted:#f5f5f78c;--ink-faint:#f5f5f75c;--border:#ffffff17;--accent:#0a84ff;--accent-ring:#0a84ff47;--shadow-note:inset 0 0 0 .5px #ffffff12, 0 1px 2px #0000004d, 0 8px 20px #00000047;--glass:#2c2c2eb8;--glass-solid:#2c2c2e;--shadow-glass:inset 0 0 0 .5px #ffffff17, 0 1px 2px #0000004d, 0 8px 24px #00000059;--shadow-panel:inset 0 0 0 .5px #ffffff17, 0 2px 6px #0000004d, 0 16px 48px #00000080;--note-1:#4e3e09;--note-2:#632c32;--note-3:#1b406e;--note-4:#274a1f;--note-5:#4f315d}@supports (color:lab(0% 0 0)){body.vscode-dark,body.vscode-high-contrast{--note-1:lab(27.0854% 3.18213 32.3086);--note-2:lab(26.0398% 25.9549 8.65066);--note-3:lab(26.3604% -.250548 -31.0952);--note-4:lab(27.8465% -20.5236 21.1638);--note-5:lab(25.7415% 20.4358 -20.4735)}}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-note)}#editor{touch-action:none;resize:none;box-sizing:border-box;width:100%;height:100%;font:400 13px/18px var(--family,sans-serif);color:var(--ink);caret-color:var(--accent);white-space:pre-wrap;word-break:break-word;background:0 0;border:0;outline:none;margin:0;padding:8px 10px;display:block;overflow:hidden}#editor::placeholder{color:var(--ink-faint)}#edit.todo #editor{padding-left:29px}#edit.todo:after{content:"";box-sizing:border-box;border:1.5px solid var(--ink-faint);border-radius:3.5px;width:13px;height:13px;position:absolute;top:17px;left:10px;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,#dock,#controls button{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:4px 12px;font-size:12px;font-weight:500;position:fixed;top:10px;left:50%;transform:translate(-50%)}#status[hidden]{display:none}#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}#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:10px;padding:0}#search-close:hover{color:var(--ink);background:color-mix(in srgb, var(--ink) 8%, transparent)}#hud{box-sizing:border-box;min-width:56px;height:56px;color:var(--ink);background:var(--glass);-webkit-backdrop-filter:blur(20px)saturate(180%);backdrop-filter:blur(20px)saturate(180%);box-shadow:var(--shadow-panel);pointer-events:none;opacity:0;border-radius:14px;justify-content:center;align-items:center;padding:0 16px;display:flex;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}#hud[hidden]{display:none}#hud.show{animation:.9s cubic-bezier(.22,1,.36,1) forwards hud-flash}#hud .reset{letter-spacing:.01em;font-variant-numeric:tabular-nums;font-size:17.5px;font-weight:600;line-height:1}#hud[data-kind=fit] .reset,#hud[data-kind=reset] .fit{display:none}@keyframes hud-flash{0%{opacity:0;transform:translate(-50%,-50%)scale(.86)}16%{opacity:1;transform:translate(-50%,-50%)scale(1)}68%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,-50%)scale(1.05)}}@media (prefers-reduced-motion:reduce){#hud.show{animation:.9s linear forwards hud-fade}@keyframes hud-fade{0%{opacity:0}16%,68%{opacity:1}to{opacity:0}}}#dock{-webkit-user-select:none;user-select:none;border-radius:18px;gap:14px;padding:11px 16px 7px;display:flex;position:fixed;bottom:12px;left:50%;transform:translate(-50%)}#dock .chip{cursor:grab;touch-action:none;--fill:var(--paper);background:var(--fill);border:0;border-radius:50%;width:20px;height:20px;margin-bottom:14px;padding:0;transition:transform .16s cubic-bezier(.22,1,.36,1),box-shadow .16s;position:relative;box-shadow:inset 0 0 0 .5px #00000024}#dock .chip[data-color="1"]{--fill:var(--note-1-dot)}#dock .chip[data-color="2"]{--fill:var(--note-2-dot)}#dock .chip[data-color="3"]{--fill:var(--note-3-dot)}#dock .chip[data-color="4"]{--fill:var(--note-4-dot)}#dock .chip[data-color="5"]{--fill:var(--note-5-dot)}#dock .chip span{font:500 9px/1 var(--family,sans-serif);color:var(--ink-muted);font-variant-numeric:tabular-nums;margin-top:4px;position:absolute;top:100%;left:50%;transform:translate(-50%)}#dock .chip:hover{transform:scale(1.15)}#dock .chip[aria-pressed=true]{box-shadow:0 0 0 2px var(--glass-solid), 0 0 0 3.5px var(--accent)}#dock-ghost{box-sizing:border-box;background:var(--fill,var(--paper));width:120px;height:36px;box-shadow:var(--shadow-note);opacity:.9;pointer-events:none;border-radius:2px;position:fixed;top:0;left:0;transform:translate(-10000px,-10000px)}#dock-ghost[hidden]{display:none}#controls{flex-direction:column;gap:8px;display:flex;position:fixed;bottom:12px;right:12px}#controls button{width:30px;height:30px;font:500 13px/1 var(--family,sans-serif);color:var(--ink-muted);cursor:pointer;border:0;border-radius:15px;place-items:center;padding:0;transition:color .12s,transform .16s cubic-bezier(.22,1,.36,1);display:grid}#controls button:hover,#help[aria-expanded=true]{color:var(--ink);transform:scale(1.08)}#controls button:active{transform:scale(.96)}#ctx{background:var(--glass);-webkit-backdrop-filter:blur(20px)saturate(180%);backdrop-filter:blur(20px)saturate(180%);min-width:172px;box-shadow:var(--shadow-panel);z-index:30;border-radius:12px;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:7px;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 kbd{font:11px/18px var(--mono);color:var(--ink-muted);background:color-mix(in srgb, var(--ink) 7%, transparent);border-radius:5px;padding:0 5px}#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(--paper);background:var(--fill);border:0;border-radius:50%;width:18px;height:18px;padding:0;transition:transform .16s cubic-bezier(.22,1,.36,1);box-shadow:inset 0 0 0 .5px #00000024}#ctx .ctx-chip[data-color="1"]{--fill:var(--note-1-dot)}#ctx .ctx-chip[data-color="2"]{--fill:var(--note-2-dot)}#ctx .ctx-chip[data-color="3"]{--fill:var(--note-3-dot)}#ctx .ctx-chip[data-color="4"]{--fill:var(--note-4-dot)}#ctx .ctx-chip[data-color="5"]{--fill:var(--note-5-dot)}#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)}#help-panel{box-sizing:border-box;width:min(440px,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:14px;padding:14px 18px 16px;font-size:13px;position:fixed;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%)}#help-panel h2{letter-spacing:.06em;text-transform:uppercase;color:var(--ink-muted);margin:0 0 8px;font-size:11px;font-weight:600}#help-panel h2+h2{margin-top:12px}#help-panel table{border-collapse:collapse;width:100%}#help-panel td{vertical-align:baseline;padding:3px 0}#help-panel td:last-child{text-align:right;white-space:nowrap}#help-panel kbd,#help-panel button{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}#help-panel button{cursor:pointer}#help-panel button:hover{box-shadow:inset 0 0 0 1px var(--accent), 0 1px 0 var(--border)}#help-panel button:active{background:color-mix(in srgb, var(--ink) 12%, var(--paper));transform:translateY(1px)}:root{--slip-font:"Inter Web", "Noto Sans JP Web"}#menu{background:var(--glass);-webkit-backdrop-filter:blur(20px)saturate(180%);backdrop-filter:blur(20px)saturate(180%);width:30px;height:30px;color:var(--ink-muted);box-shadow:var(--shadow-glass);cursor:pointer;border:0;border-radius:15px;place-items:center;padding:0;transition:color .12s,transform .16s cubic-bezier(.22,1,.36,1);display:grid;position:fixed;top:12px;right:12px}#menu:hover,#menu[aria-expanded=true]{color:var(--ink);transform:scale(1.08)}#menu[hidden]{display:none}#try{font:500 13px var(--family,sans-serif);color:#fff;background:var(--accent);z-index:20;border-radius:999px;padding:7px 14px;text-decoration:none;position:fixed;top:12px;right:12px;box-shadow:0 1px 2px #0000001f,0 6px 16px #007aff40}#try[hidden]{display:none}#menu-panel{background:var(--paper);min-width:220px;box-shadow:var(--shadow-panel);z-index:20;border:0;border-radius:12px;flex-direction:column;padding:6px;display:flex;position:fixed;top:50px;right:12px}#menu-panel[hidden]{display:none}#menu-panel [role=menuitem]{text-align:left;width:100%;font:13px var(--family,sans-serif);color:var(--ink);cursor:pointer;background:0 0;border:0;border-radius:7px;padding:7px 10px;text-decoration:none;display:block}#menu-panel [role=menuitem]:hover{background:color-mix(in srgb, var(--ink) 8%, transparent)}#bar{left:max(12px, env(safe-area-inset-left));right:max(12px, env(safe-area-inset-right));bottom:calc(12px + env(safe-area-inset-bottom));pointer-events:none;z-index:10;flex-direction:column;align-items:stretch;gap:8px;margin:0;padding:8px;display:none;position:fixed}#bar>*{pointer-events:auto}#bar .row{align-items:center;gap:6px;display:flex}#bar .row .spacer{flex:1}#bar button{width:36px;height:36px;font:500 16px var(--family,sans-serif);color:var(--ink);background:var(--glass);-webkit-backdrop-filter:blur(20px)saturate(180%);backdrop-filter:blur(20px)saturate(180%);box-shadow:var(--shadow-glass);touch-action:manipulation;border:0;border-radius:18px;flex:0 0 36px;place-items:center;padding:0;display:grid}#bar button.danger{color:#d73337;color:lab(49.2539% 63.2983 39.3808)}@media (prefers-color-scheme:dark){#bar button.danger{color:#fd736d;color:lab(65.8493% 53.3364 30.7453)}}#bar [data-action=below]{margin-left:10px}#bar[data-mode=view] [data-when=edit],#bar button[hidden]{display:none}@media (pointer:coarse){#menu-panel [data-action=help]{display:none}}@media (max-width:599px),(pointer:coarse){#bar{display:flex}#help-panel{bottom:calc(60px + env(safe-area-inset-bottom))}#controls,#dock{display:none}#search{z-index:25;left:8px;right:8px;transform:none}#status{white-space:normal;max-width:calc(100vw - 180px);left:8px;transform:none}#search-close{width:36px;height:36px;font-size:18px}#search-input{flex:1;width:auto}}#bar{transform:translateY(calc(-1 * var(--vv-bottom,0px)))}#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:14px;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:14px;padding:0}#account section{border-bottom:1px solid var(--border);padding:14px 20px}#account section:last-child{border-bottom:0}#account h2{font:600 13px var(--family,sans-serif);color:var(--ink);margin:0 0 6px}#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 select{min-width:160px;max-width:100%;font:13px var(--family,sans-serif);color:var(--ink);background:var(--bg);border:0;border-radius:8px;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:8px;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:8px;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{background:var(--bg);z-index:30;place-items:center;padding:24px;display:grid;position:fixed;inset:0}#login[hidden]{display:none}#login-form{box-sizing:border-box;background:var(--paper);width:min(400px,100%);box-shadow:var(--shadow-panel);border-radius:16px;flex-direction:column;gap:10px;padding:28px 28px 24px;display:flex}#login h1{font:600 22px var(--family,sans-serif);align-items:center;gap:10px;margin:0;display:flex}#login .mark{background:url(/icon.svg) 50%/contain no-repeat;width:24px;height:24px}#login .tagline{color:var(--ink-muted);margin:0 0 12px}#login label{color:var(--ink-muted);font-size:12px}#login input{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{color:var(--ink-muted);cursor:pointer;background:0 0;border:0;margin-top:8px;padding:0;font-size:13px;text-decoration:underline}#login button{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:hover{transform:translateY(-1px)}#login button:active{transform:scale(.98)}#login button:disabled{opacity:.6}#login-msg{min-height:1.5em;color:var(--ink-muted);margin:0;font-size:13px;line-height:1.5}#login-msg.error{color:#c53637;color:lab(45.9853% 56.8957 34.8481)}#login .legal{color:var(--ink-faint);margin:24px 0 0;font-size:12px}#login .legal a{color:inherit}#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}