:root{--bg:#eef0f3;--dot:#1d21261a;--surface:#fff;--ink:#1d2126;--ink-soft:#5b6470;--line:#d6dae0;--line-strong:#b9bfc8;--hover:#1d21260f;--accent:#2f5bd3;--accent-hover:#2449b3;--accent-rgb:47 91 211;--on-accent:#fff;--danger:#c0352b;--focus:#2f5bd3;--shade:20 25 35;--field-bg:#ffffffb3;--field-bg-focus:#fff;--toast-bg:#1d2126;--toast-ink:#fff;--toast-link:#9fb6ff;--backdrop:#0a0c1066;--shadow-sm:0 1px 2px #14192314, 0 1px 1px #1419230a;--shadow-md:0 4px 12px #1419231a, 0 1px 3px #14192314;--shadow-lg:0 12px 28px #14192329, 0 2px 6px #14192314;--radius:8px;--font:ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;--step--1:.8125rem;--step-0:.9375rem;--step-1:1.125rem;--step-2:1.5rem;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--bg:#111418;--dot:#ffffff12;--surface:#1b1f25;--ink:#e6e8eb;--ink-soft:#9ba3ad;--line:#2c323a;--line-strong:#444c57;--hover:#ffffff12;--accent:#7c9bff;--accent-hover:#9bb2ff;--accent-rgb:124 155 255;--on-accent:#0e1422;--danger:#ff8a80;--focus:#7c9bff;--shade:255 255 255;--field-bg:#ffffff0f;--field-bg-focus:#242a31;--toast-bg:#e6e8eb;--toast-ink:#111418;--toast-link:#2f5bd3;--backdrop:#0000008c;--shadow-sm:0 1px 2px #0006;--shadow-md:0 4px 12px #00000073, 0 1px 3px #0000004d;--shadow-lg:0 12px 28px #0000008c, 0 2px 6px #00000059;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#111418;--dot:#ffffff12;--surface:#1b1f25;--ink:#e6e8eb;--ink-soft:#9ba3ad;--line:#2c323a;--line-strong:#444c57;--hover:#ffffff12;--accent:#7c9bff;--accent-hover:#9bb2ff;--accent-rgb:124 155 255;--on-accent:#0e1422;--danger:#ff8a80;--focus:#7c9bff;--shade:255 255 255;--field-bg:#ffffff0f;--field-bg-focus:#242a31;--toast-bg:#e6e8eb;--toast-ink:#111418;--toast-link:#2f5bd3;--backdrop:#0000008c;--shadow-sm:0 1px 2px #0006;--shadow-md:0 4px 12px #00000073, 0 1px 3px #0000004d;--shadow-lg:0 12px 28px #0000008c, 0 2px 6px #00000059;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}.note,.card,.sheet{--ink:var(--note-ink);--ink-soft:var(--note-ink-soft);--shade:var(--note-shade);--surface:var(--note-surface);--field-bg:var(--note-field);--field-bg-focus:var(--note-field-focus);--line:rgb(var(--note-shade) / .16);--hover:rgb(var(--note-shade) / .08)}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%;margin:0}html{touch-action:manipulation;-webkit-tap-highlight-color:transparent}body{font-family:var(--font);font-size:var(--step-0);color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;line-height:1.5}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.icon{flex:none}.button{height:2rem;font-weight:600;font-size:var(--step--1);white-space:nowrap;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;align-items:center;gap:.35rem;padding:0 .8rem;display:inline-flex}.button--primary{background:var(--accent);color:var(--on-accent)}.button--primary:hover{background:var(--accent-hover)}.button--quiet:hover{background:var(--hover)}.button:disabled{opacity:.6;cursor:progress}.text-button{color:var(--accent);font-size:var(--step--1);cursor:pointer;background:0 0;border:none;padding:0;font-weight:600}.text-button:hover{text-decoration:underline}.mini{width:1.5rem;height:1.5rem;color:var(--ink-soft);cursor:pointer;background:0 0;border:none;border-radius:4px;place-items:center;padding:0;display:inline-grid}.mini .icon{width:14px;height:14px}.mini:hover:not(:disabled){background:var(--hover);color:var(--ink)}.mini:disabled{opacity:.3;cursor:default}.app{grid-template-rows:auto 1fr;height:100%;display:grid}.topbar{border-bottom:1px solid var(--line);background:var(--surface);z-index:2;align-items:center;gap:.75rem;height:3rem;padding:0 .75rem 0 1rem;display:flex}.wordmark{font-weight:800;font-size:var(--step-1);letter-spacing:-.02em}.topbar__status{font-size:var(--step--1);color:var(--ink-soft);margin-left:auto}.topbar__user{font-size:var(--step--1);color:var(--ink-soft)}.toast{z-index:3;border-radius:var(--radius);background:var(--toast-bg);max-width:min(34rem,100vw - 2rem);color:var(--toast-ink);box-shadow:var(--shadow-lg);font-size:var(--step--1);align-items:center;gap:.5rem;padding:.4rem .4rem .4rem 1rem;display:flex;position:fixed;bottom:1.25rem;left:50%;transform:translate(-50%)}.toast p{margin:0 .5rem 0 0}.toast .button--quiet{color:var(--toast-link)}.toast .button--quiet:hover,.toast .mini:hover{background:color-mix(in srgb, var(--toast-ink) 12%, transparent);color:var(--toast-ink)}.toast .mini{color:color-mix(in srgb, var(--toast-ink) 70%, transparent)}.canvas{isolation:isolate;background-color:var(--bg);background-image:radial-gradient(circle, var(--dot) 1px, transparent 1.5px);background-size:24px 24px;background-attachment:local;overflow:auto}.canvas__sizer{position:relative}.canvas__surface{transform-origin:0 0;position:absolute;top:0;left:0}.canvas[data-dropping=true]{box-shadow:inset 0 0 0 3px rgb(var(--accent-rgb) / .5)}.canvas--panning{cursor:grabbing;-webkit-user-select:none;user-select:none}.zoom-controls{z-index:3;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-md);font-size:var(--step--1);align-items:center;gap:2px;padding:3px;display:flex;position:fixed;bottom:1rem;right:1rem}.zoom-controls .mini{width:1.75rem;height:1.75rem;font-size:1rem}.zoom-controls__level,.zoom-controls__fit{height:1.75rem;color:var(--ink);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:0 .5rem;font-weight:600}.zoom-controls__level{font-variant-numeric:tabular-nums;min-width:3.5rem}.zoom-controls__level:hover,.zoom-controls__fit:hover:not(:disabled){background:var(--hover)}.zoom-controls__fit:disabled{opacity:.4;cursor:default}.empty-state{max-width:calc(100vw - 2rem);color:var(--ink-soft);text-align:center;pointer-events:none;justify-items:center;gap:.5rem;margin:0;display:grid;position:fixed;top:40%;left:50%;transform:translate(-50%,-50%)}.empty-state p{margin:0}.empty-state__title{font-size:var(--step-1);color:var(--ink);font-weight:700}.empty-state .button{pointer-events:auto;margin-top:.5rem}.note{color:var(--note-ink,var(--ink));border:1px solid rgb(var(--shade) / .08);border-radius:var(--radius);background:var(--paper);box-shadow:var(--shadow-sm);flex-direction:column;display:flex;position:absolute}.note:hover{box-shadow:var(--shadow-md)}.note[data-selected=true]{box-shadow:0 0 0 2px rgb(var(--accent-rgb) / .45), var(--shadow-md)}.note[data-editing=true]{box-shadow:0 0 0 2px var(--accent), var(--shadow-md)}.note[data-dragging=true]{box-shadow:0 0 0 2px var(--accent), var(--shadow-lg);opacity:.96}.note__handle{border-radius:var(--radius) var(--radius) 0 0;cursor:grab;touch-action:none;flex:none;height:14px;position:relative}.note__handle:after{content:"";background:rgb(var(--shade) / .18);opacity:0;border-radius:2px;width:32px;height:4px;transition:opacity .12s;position:absolute;top:5px;left:50%;translate:-50%}.note:hover .note__handle:after,.note[data-selected=true] .note__handle:after{opacity:1}.note[data-dragging=true] .note__handle{cursor:grabbing}.note__body{flex:1;padding:.1rem .85rem .85rem;overflow:hidden}.note[data-selected=false] .note__body[data-overflows=true]{-webkit-mask-image:linear-gradient(#000 calc(100% - 2rem),#0000);mask-image:linear-gradient(#000 calc(100% - 2rem),#0000)}.note[data-selected=true] .note__body{overflow:auto}.note__resize{cursor:nwse-resize;touch-action:none;width:16px;height:16px;position:absolute;bottom:0;right:0}.note__resize:after{content:"";border-right:2px solid rgb(var(--shade) / .3);border-bottom:2px solid rgb(var(--shade) / .3);opacity:0;border-bottom-right-radius:2px;width:7px;height:7px;transition:opacity .12s;position:absolute;bottom:4px;right:4px}.note:hover .note__resize:after,.note[data-selected=true] .note__resize:after{opacity:1}.toolbar{left:var(--x);top:var(--y);translate:var(--shift,0) 0;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-md);white-space:nowrap;z-index:2000000000;align-items:center;gap:.25rem;padding:.25rem;display:flex;position:absolute}.toolbar[data-placement=above]{transform:translateY(-100%)}.toolbar__group{align-items:center;gap:2px;display:flex}.toolbar__group+.toolbar__group{border-left:1px solid var(--line);margin-left:.1rem;padding-left:.3rem}.swatch{border:1px solid var(--line-strong);background:var(--swatch);cursor:pointer;border-radius:50%;width:20px;height:20px;margin:0 2px;padding:0}.swatch[aria-checked=true]{box-shadow:0 0 0 2px var(--surface), 0 0 0 4px var(--accent)}.tool{width:2rem;height:2rem;color:var(--ink-soft);cursor:pointer;background:0 0;border:none;border-radius:6px;place-items:center;padding:0;display:inline-grid}.tool:hover{background:var(--hover);color:var(--ink)}.tool--danger:hover{color:var(--danger);background:#c0352b1a}.block{position:relative}.block:empty{display:none}.blocks{flex-direction:column;gap:.6rem;display:flex}.note[data-editing=true] .block+.block{border-top:1px solid rgb(var(--shade) / .08);padding-top:.6rem}.block__header{font-size:var(--step--1);color:var(--ink-soft);align-items:center;gap:.3rem;margin:0 -.25rem .3rem 0;font-weight:600;display:flex}.block__header .icon{width:15px;height:15px}.block__controls{margin-left:auto;display:flex}.note input:not([type=checkbox],[type=file]),.note textarea{border:1px solid rgb(var(--shade) / .14);background:var(--field-bg);border-radius:6px;width:100%;padding:.35rem .5rem}.note input:not([type=checkbox],[type=file]):focus,.note textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgb(var(--accent-rgb) / .18);background:var(--field-bg-focus);outline:none}.note input+input{margin-top:.35rem}.note [aria-invalid=true]{border-color:var(--danger)}.field-hint{font-size:var(--step--1);color:var(--ink-soft);margin:.25rem 0 0}.block-empty{color:var(--ink-soft);font-size:var(--step--1);margin:0}.text-block{white-space:pre-wrap;overflow-wrap:anywhere;margin:0}.text-block a,.link-block{color:var(--accent)}.text-block__input{resize:vertical;min-height:4rem;line-height:1.5}.styled[data-size=s]{font-size:var(--step--1)}.styled[data-size=l]{font-size:1.25rem;line-height:1.35}.styled[data-size=xl]{letter-spacing:-.01em;font-size:1.625rem;line-height:1.2}.styled[data-bold=true]{font-weight:700}.styled[data-italic=true]{font-style:italic}.styled[data-align=center]{text-align:center}.styled[data-align=right]{text-align:right}.styled[data-font=serif]{font-family:ui-serif,Georgia,Times New Roman,serif}.styled[data-font=mono]{font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:.9em}.markdown{white-space:normal}.markdown>:first-child{margin-top:0}.markdown>:last-child{margin-bottom:0}.markdown p,.markdown ul,.markdown ol,.markdown pre,.markdown blockquote,.markdown table{margin:0 0 .5em}.markdown h1,.markdown h2,.markdown h3,.markdown h4{margin:.6em 0 .3em;line-height:1.25}.markdown h1{font-size:1.45em}.markdown h2{font-size:1.25em}.markdown h3,.markdown h4{font-size:1.1em}.markdown ul,.markdown ol{padding-left:1.3em}.markdown li:has(>input[type=checkbox]){margin-left:-1.3em;list-style:none}.markdown li>input[type=checkbox]{accent-color:var(--accent);margin:0 .4em 0 0}.markdown code{background:rgb(var(--shade) / .08);border-radius:4px;padding:.05em .3em;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:.9em}.markdown pre{background:rgb(var(--shade) / .08);border-radius:6px;padding:.5em .7em;overflow-x:auto}.markdown pre code{background:0 0;padding:0}.markdown blockquote{border-left:3px solid rgb(var(--shade) / .25);color:var(--ink-soft);padding-left:.7em}.markdown table{border-collapse:collapse;font-size:.95em}.markdown th,.markdown td{border:1px solid rgb(var(--shade) / .2);text-align:left;padding:.2em .5em}.markdown hr{border:none;border-top:1px solid rgb(var(--shade) / .2)}.markdown__image{color:var(--ink-soft);font-style:italic}.text-style__markdown{padding:0 .5rem}.text-style{flex-wrap:wrap;align-items:center;gap:.25rem .5rem;margin-bottom:.35rem;display:flex}.text-style__group{background:rgb(var(--shade) / .06);border-radius:6px;padding:2px;display:inline-flex}.text-style__button{min-width:1.75rem;height:1.6rem;color:inherit;font-size:var(--step--1);cursor:pointer;background:0 0;border:none;border-radius:4px;place-items:center;padding:0 .3rem;font-weight:600;display:inline-grid}.text-style__button .icon{width:15px;height:15px}.text-style__button:hover{background:rgb(var(--shade) / .08)}.text-style__button[aria-checked=true],.text-style__button[aria-pressed=true]{background:var(--surface);color:var(--ink);box-shadow:var(--shadow-sm)}.text-style__button--bold{font-weight:800}.text-style__button--italic{font-family:ui-serif,Georgia,serif;font-style:italic}.text-style__font{border:1px solid rgb(var(--shade) / .15);background:var(--field-bg);height:1.75rem;color:var(--ink);font-size:var(--step--1);border-radius:6px;padding:0 .3rem}.checklist__items{margin:0;padding:0;list-style:none}.checklist__item{align-items:center;gap:.5rem;min-height:1.9rem;display:flex}.checklist__item input[type=checkbox]{width:1rem;height:1rem;accent-color:var(--accent);cursor:pointer;flex:none;margin:0}.checklist__item[data-done=true] .checklist__text{color:var(--ink-soft);text-decoration:line-through}.checklist__text{overflow-wrap:anywhere}.checklist__empty{color:var(--ink-soft);font-size:var(--step--1);margin:0}.checklist__actions{gap:1rem;margin-top:.35rem;display:flex}.link-block{text-decoration:none;display:grid}.link-block__title{overflow-wrap:anywhere;font-weight:600}.link-block:hover .link-block__title{text-decoration:underline}.link-block__host{font-size:var(--step--1);color:var(--ink-soft)}.link-block__form{display:grid}.image-block__img{border-radius:4px;width:100%;height:auto;display:block}.image-block__form{gap:.35rem;margin-top:.4rem;display:grid}.topbar__due{color:var(--danger);font:inherit;font-size:var(--step--1);white-space:nowrap;cursor:pointer;background:0 0;border:1px solid;border-radius:999px;padding:.2rem .6rem}.topbar__due:hover{background:var(--hover)}.button--quiet[aria-pressed=true]{background:rgb(var(--accent-rgb) / .14);color:var(--accent)}.date-block{gap:.35rem;display:grid}.date-block__row{align-items:center;gap:.45rem;min-height:1.9rem;display:flex}.date-block__row input[type=checkbox]{width:1rem;height:1rem;accent-color:var(--accent);cursor:pointer;flex:none;margin:0}.date-block__when{font-weight:600}.date-block[data-status=done] .date-block__when{color:var(--ink-soft);font-weight:400;text-decoration:line-through}.date-block[data-status=today] .date-block__when{color:var(--note-accent,var(--accent))}.date-block[data-status=overdue] .date-block__when{color:var(--note-danger,var(--danger))}.date-block__badge{font-size:var(--step--1);color:var(--note-danger,var(--danger));border:1px solid;border-radius:999px;padding:.05rem .4rem}.date-block__bell{color:var(--ink-soft);display:inline-flex}.date-block__form{flex-wrap:wrap;align-items:center;gap:.35rem .5rem;display:flex}.date-block__remind{flex-basis:100%}.file-block{gap:.35rem;display:grid}.file-block__link{background:var(--field-bg);color:inherit;border-radius:6px;align-items:center;gap:.5rem;min-width:0;padding:.45rem .6rem;text-decoration:none;display:flex}.file-block__link:hover{text-decoration:underline}.file-block__name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.file-block__size{font-size:var(--step--1);color:var(--ink-soft);flex:none}.file-button{justify-self:start;position:relative}.file-button input{opacity:0;width:1px;height:1px;position:absolute}.file-button:focus-within{outline:2px solid var(--focus);outline-offset:2px}.youtube-block__frame{aspect-ratio:16/9;background:#000;border-radius:4px;margin-bottom:.35rem;position:relative;overflow:hidden}.youtube-block__frame iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.segmented{background:var(--hover);border-radius:8px;padding:2px;display:inline-flex}.segmented button{height:1.9rem;color:var(--ink-soft);font-size:var(--step--1);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:0 .75rem;font-weight:600}.segmented button[aria-selected=true],.segmented button[aria-checked=true]{background:var(--surface);color:var(--ink);box-shadow:var(--shadow-sm)}.app[data-layout=mobile] .topbar{gap:.5rem;padding:0 .5rem 0 .75rem}.app[data-layout=mobile] .topbar__add{justify-content:center;width:2rem;padding:0}.app[data-layout=mobile] .topbar__add-label,.app[data-layout=mobile] .topbar__status,.app[data-layout=mobile] .topbar__user{display:none}.app[data-layout=mobile] .topbar__add{margin-left:auto}.app[data-layout=mobile] .segmented button{padding:0 .55rem}.app[data-layout=mobile] .dialog-backdrop{place-items:end stretch;padding:0}.app[data-layout=mobile] .dialog{border-radius:12px 12px 0 0;width:100%;max-height:90vh}.app[data-layout=mobile] .column{scroll-snap-align:center;flex-basis:85vw}.app[data-layout=mobile] .columns{scroll-snap-type:x mandatory}.app[data-layout=mobile] .columns[data-dragging=true]{scroll-snap-type:none}.app[data-layout=mobile] .columns-view__bar .button{margin-left:0}.list{padding:.75rem .75rem calc(1.5rem + env(safe-area-inset-bottom));overscroll-behavior:contain;grid-auto-rows:max-content;align-content:start;gap:.75rem;display:grid;overflow-y:auto}.card{color:var(--note-ink,var(--ink));border:1px solid rgb(var(--shade) / .08);border-radius:var(--radius);background:var(--paper);max-height:26rem;box-shadow:var(--shadow-sm);cursor:pointer;padding:.85rem 1rem;overflow:hidden}.card[data-overflows=true]{-webkit-mask-image:linear-gradient(#000 calc(100% - 2.5rem),#0000);mask-image:linear-gradient(#000 calc(100% - 2.5rem),#0000)}.card:active{box-shadow:var(--shadow-md)}.card[data-selected=true]{box-shadow:0 0 0 2px var(--accent), var(--shadow-md)}.card--placed[data-selected=true]{box-shadow:0 0 0 6px var(--accent), var(--shadow-md)}.overview{isolation:isolate;padding:12px;overflow:auto}.overview__frame{position:relative}.overview__board{transform-origin:0 0;position:absolute;top:0;left:0}.card--placed,.card--placed[data-overflows=true]{max-height:none;position:absolute;-webkit-mask-image:none;mask-image:none}.card--placed *{pointer-events:none}.sheet{z-index:2000000001;background:var(--paper);color:var(--note-ink,var(--ink));grid-template-rows:auto 1fr auto;display:grid;position:fixed;inset:0}.sheet__header{height:3rem;padding:env(safe-area-inset-top) .5rem 0;border-bottom:1px solid rgb(var(--shade) / .08);align-items:center;gap:.5rem;display:flex}.sheet__header .button{font-size:var(--step-0)}.sheet__header .button--primary{margin-right:.25rem}.sheet__status{font-size:var(--step--1);color:var(--ink-soft);margin-left:auto;padding-right:.5rem}.sheet__body{overscroll-behavior:contain;padding:1rem;overflow-y:auto}.sheet .blocks{gap:1rem}.sheet .block+.block{border-top:1px solid rgb(var(--shade) / .08);padding-top:1rem}.sheet input:not([type=checkbox],[type=file]),.sheet textarea{border:1px solid rgb(var(--shade) / .14);background:var(--field-bg);border-radius:6px;width:100%;padding:.5rem .6rem;font-size:max(16px,1em)}.sheet input+input{margin-top:.5rem}.toolbar.toolbar--docked{padding:.4rem .5rem calc(.4rem + env(safe-area-inset-bottom));border:none;border-top:1px solid var(--line);box-shadow:none;border-radius:0;flex-wrap:wrap;justify-content:center;row-gap:.25rem;position:static;transform:none}.toolbar--docked .toolbar__group+.toolbar__group{border-left:none;margin-left:0;padding-left:0}.chips{flex-wrap:wrap;gap:4px;margin-bottom:.45rem;display:flex}.chip{background:var(--chip-bg,#e4e7ec);height:1.35rem;color:var(--chip-fg,#374151);white-space:nowrap;border-radius:999px;align-items:center;padding:0 .5rem;font-size:.75rem;font-weight:600;line-height:1;display:inline-flex}.chip--scoped{box-shadow:inset 0 0 0 1px var(--chip-solid,#374151);padding:0;overflow:hidden}.chip__scope{background:var(--chip-solid,#374151);height:100%;color:var(--chip-solid-ink,#fff);align-items:center;padding:0 .45rem;display:flex}.chip__value{padding:0 .5rem}.chip--muted{background:rgb(var(--shade) / .08);color:var(--ink-soft)}.menu{position:relative}.menu__button{width:2rem;height:2rem}.menu__list{z-index:2000000003;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);min-width:13rem;box-shadow:var(--shadow-md);padding:.3rem;position:absolute;top:calc(100% + 6px);right:0}.menu__user{font-size:var(--step--1);color:var(--ink-soft);margin:.35rem .6rem .45rem}.menu__theme{margin:0 .35rem .35rem;display:flex}.menu__theme button{flex:1}.menu__item{text-align:left;cursor:pointer;background:0 0;border:none;border-radius:6px;width:100%;padding:.5rem .6rem;display:block}.menu__item:hover{background:var(--hover)}.dialog-backdrop{z-index:2000000005;background:var(--backdrop);place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.dialog{background:var(--surface);width:min(34rem,100%);max-height:min(85vh,100%);box-shadow:var(--shadow-lg);border-radius:12px;grid-template-rows:auto 1fr auto;display:grid;overflow:hidden}.dialog__header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex}.dialog__header h2{font-size:var(--step-1);margin:0}.dialog__body{padding:1rem;overflow-y:auto}.dialog__footer{border-top:1px solid var(--line);justify-content:flex-end;padding:.5rem 1rem;display:flex}.dialog__intro,.dialog__empty{font-size:var(--step--1);color:var(--ink-soft);margin:0 0 1rem}.picker-group{border:none;margin:0 0 1rem;padding:0}.picker-group legend{align-items:baseline;gap:.5rem;margin-bottom:.3rem;padding:0;font-weight:700;display:flex}.picker-group__hint{font-size:var(--step--1);color:var(--ink-soft);font-weight:400}.picker-option{cursor:pointer;align-items:center;gap:.6rem;min-height:2.25rem;display:flex}.picker-option input{width:1.05rem;height:1.05rem;accent-color:var(--accent);margin:0}.picker-option__none{font-size:var(--step--1);color:var(--ink-soft)}.tag-group{border:1px solid var(--line);border-radius:10px;margin-bottom:.75rem;padding:.6rem .75rem}.tag-group__header{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.tag-group__header .name-input{flex:1;min-width:8rem;font-weight:700}.tag-group__actions{display:flex}.toggle{font-size:var(--step--1);color:var(--ink-soft);white-space:nowrap;cursor:pointer;align-items:center;gap:.35rem;display:inline-flex}.toggle input{accent-color:var(--accent);margin:0}.tag-list{gap:.2rem;margin:.5rem 0;padding:0;list-style:none;display:grid}.tag-row{align-items:center;gap:.3rem;display:flex}.tag-row .name-input{flex:1;min-width:0}.tag-row__usage{min-width:1.5rem;font-size:var(--step--1);color:var(--ink-soft);text-align:right}.color-button{border:2px solid var(--surface);background:var(--chip-solid);width:1.4rem;height:1.4rem;box-shadow:0 0 0 1px var(--line-strong);cursor:pointer;border-radius:50%;flex:none;padding:0}.color-picker{flex:none;position:relative}.color-picker__popover{z-index:10;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);width:max-content;box-shadow:var(--shadow-md);gap:.5rem;padding:.6rem;display:grid;position:absolute;top:calc(100% + 6px);left:0}.color-picker__swatches{grid-template-columns:repeat(6,24px);gap:6px;display:grid}.color-picker__swatches .swatch{margin:0}.palette-section h3{font-size:var(--step-0);margin:0 0 .25rem}.palette-section+.palette-section{margin-top:1.5rem}.palette-list{gap:.2rem;margin:.25rem 0 .5rem;padding:0;list-style:none;display:grid}.palette-row{align-items:center;gap:.35rem;display:flex}.palette-row .name-input{flex:1;min-width:0}.palette-row__hex{border:1px solid var(--line-strong);background:var(--surface);cursor:pointer;border-radius:6px;flex:none;width:2rem;height:2rem;padding:2px}.palette-preview{flex:none}.palette-preview--note{border:1px solid rgb(var(--shade) / .12);background:var(--paper);width:2.25rem;height:1.6rem;color:var(--note-ink);font-size:var(--step--1);border-radius:4px;place-items:center;font-weight:700;display:inline-grid}.name-input{background:0 0;border:1px solid #0000;border-radius:6px;height:2rem;padding:0 .5rem}.name-input:hover{border-color:var(--line)}.name-input:focus{border-color:var(--accent);background:var(--field-bg-focus);outline:none}.add-input{align-items:center;gap:.3rem;display:flex}.add-input .name-input{border-color:var(--line);flex:1}.mini--danger:hover:not(:disabled){color:var(--danger);background:#c0352b1a}.columns-view{flex-direction:column;min-height:0;display:flex;overflow:hidden}.columns-view__bar{border-bottom:1px solid var(--line);background:var(--surface);font-size:var(--step--1);flex-wrap:wrap;align-items:center;gap:.5rem 1rem;padding:.5rem 1rem;display:flex}.columns-view__group{font-weight:600}.columns-view__group select{border:1px solid var(--line-strong);background:var(--field-bg-focus);border-radius:6px;height:2rem;margin-left:.4rem;padding:0 .4rem}.columns-view__bar .button{margin-left:auto}.columns-view__hint{color:var(--ink-soft);margin:.75rem 1rem 0}.columns-view__bar .columns-view__hint{font-size:var(--step--1);margin:0}.columns{flex:1;align-items:stretch;gap:.75rem;min-height:0;padding:.75rem 1rem;display:flex;overflow-x:auto}.column{background:rgb(var(--shade) / .045);border-radius:10px;flex-direction:column;flex:0 0 300px;min-height:0;display:flex}.column[data-target=true]{background:rgb(var(--accent-rgb) / .09)}.column__header{align-items:center;gap:.4rem;padding:.5rem .5rem .5rem .6rem;display:flex}.column__count{font-size:var(--step--1);color:var(--ink-soft)}.column__add{margin-left:auto}.column__cards{flex-direction:column;flex:1;gap:.5rem;min-height:3rem;padding:0 .5rem .75rem;display:flex;overflow-y:auto}.column__slot{flex-direction:column;gap:.5rem;display:flex}.column__empty{font-size:var(--step--1);color:var(--ink-soft);text-align:center;margin:0;padding:.5rem}.column .card,.drag-ghost .card{max-height:16rem;padding-top:1.1rem;position:relative}.card__grip{cursor:grab;touch-action:none;background:0 0;border:none;height:1.1rem;padding:0;position:absolute;top:0;left:0;right:0}.card__grip:after{content:"";background:rgb(var(--shade) / .18);border-radius:2px;width:28px;height:4px;position:absolute;top:.4rem;left:50%;translate:-50%}.card--lifted{opacity:.35}.drop-marker{background:var(--accent);border-radius:2px;flex:none;height:3px}.drag-ghost{z-index:2000000002;pointer-events:none;position:fixed;rotate:1.5deg}.drag-ghost .card{box-shadow:var(--shadow-lg);cursor:grabbing}.columns-view__filters{border-bottom:1px solid var(--line);background:var(--surface);font-size:var(--step--1);flex-wrap:wrap;align-items:center;gap:.4rem .6rem;padding:.5rem 1rem;display:flex}.columns-view__search{border:1px solid var(--line-strong);background:var(--field-bg-focus);width:min(22rem,100%);height:2rem;color:var(--ink);border-radius:6px;padding:0 .6rem}.columns-view__search:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgb(var(--accent-rgb) / .18);outline:none}.columns-view__count{color:var(--ink-soft)}.tag-filter{position:relative}.tag-filter__popover{z-index:20;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);width:max-content;max-width:min(22rem,100vw - 2rem);max-height:60vh;box-shadow:var(--shadow-md);padding:.75rem;position:absolute;top:calc(100% + 6px);left:0;overflow-y:auto}.filter-chip{color:var(--ink-soft);cursor:pointer;background:0 0;border:none;align-items:center;gap:.2rem;padding:0 .2rem 0 0;display:inline-flex}.column__grip{background:radial-gradient(circle, rgb(var(--shade) / .35) 1.2px, transparent 1.6px) 0 0 / 6px 6px;cursor:grab;touch-action:none;opacity:.6;border:none;border-radius:3px;flex:none;width:.75rem;height:1.4rem;margin-right:.1rem;padding:0}.column__grip:hover{opacity:1}.column[data-lifted=true]{opacity:.5}.column[data-drop-before=true]{box-shadow:-6px 0 0 -3px var(--accent)}.columns[data-drop-end=true] .column:last-child{box-shadow:6px 0 0 -3px var(--accent)}.app[data-layout=desktop] .list{padding-inline:max(1rem,50% - 22rem)}.app[data-layout=desktop] .sheet{width:min(44rem,92vw);height:90vh;box-shadow:0 0 0 100vmax var(--backdrop), var(--shadow-lg);border-radius:12px;inset:5vh auto auto 50%;overflow:hidden;translate:-50%}.sheet__tags{width:2rem;height:2rem}.topbar__history{gap:2px;display:flex}.topbar__history .mini{width:2rem;height:2rem}.topbar__history .mini .icon{width:18px;height:18px}.place-view{flex-direction:column;min-height:0;display:flex;overflow-y:auto}.place-view__header{padding:1rem max(1rem,50% - 22rem) 0}.place-view__header h2{font-size:var(--step-1);margin:0}.place-view__header p{font-size:var(--step--1);color:var(--ink-soft);margin:.25rem 0 0}.place-view__count{color:var(--ink-soft);font-weight:400}.place-view__empty-button{color:var(--danger);margin-top:.5rem}.place-view__none{color:var(--ink-soft);padding:1rem max(1rem,50% - 22rem)}.place-view .list{overflow:visible}.place-actions{border-top:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:.25rem;margin-top:.6rem;padding-top:.5rem;display:flex}.place-actions__info{font-size:var(--step--1);color:var(--ink-soft);margin-right:auto}.place-actions__danger{color:var(--danger)}.card[data-overflows=true]:has(.place-actions){-webkit-mask-image:none;mask-image:none}.login{place-items:center;min-height:100%;padding:1rem;display:grid}.login__card{border:1px solid var(--line);background:var(--surface);width:min(22rem,100%);box-shadow:var(--shadow-md);border-radius:12px;gap:1rem;padding:2rem 1.75rem 1.75rem;display:grid}.login__title{font-size:var(--step-2);letter-spacing:-.02em;margin:0 0 .25rem;font-weight:800}.login__card label{font-size:var(--step--1);gap:.3rem;font-weight:600;display:grid}.login__card input{border:1px solid var(--line-strong);background:var(--field-bg-focus);height:2.5rem;font-size:var(--step-0);border-radius:6px;padding:0 .7rem;font-weight:400}.login__card input:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgb(var(--accent-rgb) / .18);outline:none}.login__card .button{height:2.5rem;font-size:var(--step-0);justify-content:center}.login__error{color:var(--danger);font-size:var(--step--1);margin:0;font-weight:600}@media (prefers-reduced-motion:reduce){*{transition:none!important}}@media (width<=40rem){.topbar__user{display:none}.toast{bottom:calc(1rem + env(safe-area-inset-bottom))}}@media (width<=40rem),(pointer:coarse){.note input:not([type=checkbox],[type=file]),.note textarea,.sheet input:not([type=checkbox],[type=file]),.sheet textarea,.login__card input,.text-block__input[data-size=s],.text-block__input[data-font=mono]{font-size:max(16px,1em)}}@media (pointer:coarse){.note__handle{height:28px}.note__handle:after{opacity:1;top:12px}.note__resize{width:32px;height:32px}.note__resize:after{opacity:1;width:10px;height:10px;bottom:6px;right:6px}.tool{width:2.5rem;height:2.5rem}.swatch{width:28px;height:28px}.mini{width:2rem;height:2rem}.checklist__item{min-height:2.5rem}.checklist__item input[type=checkbox]{width:1.25rem;height:1.25rem}}