.df{--ink:var(--ux-ink,#252225);--muted:var(--ux-muted,#776f76);--pink:var(--ux-accent,#c40067);--rose:var(--ux-overline,#9b6c83);--line:var(--ux-line,#e9e3e7);--paper:var(--ux-paper,#fff);--side:var(--ux-side,#faf9f8);--soft:var(--ux-soft,#f7f5f6);--blush:var(--ux-tint,#f6edf1);--green:#4c695b;--sage:#edf3ee;--amber:#8b6434;--sand:#f7f0e6;--blue:#526b83;--sky:#edf2f6;color:var(--ink)}
[data-theme=dark] .df{--green:#b0cdbb;--sage:#29382e;--amber:#dfc196;--sand:#3b3125;--blue:#acc6dd;--sky:#28333e}
.df *{box-sizing:border-box}
.df h1,.df h2,.df h3,.df p,.df figure{margin:0}
.df h1,.df h2,.df h3{font-weight:600;line-height:1.15}
.df button,.df input,.df textarea,.df select{font:inherit;color:inherit}
.df button,.df a{touch-action:manipulation}
.df button{border:0;background:transparent;cursor:pointer}
.df a{color:inherit;text-decoration:none}
.df button:disabled{opacity:.45;cursor:not-allowed}
.df button:focus-visible,.df a:focus-visible,.df input:focus-visible,.df select:focus-visible,.df textarea:focus-visible,.df summary:focus-visible{outline:2px solid var(--pink);outline-offset:4px}
.df [hidden]{display:none!important}
.df .icon{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.45;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.df .muted{color:var(--muted)}
.df .eyebrow{font-size:9px;letter-spacing:1.8px;text-transform:uppercase;color:var(--rose);font-weight:600}
.df .caption{font-size:11px;line-height:1.6;color:var(--muted)}
.df .btn{display:inline-flex;align-items:center;justify-content:center;gap:11px;border-radius:30px;padding:12px 20px;background:var(--ink);color:var(--paper);font-size:12px;border:1px solid var(--ink);white-space:nowrap}
.df .btn:hover{opacity:.85}
.df .btn.secondary{background:var(--paper);color:var(--ink);border-color:var(--line)}
.df .btn.small{padding:9px 14px;font-size:11px}
.df .text-btn{color:var(--pink);font-size:12px;display:inline-flex;gap:8px;align-items:center;padding:0}
.df .icon-btn{padding:8px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%}
.df .icon-btn:hover{background:var(--soft)}
.df .connection-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:40px;padding-top:35px}
.df .connection-card{padding:28px;border:1px solid var(--line);border-radius:12px}
.df .connection-card h2{font-size:24px;letter-spacing:-.5px;margin:20px 0 10px}
.df .connection-card p,.df .connection-card li{font-size:13px;color:var(--muted);line-height:1.8}
.df .connection-card ul{padding-left:20px}
.df .connection-card .connection-item{border-top:1px solid var(--line);padding:17px 0;display:flex;justify-content:space-between;font-size:12px}
.df .connection-card .connection-item small{display:block;color:var(--muted)}
.df .connection-card.soft{background:var(--soft);border-color:transparent}
.df .connection-grid{gap:20px}
.df .connection-grid{grid-template-columns:1fr}
/* Approved compact action board: one row, one reply, no permanent detail pane. */
.df.df-compact{max-width:1120px;margin:0 auto;padding-top:0}
.df .sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.df .preserve{white-space:pre-wrap;overflow-wrap:anywhere}
.df .df-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:28px 0 24px}
.df .df-heading h1{font-size:38px;letter-spacing:-1.5px;margin:8px 0;line-height:1.2}
.df .df-heading>div>p:last-child{font-size:13px;color:var(--muted)}
.df .df-audience select,.df .df-tools select{border:0;background:var(--paper);font-size:11px;color:var(--muted);padding:8px 3px;max-width:100%}
.df .df-tabs{display:flex;gap:28px;border-bottom:1px solid var(--line);overflow-x:auto}
.df .df-tabs a{padding:11px 0 14px;font-size:12px;color:var(--muted);white-space:nowrap;border-bottom:2px solid transparent}
.df .df-tabs a[aria-current]{color:var(--pink);border-color:var(--pink);font-weight:500}
.df .df-controls{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:19px 0 14px}
.df .df-filters,.df .df-tools{display:flex;align-items:center;gap:4px}
.df .df-filters button{display:flex;gap:7px;align-items:center;padding:7px 10px;font-size:11px;color:var(--muted);border-radius:6px;white-space:nowrap}
.df .df-filters button.on{background:var(--soft);color:var(--ink);font-weight:550}
.df .df-filters button span{font-size:10px;opacity:.8}
.df .df-tool{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;color:var(--muted)}
.df .df-tool:hover{background:var(--soft)}
.df .df-tool .icon{width:15px;height:15px}
.df .df-search label{display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--line);margin-bottom:14px;padding:8px 10px;color:var(--muted)}
.df .df-search input{flex:1;min-width:0;border:0;background:transparent;font-size:13px;padding:8px}
.df .df-add{display:flex;align-items:center;gap:14px;border:1px solid var(--line);border-radius:10px;padding:10px 15px;background:var(--paper);flex-wrap:wrap}
.df .df-add:focus-within{border-color:var(--pink);box-shadow:0 0 0 2px var(--blush)}
.df .df-add>span{color:var(--pink);display:flex}
.df .df-add input{flex:1;min-width:0;border:0;background:transparent;font-size:13px;padding:4px 0;outline:0}
.df .df-add input::placeholder{color:var(--muted)}
.df .df-add button{width:28px;height:28px;display:grid;place-items:center;color:var(--pink)}
.df .df-section{margin-top:25px}
.df .df-section h2{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:600;letter-spacing:.2px;margin:0 0 8px 8px;color:var(--muted)}
.df .df-section h2 span{font-size:10px;font-weight:400;opacity:.7}
.df .df-row{border-bottom:1px solid var(--line);min-width:0}
.df .df-row:hover{background:var(--side)}
.df .df-row.expanded{background:var(--soft);border-radius:10px;border-bottom-color:transparent;margin:2px 0 6px}
.df .df-row-main{display:flex;align-items:center;gap:13px;padding:11px 10px;min-height:66px}
.df .df-check{border:1.5px solid var(--muted);border-radius:50%;width:20px;height:20px;flex-shrink:0;padding:0;display:grid;place-items:center;position:relative}
.df .df-check:not(:disabled):hover{border-color:var(--pink);background:var(--blush)}
.df .df-check:before{content:'';position:absolute;width:34px;height:44px}
.df .df-check .icon{width:13px;height:13px}
.df .df-item-title{flex:1;min-width:0;text-align:left;padding:0}
.df .df-item-title strong{display:block;font-size:14px;font-weight:500;line-height:1.45;letter-spacing:-.1px;overflow-wrap:anywhere}
.df .df-item-title span{display:block;margin-top:3px;color:var(--muted);font-size:10px;line-height:1.5;overflow-wrap:anywhere}
.df .df-status{display:flex;align-items:center;gap:6px;white-space:nowrap;font-size:10px;color:var(--muted);margin-left:10px}
.df .df-status i{display:inline-block;width:4px;height:4px;border-radius:50%;background:currentColor}
.df .df-status.answer{color:var(--pink)}
.df .df-status.review,.df .df-status.blocked{color:var(--amber)}
.df .df-status.ready,.df .df-status.done{color:var(--green)}
.df .df-status.running{color:var(--blue)}
.df .df-expand{display:grid;place-items:center;color:var(--muted);width:30px;height:30px;flex-shrink:0}
.df .df-expand .icon{width:13px;height:13px}
.df .completed .df-item-title strong{text-decoration:line-through;color:var(--muted)}
.df .df-check[aria-checked=true]{background:var(--green);border-color:var(--green);color:var(--paper)}
.df .df-inline{padding:0 53px 16px;min-width:0}
.df .df-question{font-size:13px;line-height:1.65;padding-bottom:5px}
.df .df-reply{display:flex;align-items:flex-end;flex-wrap:wrap;gap:10px;margin-top:13px;border:1px solid var(--line);border-radius:8px;background:var(--paper);padding:8px 10px}
.df .df-reply:focus-within{border-color:var(--pink)}
.df .df-reply textarea{min-width:0;flex:1;border:0;outline:0;resize:vertical;background:transparent;line-height:1.6;font-size:12px;padding:3px 0;min-height:25px;max-height:180px}
.df .df-reply button{border-radius:50%;width:28px;height:28px;background:var(--ink);color:var(--paper);display:grid;place-items:center;flex-shrink:0;padding:0}
.df .df-reply button .icon{width:14px;height:14px;transform:rotate(-90deg)}
.df .form-error{flex-basis:100%;font-size:12px;color:#ba3b50;line-height:1.6}
.df .form-error:empty{display:none}
.df .df-reply-caption{display:flex;gap:14px;justify-content:space-between;align-items:flex-start;margin:9px 0 12px;color:var(--muted)}
.df .df-reply-caption small,.df .df-reply-caption button{font-size:10px;line-height:1.6}
.df .df-reply-caption button{white-space:nowrap}
.df .df-context{font-size:12px;color:var(--muted);margin:8px 0;min-width:0}
.df .df-context summary{cursor:pointer;list-style:none;display:flex;align-items:center;gap:9px;font-size:11px;line-height:1.5;padding:5px 0}
.df .df-context summary::-webkit-details-marker{display:none}
.df .df-context summary:before{content:'›';font-size:14px}
.df .df-context[open]>summary:before{transform:rotate(90deg)}
.df .df-context>p{margin:10px 0;line-height:1.7;color:var(--ink)}
.df .df-context summary span{font-size:10px;opacity:.7}
.df .df-answer{border-left:2px solid var(--green);padding-left:12px;margin:10px 0}
.df .df-history{list-style:none;padding:0;margin:10px 0 0}
.df .df-history li{border-top:1px solid var(--line);padding:12px 0}
.df .df-history small{font-size:10px}
.df .df-history p{font-size:12px;line-height:1.7;margin-top:5px;color:var(--ink)}
.df .df-extra{display:flex;gap:20px;flex-wrap:wrap;margin-top:12px}
.df .df-extra button{font-size:10px;color:var(--muted)}
.df .df-bottom{display:flex;align-items:center;gap:25px;margin:24px 8px;flex-wrap:wrap}
.df .df-bottom button{font-size:11px;color:var(--muted)}
.df .df-foot{display:flex;gap:6px;align-items:center;font-size:10px;color:var(--muted);margin:28px 8px}
.df .df-foot .icon{width:11px;height:11px}
.df .df-empty{padding:45px 10px;text-align:center;color:var(--muted)}
.df .df-empty strong{font-size:18px;color:var(--ink)}
.df .df-empty p{font-size:12px;margin-top:12px}
.df .df-loading{padding:20px 10px;font-size:12px;color:var(--muted)}
.df .df-alert{padding:12px 15px;background:var(--sand);color:var(--amber);font-size:12px;border-radius:7px;margin:20px 0;line-height:1.7}
.df .df-feed{padding-top:25px}
.df .df-feed article{padding:20px 0;border-bottom:1px solid var(--line)}
.df .df-feed article a{font-size:14px;font-weight:500}
.df .df-feed article small{font-size:10px;color:var(--muted);display:block;margin-top:5px}
.df .df-archive-heading{font-size:13px;margin:25px 8px;color:var(--muted)}
.df-modal{width:min(560px,calc(100% - 32px));max-height:calc(100dvh - 48px);padding:28px;border:1px solid var(--line);border-radius:16px;background:var(--paper);color:var(--ink);overflow:auto}
.df-modal::backdrop{background:#261b2355;backdrop-filter:blur(5px)}
.df-modal>header{display:flex;align-items:center;justify-content:space-between;gap:15px}
.df-modal h2{font-size:24px;letter-spacing:-.6px}
.df-modal>p{font-size:13px;color:var(--muted);line-height:1.8;margin:20px 0}
@media(max-width:760px){
 .df .df-heading{padding:21px 0 17px;flex-wrap:wrap;gap:10px}
 .df .df-heading h1{font-size:31px;letter-spacing:-1.2px}
 .df .df-heading>div>p:last-child{font-size:12px}
 .df .df-audience{margin-left:auto}
 .df .df-tabs{gap:24px}
 .df .df-controls{padding:15px 0 12px;gap:8px;flex-wrap:wrap}
 .df .df-filters{gap:0}
 .df .df-filters button{padding:7px;font-size:10px;gap:5px}
 .df .df-tools{margin-left:auto}
 .df .df-tools select{font-size:10px;max-width:105px}
 .df .df-row-main{gap:10px;padding:12px 7px;flex-wrap:wrap;position:relative}
 .df .df-check{width:21px;height:21px}
 .df .df-item-title{flex-basis:calc(100% - 75px)}
 .df .df-item-title strong{font-size:13px}
 .df .df-expand{width:21px;order:3}
 .df .df-status{order:4;margin:-3px 0 0 31px;font-size:9px}
 .df .df-inline{padding:1px 14px 14px 38px}
 .df .df-question{font-size:12px}
 .df .df-reply textarea,.df .df-add input,.df .df-search input{font-size:16px;line-height:1.4}
 .df .df-add{padding:10px 12px;gap:10px}
 .df .df-reply-caption{flex-direction:column;gap:5px}
 .df .connection-grid{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){.df *{transition:none!important;animation:none!important}}

.df .df-pagination{display:flex;align-items:center;justify-content:center;gap:24px;border-top:1px solid var(--line);padding:18px 8px;font-size:11px;color:var(--muted)}
.df .df-pagination button{font-size:11px;padding:8px}
/* Four quiet columns and a separate reading surface. */
.df.df-compact{max-width:none}.df-board-hint{margin:0;color:var(--muted,#777);font-size:13px}.df-board{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;align-items:start;margin:24px 0 32px}.df-lane{min-width:0;border-top:2px solid var(--line,#e8e4e7)}.df-lane[data-df-section=me]{border-color:#ef007e}.df-lane[data-df-section=dot]{border-color:#b3c3d1}.df-lane[data-df-section=done]{border-color:#b7cbbf}.df-lane h2{font-size:14px;font-weight:600;margin:20px 0;display:flex;justify-content:space-between;gap:8px;letter-spacing:-.02em}.df-lane h2 span{font-size:12px;color:var(--muted,#777);font-weight:400}.df-card{display:flex;gap:10px;align-items:flex-start;padding:16px 6px;border-bottom:1px solid var(--line,#e8e4e7);border-radius:8px}.df-card.selected{background:var(--pink-wash,#f7edf2)}.df-card .df-check{margin-top:2px;flex-shrink:0}.df-card-open{border:0;background:none;text-align:left;padding:0;color:inherit;min-width:0;flex:1;cursor:pointer}.df-card-open strong{font-size:14px;font-weight:500;line-height:1.5;display:block;overflow-wrap:anywhere}.df-card-open>span,.df-card-open>small{display:block;color:var(--muted,#777);font-size:11px;line-height:1.6;margin-top:6px}.df-unread{display:inline-block;width:6px;height:6px;background:#ec007e;border-radius:50%;margin:0 6px 2px 0}.df-lane-empty{color:var(--muted,#888);font-size:12px;padding:20px 0;line-height:1.6}.df-lane-pages{display:flex;align-items:center;justify-content:space-between;margin-top:14px}.df-lane-pages small{font-size:11px;color:var(--muted,#777)}
.df-reader{position:fixed;right:24px;top:88px;bottom:24px;width:min(640px,calc(100vw - 48px));padding:26px 30px;background:var(--paper,#fff);border:1px solid var(--line,#e5e1e5);border-radius:20px;box-shadow:0 20px 80px #24132126;z-index:105;overflow:auto;overscroll-behavior:contain}.df-reader>header{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:var(--muted,#777);letter-spacing:.04em}.df-reader>h2{font-size:27px;line-height:1.2;letter-spacing:-.04em;margin:24px 0}.df-reader .df-inline{padding:0}.df-sources{font-size:14px;line-height:1.65}.df-sources h3,.df-suggestions h3{font-size:13px;font-weight:600;margin:20px 0 10px}.df-sources>p{margin:10px 0 20px}.df-source{border:1px solid var(--line,#e6e2e6);border-radius:12px;padding:16px;margin-bottom:16px}.df-source summary{font-weight:500;cursor:pointer}.df-source-meta,.df-muted{font-size:12px;color:var(--muted,#777)}.df-source-body{font-size:13px;max-height:320px;overflow:auto;overflow-wrap:anywhere}.df-suggestions{margin:24px 0}.df-suggestions p{font-size:12px;color:var(--muted,#777)}.df-suggestion{font-size:12px;padding:10px 14px;border:1px solid var(--line,#e3dce1);background:transparent;color:inherit;border-radius:20px;margin:0 6px 8px 0;cursor:pointer}.df-suggestion:hover{border-color:#e90079;color:#e90079}.df-voice{display:flex;align-items:center;gap:10px;margin:22px 0 12px;flex-wrap:wrap}.df-voice>span{font-size:11px;color:var(--muted,#777);flex:1}.df-mic{width:40px;height:40px;border-radius:50%;border:1px solid var(--line,#ded9df);background:transparent;color:inherit;display:grid;place-items:center;cursor:pointer}.df-mic svg{width:18px;height:18px}.df-mic.recording{background:#e90079;color:white;border-color:#e90079}.df-stop{width:12px;height:12px;border-radius:2px;background:currentColor}.df-reader .df-reply{align-items:flex-end;border:1px solid var(--line,#e5e0e5);padding:12px;border-radius:14px}.df-reader .df-reply textarea{min-height:80px;max-height:240px;overflow:auto;resize:vertical}.df-reader .df-reply button{width:36px;height:36px}.df-reader .df-extra{margin-top:24px}.df-bottom{display:flex;justify-content:space-between;gap:16px}
[data-theme=dark] .df-reader{background:#211f23}[data-theme=dark] .df-card.selected{background:#372630}
@media(max-width:1150px){.df-board{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}}
@media(max-width:600px){.df-board{grid-template-columns:1fr}.df-reader{inset:10px;width:auto;padding:20px;border-radius:16px}.df-lane-items{max-height:420px;overflow:auto}.df-board-hint{font-size:11px}}
.df .df-mic{border:1px solid var(--line);background:var(--soft)}.df .df-mic.recording{background:#e90079;color:#fff;border-color:#e90079}.df .df-suggestion{border:1px solid var(--line);background:var(--paper);font-size:12px}.df .df-suggestion:hover{border-color:#e90079;color:#e90079}