@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-vietnamese-wght-normal-BUzh504Q.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-latin-ext-wght-normal-CcLUaPy7.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-latin-wght-normal-DLoelf7F.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{color-scheme:light;--bg: #fbeed6;--card: #fffdf9;--ink: #3a2a18;--muted: #9b8b6e;--line: #f0e6cf;--brand: #c76f2f;--brand-ink: #ffffff;--green: #2f9e6f;--green-soft: #eafaf1;--green-ink: #1c7a52;--maybe: #f2b23a;--maybe-soft: #fdf2d7;--maybe-ink: #c99516;--no-soft: #f0ece3;--danger: #b03e2e;--danger-soft: #fdece9;--tint-green-bg: #eafaf1;--tint-green-fg: #2f9e6f;--tint-blue-bg: #f0f2fc;--tint-blue-fg: #3a5ccc;--tint-orange-bg: #fef1e0;--tint-orange-fg: #c76f2f;--tint-purple-bg: #f3f0fd;--tint-purple-fg: #6a4bd0;--tint-teal-bg: #e4f5f2;--tint-teal-fg: #1f8f80;--participant-red: #e5484d;--participant-blue: #3a5ccc;--participant-green: #2f9e6f;--participant-orange: #e08a1e;--participant-purple: #7a5af0;--participant-pink: #d6459a;--participant-teal: #0f9bb0;--font-sans: "Bricolage Grotesque Variable", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--text-page-title: clamp(1.5rem, 5vw, 2.2rem);--text-dialog-title: 1.25rem;--text-body: 1rem;--text-small: .8125rem;--text-meta: .78rem;--text-desc: .75rem;--text-eyebrow: .6875rem;--weight-semi: 600;--weight-bold: 700;--weight-black: 800;--tracking-title: -.02em;--tracking-chip: .07em;--space-1: .25rem;--space-3: .5rem;--space-5: .75rem;--space-7: 1rem;--space-8: 1.25rem;--space-9: 1.5rem;--space-10: 2rem;--radius: 18px;--radius-row: 14px;--radius-chip: 12px;--radius-field: 11px;--radius-pill: 999px;--width-reading: 44rem;--width-modal: 26rem;--shadow: 0 1px 2px rgb(56 41 15 / .04), 0 6px 20px rgb(56 41 15 / .06);--border-hairline: 1px solid var(--line);--border-dashed: 1.5px dashed var(--line);--backdrop-warm: rgb(30 26 20 / .4)}:root[data-theme=dark]{color-scheme:dark;--bg: #1f1a10;--card: #2a2417;--ink: #f2e9d8;--muted: #a89a80;--line: #3e3624;--brand: #e0873c;--brand-ink: #1f1a10;--green: #5fc492;--green-soft: #23392c;--green-ink: #7fd0a3;--maybe: #d9a832;--maybe-soft: #3c331b;--maybe-ink: #e3bc55;--no-soft: #37301f;--danger: #e08172;--danger-soft: #3a2320;--tint-green-bg: #1f3329;--tint-green-fg: #6cbf8e;--tint-blue-bg: #232a44;--tint-blue-fg: #93a7ee;--tint-orange-bg: #3d2c1a;--tint-orange-fg: #e0a06b;--tint-purple-bg: #2a2440;--tint-purple-fg: #ab97f0;--tint-teal-bg: #1a3330;--tint-teal-fg: #5cc3b3;--shadow: 0 1px 2px rgb(0 0 0 / .3), 0 4px 16px rgb(0 0 0 / .25);--backdrop-warm: rgb(10 8 5 / .66)}*{box-sizing:border-box}body{margin:0;min-height:100dvh;background:var(--bg);color:var(--ink);font-family:var(--font-sans);line-height:1.5}button{font:inherit;color:inherit;cursor:pointer;background:none;border:none;padding:0}input,textarea{font:inherit;color:inherit}a{color:var(--brand);text-decoration:none}a:hover{color:var(--ink)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.app{display:flex;flex-direction:column;height:100dvh;background:var(--card)}.masthead{flex:none;position:relative;z-index:2;display:flex;align-items:center;gap:var(--space-5);padding:.875rem var(--space-8);background:var(--card);box-shadow:0 1px 2px #38290f0a,0 6px 20px #38290f0f}.wordmark{display:flex;align-items:center;gap:var(--space-5);font-weight:var(--weight-black);font-size:1.0625rem;letter-spacing:var(--tracking-title)}.wordmark-badge{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:var(--brand);color:var(--brand-ink)}.search-field{width:320px;flex:none;display:flex;align-items:center;gap:var(--space-3);padding:.5rem .75rem;border:var(--border-hairline);border-radius:var(--radius-field);background:var(--bg);color:var(--muted);font-size:.9375rem}.search-field>svg{color:var(--muted)}.search-field kbd{margin-left:auto;flex:none;font:inherit;font-size:var(--text-eyebrow);font-weight:var(--weight-bold);padding:.15rem .4rem;border-radius:6px;background:var(--card);border:var(--border-hairline);color:var(--muted)}.masthead-spacer{flex:1}.whoami{display:flex;align-items:center;gap:9px;padding-left:4px;font-size:.9375rem;font-weight:var(--weight-semi)}.search-field input{flex:1;min-width:0;border:none;outline:none;background:none;color:var(--ink)}.body{flex:1;display:grid;grid-template-columns:232px minmax(0,1fr);min-height:0}.rail{overflow-y:auto;padding:18px 12px;border-right:var(--border-hairline);display:flex;flex-direction:column;gap:2px}.rail-group{margin:0 0 var(--space-3);display:flex;flex-direction:column;gap:2px}.rail-heading{margin:22px 0 8px .6rem}.rail-item{display:flex;align-items:center;gap:10px;width:100%;padding:.5rem .6rem;border-radius:var(--radius-row);font-size:.9375rem;text-align:left;min-width:0}.rail-item.shelf{gap:9px;padding:.4rem .6rem}.rail-item{transition:background-color .14s ease-out}.rail-item.is-aimed{background:var(--brand);color:var(--brand-ink)}.rail-item.is-aimed .count,.rail-item.is-aimed .rail-dot{color:inherit}.rail-item.is-aimed-danger{background:var(--danger)}.rail-item:hover{background:color-mix(in srgb,var(--bg) 55%,transparent)}.rail-item[aria-current=true]{background:var(--bg);font-weight:var(--weight-semi);color:var(--ink)}.rail-item.is-offered{background:color-mix(in srgb,var(--brand) 8%,transparent)}.rail-item .label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rail-item .count{flex:none;margin-left:auto;color:var(--muted);font-size:var(--text-small);font-weight:400}.rail-item .count.due{color:var(--brand);font-weight:var(--weight-bold)}.rail-dot{display:grid;place-items:center;flex:none;width:22px;height:22px;border-radius:var(--radius-chip)}.rail-add{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:.4rem .6rem;margin-top:6px;border:var(--border-dashed);border-radius:var(--radius-row);color:var(--muted);font-size:var(--text-small);font-weight:var(--weight-semi)}.rail-blurb{margin:var(--space-1) .6rem 0;font-size:var(--text-desc);line-height:1.45;color:var(--muted);text-wrap:pretty}.board{overflow-y:auto;padding:var(--space-9) var(--space-10);background:var(--bg)}.compose{display:flex;align-items:center;gap:var(--space-5);width:100%;padding:.8rem .9rem;margin-bottom:var(--space-5);border:var(--border-dashed);border-radius:var(--radius);background:var(--card);color:var(--muted);text-align:left;font-size:.9375rem}.compose.is-dropping{min-height:5.5rem;border:2px dashed var(--brand);background:var(--bg);color:var(--ink)}.compose{transition:min-height .12s ease-out}.compose-plus{display:grid;place-items:center;width:22px;height:22px;border-radius:7px;background:var(--brand);color:var(--brand-ink);line-height:1}.compose-hint{margin-left:auto;font-size:var(--text-desc)}.tag-band{margin:calc(-1 * var(--space-9)) calc(-1 * var(--space-10)) var(--space-9);padding:var(--space-7) var(--space-10) var(--space-5);display:flex;flex-direction:column;gap:var(--space-5);background:var(--card);box-shadow:0 1px 2px #38290f0a}.tag-band-head{display:flex;align-items:flex-start;gap:14px}.tag-band-head .btn{flex:none;white-space:nowrap}.tag-band-mark{display:grid;place-items:center;flex:none;width:44px;height:44px;border-radius:12px}.tag-band-name{display:flex;flex-direction:column;gap:3px;min-width:0}.tag-band-name h1{margin:0;font-size:1.5rem;font-weight:var(--weight-black);letter-spacing:-.02em}.tag-band-name .muted{font-size:.8125rem;color:var(--muted)}.tag-band-also{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.tag-band-also .muted{font-size:var(--text-desc);color:var(--muted)}.link-danger{color:var(--danger);font-size:var(--text-small);font-weight:var(--weight-semi)}.link-danger:hover{text-decoration:underline}.board-toolbar{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-8)}.board-title{font-size:1.375rem;font-weight:var(--weight-black);letter-spacing:var(--tracking-title);margin:0 auto 0 0}.pill-button{display:inline-flex;align-items:center;gap:5px;padding:.35rem .75rem;border:var(--border-hairline);border-radius:var(--radius-pill);background:var(--card);font-size:var(--text-small);font-weight:var(--weight-semi)}.section-heading{margin:var(--space-9) 0 var(--space-5)}.board .runs>section:first-of-type>.section-heading{margin-top:0}.runs{width:100%}.masonry{position:relative;width:100%}.card{display:flex;flex-direction:column;gap:var(--space-3);width:100%;padding:.9rem 1rem;border:var(--border-hairline);border-radius:var(--radius);background:var(--card);box-shadow:var(--shadow);text-align:left;transition:transform .1s ease-out;overflow:hidden}.card-photo{display:block;margin:-.9rem -1rem 0;background:var(--bg)}.card-photo img{display:block;width:100%;height:180px;object-fit:cover}.card-wordless{padding:0;gap:0}.card-wordless .card-photo{margin:0}.card-wordless .card-photo img{height:100%}.card-wordless .card-meta:empty{display:none}.card-wordless .card-meta:not(:empty){padding:.6rem 1rem .7rem}.sortable:hover .card{transform:translateY(-1px)}.card-open{display:flex;flex-direction:column;gap:var(--space-3);width:100%;text-align:left}.card-title{font-weight:var(--weight-bold);font-size:var(--text-body);line-height:1.3}.card-preview{margin:0;display:block;font-size:.875rem;line-height:1.5;color:var(--muted);display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.card-checklist{display:flex;flex-direction:column;gap:3px;font-size:.875rem}.card-check{display:flex;align-items:flex-start;gap:7px;color:var(--ink);text-align:left;line-height:1.4}.card-check.done{color:var(--muted);text-decoration:line-through}.card-check.more{padding-left:22px;font-size:var(--text-desc)}.box{flex:none;width:15px;height:15px;border:1.5px solid var(--line);border-radius:5px;display:inline-grid;place-items:center;background:var(--card)}.card-check .box{margin-top:2px}.card-check.done .box,.cm-line .box[aria-checked=true]{background:var(--green-soft);border-color:var(--green);color:var(--green-ink)}.cm-line .box{vertical-align:-2px;margin-right:7px}.card-meta{display:flex;align-items:center;flex-wrap:wrap;gap:6px;font-size:var(--text-desc);font-weight:var(--weight-semi);color:var(--muted)}.tag-pill{padding:.15rem .5rem;border-radius:var(--radius-pill);font-size:var(--text-desc);font-weight:var(--weight-semi)}.tag-pill-removable{display:inline-flex;align-items:center;gap:3px;padding-right:.2rem}.tag-pill-x{display:inline-flex;padding:2px;border-radius:var(--radius-pill);color:inherit;opacity:.55}.tag-pill-x:hover,.tag-pill-x:focus-visible{opacity:1;background:color-mix(in srgb,currentColor 16%,transparent)}.reminder-pill{padding:.15rem .5rem;border-radius:var(--radius-pill);background:var(--maybe-soft);color:var(--maybe-ink);font-size:var(--text-desc);font-weight:var(--weight-semi)}.note-flag{padding:.15rem .5rem;border-radius:var(--radius-pill);background:var(--no-soft);color:var(--muted);font-size:var(--text-desc)}.avatar{display:grid;place-items:center;border-radius:50%;color:#fff;font-weight:var(--weight-bold);flex:none}.chip{display:inline-block;font-size:var(--text-eyebrow);font-weight:var(--weight-bold);letter-spacing:var(--tracking-chip);text-transform:uppercase;color:var(--brand)}.empty{max-width:var(--width-reading);padding:var(--space-10) 0}.empty h2{margin:0 0 var(--space-3);font-size:1.25rem;letter-spacing:var(--tracking-title)}.empty p{margin:0;color:var(--muted);text-wrap:pretty}.btn{display:inline-block;border-radius:var(--radius-pill);padding:.6rem 1.25rem;font-weight:var(--weight-semi);border:var(--border-hairline);background:var(--card);color:var(--ink);text-align:center;transition:filter .15s,transform .1s ease-out}.btn-danger{background:var(--danger);color:var(--card);border-color:var(--danger)}.btn:hover{filter:brightness(.96)}.btn:active:not(:disabled){transform:scale(.97)}.btn-primary{background:var(--brand);border-color:var(--brand);color:var(--brand-ink)}.btn-ghost{border-style:dashed;color:var(--muted)}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;background:var(--backdrop-warm)}.modal{position:fixed;z-index:21;top:50%;left:50%;transform:translate(-50%,-50%);width:min(var(--width-modal),calc(100vw - 2rem));max-height:calc(100dvh - 4rem);overflow:auto;padding:var(--space-9);border-radius:var(--radius);background:var(--card);box-shadow:var(--shadow)}.modal-wide{width:min(var(--width-reading),calc(100vw - 3rem));padding:0}.menu-trigger-plain{display:inline-flex;align-items:center;border-radius:var(--radius-pill);padding:2px}.menu-trigger-plain:hover{background:color-mix(in srgb,var(--bg) 55%,transparent)}.menu{position:relative;z-index:40;min-width:12rem;padding:var(--space-1);border:var(--border-hairline);border-radius:var(--radius-row);background:var(--card);box-shadow:var(--shadow)}.menu-item{padding:.45rem .6rem;border-radius:10px;font-size:.9375rem;outline:none;cursor:pointer}.menu-label{padding:.45rem .6rem .2rem;font-size:var(--text-desc);font-weight:var(--weight-semi);letter-spacing:var(--tracking-chip, .04em);text-transform:uppercase;color:var(--muted)}.menu-item{display:flex;align-items:center;gap:var(--space-3)}.menu-item[data-highlighted]{background:var(--bg)}.menu-item[data-disabled]{color:var(--muted);cursor:default}.menu-item-icon{display:inline-flex;flex:none;color:inherit}.menu-item-label{flex:1;white-space:nowrap}.menu-item-hint{flex:none;font-size:var(--text-desc);color:var(--muted)}.menu-separator{height:1px;margin:var(--space-1) var(--space-3);background:var(--line)}.menu-item-danger{color:var(--danger)}.editor{display:flex;flex-direction:column;max-height:calc(100dvh - 4rem)}.editor-head{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-7) var(--space-9);border-bottom:var(--border-hairline)}.editor-tags{display:flex;align-items:center;flex-wrap:wrap;gap:6px;padding:var(--space-5) var(--space-9) 0;position:relative}.tag-picker-anchor{position:relative;display:inline-flex}.tag-picker{position:absolute;z-index:2;top:calc(100% + 6px);left:0;width:15rem;padding:var(--space-3);border:var(--border-hairline);border-radius:var(--radius-row);background:var(--card);box-shadow:var(--shadow)}.tag-picker-field{font-size:var(--text-small)}.tag-picker-list{max-height:13rem;margin-top:var(--space-3);overflow-y:auto}.tag-row{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:.3rem .35rem;border-radius:10px;font-size:var(--text-small);text-align:left}.tag-row.is-active{background:var(--bg)}.tag-row-tick{display:inline-flex;justify-content:center;width:13px;color:var(--brand)}.tag-picker-empty{margin:0;padding:.35rem;font-size:var(--text-small);color:var(--muted)}.editor.is-dropping{position:relative;outline:2px dashed var(--brand);outline-offset:-6px;border-radius:var(--radius)}.editor-drop{position:absolute;z-index:3;top:50%;left:50%;transform:translate(-50%,-50%);padding:.55rem 1rem;border-radius:var(--radius-pill);background:var(--brand);color:var(--brand-ink);font-size:var(--text-small);font-weight:var(--weight-semi);pointer-events:none}.editor-images{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;padding:var(--space-5) var(--space-9) 0}.editor-images[data-count="1"]{grid-template-columns:minmax(0,1fr)}.editor-image{position:relative;margin:0;border-radius:14px;overflow:hidden;background:var(--bg)}.editor-image img{display:block;width:100%;height:190px;object-fit:cover}.editor-files{display:flex;flex-direction:column;gap:6px;padding:0 var(--space-9) var(--space-5)}.file-row{display:flex;align-items:center;gap:9px;padding:.55rem .75rem;border:var(--border-hairline);border-radius:14px;background:var(--bg)}.file-row a{display:flex;align-items:center;gap:9px;flex:1;min-width:0;color:inherit}.file-mark{display:flex;align-items:center;justify-content:center;flex:none;width:26px;height:26px;border-radius:12px;background:var(--tint-purple-bg);color:var(--tint-purple-fg)}.file-name{min-width:0;font-size:.8125rem;font-weight:var(--weight-semi);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-size{display:block;font-weight:var(--weight-regular, 400);font-size:var(--text-desc);color:var(--muted)}.file-remove{display:grid;place-items:center;flex:none;width:24px;height:24px;border-radius:var(--radius-pill);color:var(--muted)}.file-remove:hover{background:var(--card);color:var(--ink)}.editor-image .file-remove{position:absolute;top:6px;right:6px;background:color-mix(in srgb,var(--card) 82%,transparent);color:var(--ink)}.file-note{margin:0;font-size:var(--text-small);color:var(--muted)}.file-note-bad{color:var(--danger)}.toolbar-divider{width:1px;height:20px;margin:0 .35rem;background:var(--line)}.toolbar-button:disabled{opacity:.4}.editor-surface{flex:1;min-height:14rem;overflow:auto;padding:var(--space-5) var(--space-9)}.editor-foot{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-5) var(--space-9);border-top:var(--border-hairline);font-size:var(--text-small);color:var(--muted)}.toolbar-button{min-width:2rem;padding:.25rem .5rem;border-radius:9px;font-size:var(--text-small);font-weight:var(--weight-semi)}.toolbar-button:hover{background:var(--bg)}.cm-editor{font-size:var(--text-body);background:transparent}.cm-editor .cm-content,.cm-editor .cm-line{font-family:var(--font-sans)}.cm-editor.cm-focused{outline:none}.cm-content{padding:0;caret-color:var(--brand);line-height:1.6}.cm-line{padding:0}.tack-h1{font-size:1.375rem;font-weight:var(--weight-black);letter-spacing:var(--tracking-title)}.tack-h2{font-size:1.125rem;font-weight:var(--weight-bold)}.tack-strong{font-weight:var(--weight-bold)}.tack-em{font-style:italic}.tack-mark{color:var(--muted)}.tack-done{color:var(--muted);text-decoration:line-through}.segmented{display:inline-flex;flex:none;padding:2px;border:var(--border-hairline);border-radius:var(--radius-pill);background:var(--bg)}.segment{padding:.2rem .6rem;border-radius:var(--radius-pill);font-size:var(--text-desc);font-weight:var(--weight-semi);color:var(--muted);white-space:nowrap}.segment[aria-pressed=true]{background:var(--card);color:var(--ink);box-shadow:var(--shadow)}.segment:hover{color:var(--ink)}.tack-bullet{color:var(--muted)}.shortcut{display:flex;align-items:baseline;gap:var(--space-5);font-size:.9375rem}.shortcut-keys{display:flex;flex:none;gap:4px;min-width:5.5rem}.shortcut kbd{display:inline-grid;place-items:center;min-width:1.55rem;padding:.1rem .35rem;border:var(--border-hairline);border-radius:6px;background:var(--bg);font:inherit;font-size:var(--text-desc);font-weight:var(--weight-semi);color:var(--muted)}.banner{flex:none;display:flex;align-items:center;gap:var(--space-5);padding:.5rem var(--space-8);background:var(--maybe-soft);color:var(--maybe-ink);font-size:var(--text-small);font-weight:var(--weight-semi)}.banner .pending{margin-left:auto;font-weight:400}.signin{display:grid;place-items:center;min-height:100dvh;padding:var(--space-8)}.signin-card{width:min(24rem,100%);padding:var(--space-10);border-radius:var(--radius);background:var(--card);box-shadow:var(--shadow);text-align:center}.signin-card h1{margin:var(--space-5) 0 var(--space-3);font-size:var(--text-page-title);letter-spacing:var(--tracking-title)}.signin-card p{margin:0 0 var(--space-8);color:var(--muted);text-wrap:pretty}.signin-why{margin-top:var(--space-8);font-size:var(--text-desc);line-height:1.5}.results-group{margin-bottom:var(--space-9)}.result-row{display:flex;align-items:baseline;gap:var(--space-5);width:100%;padding:.6rem .75rem;border-radius:var(--radius-row);text-align:left}.result-row:hover{background:var(--card)}.result-row .where{margin-left:auto;flex:none;color:var(--muted);font-size:var(--text-desc)}.field{width:100%;padding:.6rem .75rem;border:var(--border-hairline);border-radius:var(--radius-field);background:var(--bg);outline:none}.field:focus{border-color:var(--brand)}.swatches{display:flex;flex-wrap:wrap;gap:9px}.swatch{width:28px;height:28px;border-radius:50%;flex:none}.swatch[aria-pressed=true]{box-shadow:0 0 0 2px var(--card),0 0 0 4px currentColor}.stack{display:flex;flex-direction:column;gap:var(--space-5)}.row{display:flex;align-items:center;gap:var(--space-3)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.sortable{position:absolute;touch-action:none;transition:left .18s ease,top .18s ease,transform .18s ease}.sortable .card{-webkit-user-select:none;user-select:none}.sortable-handle{position:absolute;top:6px;right:6px;display:grid;place-items:center;width:26px;height:26px;border-radius:9px;color:var(--muted);cursor:grab;opacity:0;transition:opacity .12s;touch-action:none}.sortable:hover .sortable-handle,.sortable-handle:focus-visible{opacity:1}.sortable-handle:hover{background:var(--bg);color:var(--ink)}.sortable:has(.card-photo) .sortable-handle{background:color-mix(in srgb,var(--card) 82%,transparent);color:var(--ink)}.sortable-handle:focus-visible{outline:2px solid var(--brand);outline-offset:1px}.sortable.is-open{visibility:hidden}.sortable.dragging{z-index:1}.sortable.dragging .sortable-handle{cursor:grabbing}.sortable.dragging .card{box-shadow:0 2px 4px #38290f14,0 16px 40px #38290f29;opacity:.95}.sortable.dragging .card,.sortable-handle:focus-visible~.card{outline:2px solid var(--brand);outline-offset:3px}.plate{display:grid;place-items:center;flex:none;width:34px;height:34px;border-radius:var(--radius-row);background:var(--card);border:var(--border-hairline);box-shadow:var(--shadow);color:var(--ink);transition:filter .15s,transform .1s ease-out}.plate:hover{filter:brightness(.97)}.plate:active{transform:scale(.94)}.sheet{position:fixed;left:0;right:0;bottom:0;z-index:30;max-height:82dvh;overflow-y:auto;padding:0 0 max(env(safe-area-inset-bottom),12px);background:var(--card);border-radius:var(--radius-sheet) var(--radius-sheet) 0 0;box-shadow:0 -2px 6px #38290f0f,0 -18px 48px #38290f29;animation:sheet-rise .22s ease-out}@keyframes sheet-rise{0%{transform:translateY(100%)}}.sheet:focus-visible{outline:none}.sheet-grip{width:38px;height:4px;margin:10px auto 2px;border-radius:999px;background:var(--line)}.sheet .rail{border-right:none;padding:6px 12px 12px;overflow:visible}@media(max-width:47.99rem){.masthead{gap:10px;padding:10px 14px}.masthead-title{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:1.0625rem;font-weight:var(--weight-black);letter-spacing:var(--tracking-title)}.masthead.searching .search-field.grown{flex:1;width:auto;height:38px}.body{grid-template-columns:minmax(0,1fr)}.board{padding:var(--space-7) var(--space-5) var(--space-10)}.board-toolbar{margin-bottom:var(--space-5)}.tag-band{margin:calc(-1 * var(--space-7)) calc(-1 * var(--space-5)) var(--space-7);padding:var(--space-5) var(--space-5) var(--space-5)}.board-title{font-size:1.25rem}.modal-wide{top:0;right:0;bottom:0;left:0;transform:none;width:100%;max-width:none;max-height:none;height:100dvh;border-radius:0}.modal-wide .editor{max-height:100dvh;height:100dvh}.editor-head,.editor-tags,.editor-images,.editor-files,.editor-surface,.editor-foot{padding-left:var(--space-5);padding-right:var(--space-5)}.editor-images{grid-template-columns:minmax(0,1fr)}.tag-picker-anchor{position:static}.tag-picker{left:var(--space-5);right:var(--space-5);width:auto}.markdown-hint{display:none}.modal:not(.modal-wide){top:auto;bottom:0;left:0;transform:none;width:100%;border-radius:var(--radius-sheet) var(--radius-sheet) 0 0;padding-bottom:max(env(safe-area-inset-bottom),var(--space-9))}.sortable-handle{opacity:1}}.modal-wide{view-transition-name:tack-note}::view-transition-group(tack-note){animation-duration:.26s;animation-timing-function:cubic-bezier(.2,0,0,1)}::view-transition-old(tack-note),::view-transition-new(tack-note){height:100%;overflow:clip;object-fit:none;object-position:top left;animation-duration:.26s;box-shadow:var(--shadow);border-radius:var(--radius)}::view-transition-old(tack-note){animation-name:note-morph-out}::view-transition-new(tack-note){animation-name:note-morph-in}@keyframes note-morph-out{to{opacity:0}}@keyframes note-morph-in{0%{opacity:0}}::view-transition-old(root),::view-transition-new(root){animation-duration:.18s}@media(prefers-reduced-motion:reduce){::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}}