/* Generated 2026-11-02 from the live /afterclip-next/ desk: every rule that styles the three sample notes and the capture bar, scoped to .lp-desk. Regenerate rather than hand-edit. */
:root { --bg: #F8F6EF; --ink: #343b32; --muted: #83887b; --green: #50644b; --line: #dedfd2; --yellow: #f4e8a6; --sage: #dbe4cd; --pink: #efdad2; --blue: #dce6ea; --lilac: #e5dff0; --cream: #eee8d9; }
:root { --rule: #e5e3d7; --chip: #edede2; --chip-active: #e9eadd; --float-bg: #fbfaf4d9; --ink-soft: #6c745f; --ink-faint: #858c79; }
:root { --paper-white: #fff; --paper-gray: #E9E9E5; --paper-warm: #F5F0E3; --paper-dark: #1B1B1A; --paper-dark-text: #F3F2EE; --paper-dark-sub: #aaa9a2; --paper-dark-body: #C9C8C1; --paper-dark-rule: #40403c; --bg: #F3F2EE; --desk: #ECEBE6; --surface: #fff; --ink: #161615; --ink-2: #55554F; --ink-3: #8E8D86; --ink-4: #B9B8B1; --muted: #8E8D86; --line: #E2E0D9; --line-2: #D5D3CB; --green: #161615; --rule: #E2E0D9; --chip: #E7E5DF; --chip-active: #fff; --float-bg: #F3F2EE; --ink-soft: #55554F; --ink-faint: #8E8D86; --accent: #E2502C; --mono: "SF Mono","JetBrains Mono","IBM Plex Mono",ui-monospace,Menlo,monospace; --serif: "Songti SC","STSong","Noto Serif SC","Source Han Serif SC",serif; --sans: -apple-system,BlinkMacSystemFont,"PingFang SC","Helvetica Neue","Hiragino Sans GB",sans-serif; --shadow-paper: 0 1px 1px rgba(22,22,21,.04),0 8px 16px -8px rgba(22,22,21,.14),0 28px 44px -28px rgba(22,22,21,.22); }
:root { --page-max: 1600px; --page-gutter: 48px; --page-edge: max(var(--page-gutter),calc((100vw - var(--page-max))/2 + var(--page-gutter))); }
:root { --bg: #ECEAE4; --ink: #2A2925; --ink-2: #5B5952; --ink-3: #8C897F; --ink-4: #B4B0A6; --line: #D9D5CC; --line-2: #C9C4B9; --chip: #E2DFD8; --accent: #B5482C; --paper-letter: #DEDAD1; --paper-white: #FFFFFF; --paper-warm: #EDE6D6; --paper-dark: #23221F; --shadow-paper: 0 1px 1px rgba(42,41,37,.05),0 10px 18px -10px rgba(42,41,37,.18),0 30px 46px -30px rgba(42,41,37,.26); --shadow-lift: 0 1px 1px rgba(42,41,37,.06),0 20px 32px -14px rgba(42,41,37,.24),0 50px 72px -36px rgba(42,41,37,.32); --shadow-pop: 0 2px 4px rgba(42,41,37,.05),0 24px 50px -20px rgba(42,41,37,.3),0 0 0 .5px rgba(42,41,37,.08); --latin: "Outfit","Avenir Next",sans-serif; --sans: "Outfit",-apple-system,BlinkMacSystemFont,"PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif; --ease: cubic-bezier(.2,.7,.2,1); --ease-out: cubic-bezier(.16,1,.3,1); --grain: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 .16 0 0 0 0 .15 0 0 0 0 .13 0 0 0 .55 0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>"); --grain-soft: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='200' height='200'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 .16 0 0 0 0 .15 0 0 0 0 .13 0 0 0 .2 0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>"); --grain-faint: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='200' height='200'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.95' numOctaves='3' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 .16 0 0 0 0 .15 0 0 0 0 .13 0 0 0 .1 0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>"); --fibre: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='240' height='240'><filter id='f'><feTurbulence type='fractalNoise' baseFrequency='.012 .09' numOctaves='2' seed='7' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 .2 0 0 0 0 .18 0 0 0 0 .15 0 0 0 .5 0'/></filter><rect width='100%25' height='100%25' filter='url(%23f)'/></svg>"); }
:root { --paper-gray: var(--paper-letter); --paper-dark-text: #EEEBE3; --paper-dark-sub: #9C998F; --paper-dark-body: #C6C2B8; --paper-dark-rule: rgba(238,235,227,.14); --surface: var(--paper-white); --desk: var(--bg); --muted: var(--ink-3); --ink-soft: var(--ink-2); --ink-faint: var(--ink-3); --rule: var(--line); --line-2: #C9C4B9; --green: var(--ink); --float-bg: var(--bg); --chip-active: var(--paper-white); --serif: var(--sans); --mono: var(--latin); --paper-edge: rgba(42,41,37,.05); --paper-light: rgba(255,255,255,.22); --paper-shade: rgba(42,41,37,.025); --focus-ink: rgba(42,41,37,.12); --surface-soft: #FAF9F6; --veil: rgba(236,234,228,.62); }
:root { --modal-radius: 4px; --modal-x: 40px; --modal-y: 32px; --modal-title: 26px; --modal-body: 13px; --modal-close: 32px; --field-radius: 18px; --field-height: 52px; --field-focus: var(--ink-3); }
.lp-desk * { box-sizing: border-box; }
.lp-desk button, .lp-desk input, .lp-desk textarea, .lp-desk select { font: inherit; color: inherit; }
.lp-desk button, .lp-desk a, .lp-desk input, .lp-desk textarea, .lp-desk select { -webkit-tap-highlight-color: transparent; }
.lp-desk button { cursor: pointer; border: 0px; background: none; }
.lp-desk a { color: inherit; }
.lp-desk button:focus-visible, .lp-desk a:focus-visible { outline: 2px solid var(--green); outline-offset: 5px; }
.lp-desk button { transition: background 0.2s, transform 0.2s, opacity 0.2s; }
.lp-desk button:active { transform: scale(0.97); }
.lp-desk svg { display: inline-block; vertical-align: middle; flex-shrink: 0; }
.lp-desk button svg { pointer-events: none; }
.lp-desk .note { position: absolute; width: 258px; height: 262px; border: 1px solid rgba(88, 96, 61, 0.024); border-radius: 2px 3px 17px; padding: 23px 22px 17px; background: var(--paper); box-shadow: rgba(77, 85, 61, 0.035) 1px 7px 10px, rgba(77, 85, 61, 0.25) 2px 16px 24px -16px; transform: rotate(var(--rotation,0deg)); transition: box-shadow 0.2s, transform 0.25s; display: flex; flex-direction: column; cursor: grab; touch-action: none; user-select: none; will-change: transform; }
.lp-desk .note::before { content: ""; pointer-events: none; position: absolute; inset: 0px; background: linear-gradient(175deg, rgba(255, 255, 255, 0.2), transparent 32%, rgba(255, 255, 255, 0.067) 78%, rgba(61, 72, 40, 0.027)); border-radius: inherit; }
.lp-desk .note::after { content: ""; position: absolute; bottom: 0px; right: 0px; width: 19px; height: 19px; background: linear-gradient(135deg, transparent 47%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.2) 68%, rgba(98, 108, 65, 0.082)); border-radius: 0px 0px 15px; pointer-events: none; }
.lp-desk .note:hover { box-shadow: rgba(77, 85, 61, 0.098) 2px 12px 25px; z-index: 9 !important; }
.lp-desk .note:focus-visible { outline: rgb(110, 129, 93) dashed 2px; outline-offset: 6px; }
.lp-desk .note-head { display: flex; align-items: center; justify-content: space-between; color: rgb(114, 121, 102); font-size: 9px; letter-spacing: 0.6px; margin-bottom: 13px; pointer-events: none; }
.lp-desk .source { display: flex; align-items: center; gap: 5px; max-width: 172px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.lp-desk .note .open-note { padding: 0px; text-align: left; font-size: 18px; line-height: 1.55; letter-spacing: -0.3px; font-weight: 500; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; flex-shrink: 0; z-index: 1; }
.lp-desk .note .open-note:hover { opacity: 0.7; }
.lp-desk .note-bottom { display: flex; align-items: center; justify-content: space-between; margin-top: auto; padding-top: 13px; color: rgb(131, 138, 117); font-size: 9px; z-index: 1; }
.lp-desk .done-button { width: 27px; height: 27px; border: 1px solid rgba(111, 125, 91, 0.27); border-radius: 50%; display: grid; place-items: center; color: rgb(101, 120, 80); background: rgba(255, 255, 255, 0.07); }
.lp-desk .done-button:hover { background: rgba(255, 255, 255, 0.6); transform: rotate(-10deg); }
.lp-desk .note-art { height: 94px; flex-shrink: 0; border-radius: 5px; overflow: hidden; margin: 2px 0px 11px; position: relative; pointer-events: none; background: rgb(197, 213, 190); }
.lp-desk .video-play { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 27px; height: 27px; border-radius: 50%; background: rgba(255, 255, 255, 0.6); display: grid; place-items: center; font-size: 9px; color: rgb(79, 91, 73); }
.lp-desk .note.has-art .open-note { font-size: 16px; -webkit-line-clamp: 2; line-height: 1.5; }
.lp-desk .note.has-art .note-head { margin-bottom: 10px; }
.lp-desk .note.has-art .note-bottom { padding-top: 9px; }
.lp-desk .note.has-art { padding-top: 20px; }
@media (max-width: 1000px){.lp-desk .note { width: 238px; height: 252px; padding: 20px; }}
@media (max-width: 700px){.lp-desk .note { width: calc(-32.5px + 50vw); height: 230px; padding: 18px 14px 13px; border-radius: 2px 2px 12px; }}
@media (max-width: 700px){.lp-desk .note .open-note { font-size: 15px; line-height: 1.6; }}
@media (max-width: 700px){.lp-desk .note-head { font-size: 7px; letter-spacing: 0px; margin-bottom: 11px; }}
@media (max-width: 700px){.lp-desk .source { max-width: 100%; }}
@media (max-width: 700px){.lp-desk .source svg { width: 11px; }}
@media (max-width: 700px){.lp-desk .note-bottom { font-size: 8px; }}
@media (max-width: 700px){.lp-desk .note.has-art { padding-top: 18px; }}
@media (max-width: 700px){.lp-desk .note.has-art .open-note { font-size: 13px; }}
@media (max-width: 700px){.lp-desk .note-art { height: 80px; margin-bottom: 8px; }}
@media (prefers-reduced-motion: reduce){.lp-desk *, .lp-desk ::before, .lp-desk ::after { animation-duration: 0.01ms !important; transition: none !important; scroll-behavior: auto !important; }}
.lp-desk .note { height: 326px; }
.lp-desk .note.has-art { padding-top: 19px; }
.lp-desk .source { gap: 7px; max-width: 210px; font-size: 10px; letter-spacing: 0.2px; }
.lp-desk .source-logo { display: inline-flex; align-items: center; justify-content: center; width: 21px; height: 21px; flex-shrink: 0; line-height: 1; font-weight: 600; overflow: hidden; border-radius: 5px; background: rgba(255, 255, 255, 0.314); color: rgb(95, 112, 80); }
.lp-desk .source-logo svg { width: 21px !important; height: 21px; }
.lp-desk .note-head { margin-bottom: 13px; min-height: 21px; }
.lp-desk .note .open-note { font-size: 19px; line-height: 1.45; }
.lp-desk .note.has-art .open-note { font-size: 16px; line-height: 1.45; }
.lp-desk .note-author { font-size: 10px; line-height: 1.6; color: rgb(122, 133, 109); margin: 7px 0px 0px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; flex-shrink: 0; }
.lp-desk .note-art { width: 100%; height: 104px; padding: 0px; margin: 0px 0px 11px; pointer-events: auto; border: 0px; border-radius: 5px; cursor: pointer; position: relative; flex-shrink: 0; background: rgba(143, 159, 124, 0.11); }
.lp-desk .note-art img, .lp-desk .note-art video { width: 100%; height: 100%; object-fit: cover; display: block; pointer-events: none; }
.lp-desk .note.has-art .note-bottom { padding-top: 10px; }
.lp-desk .thought-area { margin-top: auto; padding-top: 18px; position: relative; z-index: 2; cursor: text; touch-action: auto; }
.lp-desk .thought-button { text-align: left; padding: 0px; width: 100%; font-size: 11px; line-height: 1.8; color: rgb(115, 128, 102); min-height: 25px; border-bottom: 1px dashed transparent; white-space: pre-wrap; overflow-wrap: anywhere; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; cursor: text; }
.lp-desk .thought-button:hover { border-color: rgba(137, 152, 120, 0.44); }
.lp-desk .thought-button.placeholder { color: rgb(143, 153, 130); }
.lp-desk .thought-button.placeholder::before { content: "＋ "; opacity: 0.6; }
.lp-desk .note.has-art .thought-area { padding-top: 9px; }
.lp-desk .note .note-bottom { margin-top: 0px; padding-top: 12px; }
.lp-desk .meta-time { display: flex; flex-direction: column; gap: 4px; font-size: 8px; line-height: 1.5; }
.lp-desk .meta-time a { font-size: 9px; text-decoration: none; }
.lp-desk .note .done-button { width: 29px; height: 29px; flex-shrink: 0; }
.lp-desk .note.has-art .thought-button { -webkit-line-clamp: 1; }
@media (max-width: 1000px){.lp-desk .note { height: 326px; }}
@media (max-width: 700px){.lp-desk .note { height: 316px; padding: 17px 13px 13px; }}
@media (max-width: 700px){.lp-desk .source { font-size: 8px; gap: 5px; }}
@media (max-width: 700px){.lp-desk .source-logo { width: 18px; height: 18px; }}
@media (max-width: 700px){.lp-desk .source-logo svg { width: 18px !important; height: 18px; }}
@media (max-width: 700px){.lp-desk .note .open-note { font-size: 15px; line-height: 1.5; }}
@media (max-width: 700px){.lp-desk .note.has-art .open-note { font-size: 14px; }}
@media (max-width: 700px){.lp-desk .note-author { font-size: 9px; margin-top: 5px; }}
@media (max-width: 700px){.lp-desk .note-art { height: 87px; margin-bottom: 9px; }}
@media (max-width: 700px){.lp-desk .note.has-art { padding-top: 17px; }}
@media (max-width: 700px){.lp-desk .thought-area { padding-top: 15px; }}
@media (max-width: 700px){.lp-desk .thought-button { font-size: 10px; }}
@media (max-width: 700px){.lp-desk .note.has-art .thought-area { padding-top: 9px; }}
@media (max-width: 700px){.lp-desk .note-bottom { padding-top: 9px; }}
@media (max-width: 700px){.lp-desk .meta-time { font-size: 7px; }}
@media (max-width: 700px){.lp-desk .meta-time a { font-size: 8px; }}
@media (max-width: 700px){.lp-desk .note .done-button { width: 27px; height: 27px; }}
.lp-desk .board .note { max-width: calc(100% - 36px); }
.lp-desk .note:hover { z-index: var(--layer,9) !important; }
.lp-desk .note .note-head, .lp-desk .note .note-author, .lp-desk .note .note-bottom { flex-shrink: 0; }
.lp-desk .note .thought-area { display: flex; flex: 1 1 auto; min-height: 30px; max-height: 142px; margin-top: 10px; padding-top: 0px; overflow: hidden; }
.lp-desk .note.has-art .thought-area { margin-top: 8px; padding-top: 0px; max-height: 76px; }
.lp-desk .note .thought-button { display: block; -webkit-line-clamp: unset; width: 100%; min-height: 25px; height: 100%; padding: 0px 3px 0px 0px; margin: 0px; border: 0px; border-radius: 0px; outline: none; background: transparent; box-shadow: none; color: rgb(115, 128, 102); font-size: 11px; line-height: 1.8; white-space: pre-wrap; overflow-wrap: anywhere; overflow: hidden auto; overscroll-behavior: contain; scrollbar-width: thin; scrollbar-color: rgba(165, 175, 151, 0.4) transparent; user-select: text; touch-action: pan-y; cursor: text; }
.lp-desk .note .thought-button:hover, .lp-desk .note .thought-button:focus, .lp-desk .note .thought-button:focus-visible { border: 0px; outline: none; background: transparent; box-shadow: none; }
.lp-desk .note .thought-button.placeholder { color: rgb(143, 153, 130); }
.lp-desk .note .thought-button.placeholder::before { content: "＋ "; opacity: 0.6; }
.lp-desk .note .open-note { overflow-wrap: anywhere; }
@media (min-width: 701px){.lp-desk .note.has-art .note-art { height: 92px; }}
@media (min-width: 701px){.lp-desk .note.has-art .note-bottom { padding-top: 6px; }}
@media (max-width: 700px){.lp-desk .note .thought-button { font-size: 10px; }}
@media (max-width: 700px){.lp-desk .note .thought-area { max-height: 146px; }}
@media (max-width: 700px){.lp-desk .note.has-art .thought-area { max-height: 89px; }}
.lp-desk .note .note-head { gap: 8px; align-items: center; }
.lp-desk .note .note-head .source { min-width: 0px; flex: 1 1 0%; }
.lp-desk .note .thought-area { flex: 1 1 0px; min-height: 0px; max-height: 142px; overflow: hidden; }
.lp-desk .note.has-art .thought-area { max-height: 76px; min-height: 0px; }
.lp-desk .note .thought-button { flex: 1 1 0px; min-height: 0px; height: auto; max-height: 100%; overflow: hidden auto; }
.lp-desk .note .note-bottom { margin-top: auto; flex: 0 0 auto; }
.lp-desk .note .note-remove { flex: 0 0 auto; width: 24px; height: 24px; padding: 5px; display: grid; place-items: center; border-radius: 6px; color: rgb(137, 146, 124); pointer-events: auto; opacity: 0; cursor: pointer; }
.lp-desk .note:hover .note-remove, .lp-desk .note:focus-within .note-remove { opacity: 1; }
.lp-desk .note .note-remove:hover, .lp-desk .note .note-remove:focus-visible { background: rgba(255, 255, 255, 0.467); color: rgb(148, 102, 91); opacity: 1; }
.lp-desk .note .note-head { gap: 5px; }
.lp-desk .note img { -webkit-user-drag: none; user-select: none; }
.lp-desk .note [data-open]:active { transform: none; }
@media (hover: none), (max-width: 700px){.lp-desk .note .note-remove { opacity: 0.65; width: 26px; height: 26px; }}
.lp-desk .note.is-journal .journal-settings { pointer-events: auto; padding: 0px; text-align: left; font-weight: 400; cursor: grab; }
.lp-desk .note.is-journal .journal-body { flex: 1 1 auto; height: auto; min-height: 45px; color: rgb(89, 103, 79); font-size: 16px; line-height: 1.9; margin-top: 8px; padding: 0px 3px 0px 0px; }
@media (max-width: 700px){.lp-desk .note.is-journal .journal-body { font-size: 13px; line-height: 1.9; }}
.lp-desk .mini-cover-add { display: flex; align-items: center; justify-content: center; gap: 7px; border: 1px dashed rgba(169, 180, 155, 0.5); border-radius: 6px; background: rgba(255, 255, 255, 0.14); color: rgb(130, 146, 115); font-size: 11px; min-height: 64px; flex-shrink: 0; margin: 0px 0px 12px; }
.lp-desk .mini-cover-add:hover { background: rgba(255, 255, 255, 0.333); }
.lp-desk .note-context-shell { display: grid; grid-template-rows: 1fr; flex: 0 0 auto; opacity: 1; transition: grid-template-rows 0.24s, opacity 0.18s; }
.lp-desk .note-context { min-height: 0px; overflow: hidden; transform: translateY(0px); transition: transform 0.24s; }
.lp-desk .note-context .note-art { display: block; }
.lp-desk .note-context .open-note { width: 100%; }
.lp-desk .note:not(.is-journal) .thought-area { max-height: 60px; }
.lp-desk .writing-caption { display: none; font-size: 9px; line-height: 1.6; color: rgb(138, 150, 126); margin: 0px 0px 8px; }
@media (prefers-reduced-motion: reduce){.lp-desk .note-context-shell, .lp-desk .note-context { transition: none; }}
.lp-desk .note { box-shadow: rgba(77, 85, 61, 0.06) 0px 1px 2px, rgba(77, 85, 61, 0.043) 1px 7px 10px, rgba(77, 85, 61, 0.27) 2px 16px 24px -16px; }
.lp-desk .mini-cover-add { border-color: rgba(169, 180, 155, 0.3); color: rgb(160, 170, 147); background: transparent; transition: color 0.2s, border-color 0.2s, background 0.2s; }
.lp-desk .note:hover .mini-cover-add, .lp-desk .note:focus-within .mini-cover-add, .lp-desk .mini-cover-add:focus-visible { border-color: rgba(169, 180, 155, 0.6); color: rgb(127, 143, 112); background: rgba(255, 255, 255, 0.19); }
@media (min-width: 701px){.lp-desk .source { font-size: 11px; color: var(--ink-soft); }}
@media (min-width: 701px){.lp-desk .note-author { font-size: 11px; color: rgb(108, 118, 96); }}
@media (min-width: 701px){.lp-desk .note-bottom { font-size: 10px; color: rgb(116, 123, 102); }}
@media (min-width: 701px){.lp-desk .meta-time { font-size: 10px; gap: 3px; }}
@media (min-width: 701px){.lp-desk .meta-time a { font-size: 10px; }}
@media (min-width: 701px){.lp-desk .writing-caption { font-size: 10px; color: rgb(123, 135, 112); }}
.lp-desk button:focus-visible, .lp-desk a:focus-visible, .lp-desk input:focus-visible, .lp-desk textarea:focus-visible, .lp-desk select:focus-visible { outline-color: var(--ink); }
.lp-desk :is(.note, .archive-note, .mini-note, .search-result, .stack-row, .color-option)[style*="#f4e8a6"], .lp-desk :is(.note, .archive-note, .mini-note, .search-result, .stack-row, .color-option)[style*="#dce6ea"] { --paper: var(--paper-white) !important; }
.lp-desk :is(.note, .archive-note, .mini-note, .search-result, .stack-row, .color-option)[style*="#efdad2"], .lp-desk :is(.note, .archive-note, .mini-note, .search-result, .stack-row, .color-option)[style*="#eee8d9"] { --paper: var(--paper-warm) !important; }
.lp-desk :is(.note, .archive-note, .mini-note, .search-result, .stack-row, .color-option)[style*="#e5dff0"] { --text: var(--paper-dark-text); --sub: var(--paper-dark-sub); --body: var(--paper-dark-body); --paper-rule: var(--paper-dark-rule); --paper: var(--paper-dark) !important; }
.lp-desk .note, .lp-desk .archive-note, .lp-desk .search-result, .lp-desk .stack-row { --text: var(--ink); --sub: var(--ink-3); --body: var(--ink-2); --paper-rule: var(--line); color: var(--text); border-color: transparent; border-radius: 2px; box-shadow: var(--shadow-paper); background: var(--paper); }
.lp-desk .note { padding: 25px 22px 16px; }
.lp-desk .note.has-art { padding-top: 25px; }
.lp-desk .note::before, .lp-desk .note::after, .lp-desk .archive-pinboard .archive-note::before, .lp-desk .archive-pinboard .archive-note::after { content: none; }
.lp-desk .note:hover, .lp-desk .archive-pinboard.is-open .archive-note:hover { box-shadow: rgba(22, 22, 21, 0.04) 0px 1px 1px, rgba(22, 22, 21, 0.18) 0px 14px 24px -10px, rgba(22, 22, 21, 0.28) 0px 40px 60px -30px; }
.lp-desk #board > .note:not(.ghost)::before { content: ""; position: absolute; inset: -20px auto auto 50%; width: 22px; height: 47px; transform: translateX(-50%); background: url("/afterclip-next/assets/paperclip-silver.png") 50% 45.57% / 380.95% 119.7% no-repeat; z-index: 4; pointer-events: none; filter: drop-shadow(rgba(22, 22, 21, 0.22) 0px 1px 0.5px) drop-shadow(rgba(22, 22, 21, 0.12) 1px 3px 3px); }
.lp-desk .note-head { margin-bottom: 14px; }
.lp-desk .source { font-family: var(--mono); font-size: 10px; color: var(--sub,var(--ink-3)); letter-spacing: 0.06em; }
.lp-desk .source-logo { background: transparent; color: var(--sub,var(--ink-3)); width: 18px; height: 18px; border-radius: 3px; }
.lp-desk .source-logo svg { width: 18px !important; height: 18px; }
.lp-desk .note .open-note, .lp-desk .note.has-art .open-note { font-family: var(--serif); font-size: 19px; line-height: 1.5; font-weight: 600; letter-spacing: 0.01em; color: var(--text); }
.lp-desk .note .open-note:hover { opacity: 1; text-decoration: underline 1px; text-underline-offset: 4px; }
.lp-desk .note-author { font-size: 11px; color: var(--sub,var(--ink-3)); margin-top: 8px; line-height: 1.6; }
.lp-desk .note-art, .lp-desk .archive-media img, .lp-desk .archive-media video, .lp-desk .detail-preview img, .lp-desk .detail-preview video { border-radius: 0px; }
.lp-desk .note-art { background: rgba(22, 22, 21, 0.035); }
.lp-desk .video-play { background: rgba(255, 255, 255, 0.88); color: var(--ink); }
.lp-desk .note .thought-button, .lp-desk .note .journal-body, .lp-desk .note .body-excerpt { color: var(--body); font-size: 12px; line-height: 1.8; }
.lp-desk .note .thought-button.placeholder, .lp-desk .note .journal-edit-hint, .lp-desk .writing-caption, .lp-desk .inline-hint { color: var(--sub,var(--ink-3)); }
.lp-desk .note .note-bottom { border-top: 1px solid var(--paper-rule); padding-top: 11px; margin-top: 10px; color: var(--sub); }
.lp-desk .meta-time, .lp-desk .meta-time a { font-family: var(--mono); font-size: 9px; color: var(--sub); }
.lp-desk .note .done-button { width: 29px; height: 29px; border: 1px solid var(--paper-rule); color: var(--sub); background: transparent; }
.lp-desk .note .done-button:hover { background: var(--text); color: var(--paper); border-color: var(--text); transform: none; }
.lp-desk .note .note-remove { color: var(--sub); }
.lp-desk .note .note-remove:hover { background: rgba(136, 136, 136, 0.08); color: var(--text); }
.lp-desk .mini-cover-add { color: var(--sub,var(--ink-3)); border-color: var(--paper-rule,var(--line-2)); border-radius: 2px; }
.lp-desk .note:hover .mini-cover-add, .lp-desk .note:focus-within .mini-cover-add { color: var(--text); border-color: var(--sub); background: rgba(136, 136, 136, 0.03); }
@media (max-width: 700px){.lp-desk .note { padding: 20px 13px 13px; }}
@media (max-width: 700px){.lp-desk .note.has-art { padding-top: 20px; }}
@media (max-width: 700px){.lp-desk .note .open-note, .lp-desk .note.has-art .open-note { font-size: 15px; line-height: 1.5; }}
@media (max-width: 700px){.lp-desk .source { font-size: 8px; }}
@media (max-width: 700px){.lp-desk .note-author { font-size: 9px; }}
@media (max-width: 700px){.lp-desk .note .thought-button, .lp-desk .note .journal-body { font-size: 10px; }}
@media (max-width: 700px){.lp-desk .meta-time, .lp-desk .meta-time a { font-size: 8px; }}
@media (max-width: 700px){.lp-desk .note .note-bottom { padding-top: 9px; margin-top: 8px; }}
@media (max-width: 700px){.lp-desk #board > .note:not(.ghost)::before { width: 18px; height: 39px; top: -17px; }}
@media (prefers-reduced-motion: reduce){.lp-desk .capture, .lp-desk .note, .lp-desk .archive-note { scroll-behavior: auto; }}
.lp-desk .note.is-journal .journal-body { color: var(--body); font-size: 14px; line-height: 1.9; }
@media (max-width: 700px){.lp-desk .note.is-journal .journal-body { font-size: 12px; }}
.lp-desk .note .note-context { display: flex; flex-direction: column; }
.lp-desk .note .note-context > .mini-cover-add { order: 3; align-self: flex-start; min-height: 0px; height: auto; flex: 0 0 auto; border: 0px; background: transparent; border-radius: 0px; padding: 0px; margin: 9px 0px 0px; line-height: 1.6; font-size: 10px; color: var(--sub); justify-content: flex-start; text-decoration: underline dotted; text-underline-offset: 4px; }
.lp-desk .note:hover .mini-cover-add, .lp-desk .note:focus-within .mini-cover-add, .lp-desk .mini-cover-add:focus-visible { background: transparent; border: 0px; color: var(--text); }
.lp-desk .note .source-logo { width: 14px; height: 14px; opacity: 0.7; border-radius: 2px; font-size: 12px; }
.lp-desk .note .source-logo svg { width: 14px !important; height: 14px; }
.lp-desk .note .source { gap: 6px; letter-spacing: 0.04em; font-size: 9px; }
.lp-desk .note .note-head { min-height: 18px; }
@media (max-width: 700px){.lp-desk .note .source { font-size: 8px; }}
@media (max-width: 700px){.lp-desk .note .source-logo, .lp-desk .note .source-logo img { width: 12px; height: 12px; }}
@media (max-width: 700px){.lp-desk .note .source-logo svg { width: 12px !important; height: 12px; }}
@media (max-width: 700px){.lp-desk .note .note-context > .mini-cover-add { font-size: 9px; margin-top: 7px; }}
.lp-desk .note-actions { display: flex; align-items: center; gap: 4px; flex: 0 0 auto; opacity: 0; pointer-events: none; transition: opacity 140ms; }
.lp-desk .note-actions .note-action, .lp-desk .note .note-actions .note-remove { display: grid; place-items: center; flex: 0 0 auto; width: 24px; height: 24px; padding: 5px; border: 0px; border-radius: 6px; background: transparent; color: var(--sub,var(--ink-3)); opacity: 1; pointer-events: none; cursor: pointer; touch-action: manipulation; }
.lp-desk .note-actions .note-action:hover, .lp-desk .note .note-actions .note-remove:hover { background: rgba(136, 136, 136, 0.08); color: var(--text,var(--ink)); }
.lp-desk .note-actions .note-action:focus-visible { outline: 1px solid var(--sub,var(--ink-3)); outline-offset: 1px; }
.lp-desk .note .note-head > .source { overflow: hidden; white-space: nowrap; }
@media (hover: none){.lp-desk .note-actions { opacity: 1; }}
@media (hover: none){.lp-desk .note-actions .note-action, .lp-desk .note .note-actions .note-remove { pointer-events: auto; width: 28px; height: 28px; }}
@media (prefers-reduced-motion: reduce){.lp-desk .note-actions { transition: none; }}
.lp-desk .note[data-size] { height: var(--note-height); }
.lp-desk .note { touch-action: auto; }
.lp-desk .note > .note-head, .lp-desk .note .note-context { touch-action: none; }
.lp-desk .note .note-context-shell { min-height: 0px; flex: 0 0 auto; }
.lp-desk .note .thought-area, .lp-desk .note:not(.is-journal) .thought-area, .lp-desk .note.has-art .thought-area { display: flex; flex-direction: column; flex: 1 1 0px; min-height: 0px; max-height: none; overflow: hidden; padding-top: 14px; margin-top: 0px; touch-action: pan-y; }
.lp-desk .note .thought-button, .lp-desk .note.has-art .thought-button, .lp-desk .note.is-journal .journal-body { display: block; flex: 1 1 auto; height: 100%; min-height: 0px; max-height: none; overflow: hidden auto; overscroll-behavior: auto; touch-action: pan-y; scrollbar-width: thin; scrollbar-color: rgba(170, 169, 162, 0.4) transparent; }
.lp-desk .note .thought-button.placeholder { flex: 0 0 auto; height: auto; min-height: 22px; }
.lp-desk .note .note-bottom { flex: 0 0 auto; margin-top: auto; }
.lp-desk .note.is-journal .journal-body { flex: 1 1 0px; height: auto; min-height: 0px; }
.lp-desk #board > .note:not(.ghost)::before, .lp-desk .pile-shared-pin, .lp-desk .paper-pin, .lp-desk .archive-note > .paper-pin { width: 22px; height: 48.665px; top: -21px; left: 50%; transform: translateX(-50%); background-image: url("/afterclip-next/assets/paperclip-reference.png"); background-position: 49.71% 38.51%; background-size: 282.686% 127.796%; background-repeat: no-repeat; filter: drop-shadow(rgba(22, 22, 21, 0.145) 0px 1px 0.5px); }
@media (max-width: 700px){.lp-desk #board > .note:not(.ghost)::before, .lp-desk .pile-shared-pin, .lp-desk .paper-pin, .lp-desk .archive-note > .paper-pin { width: 19px; height: 42.03px; top: -18px; }}
@media (max-width: 700px){.lp-desk .note .thought-area, .lp-desk .note:not(.is-journal) .thought-area, .lp-desk .note.has-art .thought-area { padding-top: 10px; }}
.lp-desk #board > .note:not(.ghost)::before, .lp-desk .pile-shared-pin, .lp-desk .paper-pin, .lp-desk .archive-note > .paper-pin { width: 22px; height: 47.312px; background-image: url("/afterclip-next/assets/paperclip-display.png"); background-position: center center; background-size: contain; background-repeat: no-repeat; }
@media (max-width: 700px){.lp-desk #board > .note:not(.ghost)::before, .lp-desk .pile-shared-pin, .lp-desk .paper-pin, .lp-desk .archive-note > .paper-pin { width: 19px; height: 40.86px; }}
.lp-desk #board > .note, .lp-desk .archive-note, .lp-desk .pile-sheet { --rotation: 0deg !important; }
.lp-desk #board > .note { will-change: auto; transform: none; }
.lp-desk .note > .note-head, .lp-desk .note .note-context { touch-action: pan-y; }
.lp-desk .note.is-journal .journal-writing-scroll, .lp-desk .archive-journal-block > .journal-writing-scroll { flex: 1 1 0px; min-height: 0px; overflow: hidden auto; overscroll-behavior: auto; scrollbar-width: thin; scrollbar-color: var(--sub) transparent; touch-action: pan-y; }
.lp-desk .note.is-journal .journal-writing-scroll > .journal-body, .lp-desk .archive-note .journal-writing-scroll > .archive-body, .lp-desk .archive-note.inline-editing .journal-writing-scroll > .inline-reflection { display: block; flex: 0 0 auto; height: auto; min-height: 1.9em; max-height: none; overflow: visible; }
.lp-desk .journal-list-tools { display: flex; align-items: center; gap: 5px; margin: 13px 0px 3px; min-height: 26px; white-space: normal; color: var(--sub,var(--ink-3)); user-select: none; }
.lp-desk .journal-list-tools .journal-list-action { display: grid; place-items: center; width: 25px; height: 25px; padding: 4px; border: 0px; border-radius: 6px; background: transparent; color: inherit; cursor: pointer; touch-action: manipulation; }
.lp-desk .journal-list-action svg { width: 18px; height: 18px; }
.lp-desk .journal-list-action:hover, .lp-desk .journal-list-action[aria-pressed="true"] { background: rgba(136, 136, 136, 0.08); color: var(--text,var(--ink)); }
.lp-desk .journal-list-action:focus-visible, .lp-desk .journal-task-check:focus-visible { outline: 1px solid var(--sub,var(--ink-3)); outline-offset: 2px; }
.lp-desk .journal-task-progress { font-family: var(--mono); font-size: 9px; letter-spacing: 0.04em; margin-left: auto; color: var(--sub,var(--ink-3)); }
.lp-desk .journal-row { display: block; position: relative; min-height: 1.9em; white-space: pre-wrap; overflow-wrap: anywhere; padding: 0px; border: 0px; margin: 0px; line-height: inherit; }
.lp-desk .journal-row-text { white-space: pre-wrap; overflow-wrap: anywhere; }
.lp-desk .note.is-journal .journal-writing-scroll { min-height: 64px; }
.lp-desk button, .lp-desk input, .lp-desk textarea, .lp-desk select { font-family: var(--sans); }
.lp-desk .note, .lp-desk .archive-note, .lp-desk .search-result, .lp-desk .stack-row, .lp-desk .mini-note { background: var(--grain-faint),linear-gradient(168deg,var(--paper-light),transparent 45%,var(--paper-shade)),var(--paper,var(--paper-white)); background-blend-mode: multiply, normal, normal; box-shadow: var(--shadow-paper),inset 0 0 0 .5px var(--paper-edge); }
.lp-desk .note:hover, .lp-desk .archive-pinboard.is-open .archive-note:hover { box-shadow: var(--shadow-lift),inset 0 0 0 .5px var(--paper-edge); }
.lp-desk :is(.note, .archive-note, .mini-note, .search-result, .stack-row)[style*="#e5dff0"] { background-image: var(--grain-faint); background-blend-mode: screen; }
.lp-desk :is(.note, .archive-note, .mini-note, .search-result, .stack-row)[style*="#efdad2"], .lp-desk :is(.note, .archive-note, .mini-note, .search-result, .stack-row)[style*="#eee8d9"] { background-image: var(--grain-soft),linear-gradient(168deg,var(--paper-light),transparent 45%,var(--paper-shade)); }
.lp-desk .note .open-note, .lp-desk .archive-pinboard h3 { font-family: var(--sans); font-weight: 500; }
.lp-desk .note .open-note { font-size: 16px; line-height: 1.55; letter-spacing: 0.01em; }
.lp-desk .note .thought-button, .lp-desk .note .journal-body { font-weight: 400; }
.lp-desk .source, .lp-desk .meta-time, .lp-desk .date-label, .lp-desk .day-number, .lp-desk .note-author { font-family: var(--sans); }
.lp-desk .note-art, .lp-desk .archive-note .archive-media { border-radius: 8px; overflow: hidden; }
.lp-desk .note-art { position: relative; }
.lp-desk .note-art img, .lp-desk .archive-note img, .lp-desk .archive-media img { filter: saturate(0.82) contrast(0.97); }
.lp-desk .note-art::after { content: ""; position: absolute; inset: 0px; background: var(--grain); opacity: 0.35; mix-blend-mode: multiply; pointer-events: none; }
.lp-desk .note.is-onboarding-sample { width: 252px !important; transform: rotate(var(--ac-rotation,0deg)); }
.lp-desk .note.is-onboarding-sample::before { animation: ac-pin-in 1s var(--ease-out) both; }
@media (max-width: 700px){.lp-desk .source, .lp-desk .note-author, .lp-desk .meta-time, .lp-desk .date-label, .lp-desk .day-number, .lp-desk .note-status, .lp-desk .journal-edit-hint, .lp-desk .detail-date, .lp-desk .detail-edit-hint, .lp-desk .detail-section-label, .lp-desk .ns-top, .lp-desk .ns-signature, .lp-desk .ns-eyebrow, .lp-desk .ns-name-hint { font-size: 11px !important; }}
@media (prefers-reduced-motion: reduce){.lp-desk *, .lp-desk ::before, .lp-desk ::after { animation: auto ease 0s 1 normal none running none !important; transition: none !important; scroll-behavior: auto !important; }}
.lp-desk .note.has-art .open-note { font-family: var(--sans); font-weight: 500; font-size: 16px; line-height: 1.55; }
.lp-desk .note.is-onboarding-sample { padding: 24px 20px 14px; min-height: 0px; height: auto !important; }
.lp-desk .note.is-onboarding-sample .open-note { display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; max-height: none; line-height: 1.55; }
.lp-desk .note.is-onboarding-sample .mini-cover-add { display: none; }
.lp-desk .note.is-onboarding-sample .note-art { aspect-ratio: auto; margin-bottom: 16px; height: 138px !important; }
.lp-desk .note.is-onboarding-sample .note-art img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 16%; }
.lp-desk .note.is-onboarding-sample .note-author { font-size: 11px; margin-top: 8px; }
.lp-desk .note.is-onboarding-sample .journal-body { font-size: 13px; line-height: 1.85; }
.lp-desk .note.is-onboarding-sample .journal-list-tools { opacity: 0; transition: opacity 0.2s; }
.lp-desk .note.is-onboarding-sample:hover .journal-list-tools, .lp-desk .note.is-onboarding-sample:focus-within .journal-list-tools { opacity: 1; }
.lp-desk .note.is-onboarding-sample::before { animation: auto ease 0s 1 normal none running none; }
.lp-desk .note.is-onboarding-sample:not(.writing-mode) .thought-area { flex: 0 0 auto; overflow: visible; min-height: 0px; padding-top: 14px; }
.lp-desk .note.is-onboarding-sample:not(.writing-mode) .thought-button { flex: 0 0 auto; height: auto; max-height: none; overflow: visible; }
.lp-desk .note.is-onboarding-sample:not(.inline-editing) .journal-writing-scroll { flex: 0 0 auto; min-height: 0px; overflow: visible; }
.lp-desk .note.is-onboarding-sample:not(.inline-editing) .journal-body { flex: 0 0 auto; height: auto; max-height: none; overflow: visible; }
.lp-desk .note.is-onboarding-sample .note-bottom { margin-top: 16px; flex: 0 0 auto; }
.lp-desk :is(.note, .pile-sheet, .archive-note, .search-result) :is(.note-art, .archive-media, .journal-photo, .search-result-media):has(.note-image-frame), .lp-desk .note.is-onboarding-sample .note-art:has(.note-image-frame) { overflow: hidden; border-radius: 8px; height: auto !important; min-height: 0px !important; max-height: none !important; aspect-ratio: 16 / 9 !important; flex: 0 0 auto !important; }
.lp-desk .note-image-frame { display: block; position: relative; width: 100%; aspect-ratio: 16 / 9; overflow: hidden; border-radius: 8px; background: rgba(22, 22, 21, 0.035); isolation: isolate; height: auto !important; min-height: 0px !important; max-height: none !important; }
.lp-desk :is(.note, .pile-sheet, .archive-note, .search-result, #noteDialog.is-note-detail) .note-image-frame > img { position: absolute; display: block; width: 100%; height: 100%; min-height: 0px; inset: 0px; max-height: none !important; max-width: none !important; margin: 0px !important; object-fit: cover !important; object-position: center center !important; border-radius: 0px !important; aspect-ratio: auto !important; background: transparent !important; }
.lp-desk .capture { display: flex; align-items: center; gap: 14px; padding: 10px 11px 10px 22px; border: 1px solid rgb(226, 227, 216); background: rgba(255, 254, 248, 0.79); border-radius: 17px; box-shadow: rgba(69, 78, 48, 0.016) 0px 4px 20px; }
.lp-desk .capture > svg { color: rgb(147, 155, 136); }
.lp-desk .capture input { flex: 1 1 0%; min-width: 0px; border: 0px; background: none; padding: 12px 0px; font-size: 13px; outline: none; }
.lp-desk .capture input::placeholder { color: rgb(160, 164, 151); }
.lp-desk .primary { background: var(--green); color: rgb(250, 251, 239); border-radius: 11px; padding: 13px 20px; display: inline-flex; align-items: center; gap: 9px; justify-content: center; }
.lp-desk .primary:hover { background: rgb(62, 83, 57); }
.lp-desk .capture .primary { font-size: 12px; }
@media (max-width: 700px){.lp-desk .capture { padding: 7px 8px 7px 14px; gap: 8px; border-radius: 13px; }}
@media (max-width: 700px){.lp-desk .capture input { font-size: 11px; width: 100px; }}
@media (max-width: 700px){.lp-desk .capture > svg { width: 17px; }}
@media (max-width: 700px){.lp-desk .capture .primary { padding: 12px; font-size: 11px; border-radius: 9px; }}
@media (max-width: 700px){.lp-desk .capture .primary svg { display: none; }}
.lp-desk .capture { min-height: 68px; }
.lp-desk .capture-extras { display: flex; justify-content: space-between; align-items: center; padding: 12px 8px 0px; font-size: 10px; color: rgb(147, 156, 134); }
.lp-desk .capture-extras div { display: flex; gap: 7px; }
.lp-desk .capture-extras button { font-size: 11px; color: rgb(116, 130, 100); padding: 7px 11px; border-radius: 8px; }
.lp-desk .capture-extras button:hover { background: rgb(230, 234, 221); }
@media (max-width: 700px){.lp-desk .capture { min-height: 61px; }}
@media (max-width: 700px){.lp-desk .capture input { font-size: 12px; }}
@media (max-width: 700px){.lp-desk .capture-extras { padding: 9px 0px 0px; align-items: flex-start; gap: 8px; }}
@media (max-width: 700px){.lp-desk .capture-extras > span { font-size: 8px; max-width: 130px; line-height: 1.7; text-align: right; padding-top: 6px; }}
@media (max-width: 700px){.lp-desk .capture-extras button { padding: 6px; font-size: 10px; }}
.lp-desk .capture { border-color: var(--rule); }
@media (min-width: 701px){.lp-desk .capture-extras { font-size: 11px; color: var(--ink-faint); }}
@media (min-width: 701px){.lp-desk .capture-extras button { font-size: 12px; color: rgb(102, 116, 79); }}
.lp-desk .capture { position: fixed; left: 50%; bottom: 28px; transform: translateX(-50%); width: min(760px, -200px + 100vw); height: 62px; min-height: 62px; z-index: 60; padding: 0px 8px 0px 22px; gap: 12px; border: 0px; border-radius: 18px; background: rgb(255, 255, 255); box-shadow: rgba(22, 22, 21, 0.05) 0px 2px 4px, rgba(22, 22, 21, 0.32) 0px 24px 50px -18px, rgba(22, 22, 21, 0.06) 0px 0px 0px 0.5px; }
.lp-desk .capture:focus-within { box-shadow: 0 0 0 1px var(--ink),0 24px 50px -18px #16161552; }
.lp-desk .capture > svg { color: var(--ink-3); width: 18px; }
.lp-desk .capture input { font-size: 15px; padding: 0px; min-width: 0px; outline: none !important; }
.lp-desk .capture input::placeholder { color: var(--ink-4); }
.lp-desk .capture .capture-extras { padding: 0px; flex: 0 0 auto; display: block; }
.lp-desk .capture-extras > span { display: none; }
.lp-desk .capture-extras > div { display: flex; gap: 0px; }
.lp-desk .capture-extras button { font-size: 11px; color: var(--ink-3); padding: 6px 7px; white-space: nowrap; }
.lp-desk .capture-extras button:hover { background: var(--bg); color: var(--ink); }
.lp-desk .primary { background: var(--ink); color: rgb(255, 255, 255); border-radius: 13px; }
.lp-desk .primary:hover { background: rgb(0, 0, 0); }
.lp-desk .capture .primary { height: 46px; padding: 0px 16px; font-size: 13px; border-radius: 13px; flex: 0 0 auto; }
.lp-desk .capture .primary > svg { display: none; }
@media (max-width: 1000px){.lp-desk .capture { width: min(760px, -130px + 100vw); }}
@media (max-width: 700px){.lp-desk .capture { width: calc(-32px + 100vw); left: 16px; bottom: 18px; transform: none; gap: 8px; padding-left: 13px; height: 58px; min-height: 58px; border-radius: 16px; }}
@media (max-width: 700px){.lp-desk .capture input { font-size: 12px; width: 0px; }}
@media (max-width: 700px){.lp-desk .capture > svg { display: none; }}
@media (max-width: 700px){.lp-desk .capture .primary { height: 42px; font-size: 12px; padding: 0px 12px; }}
@media (max-width: 700px){.lp-desk .capture-extras button { padding: 5px; font-size: 10px; }}
@media (max-width: 700px){.lp-desk .capture-extras > div { gap: 0px; }}
@media (max-width: 390px){.lp-desk .capture-extras button { font-size: 9px; padding: 5px 3px; }}
@media (prefers-reduced-motion: reduce){.lp-desk .capture, .lp-desk .note, .lp-desk .archive-note { scroll-behavior: auto; }}
.lp-desk #captureForm { background: rgba(248, 247, 243, 0.92); backdrop-filter: blur(8px); box-shadow: var(--shadow-pop); }
.lp-desk .primary { background: var(--ink); }
.lp-desk.ac-ritual-controls-in #captureForm { animation: ac-capture-in 1s var(--ease-out) both; }
.lp-desk.ac-example-desk #captureForm { width: min(720px, -200px + 100vw); }
@media (max-width: 700px){.lp-desk.ac-example-desk #captureForm { width: calc(-32px + 100vw); }}
@media (max-width: 700px){.lp-desk .filter span, .lp-desk .board-footer, .lp-desk .capture-extras button, .lp-desk .day-count, .lp-desk .calendar-grid .mini-note, .lp-desk .day-more { font-size: 11px !important; }}