:root{--fg:#000;--muted:#8a8a8a;--line:#e6e6e6;--bg:#fff;--accent:#0d52ff;--danger:#d0021b;--ease:cubic-bezier(.16, 1, .3, 1);--font:"Inter", system-ui, -apple-system, sans-serif}*{box-sizing:border-box}[hidden]{display:none!important}html,body{background:var(--bg);color:var(--fg);margin:0}body{font:400 15px/1.6 var(--font);letter-spacing:-.005em;-webkit-font-smoothing:antialiased;min-height:100vh}button,input{font:inherit;color:inherit;letter-spacing:inherit}:focus-visible{outline:1px solid var(--fg);outline-offset:4px}.muted{color:var(--muted)}.primary{background:var(--fg);color:var(--bg);cursor:pointer;border:0;border-radius:0;padding:12px 18px;font-weight:500;transition:opacity .3s}.primary:hover{opacity:.8}.primary:disabled{opacity:.5;cursor:default}.link{cursor:pointer;color:var(--fg);transition:background-size .5s var(--ease);background:linear-gradient(currentColor,currentColor) 0 100%/0 1px no-repeat;border:0;padding:0 0 1px}.link:hover,.link:focus-visible{background-size:100% 1px}.field{display:block}.field span{color:var(--muted);font-size:13px;display:block}.field input{border:0;border-bottom:1px solid var(--line);background:0 0;border-radius:0;outline:none;width:100%;padding:8px 0;transition:border-color .3s}.field input:focus{border-color:var(--fg)}.field input::placeholder{color:var(--muted)}.error{color:var(--danger);margin:8px 0 0;font-size:13px}.actions{flex-wrap:wrap;align-items:center;gap:24px;margin-top:32px;display:flex}#fluid{pointer-events:none;z-index:0;width:100%;height:100%;position:fixed;inset:0}.home main{z-index:1;max-width:640px;margin:0 auto;padding:20vh 24px 80px;position:relative}h1{letter-spacing:-.055em;white-space:nowrap;align-items:flex-end;margin:0 0 72px;font-size:clamp(56px,13vw,112px);font-weight:500;line-height:.9;display:flex}.mask{margin-bottom:-.08em;padding-bottom:.08em;display:inline-block;overflow:hidden}.ch{will-change:transform;display:inline-block;transform:translateY(105%)}.ready .ch{transition:transform 1.2s var(--ease);transition-delay:calc(var(--i) * 55ms + .2s);transform:none}.cursor{background:var(--fg);opacity:0;width:.055em;height:.78em;margin:0 0 .06em .06em;display:inline-block}.cursor.on{animation:1.05s step-end infinite blink}@keyframes blink{0%,50%{opacity:1}50.01%,to{opacity:0}}.meta{color:var(--muted);justify-content:space-between;padding-bottom:12px;font-size:13px;display:flex}.num{color:var(--muted);font-variant-numeric:tabular-nums;font-size:13px}.lead{margin:0}.note{color:var(--muted);margin:24px 0 0;font-size:13px}.note .link{color:var(--muted)}.note .link:hover{color:var(--fg)}.signin{max-width:400px;margin-top:8px}.rise{opacity:0;transform:translateY(8px)}.ready .rise{opacity:1;transition:opacity 1s ease .7s, transform 1.1s var(--ease) .7s;transform:none}.ready .rise.late{transition-delay:1.1s}ul.rows{margin:0;padding:0;list-style:none}.rows li{position:relative}.rows li:before,.rows li:last-child:after{content:"";background:var(--line);transform-origin:0;height:1px;position:absolute;left:0;right:0;transform:scaleX(0)}.rows li:before{top:0}.rows li:last-child:after{bottom:0}.ready .rows li:before,.ready .rows li:last-child:after{transition:transform 1.4s var(--ease);transition-delay:calc(var(--i) * 90ms + .7s);transform:none}a.row{color:var(--fg);grid-template-columns:36px 1fr auto;align-items:baseline;gap:12px;padding:16px 0;text-decoration:none;display:grid}.row .mask{display:block}.row .up{display:block;transform:translateY(110%)}.ready .row .up{transition:transform 1.1s var(--ease);transition-delay:calc(var(--i) * 90ms + .85s);transform:none}.name{text-overflow:ellipsis;white-space:nowrap;font-weight:500;overflow:hidden}.what{color:var(--muted);text-align:right;align-items:baseline;gap:10px;font-size:13px;display:flex}.what .arrow{color:var(--fg);opacity:0;transition:transform .5s var(--ease), opacity .3s ease;display:inline-block;transform:translate(-6px)}.what .label{transition:color .3s}a.row:hover .arrow,a.row:focus-visible .arrow{opacity:1;transform:none}a.row:hover .label,a.row:focus-visible .label{color:var(--fg)}footer{color:var(--muted);opacity:0;justify-content:space-between;margin-top:72px;font-size:13px;display:flex}.ready footer{opacity:1;transition:opacity 1s 1.6s}.loading{color:var(--muted);place-items:center;font-size:13px;display:grid;position:fixed;inset:0}.notfound{max-width:640px;margin:0 auto;padding:20vh 24px}.notfound h1{margin-bottom:24px}.notfound a{color:var(--fg)}.toast{z-index:10;pointer-events:none;position:fixed;bottom:24px;left:24px;overflow:hidden}.toast-text{background:var(--fg);color:var(--bg);animation:toast-up .6s var(--ease);padding:10px 14px;font-size:13px;display:block}@keyframes toast-up{0%{transform:translateY(110%)}to{transform:none}}@media (width<=480px){.home main{padding-top:16vh}a.row{grid-template-columns:28px 1fr auto}}@media (prefers-reduced-motion:reduce){.ch,.row .up,.rows li:before,.rows li:last-child:after,.rise{opacity:1!important;transition:none!important;transform:none!important}footer{opacity:1;transition:none!important}.toast-text{animation:none}#fluid{display:none}}.editor{position:fixed;inset:0}.editor .excalidraw{--ui-font:var(--font);--color-primary:#000;--color-primary-darker:#000;--color-primary-darkest:#000;--color-primary-hover:#333;--color-primary-light:#ececec;--color-primary-light-darker:#e0e0e0;--color-surface-primary-container:#ececec;--color-on-primary-container:#000;--color-brand-hover:#333;--color-brand-active:#000;--color-selection:#000;--select-highlight-color:#000;--focus-highlight-color:#000;--link-color:#000;--shadow-island:0 0 0 1px var(--line);--modal-shadow:0 0 0 1px var(--line);--sidebar-shadow:0 0 0 1px var(--line);--color-surface-lowest:#fff;--color-surface-low:#f5f5f5;--color-surface-mid:#f2f2f2;--color-surface-high:#ececec;--button-hover-bg:#ececec;--border-radius-md:0;--border-radius-lg:0;font-family:var(--font)}.editor .excalidraw .welcome-screen-decor{font-family:var(--font)}.topbar{background:var(--bg);height:100%;box-shadow:0 0 0 1px var(--line);align-items:center;gap:12px;min-height:36px;padding:0 12px;font-size:13px;display:flex}.topbar .back{color:var(--fg);white-space:nowrap;text-decoration:none}.topbar .back:hover{opacity:.6}.topbar .title{letter-spacing:-.01em;background:0 0;border:0;border-bottom:1px solid #0000;outline:none;width:16ch;max-width:30vw;padding:2px 0;font-size:15px;font-weight:500;transition:border-color .3s}.topbar .title:hover{border-color:var(--line)}.topbar .title:focus{border-color:var(--fg)}.topbar .status{color:var(--muted);white-space:nowrap;min-width:3.5em}.topbar .status.conflict,.topbar .status.offline{color:var(--danger)}.welcome{text-align:center;font-family:var(--font);color:var(--canvas-ink,var(--fg));font-size:15px;line-height:1.6}.welcome .muted{color:var(--canvas-line,var(--muted))}.welcome p{margin:0}.welcome .muted{margin-top:8px;font-size:13px}.drop-target{z-index:5;pointer-events:none;border:2px dashed var(--canvas-ink,var(--fg));border-radius:10px;position:fixed}.drop-line{z-index:5;pointer-events:none;width:100%;height:100%;display:none;position:fixed;inset:0;overflow:visible}.drop-line line{stroke:var(--canvas-ink,var(--fg));stroke-width:2px;stroke-dasharray:6 5}.notebar{z-index:5;background:var(--bg);box-shadow:0 0 0 1px var(--line);animation:bar-in .5s var(--ease);align-items:center;gap:4px;max-width:calc(100vw - 32px);padding:6px;font-size:13px;display:flex;position:fixed;bottom:20px;left:50%;overflow-x:auto;transform:translate(-50%)}@keyframes bar-in{0%{opacity:0;transform:translate(-50%,8px)}}.notebar>button{cursor:pointer;white-space:nowrap;background:0 0;border:0;padding:6px 10px}.notebar>button:hover{background:#f2f2f2}.swatches{border-right:1px solid var(--line);gap:4px;margin-right:2px;padding-right:6px;display:flex}.swatch{cursor:pointer;background:var(--bg);border:1px solid #0000;place-items:center;width:26px;height:26px;padding:0;font-size:12px;display:grid}.swatch:hover{border-color:var(--fg)}.swatch.bubble{border-color:var(--fg);border-radius:8px}.swatch.plain{border-color:var(--line)}.swatch.dashed{border:1px dashed var(--fg);border-radius:8px}.swatch.more{letter-spacing:.05em;border-color:#0000}@media (width<=730px){.notebar{bottom:76px}.note-count{display:none}.topbar .title{width:11ch}}@media (prefers-reduced-motion:reduce){.notebar{animation:none}}a.link{text-decoration:none}.small{font-size:13px}.usage{max-width:640px;margin:0 auto;padding:12vh 24px 80px;position:relative}.usage .back{font-size:13px}.page-title{letter-spacing:-.04em;margin:32px 0 48px;font-size:clamp(32px,6vw,48px);font-weight:500;line-height:1}.stat .big{letter-spacing:-.04em;font-variant-numeric:tabular-nums;font-size:clamp(32px,6vw,48px);font-weight:500;line-height:1.1}.usage-block{margin-top:72px}.usage-row{color:var(--fg);grid-template-columns:1fr auto 56px;align-items:baseline;gap:16px;padding:16px 0;text-decoration:none;display:grid}.usage-row .name{font-weight:400}.row-note:before{content:" · "}.usage-row .num{text-align:right}.usage-row .used{color:var(--fg)}.usage-rows li .fill{background:var(--fg);transform-origin:0;z-index:1;width:100%;height:1px;position:absolute;bottom:0;left:0;transform:scaleX(0)}.ready .usage-rows li .fill{transform:scaleX(var(--p));transition:transform 1.4s var(--ease);transition-delay:calc(var(--i) * 90ms + .9s)}.usage footer{opacity:1}@media (width<=480px){.usage-row{grid-template-columns:1fr auto 44px;gap:10px}.usage-row .name .row-note{display:block}.usage-row .name .row-note:before{content:none}}@media (prefers-reduced-motion:reduce){.usage-rows li .fill{transform:scaleX(var(--p))!important;transition:none!important}}.theme-picker{cursor:default;justify-content:space-between;align-items:center;gap:8px;display:flex}.theme-label{font-size:13px}.theme-swatches{gap:4px;display:flex}.theme-swatch{cursor:pointer;width:22px;height:22px;font:500 11px/1 var(--font);border:1px solid;place-items:center;padding:0;display:grid}.theme-swatch.on{outline:1px solid var(--fg);outline-offset:2px}.note-count{z-index:4;background:var(--bg);box-shadow:0 0 0 1px var(--line);font:400 13px var(--font);cursor:pointer;font-variant-numeric:tabular-nums;border:0;padding:6px 12px;position:fixed;bottom:16px;right:68px}.note-count:hover{background:#f2f2f2}.notes-panel{font-family:var(--font)}.panel-title{font-size:15px;font-weight:500}.panel-title .muted{margin-left:6px;font-weight:400}.panel-body{padding:0 16px 24px;font-size:13px;overflow-y:auto}.panel-body .field input{font-size:14px}.replace{align-items:flex-end;gap:12px;margin-top:12px;display:flex}.replace .field{flex:1}.replace .link{white-space:nowrap;padding-bottom:8px}.panel-list{margin:16px 0 0;padding:0;list-style:none}.panel-list li{border-top:1px solid var(--line)}.panel-list li:last-child{border-bottom:1px solid var(--line)}.panel-row{text-align:left;cursor:pointer;width:100%;color:var(--fg);background:0 0;border:0;align-items:center;gap:10px;padding:9px 0;display:flex}.panel-row:hover .panel-text{text-underline-offset:3px;text-decoration:underline}.panel-row:disabled{cursor:default;opacity:.55}.panel-row:disabled:hover .panel-text{text-decoration:none}.panel-text{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:14px;overflow:hidden}.panel-empty{padding:9px 0}.panel-meta{margin-top:32px}.style-row{align-items:center;gap:8px;display:flex}.style-row .panel-row{flex:1}.style-chip{border:1px solid #0000;flex:none;place-items:center;width:34px;height:22px;font-family:Arial,Helvetica,sans-serif;display:grid}.default-toggle{color:var(--muted);cursor:pointer;align-items:center;gap:6px;display:flex}.default-toggle input{accent-color:var(--fg);margin:0}.remove{color:var(--muted);cursor:pointer;background:0 0;border:0;padding:0 2px;font-size:16px}.remove:hover{color:var(--fg)}.save-style{margin-top:16px}.pal-scrim{z-index:3000;background:#fff9;justify-content:center;align-items:flex-start;padding:14vh 16px 16px;animation:.3s pal-fade;display:flex;position:fixed;inset:0}.pal{background:var(--bg);width:100%;max-width:560px;max-height:min(520px,72vh);box-shadow:0 0 0 1px var(--line);font:400 15px/1.6 var(--font);color:var(--fg);animation:pal-in .5s var(--ease);flex-direction:column;display:flex}.pal-input{border:0;border-bottom:1px solid var(--line);background:0 0;border-radius:0;outline:none;padding:16px 18px;font-size:16px}.pal-input::placeholder{color:var(--muted)}.pal-list{flex:1;margin:0;padding:6px 0;list-style:none;overflow-y:auto}.pal-group{color:var(--muted);padding:12px 18px 4px;font-size:13px}.pal-item{cursor:pointer;align-items:baseline;gap:12px;padding:7px 18px;display:flex}.pal-item.on{background:#f2f2f2}.pal-label{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.pal-hint{color:var(--muted);white-space:nowrap;font-size:13px}.pal-key{font:400 13px var(--font);color:var(--muted);font-variant-numeric:tabular-nums;text-align:right;min-width:2.5em}.pal-empty{padding:12px 18px}.pal-foot{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;gap:12px;padding:8px 18px;font-size:13px;display:flex}@keyframes pal-fade{0%{opacity:0}}@keyframes pal-in{0%{opacity:0;transform:translateY(-8px)}}.topbar .pal-open{cursor:pointer;color:var(--muted);background:0 0;border:0;padding:2px 4px;font-size:13px}.topbar .pal-open:hover{color:var(--fg)}@media (width<=480px){.pal-scrim{padding-top:8vh}.pal-foot span:first-child{display:none}}@media (prefers-reduced-motion:reduce){.pal-scrim,.pal{animation:none}}.table-tool-slot{display:contents}.table-tool-slot svg{width:1em;height:1em}.editor.placing-table .excalidraw__canvas.interactive{cursor:crosshair!important}