ocean-brain 0.13.3 → 0.14.0

package/server/client/dist/assets/Views-8ghLRax7.js

@@ -0,0 +1 @@
+import{r as h,j as e}from"./floating-ui.react-dom-BWTnA00G.js";import{l as Lt,m as Se,n as de,K as Pe,P as ut,D as Ae,o as Ve,p as _t,q as qt,t as Ut,v as mt,C as Me,w as Wt,x as pt,M as Gt,y as Qt,S as ht,z as Yt,A as bt,B as Ht,E as Zt,G as Xt,H as Jt,I as ea,J as Ie,L as ta,O as aa,Q as sa,R as Be,U as ra,V as na,W as ia,X as la}from"./app-DzChh-V0.js";import{d as se,a as be,k as oa,h as Fe,m as xt,M as yt,u as da}from"./useNoteMutate-D-mZKXjl.js";import{aa as ca,ab as Ke,ac as ua,ad as ma,ae as pa,A as ha,q as _,T as o,B,M as Q,u as gt,X as ba,e as ft,l as xe,c as ie,D as Ee,R as Ne,O as Oe,af as xa,k as ya,L as W,I as Ce,a as Le,b as oe,N as _e,x as ee,y as I,d as ga,ag as fa,P as va,E as qe,h as ja}from"./time-BwwQGbK-.js";import{f as wa}from"./tag.api-kKZl04yY.js";import{S as ke}from"./SurfaceCard-jL2qzrzF.js";import{N as Re,V as Na}from"./url-Bp8sXMb4.js";import{V as G}from"./ViewChip-CVe_HNyd.js";import{e as Ca,g as ka,t as ye,d as Ta,b as Da,c as Sa,C as Pa,a as Aa}from"./calendar-data-BQ24n348.js";import{s as Va}from"./FileText.es-C-bpw8dQ.js";import{s as Ma}from"./ArrowRight.es-nBJws3ws.js";import{s as Fa}from"./CheckCircle.es-CyY9aLBF.js";import{n as Te}from"./Plus.es-Cl8zOOZa.js";import"./preload-helper-BXl3LOEh.js";import"./Graph-BNoSRJP3.js";var Ea=class extends ca{constructor(t,a){super(t,a)}bindMethods(){super.bindMethods(),this.fetchNextPage=this.fetchNextPage.bind(this),this.fetchPreviousPage=this.fetchPreviousPage.bind(this)}setOptions(t){super.setOptions({...t,behavior:Ke()})}getOptimisticResult(t){return t.behavior=Ke(),super.getOptimisticResult(t)}fetchNextPage(t){return this.fetch({...t,meta:{fetchMore:{direction:"forward"}}})}fetchPreviousPage(t){return this.fetch({...t,meta:{fetchMore:{direction:"backward"}}})}createResult(t,a){const{state:s}=t,i=super.createResult(t,a),{isFetching:n,isRefetching:c,isError:b,isRefetchError:d}=i,j=s.fetchMeta?.fetchMore?.direction,k=b&&j==="forward",A=n&&j==="forward",x=b&&j==="backward",E=n&&j==="backward";return{...i,fetchNextPage:this.fetchNextPage,fetchPreviousPage:this.fetchPreviousPage,hasNextPage:ma(a,s.data),hasPreviousPage:ua(a,s.data),isFetchNextPageError:k,isFetchingNextPage:A,isFetchPreviousPageError:x,isFetchingPreviousPage:E,isRefetchError:d&&!k&&!x,isRefetching:c&&!A&&!E}}};function Oa(t,a){return pa(t,Ea)}const Ra=new Map([["bold",h.createElement(h.Fragment,null,h.createElement("path",{d:"M128,20A108,108,0,1,0,236,128,108.12,108.12,0,0,0,128,20Zm0,192a84,84,0,1,1,84-84A84.09,84.09,0,0,1,128,212Z"}))],["duotone",h.createElement(h.Fragment,null,h.createElement("path",{d:"M224,128a96,96,0,1,1-96-96A96,96,0,0,1,224,128Z",opacity:"0.2"}),h.createElement("path",{d:"M128,24A104,104,0,1,0,232,128,104.11,104.11,0,0,0,128,24Zm0,192a88,88,0,1,1,88-88A88.1,88.1,0,0,1,128,216Z"}))],["fill",h.createElement(h.Fragment,null,h.createElement("path",{d:"M232,128A104,104,0,1,1,128,24,104.13,104.13,0,0,1,232,128Z"}))],["light",h.createElement(h.Fragment,null,h.createElement("path",{d:"M128,26A102,102,0,1,0,230,128,102.12,102.12,0,0,0,128,26Zm0,192a90,90,0,1,1,90-90A90.1,90.1,0,0,1,128,218Z"}))],["regular",h.createElement(h.Fragment,null,h.createElement("path",{d:"M128,24A104,104,0,1,0,232,128,104.11,104.11,0,0,0,128,24Zm0,192a88,88,0,1,1,88-88A88.1,88.1,0,0,1,128,216Z"}))],["thin",h.createElement(h.Fragment,null,h.createElement("path",{d:"M128,28A100,100,0,1,0,228,128,100.11,100.11,0,0,0,128,28Zm0,192a92,92,0,1,1,92-92A92.1,92.1,0,0,1,128,220Z"}))]]),vt=h.forwardRef((t,a)=>h.createElement(ha,{ref:a,...t,weights:Ra}));vt.displayName="CircleIcon";const za=vt,Ue=2,$a=(t,a)=>t.displayOptions.calendarDateField==="property"?a?.name??t.displayOptions.calendarDatePropertyKey??"Date property":t.displayOptions.calendarDateField==="updatedAt"?"Updated date":"Created date",Ia=t=>{const a=/^(\d{4})-(\d{2})-(\d{2})$/.exec(t);if(!a)return null;const s=Number(a[1]),i=Number(a[2]),n=Number(a[3]),c=new Date(Date.UTC(s,i-1,n));return c.getUTCFullYear()!==s||c.getUTCMonth()!==i-1||c.getUTCDate()!==n?null:`${s}-${i}-${n}`},Ba=t=>{const a=ye(t);if(!Number.isFinite(a))return null;const s=se(a);return`${s.year()}-${s.month()+1}-${s.date()}`},Ka=(t,a)=>t.isCurrentMonth?a?"bg-elevated shadow-[inset_0_0_0_1px_var(--border-secondary)] hover:bg-surface":"bg-surface hover:bg-muted":"cursor-default bg-[var(--page-bg)] text-fg-disabled",La=t=>t.isToday?"bg-cta font-semibold text-fg-on-filled":t.isCurrentMonth?t.isSunday?"font-semibold text-fg-weekend":"font-semibold text-fg-secondary":"font-medium text-fg-tertiary";function _a({section:t,calendarDateProperty:a,navigationState:s,onNavigationStateChange:i}){const n=se(),c=s.calendar?.year??n.year(),b=s.calendar?.month??n.month()+1,d=se(new Date(c,b-1,1)).format("MMMM YYYY"),j=t.displayOptions.calendarDateField,k=j==="property",A=$a(t,a),x=k?Ca(c,b):ka(c,b),[E,p]=h.useState(),{data:m,isPending:v,isError:D,refetch:P}=be({queryKey:_.views.sectionCalendar(t.id,{year:c,month:b,dateField:j,propertyKey:t.displayOptions.calendarDatePropertyKey}),async queryFn(){const u=await Lt(t.id,x);if(u.type==="error")throw u;return u.viewSectionCalendarNotes}}),V=h.useMemo(()=>{const u=new Map;for(const C of m??[]){const y=k?Ia(C.calendarDate):Ba(C.calendarDate);if(!y)continue;const T=u.get(y)??[];T.push(C),u.set(y,T)}for(const C of u.values())C.sort((y,T)=>(k?y.calendarDate.localeCompare(T.calendarDate):ye(y.calendarDate)-ye(T.calendarDate))||y.id.localeCompare(T.id));return Ta(c,b).map(C=>({...C,notes:u.get(C.key)??[]}))},[m,k,b,c]),w=V.find(u=>u.key===E),R=w?se(new Date(w.year,w.month-1,w.day)).format("dddd, MMMM D"):"Day notes",f=(u,C)=>{const y=u===n.year()&&C===n.month()+1;p(void 0),i(T=>({...T,calendar:y?void 0:{year:u,month:C}}))},S=u=>{const C=new Date(c,b-1+u,1);f(C.getFullYear(),C.getMonth()+1)},z=m?.length??0;return e.jsxs("div",{className:"flex min-h-0 flex-1 flex-col",children:[e.jsxs("div",{className:"flex flex-col gap-3 border-b border-border-subtle/75 px-4 py-3 sm:flex-row sm:items-center sm:justify-between",children:[e.jsxs("div",{className:"min-w-0",children:[e.jsx(o,{as:"h3",variant:"subheading",weight:"semibold",tracking:"tight",children:d}),e.jsxs(o,{as:"p",variant:"meta",tone:"tertiary",className:"mt-0.5",children:["Notes placed by ",A.toLowerCase()]})]}),e.jsx(Da,{onToday:()=>f(n.year(),n.month()+1),onPrevMonth:()=>S(-1),onNextMonth:()=>S(1)})]}),D?e.jsxs("div",{className:"m-4 rounded-[16px] border border-border-subtle bg-hover-subtle/70 p-4",children:[e.jsx(o,{as:"p",variant:"body",weight:"semibold",children:"Failed to load this calendar"}),e.jsxs(o,{as:"p",variant:"meta",tone:"tertiary",className:"mt-1",children:["Retry to refresh notes for ",d,"."]}),e.jsx("div",{className:"mt-3",children:e.jsx(B,{type:"button",variant:"ghost",size:"sm",onClick:()=>{P()},children:"Retry"})})]}):e.jsx("div",{className:"min-w-0 px-4 py-3.5",children:e.jsx(Sa,{isLoading:v,ariaLabel:`${d} note calendar`,children:V.map(u=>{const C=u.key===E,y=u.notes.slice(0,Ue).map(T=>({key:`note-${T.id}`,type:"note",title:T.title||"Untitled"}));return e.jsx(Pa,{day:u.day,dateLabel:se(new Date(u.year,u.month-1,u.day)).format("dddd, MMMM D, YYYY"),cellClassName:Ka(u,C),dayNumberClassName:La(u),isCurrentMonth:u.isCurrentMonth,isToday:u.isToday,isSelected:C,noteCount:u.notes.length,reminderCount:0,previewItems:y,overflowCount:Math.max(0,u.notes.length-Ue),density:"compact",showReminderSummary:!1,onSelect:()=>p(u.key)},u.key)})})}),e.jsx("div",{className:"mt-auto border-t border-border-subtle/75 px-4 py-3",children:e.jsx(o,{as:"p",variant:"meta",tone:"tertiary",children:v?"Loading calendar notes...":D?`Calendar notes for ${d} are unavailable`:z===0?`No matching notes in ${d}`:`${z} matching note${z===1?"":"s"} in ${d}`})}),e.jsxs(Q,{isOpen:!!w,onClose:()=>p(void 0),variant:"inspect",children:[e.jsx(Q.Header,{title:R,onClose:()=>p(void 0)}),e.jsxs(Q.Body,{children:[e.jsxs(Q.Description,{className:"sr-only",children:["View matching notes placed on ",R," by ",A.toLowerCase(),"."]}),e.jsxs(o,{as:"p",variant:"label",weight:"medium",tone:"secondary",className:"mb-3",children:[w?.notes.length??0," matching"," ",(w?.notes.length??0)===1?"note":"notes"]}),e.jsx("div",{className:"flex flex-col gap-1",children:w?.notes.map(u=>e.jsx(Aa,{params:{id:u.id},header:e.jsx(Va,{size:12}),title:u.title||"Untitled",meta:k?void 0:se(ye(u.calendarDate)).format("HH:mm")},u.id))})]})]})]})}const ge=6,De=["title","tags","properties","createdAt","updatedAt"],jt="createdAt",qa={activeTabId:null,tabs:[]},Ua=t=>{const a=t.trim();return a?a.startsWith("@")?a:a.startsWith("#")?"":`@${a}`:""},wt=(t,a,s)=>{if(a===s)return t;const i=t.findIndex(d=>d.id===a),n=t.findIndex(d=>d.id===s);if(i<0||n<0)return t;const c=[...t],[b]=c.splice(i,1);return c.splice(n,0,b),c},Nt=(t,a,s)=>{const i=t.findIndex(c=>c.id===a),n=i+(s==="previous"?-1:1);return i>=0&&n>=0&&n<t.length?t[n]?.id:void 0},We=t=>{const a=t.flatMap(s=>typeof s=="string"?s.split(","):[]);return Array.from(new Set(a.map(Ua).filter(Boolean)))},Wa=t=>t.tabs.length===0?null:t.activeTabId?t.tabs.find(a=>a.id===t.activeTabId)??t.tabs[0]??null:t.tabs[0]??null,Ga=(t,a)=>t.tabs.some(s=>s.id===a)?{...t,activeTabId:a}:t,Ct=(t,a,s)=>({...t,tabs:wt(t.tabs,a,s)}),kt=(t,a,s,i)=>({...t,tabs:t.tabs.map(n=>n.id===a?{...n,sections:wt(n.sections,s,i)}:n)}),Qa=(t,a,s)=>{const i=Nt(t.tabs,a,s);return i?Ct(t,a,i):t},Ya=(t,a,s,i)=>{const n=t.tabs.find(b=>b.id===a)?.sections??[],c=Nt(n,s,i);return c?kt(t,a,s,c):t},Ge=t=>t==="or"?"OR — any selected tag":"AND — all selected tags",Ha=t=>t==="or"?"OR":"AND",Tt=t=>{switch(t){case"notEquals":return"is not";case"contains":return"contains";case"notContains":return"does not contain";case"before":return"before";case"after":return"after";case"exists":return"is set";case"notExists":return"is empty";default:return"is"}},Za=t=>{switch(t){case"table":return"Table";case"board":return"Board";case"calendar":return"Calendar";default:return"List"}},Dt=t=>{switch(t){case"tags":return"Tags";case"properties":return"Properties";case"createdAt":return"Created";case"updatedAt":return"Updated";default:return"Title"}},fe=t=>{const a=new Set(De),s=(t??[]).filter(n=>a.has(n)),i=Array.from(new Set(s));return i.length===0?[...De]:i.includes("title")?i:["title",...i]},ze=t=>Array.from(new Set((t??[]).map(a=>a.trim()).filter(Boolean))).slice(0,ge),St=t=>t==="updatedAt"||t==="property"?t:jt,Pt=t=>{const a=St(t?.calendarDateField);return{tableColumns:fe(t?.tableColumns),tablePropertyKeys:ze(t?.tablePropertyKeys),boardGroupByPropertyKey:t?.boardGroupByPropertyKey?.trim()||null,calendarDateField:a,calendarDatePropertyKey:a==="property"&&t?.calendarDatePropertyKey?.trim()||null}},Xa=t=>{const a=Tt(t.operator);return t.operator==="exists"||t.operator==="notExists"?`${t.name} ${a}`:`${t.name} ${a} ${t.value??""}`.trim()},Ja=(t,a={})=>{const s={...t,...a};return{title:s.title,displayType:s.displayType,displayOptions:Pt(s.displayOptions),tagNames:s.tagNames,mode:s.mode,propertyFilters:s.propertyFilters.map(i=>({key:i.key,valueType:i.valueType,operator:i.operator,value:i.value})),sortBy:s.sortBy,sortOrder:s.sortOrder,limit:s.limit}},At="view-board-column:unassigned",es=t=>t===null?At:`view-board-column:value:${encodeURIComponent(t)}`,ts=t=>[...[...t].sort((a,s)=>a.order-s.order||a.label.localeCompare(s.label)).map(a=>({id:es(a.value),label:a.label,value:a.value,color:a.color??null})),{id:At,label:"Unassigned",value:null,color:null}];function as({note:t,column:a,columns:s,isMoving:i,onMove:n}){const{attributes:c,listeners:b,setNodeRef:d,setActivatorNodeRef:j,transform:k,isDragging:A}=Ut({id:`view-board-note:${t.id}`,data:{note:t,sourceValue:a.value},disabled:i});return e.jsx("article",{ref:d,style:{transform:Me.Translate.toString(k)},className:ie("group rounded-[14px] border border-border-subtle bg-elevated px-3 py-2.5 transition-[opacity,background-color,border-color] hover:border-border-secondary/80 hover:bg-hover-subtle/35",(A||i)&&"opacity-55",A&&"z-20 border-accent-primary/45 bg-elevated ring-2 ring-accent-primary/10"),children:e.jsxs("div",{className:"flex items-start gap-2",children:[e.jsx("button",{type:"button",ref:j,"aria-label":`Drag ${t.title||"Untitled"} to another column`,...c,...b,className:"focus-ring-soft mt-0.5 hidden size-7 shrink-0 touch-none items-center justify-center rounded-[9px] text-fg-tertiary outline-none hover:bg-hover-subtle hover:text-fg-default sm:inline-flex",children:e.jsx(mt,{className:"size-3.5"})}),e.jsxs("div",{className:"min-w-0 flex-1",children:[e.jsx(o,{as:"div",variant:"body",weight:"semibold",tracking:"tight",className:"leading-[1.4]",children:e.jsx(Ee,{to:Re,params:{id:t.id},className:"line-clamp-2 transition-colors hover:text-fg-default/80",children:t.title||"Untitled"})}),e.jsxs(o,{as:"p",variant:"meta",tone:"tertiary",className:"mt-2",children:["Updated ",Ne(Number(t.updatedAt))]})]}),e.jsx(Oe,{button:e.jsx(Fe,{label:`Move ${t.title||"Untitled"}`,size:"sm"}),items:s.filter(x=>x.value!==a.value).map(x=>({name:`Move to ${x.label}`,onClick:()=>n(t,a.value,x.value)}))})]})})}function ss({section:t,groupProperty:a,column:s,columns:i,index:n,scrollRootRef:c,movingNoteIds:b,onMove:d,pageCount:j,onPageCountChange:k}){const A=h.useRef(null),[x,E]=h.useState(n<4),{isOver:p,setNodeRef:m}=_t({id:s.id,data:{optionValue:s.value}});h.useEffect(()=>{if(x||!A.current)return;if(typeof IntersectionObserver>"u"){E(!0);return}const y=new IntersectionObserver(T=>{T.some(Y=>Y.isIntersecting)&&(E(!0),y.disconnect())},{root:c.current,rootMargin:"0px 320px",threshold:.01});return y.observe(A.current),()=>y.disconnect()},[c,x]);const{data:v,isPending:D,isError:P,refetch:V,fetchNextPage:w,hasNextPage:R,isFetchingNextPage:f,isFetchNextPageError:S}=Oa({queryKey:_.views.sectionBoardColumnPages(t.id,a.key,s.value,t.limit),enabled:x,initialPageParam:0,async queryFn({pageParam:y}){const T=await qt(t.id,{optionValue:s.value,limit:t.limit,offset:y});if(T.type==="error")throw T;return T.viewSectionBoardColumn},getNextPageParam(y,T){return T.reduce((te,H)=>te+H.notes.length,0)<y.totalCount?T.length*t.limit:void 0}}),z=h.useMemo(()=>Array.from(new Map((v?.pages??[]).flatMap(y=>y.notes).map(y=>[y.id,y])).values()),[v?.pages]),u=v?.pages[0]?.totalCount;h.useEffect(()=>{!x||!v||v.pages.length>=j||!R||f||S||w()},[v,w,R,S,f,j,x]),h.useEffect(()=>{if(u===void 0)return;const y=Math.max(1,Math.ceil(u/t.limit));j>y&&k(y)},[k,j,t.limit,u]);const C=y=>{A.current=y,m(y)};return e.jsxs("section",{ref:C,"aria-label":`${s.label} column`,className:ie("flex min-h-[248px] w-[17rem] shrink-0 flex-col rounded-[18px] border bg-subtle/30 transition-[border-color,background-color] sm:w-[18rem]",p?"border-accent-primary/50 bg-accent-primary/6":"border-border-subtle"),children:[e.jsxs("div",{className:"flex items-center justify-between gap-3 border-b border-border-subtle/75 px-3.5 py-3",children:[e.jsxs("div",{className:"flex min-w-0 items-center gap-2",children:[e.jsx("span",{className:"size-2.5 shrink-0 rounded-full border border-black/5",style:{backgroundColor:s.color??"var(--color-fg-tertiary)"},"aria-hidden":"true"}),e.jsx(o,{as:"h3",variant:"label",weight:"semibold",className:"truncate",children:s.label})]}),e.jsx(o,{as:"span",variant:"meta",tone:"tertiary","aria-label":u===void 0?"Card count loading":`${u} cards`,className:"inline-flex min-w-6 justify-center rounded-full bg-elevated px-2 py-0.5 tabular-nums",children:u??"–"})]}),e.jsxs("div",{className:"flex flex-1 flex-col gap-2 p-2.5",children:[x?D&&!v?e.jsxs(e.Fragment,{children:[e.jsx(xe,{height:"76px",className:"rounded-[14px]"}),e.jsx(xe,{height:"76px",className:"rounded-[14px]"})]}):P?e.jsxs("div",{className:"rounded-[14px] border border-dashed border-border-subtle bg-elevated/60 p-3",children:[e.jsx(o,{as:"p",variant:"meta",tone:"tertiary",children:"Failed to load this column."}),e.jsx(B,{type:"button",variant:"ghost",size:"sm",className:"mt-2",onClick:()=>{V()},children:"Retry"})]}):z.length===0?e.jsx("div",{className:"flex min-h-28 items-center justify-center rounded-[14px] border border-dashed border-border-subtle px-3 text-center",children:e.jsx(o,{as:"p",variant:"meta",tone:"tertiary",children:"Drop a note here"})}):z.map(y=>e.jsx(as,{note:y,column:s,columns:i,isMoving:b.has(y.id),onMove:d},y.id)):e.jsx("button",{type:"button",className:"focus-ring-soft flex min-h-28 items-center justify-center rounded-[14px] border border-dashed border-border-subtle px-3 text-sm text-fg-tertiary outline-none hover:bg-elevated",onClick:()=>E(!0),children:"Load cards"}),R?e.jsx(B,{type:"button",variant:"ghost",size:"sm",className:"mt-auto w-full",disabled:f,onClick:()=>{S||k(j+1),w()},children:f?"Loading...":S?"Retry loading cards":`Load more (${Math.max(0,(u??0)-z.length)})`}):null]})]})}function rs({section:t,groupProperty:a,navigationState:s={},onNavigationStateChange:i=()=>{}}){const n=gt(),c=ft(),b=h.useRef(null),[d,j]=h.useState(()=>new Set),k=h.useMemo(()=>ts(a.options),[a.options]),A=Se(de(ut,{activationConstraint:{distance:6}}),de(Pe)),x=h.useCallback(async(p,m,v)=>{if(m===v||d.has(p.id))return;j(V=>new Set(V).add(p.id));const D=_.views.sectionBoardAll(t.id),P=n.getQueriesData({queryKey:D});for(const[V,w]of P){if(!w||!Array.isArray(w.pages))continue;const R=V[3];if(R?.groupPropertyKey!==a.key)continue;const f=R.optionValue===m,S=R.optionValue===v,z=R.pageSize??t.limit;let u=w.pages.flatMap(y=>y.notes).filter(y=>y.id!==p.id);S&&(u=[p,...u]);const C=Math.max(0,(w.pages[0]?.totalCount??0)-(f?1:0)+(S?1:0));n.setQueryData(V,{...w,pages:w.pages.map((y,T)=>({totalCount:C,notes:u.slice(T*z,(T+1)*z)}))})}try{const V=await ba({id:p.id,expectedUpdatedAt:p.updatedAt,...v===null?{deleteKeys:[a.key]}:{set:[{key:a.key,name:a.name,value:v,valueType:"select"}]}});if(V.type==="error"){for(const[w,R]of P)n.setQueryData(w,R);c(V.errors[0]?.message??"Failed to move this note.");return}await Promise.all([oa(n),n.invalidateQueries({queryKey:_.notes.propertyKeysAll(),exact:!1})])}catch{for(const[V,w]of P)n.setQueryData(V,w);c("Failed to move this note.")}finally{j(V=>{const w=new Set(V);return w.delete(p.id),w})}},[a.key,a.name,d,n,t.id,t.limit,c]),E=({active:p,over:m})=>{const v=p.data.current?.note,D=p.data.current?.sourceValue,P=m?.data.current?.optionValue;!v||D===void 0||P===void 0||x(v,D,P)};return e.jsx(Ae,{sensors:A,collisionDetection:Ve,onDragEnd:E,children:e.jsx("div",{ref:b,"data-scroll-restoration-id":`view-board-${t.id}`,className:"overflow-x-auto overscroll-x-contain px-3 py-3.5 [scrollbar-gutter:stable] sm:px-4","aria-label":`Board grouped by ${a.name}`,children:e.jsx("div",{className:"flex min-w-max items-stretch gap-3 pb-1",children:k.map((p,m)=>e.jsx(ss,{section:t,groupProperty:a,column:p,columns:k,index:m,scrollRootRef:b,movingNoteIds:d,pageCount:s.columns?.[p.id]??1,onPageCountChange:v=>i(D=>({...D,columns:{...D.columns,[p.id]:v}})),onMove:(v,D,P)=>{x(v,D,P)}},p.id))})})})}const ns="group flex min-h-[72px] items-center justify-between gap-3 px-4 py-3 transition-colors hover:bg-hover-subtle",is=t=>t.valueType==="select"?t.option?.label??t.value:t.valueType==="boolean"?t.value==="true"?"True":"False":t.value,ls=t=>{const a=t.tags.slice(0,2),s=t.tags.length-a.length;return a.length===0?null:e.jsxs(e.Fragment,{children:[a.map(i=>e.jsx(G,{size:"compact",className:"max-w-[116px] shrink-0 border-border-subtle bg-transparent text-fg-secondary",children:i.name},i.id)),s>0&&e.jsxs(G,{size:"compact",className:"shrink-0 border-border-subtle bg-subtle text-fg-tertiary",children:["+",s]})]})},os=t=>{const a=t.properties??[],s=a.slice(0,2),i=a.length-s.length;return s.length===0?null:e.jsxs(e.Fragment,{children:[s.map(n=>e.jsxs(G,{size:"compact",truncateContent:!1,className:"max-w-[220px] gap-1.5 border-border-subtle bg-subtle/55 text-fg-secondary",children:[n.valueType==="select"?e.jsx("span",{className:"size-2 shrink-0 rounded-full border border-black/5",style:{backgroundColor:n.option?.color??"var(--color-fg-tertiary)"},"aria-hidden":"true"}):null,e.jsx("span",{className:"max-w-[72px] shrink truncate text-fg-tertiary",children:n.name}),e.jsx("span",{className:"min-w-0 truncate",children:is(n)||"—"})]},n.key)),i>0?e.jsxs(G,{size:"compact",className:"shrink-0 border-border-subtle bg-subtle text-fg-tertiary",children:["+",i," properties"]}):null]})};function ds({notes:t,isPending:a,isError:s,onRetry:i}){return a?e.jsxs("div",{className:"overflow-hidden bg-transparent",children:[e.jsx("div",{className:"h-[72px] animate-pulse bg-subtle/35"}),e.jsx("div",{className:"h-[72px] animate-pulse border-t border-border-subtle/70 bg-subtle/35"}),e.jsx("div",{className:"h-[72px] animate-pulse border-t border-border-subtle/70 bg-subtle/35"})]}):s?e.jsxs("div",{className:"rounded-[16px] border border-border-subtle bg-subtle/30 p-4",children:[e.jsx(o,{as:"p",variant:"body",weight:"semibold",children:"Failed to load this section"}),e.jsx(o,{as:"p",variant:"meta",tone:"tertiary",className:"mt-1",children:"Retry to refresh this saved query."}),e.jsx("div",{className:"mt-3",children:e.jsx(B,{type:"button",variant:"ghost",size:"sm",onClick:i,children:"Retry"})})]}):t.length===0?e.jsxs("div",{className:"rounded-[16px] border border-dashed border-border-subtle px-4 py-5",children:[e.jsx(o,{as:"p",variant:"body",weight:"semibold",children:"No notes match yet"}),e.jsx(o,{as:"p",variant:"meta",tone:"tertiary",className:"mt-1",children:"Add matching notes, or edit this view query."})]}):e.jsx("div",{className:"divide-y divide-border-subtle/70 bg-transparent",children:t.map(n=>e.jsxs(Ee,{to:Re,params:{id:n.id},className:ns,children:[e.jsxs("div",{className:"min-w-0 flex-1",children:[e.jsxs("div",{className:"flex min-w-0 items-center gap-2",children:[n.pinned?e.jsx(xt,{className:"size-3.5 shrink-0 text-fg-tertiary",weight:"fill","aria-label":"Pinned"}):null,e.jsx(o,{as:"div",variant:"body",weight:"semibold",tracking:"tight",className:"line-clamp-1",children:n.title||"Untitled"})]}),e.jsxs("div",{className:"mt-2 flex min-w-0 flex-wrap items-center gap-1.5",children:[os(n),ls(n),e.jsxs(o,{as:"span",variant:"label",weight:"medium",tone:"tertiary",className:"sm:hidden",children:["Updated ",Ne(Number(n.updatedAt))]})]})]}),e.jsxs("div",{className:"flex shrink-0 items-center gap-2 pl-2",children:[e.jsx(o,{as:"span",variant:"label",weight:"medium",tone:"tertiary",className:"hidden sm:inline",children:Ne(Number(n.updatedAt))}),e.jsx(Ma,{className:"size-4 text-fg-tertiary transition-transform group-hover:translate-x-0.5"})]})]},n.id))})}const cs={title:300,tags:200,createdAt:148,updatedAt:148},us={title:"title",createdAt:"createdAt",updatedAt:"updatedAt"},ms="flex h-[24px] min-w-0 max-w-full items-center gap-1.5 overflow-hidden whitespace-nowrap",Vt="text-xs leading-5 text-fg-tertiary",ps=t=>se(Number(t)).format("MMM D, YYYY"),hs=t=>t==="text"||t==="url"?220:t==="date"?168:156,Mt=t=>t.kind==="property"?hs(t.valueType):cs[t.key],bs=(t,a,s)=>{const i=new Map(s.map(d=>[d.key,d])),n=new Map(a.flatMap(d=>d.properties??[]).map(d=>[d.key,d])),c=ze(t.displayOptions.tablePropertyKeys),b=Array.from(new Set([...t.propertyFilters.map(d=>d.key),...a.flatMap(d=>(d.properties??[]).map(j=>j.key))])).slice(0,3);return(c.length>0?c:b).flatMap(d=>{const j=i.get(d),k=n.get(d);return!j&&!k?[]:[{kind:"property",key:d,name:j?.name??k?.name??d,valueType:j?.valueType??k?.valueType??"text"}]})},xs=(t,a,s)=>{const i=bs(t,a,s);return fe(t.displayOptions.tableColumns).reduce((n,c)=>(c==="properties"?n.push(...i):n.push({kind:"base",key:c}),n),[])},ys=t=>t.reduce((a,s)=>a+Mt(s),0),gs=t=>{if(t.tags.length===0)return e.jsx("span",{className:Vt,children:"—"});const a=t.tags.slice(0,3),s=t.tags.length-a.length;return e.jsxs("div",{className:ms,children:[a.map(i=>e.jsx(G,{size:"compact",className:"max-w-[132px] shrink-0 border-border-subtle bg-transparent text-fg-secondary",children:i.name},i.id)),s>0?e.jsxs(G,{size:"compact",className:"shrink-0 border-border-subtle bg-subtle text-fg-tertiary",children:["+",s]}):null]})},fs=t=>{if(!t)return e.jsx("span",{className:Vt,children:"—"});if(t.valueType==="select")return e.jsx(G,{size:"compact",className:"max-w-full border-border-subtle bg-subtle/65 text-fg-secondary",truncateContent:!1,children:e.jsxs("span",{className:"inline-flex min-w-0 items-center gap-2",children:[e.jsx("span",{className:"size-2 shrink-0 rounded-full border border-black/5",style:{backgroundColor:t.option?.color??"var(--color-fg-tertiary)"},"aria-hidden":"true"}),e.jsx("span",{className:"min-w-0 truncate",children:t.option?.label??t.value})]})});if(t.valueType==="boolean"){const a=t.value==="true",s=a?Fa:za;return e.jsxs("span",{className:"inline-flex items-center gap-1.5 text-sm text-fg-secondary",children:[e.jsx(s,{className:"size-3.5 text-fg-tertiary",weight:a?"fill":"regular"}),a?"True":"False"]})}return e.jsx("span",{className:ie("block truncate text-sm text-fg-secondary",t.valueType==="number"&&"tabular-nums"),title:t.value,children:t.value||"—"})};function vs({section:t,notes:a,isPending:s,isError:i,onRetry:n,onSortChange:c,isSortPending:b,activeSortBy:d=t.sortBy,activeSortOrder:j=t.sortOrder,availableProperties:k=[],surface:A="flush"}){const x=xs(t,a,k),E=ys(x),p=A==="card"?"overflow-x-auto rounded-[16px] border border-border-subtle bg-elevated":"overflow-x-auto bg-transparent",m=A==="card"?"overflow-hidden rounded-[16px] border border-border-subtle bg-elevated":"overflow-hidden bg-transparent",v=A==="card"?"bg-elevated":"bg-transparent",D=A==="card"?"bg-subtle/65":"bg-subtle/45",P=A==="card"?"bg-elevated":"bg-transparent",V=A==="card"?"var(--elevated)":"var(--surface)",w=f=>{if(f.kind==="property")return e.jsxs("th",{className:"px-3 py-2 text-left",children:[e.jsx(o,{as:"p",variant:"label",weight:"semibold",className:"truncate",title:f.name,children:f.name}),e.jsx(o,{as:"p",variant:"micro",tone:"tertiary",className:"mt-0.5 capitalize",children:f.valueType})]},`property:${f.key}`);const S=us[f.key],z=Dt(f.key),u=S?d===S:!1,C=f.key==="title";return e.jsx("th",{"aria-sort":u?j==="asc"?"ascending":"descending":void 0,className:ie("px-3 py-2.5 text-xs font-semibold text-fg-tertiary",C&&"lg:sticky lg:left-0 lg:z-20"),style:C?{background:`linear-gradient(var(--subtle), var(--subtle)), ${V}`}:void 0,children:S?e.jsxs("button",{type:"button",className:"focus-ring-soft -ml-1 inline-flex items-center gap-1 rounded-[8px] px-1 py-0.5 outline-none transition-colors hover:bg-hover-subtle hover:text-fg-secondary disabled:cursor-wait disabled:opacity-60",disabled:b,onClick:()=>c(S),children:[e.jsx("span",{children:z}),e.jsx("span",{"aria-hidden":"true",className:"text-[10px] text-fg-tertiary",children:u?j==="asc"?"↑":"↓":"↕"})]}):z},f.key)},R=(f,S)=>{if(S.kind==="property")return e.jsx("td",{className:"overflow-hidden px-3 py-2.5 align-middle transition-colors group-hover:bg-hover-subtle",children:fs(f.properties?.find(z=>z.key===S.key))},`property:${S.key}`);switch(S.key){case"tags":return e.jsx("td",{className:"overflow-hidden px-3 py-2.5 align-middle transition-colors group-hover:bg-hover-subtle",children:gs(f)},S.key);case"createdAt":case"updatedAt":{const z=S.key==="createdAt"?f.createdAt:f.updatedAt;return e.jsx("td",{className:"whitespace-nowrap px-3 py-2.5 align-middle transition-colors group-hover:bg-hover-subtle",children:e.jsx(o,{as:"span",variant:"meta",tone:"tertiary",title:se(Number(z)).format("MMM D, YYYY h:mm A"),children:ps(z)})},S.key)}default:return e.jsxs("td",{className:"relative px-3 py-2.5 align-middle lg:sticky lg:left-0 lg:z-10",style:{background:V},children:[e.jsx("span",{"aria-hidden":"true",className:"pointer-events-none absolute inset-0 bg-hover-subtle opacity-0 transition-opacity group-hover:opacity-100"}),e.jsxs("div",{className:"relative z-10 flex min-w-0 items-center gap-2",children:[f.pinned?e.jsx(xt,{className:"size-3.5 shrink-0 text-fg-tertiary",weight:"fill","aria-label":"Pinned"}):null,e.jsx(o,{as:"div",variant:"body",weight:"semibold",className:"min-w-0 line-clamp-1",children:e.jsx(Ee,{to:Re,params:{id:f.id},className:"focus-ring-soft rounded-[6px] outline-none transition-colors hover:text-fg-default/80",children:f.title||"Untitled"})})]})]},S.key)}};return s?e.jsxs("div",{className:m,children:[e.jsx("div",{className:"h-11 animate-pulse bg-subtle/50"}),e.jsx("div",{className:`h-14 animate-pulse border-t border-border-subtle ${v}`}),e.jsx("div",{className:`h-14 animate-pulse border-t border-border-subtle ${v}`}),e.jsx("div",{className:`h-14 animate-pulse border-t border-border-subtle ${v}`})]}):i?e.jsxs("div",{className:"rounded-[16px] border border-border-subtle bg-subtle/30 p-4",children:[e.jsx(o,{as:"p",variant:"body",weight:"semibold",children:"Failed to load this table"}),e.jsx(o,{as:"p",variant:"meta",tone:"tertiary",className:"mt-1",children:"Retry to refresh this saved query."}),e.jsx("div",{className:"mt-3",children:e.jsx(B,{type:"button",variant:"ghost",size:"sm",onClick:n,children:"Retry"})})]}):a.length===0?e.jsxs("div",{className:"rounded-[16px] border border-dashed border-border-subtle px-4 py-5",children:[e.jsx(o,{as:"p",variant:"body",weight:"semibold",children:"No rows yet"}),e.jsx(o,{as:"p",variant:"meta",tone:"tertiary",className:"mt-1",children:"Add matching notes, or edit this view query."})]}):e.jsx("div",{className:p,"data-scroll-restoration-id":`view-table-${t.id}`,"aria-label":"Scrollable view table",children:e.jsxs("table",{className:"w-full table-fixed border-collapse text-left",style:{minWidth:E},children:[e.jsx("caption",{className:"sr-only",children:"View query results as a table"}),e.jsx("colgroup",{children:x.map(f=>e.jsx("col",{style:{width:`${Mt(f)/E*100}%`}},f.kind==="property"?`property:${f.key}`:f.key))}),e.jsx("thead",{className:D,children:e.jsx("tr",{className:"border-b border-border-subtle",children:x.map(w)})}),e.jsx("tbody",{className:P,children:a.map(f=>e.jsx("tr",{className:"group h-12 border-b border-border-subtle/70 last:border-b-0",children:x.map(S=>R(f,S))},f.id))})]})})}const Qe=({displayName:t,onRetry:a})=>e.jsxs("div",{className:"m-4 rounded-[16px] border border-border-subtle bg-hover-subtle/70 p-4",children:[e.jsxs(o,{as:"p",variant:"body",weight:"semibold",children:["Failed to load ",t," properties"]}),e.jsx(o,{as:"p",variant:"meta",tone:"tertiary",className:"mt-1",children:"Retry to check the configured property without changing this view."}),e.jsx("div",{className:"mt-3",children:e.jsx(B,{type:"button",variant:"ghost",size:"sm",onClick:a,children:"Retry"})})]});function js({section:t,notes:a,isPending:s,isError:i,onRetry:n,onEdit:c,onSortChange:b,isSortPending:d,activeSortBy:j=t.sortBy,activeSortOrder:k=t.sortOrder,availableProperties:A=[],isPropertiesLoading:x=!1,isPropertiesError:E=!1,onRetryProperties:p=()=>{},navigationState:m={},onNavigationStateChange:v=()=>{}}){if(t.displayType==="board"){const D=A.find(P=>P.key===t.displayOptions.boardGroupByPropertyKey&&P.valueType==="select");return!D&&x?e.jsxs("div",{className:"flex gap-3 overflow-hidden px-4 py-3.5",children:[e.jsx("div",{className:"h-[248px] w-[18rem] shrink-0 animate-pulse rounded-[18px] bg-subtle/50"}),e.jsx("div",{className:"h-[248px] w-[18rem] shrink-0 animate-pulse rounded-[18px] bg-subtle/50"}),e.jsx("div",{className:"h-[248px] w-[18rem] shrink-0 animate-pulse rounded-[18px] bg-subtle/50"})]}):!D&&E?e.jsx(Qe,{displayName:"board",onRetry:p}):!D||D.options.length===0?e.jsxs("div",{className:"m-4 rounded-[16px] border border-dashed border-border-subtle bg-subtle/40 px-4 py-5",children:[e.jsx(o,{as:"p",variant:"body",weight:"semibold",children:"Board grouping is unavailable"}),e.jsx(o,{as:"p",variant:"meta",tone:"tertiary",className:"mt-1",children:"Choose an existing select property with options to restore this board."}),e.jsx("div",{className:"mt-3",children:e.jsx(B,{type:"button",variant:"ghost",size:"sm",onClick:c,children:"Edit board"})})]}):e.jsx(rs,{section:t,groupProperty:D,navigationState:m,onNavigationStateChange:v})}if(t.displayType==="table")return e.jsx(vs,{section:t,notes:a,isPending:s,isError:i,onRetry:n,onSortChange:b,isSortPending:d,activeSortBy:j,activeSortOrder:k,availableProperties:A});if(t.displayType==="calendar"){const D=t.displayOptions.calendarDateField==="property"?A.find(P=>P.key===t.displayOptions.calendarDatePropertyKey&&P.valueType==="date"):void 0;return t.displayOptions.calendarDateField==="property"&&!D?x?e.jsx("div",{className:"m-4 h-[320px] animate-pulse rounded-[18px] bg-subtle/50"}):E?e.jsx(Qe,{displayName:"calendar",onRetry:p}):e.jsxs("div",{className:"m-4 rounded-[16px] border border-dashed border-border-subtle bg-subtle/40 px-4 py-5",children:[e.jsx(o,{as:"p",variant:"body",weight:"semibold",children:"Calendar date property is unavailable"}),e.jsx(o,{as:"p",variant:"meta",tone:"tertiary",className:"mt-1",children:"Choose an existing date property to restore this calendar."}),e.jsx("div",{className:"mt-3",children:e.jsx(B,{type:"button",variant:"ghost",size:"sm",onClick:c,children:"Edit calendar"})})]}):e.jsx(_a,{section:t,calendarDateProperty:D,navigationState:m,onNavigationStateChange:v})}return e.jsx(ds,{notes:a,isPending:s,isError:i,onRetry:n})}function ws({section:t,onEdit:a,onDuplicate:s,onDelete:i,onMoveUp:n,onMoveDown:c,dragHandle:b,availableProperties:d=[],isPropertiesLoading:j=!1,isPropertiesError:k=!1,onRetryProperties:A=()=>{},navigationState:x={},onNavigationStateChange:E=()=>{}}){const p=t.displayType==="board",m=t.displayType==="calendar",v=x.page??1,D=(v-1)*t.limit,P=x.sort?.by??t.sortBy,V=x.sort?.order??t.sortOrder,{data:w,isPending:R,isError:f,isPlaceholderData:S,refetch:z}=be({queryKey:_.views.sectionNotes(t.id,{limit:t.limit,offset:D,sortBy:P,sortOrder:V}),enabled:!p&&!m,placeholderData:xa,async queryFn(){const M=await Wt(t.id,{limit:t.limit,offset:D,sortBy:P,sortOrder:V});if(M.type==="error")throw M;return M.viewSectionNotes}}),u=w?.notes??[],C=w?.totalCount??0,y=Math.max(1,Math.ceil(C/t.limit)),T=Ha(t.mode),Y=t.tagNames.length>0||t.propertyFilters.length>0,te=p?d.find(M=>M.key===t.displayOptions.boardGroupByPropertyKey):null,H=m?d.find(M=>M.key===t.displayOptions.calendarDatePropertyKey):null,ae=t.displayOptions.calendarDateField==="property"?H?.name??t.displayOptions.calendarDatePropertyKey??"Date property":t.displayOptions.calendarDateField==="updatedAt"?"Updated date":"Created date",re=M=>{const q=P===M?V==="asc"?"desc":"asc":M==="title"?"asc":"desc";E(ce=>({...ce,page:1,sort:{by:M,order:q}}))};return h.useEffect(()=>{p||m||R||f||S||!w||v<=y||E(M=>({...M,page:y}))},[w,p,m,f,R,S,y,E,v]),e.jsxs(ke,{flush:!0,className:"flex h-full flex-col overflow-hidden",children:[e.jsxs("div",{className:"flex items-start justify-between gap-3 border-b border-border-subtle/75 px-4 py-3.5",children:[e.jsxs("div",{className:"min-w-0",children:[e.jsxs("div",{className:"flex items-center gap-1",children:[b&&e.jsx("div",{className:"-mr-1 shrink-0 self-center",children:b}),e.jsx("div",{className:"min-w-0",children:e.jsx(o,{as:"h2",variant:"subheading",weight:"semibold",tracking:"tight",className:"min-w-0",children:e.jsx("span",{className:"truncate",children:t.title})})})]}),e.jsxs("div",{className:"mt-3 flex flex-wrap gap-1.5",children:[e.jsx(G,{className:"max-w-full border-border-subtle/80 bg-elevated text-fg-secondary",children:Za(t.displayType)}),p&&t.displayOptions.boardGroupByPropertyKey?e.jsxs(G,{className:"max-w-full border-border-subtle/80 bg-subtle text-fg-secondary",children:["Grouped by ",te?.name??t.displayOptions.boardGroupByPropertyKey]}):null,m?e.jsx(G,{className:"max-w-full border-border-subtle/80 bg-subtle text-fg-secondary",children:ae}):null,t.tagNames.map((M,q)=>e.jsxs("div",{className:"flex min-w-0 items-center gap-1.5",children:[q>0&&e.jsx("span",{className:"px-0.5 text-[10px] font-semibold tracking-[0.08em] text-fg-tertiary/85",children:T}),e.jsx(G,{className:"max-w-full border-border-subtle/80 bg-transparent text-fg-secondary",children:M})]},M)),t.propertyFilters.map(M=>e.jsx(G,{className:"max-w-full border-border-subtle/80 bg-subtle text-fg-secondary",children:Xa(M)},`${M.key}-${M.operator}-${M.value??""}`)),!Y&&e.jsx(G,{className:"max-w-full border-border-subtle/80 bg-transparent text-fg-tertiary",children:"All notes"})]})]}),e.jsx(Oe,{button:e.jsx(Fe,{label:"Section actions"}),items:[...n?[{name:"Move up",onClick:n}]:[],...c?[{name:"Move down",onClick:c}]:[],...n||c?[{type:"separator"}]:[],{name:"Edit section",onClick:a},{name:"Duplicate section",onClick:s},{type:"separator"},{name:"Delete section",onClick:i}]})]}),e.jsx("div",{className:"flex flex-1 flex-col",children:e.jsx(js,{section:t,notes:u,isPending:R,isError:f,onRetry:()=>{z()},onEdit:a,onSortChange:re,isSortPending:S,activeSortBy:P,activeSortOrder:V,availableProperties:d,isPropertiesLoading:j,isPropertiesError:k,onRetryProperties:A,navigationState:x,onNavigationStateChange:E})}),m?null:e.jsxs("div",{className:"flex flex-col gap-3 border-t border-border-subtle/75 px-4 py-3 sm:flex-row sm:items-center sm:justify-between",children:[e.jsx(o,{as:"p",variant:"meta",tone:"tertiary",children:p?`${t.limit} cards per column load`:R||S?"Loading notes...":C===0?"No matching notes":`Showing ${D+1}–${Math.min(D+u.length,C)} of ${C} notes`}),!p&&y>1?e.jsx(ya,{page:Math.min(v,y),last:y,className:"!mt-0 shrink-0 sm:justify-end",onChange:M=>E(q=>({...q,page:M}))}):null]})]})}const ve="__choose_property__",je="__choose_board_group__",Ns=["title","tags","properties","createdAt","updatedAt"],Ye=t=>String(t?.limit??5),He=t=>t?.displayType??"list",Ze=t=>fe(t?.displayOptions?.tableColumns??De),Xe=t=>ze(t?.displayOptions?.tablePropertyKeys),Je=t=>t?.displayOptions?.boardGroupByPropertyKey??"",et=t=>St(t?.displayOptions?.calendarDateField??jt),tt=t=>t?.displayOptions?.calendarDatePropertyKey??"",at=t=>t?.mode??"and",st=t=>t?t.tagNames.join(", "):"",rt=t=>t?.title??"",nt=t=>t?.sortBy??"updatedAt",it=t=>t?.sortOrder??"desc",Ft=t=>`property-filter-${Date.now()}-${t}`,lt=t=>(t?.propertyFilters??[]).map((a,s)=>({id:Ft(s),key:a.key,operator:a.operator,value:a.value??""})),ot=t=>t?t.valueType==="date"||t.valueType==="number"?["equals","notEquals","before","after","exists","notExists"]:t.valueType==="text"||t.valueType==="url"?["equals","notEquals","contains","notContains","exists","notExists"]:["equals","notEquals","exists","notExists"]:["exists","notExists"],dt=t=>t?"equals":"exists",Cs=t=>t?t.valueType==="boolean"?"true":t.valueType==="select"?t.options[0]?.value??"":"":"",we=t=>t!=="exists"&&t!=="notExists",Et=t=>t==="contains"||t==="notContains",ks=(t,a)=>t.valueType==="date"?"date":t.valueType==="number"?"number":t.valueType==="url"&&!Et(a)?"url":"text",Ts=(t,a)=>{if(t.valueType==="url")return Et(a)?"example.com":"https://example.com";if(t.valueType==="text")return"Value"};function Ds({open:t,mode:a,initialSection:s=null,availableTags:i,availableProperties:n,isTagsLoading:c=!1,isPropertiesLoading:b=!1,onClose:d,onSubmit:j}){const[k,A]=h.useState(rt(s)),[x,E]=h.useState(He(s)),[p,m]=h.useState(Ze(s)),[v,D]=h.useState(Xe(s)),[P,V]=h.useState(Je(s)),[w,R]=h.useState(et(s)),[f,S]=h.useState(tt(s)),[z,u]=h.useState(st(s)),[C,y]=h.useState(at(s)),[T,Y]=h.useState(nt(s)),[te,H]=h.useState(it(s)),[ae,re]=h.useState(Ye(s)),[M,q]=h.useState(lt(s)),[ce,ue]=h.useState((s?.tagNames.length??0)>0),[me,$]=h.useState(""),Z=h.useMemo(()=>new Map(n.map(r=>[r.key,r])),[n]);h.useEffect(()=>{t&&(A(rt(s)),E(He(s)),m(Ze(s)),D(Xe(s)),V(Je(s)),R(et(s)),S(tt(s)),u(st(s)),y(at(s)),Y(nt(s)),H(it(s)),re(Ye(s)),q(lt(s)),ue((s?.tagNames.length??0)>0),$(""))},[s,t]);const X=We([z]),le=ce||X.length>0,l=X.length===0&&M.length===0,g=n.filter(r=>r.valueType==="select"&&r.options.length>0),O=n.filter(r=>r.valueType==="date"),L=w==="property"&&!!f&&!O.some(r=>r.key===f),pe=r=>{r!=="title"&&(m(N=>{if(N.includes(r)){const K=N.filter(F=>F!==r);return K.length>0?K:N}return fe([...N,r])}),$(""))},Ot=r=>{D(N=>N.includes(r)?N.filter(K=>K!==r):N.length>=ge?N:[...N,r])},Rt=r=>{const N=X.includes(r)?X.filter(K=>K!==r):[...X,r];u(N.join(", ")),$("")},zt=()=>{ue(!0),$("")},$t=()=>{u(""),y("and"),ue(!1),$("")},It=()=>{if(n.length===0){$("Create a shared property before adding a filter.");return}q(r=>[...r,{id:Ft(r.length),key:"",operator:"exists",value:""}]),$("")},he=(r,N)=>{q(K=>K.map(F=>{if(F.id!==r)return F;const J={...F,...N},ne=Z.get(J.key);return ot(ne).includes(J.operator)||(J.operator=dt(ne)),"key"in N&&(J.value=Cs(ne),J.operator=dt(ne)),J})),$("")},Bt=r=>{q(N=>N.filter(K=>K.id!==r)),$("")};return e.jsxs(Q,{isOpen:t,onClose:d,variant:"form",className:"sm:max-w-[720px]",children:[e.jsx(Q.Header,{title:a==="create"?"Create section":"Edit section",onClose:d}),e.jsx(Q.Body,{children:e.jsxs("form",{id:"view-section-form",className:"flex flex-col gap-5",onSubmit:r=>{r.preventDefault();const N=We([z]);if(le&&N.length===0){$("Choose at least one tag, or remove this tag filter.");return}if(M.find(U=>!U.key||!Z.has(U.key))){$("Choose a property for every filter.");return}const F=Z.get(P);if(x==="board"&&(!F||F.valueType!=="select"||F.options.length===0)){$("Choose a select property with at least one option for the board columns.");return}if(x==="board"&&M.some(U=>U.key===P)){$("Use different properties for the board columns and the section filter.");return}const J=Z.get(f);if(x==="calendar"&&w==="property"&&(!J||J.valueType!=="date")){$("Choose a date property for the calendar.");return}const ne=M.map(U=>{const $e=Z.get(U.key);return{key:$e?.key??U.key,valueType:$e?.valueType??"text",operator:U.operator,value:we(U.operator)?U.value:null}});if(ne.some(U=>we(U.operator)&&!U.value?.trim())){$("Fill every filter value, or switch it to is set / is empty.");return}j({title:k,displayType:x,displayOptions:Pt({tableColumns:p,tablePropertyKeys:v,boardGroupByPropertyKey:P,calendarDateField:w,calendarDatePropertyKey:f}),tagNames:N,mode:C,propertyFilters:ne,sortBy:T,sortOrder:te,limit:Number(ae)})},children:[e.jsxs("div",{className:"flex flex-col gap-2",children:[e.jsx(W,{htmlFor:"view-section-title",size:"md",children:"Section name"}),e.jsx(Ce,{id:"view-section-title",value:k,onChange:r=>A(r.target.value),placeholder:"Doing notes",autoFocus:!0})]}),e.jsxs("section",{className:"flex flex-col gap-3 border-b border-border-subtle pb-5",children:[e.jsxs("div",{className:"min-w-0",children:[e.jsx(W,{size:"md",children:"Display"}),e.jsx(o,{as:"p",variant:"meta",tone:"tertiary",className:"mt-1",children:"Show the same note set as a list, table, property board, or calendar."})]}),e.jsxs(Le,{type:"single",value:x,onValueChange:r=>{(r==="list"||r==="table"||r==="board"||r==="calendar")&&(E(r),r==="board"&&!g.some(N=>N.key===P)&&V(g[0]?.key??""),$(""))},variant:"quiet",size:"sm",className:"self-start",children:[e.jsx(oe,{value:"list","aria-label":"Show as list",children:"List"}),e.jsx(oe,{value:"table","aria-label":"Show as table",children:"Table"}),e.jsx(oe,{value:"board","aria-label":"Show as board",children:"Board"}),e.jsx(oe,{value:"calendar","aria-label":"Show as calendar",children:"Calendar"})]}),x==="table"?e.jsxs("div",{className:"border-t border-border-subtle/80 pt-3",children:[e.jsxs("div",{className:"flex flex-wrap items-center justify-between gap-2",children:[e.jsx(W,{size:"sm",children:"Table columns"}),e.jsx(o,{as:"span",variant:"meta",tone:"tertiary",children:p.includes("properties")&&v.length===0?"Properties automatic":`${p.length-(p.includes("properties")?1:0)+(p.includes("properties")?v.length:0)} shown`})]}),e.jsx("div",{className:"mt-3 grid grid-cols-2 gap-2",children:Ns.map(r=>{const N=Dt(r);return e.jsxs("div",{className:"flex items-center gap-2 px-1 py-2",children:[e.jsx(_e,{size:"sm",checked:p.includes(r),disabled:r==="title","aria-label":`Show ${N} column`,onChange:()=>pe(r)}),e.jsx(o,{as:"span",variant:"label",tone:"secondary",children:N})]},r)})}),e.jsx(o,{as:"p",variant:"meta",tone:"tertiary",className:"mt-2",children:"Title is always shown because it opens the note."}),p.includes("properties")?e.jsxs("div",{className:"mt-3 border-t border-border-subtle/80 pt-3",children:[e.jsxs("div",{className:"flex flex-wrap items-center justify-between gap-2",children:[e.jsxs("div",{children:[e.jsx(o,{as:"p",variant:"label",weight:"semibold",children:"Property columns"}),e.jsxs(o,{as:"p",variant:"meta",tone:"tertiary",className:"mt-0.5",children:["Select up to ",ge," properties to compare."]})]}),e.jsx(o,{as:"span",variant:"meta",tone:"tertiary",children:v.length>0?`${v.length} selected`:"Automatic"})]}),n.length>0?e.jsx("div",{className:"mt-3 grid grid-cols-2 gap-2",children:n.map(r=>{const N=v.includes(r.key),K=v.length>=ge;return e.jsxs("div",{className:"flex min-w-0 items-center gap-2 px-1 py-2",children:[e.jsx(_e,{size:"sm",checked:N,disabled:!N&&K,"aria-label":`Show ${r.name} property column`,onChange:()=>Ot(r.key)}),e.jsxs("div",{className:"min-w-0",children:[e.jsx(o,{as:"p",variant:"label",tone:"secondary",truncate:!0,children:r.name}),e.jsx(o,{as:"p",variant:"micro",tone:"tertiary",children:r.valueType})]})]},r.key)})}):e.jsx(o,{as:"p",variant:"meta",tone:"tertiary",className:"mt-3",children:"Shared properties will appear here after you create them."}),v.length===0&&n.length>0?e.jsx(o,{as:"p",variant:"meta",tone:"tertiary",className:"mt-2",children:"Automatic mode shows up to three properties relevant to the current notes."}):null]}):null]}):null,x==="board"?e.jsx("div",{className:"border-t border-border-subtle/80 pt-3",children:e.jsxs("div",{className:"flex flex-col gap-2",children:[e.jsx(W,{id:"view-section-board-group-label",htmlFor:"view-section-board-group",size:"sm",children:"Board columns"}),e.jsxs(ee,{id:"view-section-board-group",value:P||je,"aria-labelledby":"view-section-board-group-label",className:"w-full",onValueChange:r=>{r!==je&&(V(r),$(""))},children:[e.jsx(I,{value:je,disabled:!0,children:"Choose a select property"}),g.map(r=>e.jsxs(I,{value:r.key,children:[r.name," · ",r.options.length," columns"]},r.key))]}),e.jsx(o,{as:"p",variant:"meta",tone:"tertiary",children:"Moving a card changes this property. Notes without a value stay in Unassigned."}),g.length===0&&!b?e.jsx(o,{as:"p",variant:"meta",className:"text-fg-error",children:"Create a shared select property with options before using a board."}):null]})}):null,x==="calendar"?e.jsx("div",{className:"border-t border-border-subtle/80 pt-3",children:e.jsxs("div",{className:"flex flex-col gap-2",children:[e.jsx(W,{id:"view-section-calendar-date-label",htmlFor:"view-section-calendar-date",size:"sm",children:"Place notes by"}),e.jsxs(ee,{id:"view-section-calendar-date",value:w==="property"&&f?`property:${f}`:w,"aria-labelledby":"view-section-calendar-date-label",className:"w-full",onValueChange:r=>{if(r==="createdAt"||r==="updatedAt"){R(r),S(""),$("");return}if(r.startsWith("property:")){const N=r.slice(9),K=Z.get(N);K?.valueType==="date"&&(R("property"),S(K.key),$(""))}},children:[e.jsx(I,{value:"createdAt",children:"Created date"}),e.jsx(I,{value:"updatedAt",children:"Updated date"}),L?e.jsxs(I,{value:`property:${f}`,disabled:!0,children:[f," · unavailable"]}):null,O.map(r=>e.jsxs(I,{value:`property:${r.key}`,children:[r.name," · date property"]},r.key))]}),e.jsx(o,{as:"p",variant:"meta",tone:"tertiary",children:"The calendar loads every matching note in the visible month. Date properties use their saved day; reminders are not included."})]})}):null]}),e.jsxs("section",{className:"flex flex-col gap-3 border-b border-border-subtle pb-5",children:[e.jsxs("div",{className:"flex flex-wrap items-start justify-between gap-3",children:[e.jsxs("div",{className:"min-w-0",children:[e.jsx(W,{size:"md",children:"Filters"}),e.jsx(o,{as:"p",variant:"meta",tone:"tertiary",className:"mt-1",children:"Use properties for structured fields, and tags for loose topics or context."})]}),e.jsxs("div",{className:"flex flex-wrap gap-2",children:[e.jsx(B,{type:"button",variant:"subtle",size:"sm",onClick:It,children:"Add property filter"}),!le&&e.jsx(B,{type:"button",variant:"subtle",size:"sm",onClick:zt,children:"Add tag filter"})]})]}),M.length===0&&!le?e.jsxs("div",{className:"rounded-[16px] border border-dashed border-border-subtle bg-elevated/60 px-4 py-3",children:[e.jsx(o,{as:"p",variant:"label",tone:"default",children:l?"All notes":"No filters"}),e.jsx(o,{as:"p",variant:"meta",tone:"tertiary",className:"mt-1",children:"Add a property filter, a tag filter, or leave this view open to all notes."})]}):null,M.length>0?e.jsx("div",{className:"flex flex-col gap-2.5",children:M.map(r=>{const N=Z.get(r.key),K=ot(N);return e.jsxs("div",{className:"grid gap-2 rounded-[16px] border border-border-subtle bg-elevated p-3 md:grid-cols-[minmax(0,1fr)_minmax(10.5rem,12rem)_minmax(0,1fr)_auto] md:items-center",children:[e.jsxs(ee,{value:r.key||ve,ariaLabel:"Property filter property",className:"w-full min-w-0",onValueChange:F=>{F!==ve&&he(r.id,{key:F})},children:[e.jsx(I,{value:ve,disabled:!0,children:"Choose property"}),n.map(F=>e.jsx(I,{value:F.key,children:F.name},F.key))]}),e.jsx(ee,{value:r.operator,disabled:!N,ariaLabel:"Property filter operator",className:"w-full min-w-0",onValueChange:F=>he(r.id,{operator:F}),children:K.map(F=>e.jsx(I,{value:F,children:Tt(F)},F))}),we(r.operator)&&N?N.valueType==="select"?e.jsx(ee,{value:r.value,ariaLabel:"Property filter value",className:"w-full min-w-0",onValueChange:F=>he(r.id,{value:F}),children:N.options.map(F=>e.jsx(I,{value:F.value,children:F.label},F.value))}):N.valueType==="boolean"?e.jsxs(ee,{value:r.value||"true",ariaLabel:"Property filter value",className:"w-full min-w-0",onValueChange:F=>he(r.id,{value:F}),children:[e.jsx(I,{value:"true",children:"True"}),e.jsx(I,{value:"false",children:"False"})]}):e.jsx(Ce,{type:ks(N,r.operator),value:r.value,onChange:F=>he(r.id,{value:F.target.value}),placeholder:Ts(N,r.operator),"aria-label":"Property filter value"}):e.jsx(o,{as:"span",variant:"label",tone:"tertiary",children:N?"No value needed":"Choose a property first"}),e.jsx(B,{type:"button",variant:"ghost",size:"sm",onClick:()=>Bt(r.id),children:"Remove"})]},r.id)})}):null,le?e.jsxs("div",{className:"flex flex-col gap-3 rounded-[16px] border border-border-subtle bg-elevated p-3",children:[e.jsxs("div",{className:"flex flex-wrap items-start justify-between gap-3",children:[e.jsxs("div",{className:"min-w-0",children:[e.jsx(o,{as:"p",variant:"label",tone:"default",children:"Tag filter"}),e.jsx(o,{as:"p",variant:"meta",tone:"tertiary",className:"mt-1",children:"Match notes by selected tags."})]}),e.jsx(B,{type:"button",variant:"ghost",size:"sm",onClick:$t,children:"Remove"})]}),e.jsxs("div",{className:"flex flex-col gap-2",children:[e.jsx(W,{htmlFor:"view-section-tags",size:"sm",children:"Tag names"}),e.jsx(ga,{id:"view-section-tags",value:z,onChange:r=>{u(r.target.value),$("")},placeholder:"@OceanBrain, @todo",size:"sm"}),e.jsx(o,{as:"p",variant:"meta",tone:"tertiary",children:"You can use tags only, properties only, both together, or no filters."})]}),X.length>1?e.jsxs("div",{className:"flex flex-col gap-2",children:[e.jsx(W,{size:"sm",children:"Tag match"}),e.jsxs(Le,{type:"single",value:C,onValueChange:r=>{(r==="and"||r==="or")&&y(r)},variant:"quiet",size:"sm",className:"self-start",children:[e.jsx(oe,{value:"and","aria-label":Ge("and"),children:"AND"}),e.jsx(oe,{value:"or","aria-label":Ge("or"),children:"OR"})]}),e.jsx(o,{as:"p",variant:"meta",tone:"tertiary",children:"AND requires every selected tag. OR accepts any selected tag."})]}):null,e.jsxs("div",{className:"flex items-center justify-between gap-3",children:[e.jsx(W,{size:"sm",children:"Existing tags"}),e.jsx(o,{as:"span",variant:"meta",tone:"tertiary",children:c?"Loading...":`${i.length} available`})]}),i.length>0?e.jsx("div",{className:"max-h-44 overflow-y-auto rounded-[16px] border border-border-subtle bg-hover-subtle/60 p-3",children:e.jsx("div",{className:"flex flex-wrap gap-2",children:i.map(r=>{const N=X.includes(r.name);return e.jsx("button",{type:"button",className:`inline-flex items-center rounded-full border px-3 py-1.5 text-sm font-medium transition-colors ${N?"border-border-secondary bg-elevated text-fg-default":"border-border-subtle bg-transparent text-fg-secondary hover:border-border-secondary hover:bg-elevated hover:text-fg-default"}`,"aria-pressed":N,onClick:()=>Rt(r.name),children:r.name},r.id)})})}):e.jsx(o,{as:"p",variant:"meta",tone:"tertiary",children:"No tags yet. You can still type tag names manually."})]}):null,e.jsx(o,{as:"p",variant:"meta",tone:me?"default":"tertiary",className:me?"text-fg-error":void 0,children:me||(b||c?"Loading filter options...":`${n.length} properties · ${i.length} tags available`)})]}),x==="calendar"?e.jsxs("div",{className:"rounded-[16px] border border-dashed border-border-subtle bg-subtle/40 px-4 py-3",children:[e.jsx(o,{as:"p",variant:"label",weight:"semibold",children:"Month view"}),e.jsx(o,{as:"p",variant:"meta",tone:"tertiary",className:"mt-1",children:"Calendar sections use month navigation instead of row sorting or pagination."})]}):e.jsxs("details",{className:"group pb-1",children:[e.jsx("summary",{className:"cursor-pointer list-none",children:e.jsxs("div",{className:"grid min-w-0 grid-cols-[minmax(0,1fr)_auto] items-center gap-x-3 gap-y-1",children:[e.jsx(o,{as:"span",variant:"label",tone:"default",children:"Sort and page size"}),e.jsx(o,{as:"p",variant:"meta",tone:"tertiary",className:"col-start-1 row-start-2",children:x==="board"?"Controls how many cards each board column loads at a time.":"Controls how many matching notes appear on each section page."}),e.jsx(o,{as:"span",variant:"meta",tone:"tertiary",className:"col-start-2 row-span-2 row-start-1 whitespace-nowrap",children:x==="board"?`${ae} per column`:`${ae} notes`})]})}),e.jsxs("div",{className:"mt-4 grid gap-4 md:grid-cols-3",children:[e.jsxs("div",{className:"flex flex-col gap-2",children:[e.jsx(W,{id:"view-section-sort-by-label",htmlFor:"view-section-sort-by",size:"sm",children:"Sort by"}),e.jsxs(ee,{id:"view-section-sort-by",value:T,"aria-labelledby":"view-section-sort-by-label",onValueChange:r=>Y(r),children:[e.jsx(I,{value:"updatedAt",children:"Updated time"}),e.jsx(I,{value:"createdAt",children:"Created time"}),e.jsx(I,{value:"title",children:"Title"})]})]}),e.jsxs("div",{className:"flex flex-col gap-2",children:[e.jsx(W,{id:"view-section-sort-order-label",htmlFor:"view-section-sort-order",size:"sm",children:"Order"}),e.jsxs(ee,{id:"view-section-sort-order",value:te,"aria-labelledby":"view-section-sort-order-label",onValueChange:r=>H(r),children:[e.jsx(I,{value:"desc",children:"Descending"}),e.jsx(I,{value:"asc",children:"Ascending"})]})]}),e.jsxs("div",{className:"flex flex-col gap-2",children:[e.jsx(W,{id:"view-section-limit-label",htmlFor:"view-section-limit",size:"sm",children:x==="board"?"Cards per load":"Rows per page"}),e.jsxs(ee,{id:"view-section-limit",value:ae,"aria-labelledby":"view-section-limit-label",onValueChange:re,children:[e.jsxs(I,{value:"3",children:["3 ",x==="board"?"cards":"rows"]}),e.jsxs(I,{value:"5",children:["5 ",x==="board"?"cards":"rows"]}),e.jsxs(I,{value:"8",children:["8 ",x==="board"?"cards":"rows"]}),e.jsxs(I,{value:"10",children:["10 ",x==="board"?"cards":"rows"]}),e.jsxs(I,{value:"12",children:["12 ",x==="board"?"cards":"rows"]})]})]})]})]})]})}),e.jsx(Q.Footer,{children:e.jsxs(yt,{children:[e.jsx(B,{type:"button",variant:"ghost",size:"sm",onClick:d,children:"Cancel"}),e.jsx(B,{type:"submit",size:"sm",form:"view-section-form",children:a==="create"?"Create section":"Save section"})]})})]})}const Ss="group flex h-10 max-w-[72vw] shrink-0 items-center rounded-[12px] border transition-[background-color,border-color,color,box-shadow] sm:max-w-[176px]",Ps="focus-ring-soft inline-flex h-full min-w-0 flex-1 touch-pan-x items-center gap-1 rounded-[11px] px-3 text-[13px] font-medium outline-none transition-colors";function As({tab:t,isActive:a,onSelect:s}){const{attributes:i,listeners:n,setNodeRef:c,setActivatorNodeRef:b,transform:d,transition:j,isDragging:k}=bt({id:t.id});return e.jsx("div",{ref:c,style:{transform:Me.Translate.toString(d),transition:j,opacity:k?.6:1},className:ie(Ss,a?"border-border-secondary/80 bg-elevated text-fg-default shadow-[0_8px_18px_-18px_rgba(15,18,24,0.28)]":"border-transparent bg-transparent text-fg-secondary hover:border-border-subtle/80 hover:bg-hover-subtle hover:text-fg-default"),children:e.jsxs("button",{type:"button",ref:b,...i,...n,role:"tab","aria-selected":a,title:`${t.title}. Drag to reorder.`,className:ie(Ps,a?"text-fg-default":"text-fg-secondary group-hover:text-fg-default",k?"cursor-grabbing":"cursor-pointer"),onClick:s,children:[e.jsx("span",{className:"min-w-0 flex-1 truncate",children:t.title}),e.jsx("span",{className:"inline-flex min-w-4 shrink-0 items-center justify-center rounded-full bg-hover-subtle/75 px-1 py-0 text-[10px] leading-4 text-current/70",children:t.sections.length})]})})}function Vs({tabs:t,activeTabId:a,onSelectTab:s,onReorderTabs:i,onCreateTab:n}){const c=Se(de(Gt,{activationConstraint:{distance:8}}),de(Pe,{coordinateGetter:pt}));return e.jsx("div",{className:"-mx-1 rounded-[16px] border border-border-subtle/75 bg-subtle/50 p-1 sm:mx-0",children:e.jsx(Ae,{sensors:c,collisionDetection:Ve,modifiers:[Qt],autoScroll:!1,onDragEnd:b=>{i(b)},children:e.jsxs("div",{className:"flex items-center gap-1",children:[e.jsx(ht,{items:t.map(b=>b.id),strategy:Yt,children:e.jsx("div",{role:"tablist","aria-label":"Views tab list",className:"flex min-w-0 flex-1 items-center gap-1 overflow-x-auto overflow-y-hidden",children:t.map(b=>e.jsx(As,{tab:b,isActive:b.id===a,onSelect:()=>{s(b)}},b.id))})}),e.jsxs(B,{type:"button","aria-label":"New view tab",variant:"ghost",size:"sm",className:"h-10 w-10 shrink-0 rounded-[12px] border-transparent bg-transparent px-0 text-[13px] text-fg-secondary hover:border-border-subtle/80 hover:bg-hover-subtle hover:text-fg-default sm:w-auto sm:px-2.5",onClick:n,children:[e.jsx(Te,{className:"h-5 w-5 shrink-0"}),e.jsx("span",{className:"hidden sm:inline",children:"New view tab"})]})]})})})}function Ms({open:t,mode:a,initialTitle:s="",onClose:i,onSubmit:n}){const[c,b]=h.useState(s);return h.useEffect(()=>{t&&b(s)},[s,t]),e.jsxs(Q,{isOpen:t,onClose:i,variant:"form",className:"sm:max-w-[480px]",children:[e.jsx(Q.Header,{title:a==="create"?"Create view tab":"Rename view tab",onClose:i}),e.jsx(Q.Body,{children:e.jsxs("form",{id:"view-tab-form",className:"flex flex-col gap-4",onSubmit:d=>{d.preventDefault(),n(c)},children:[e.jsxs("div",{className:"flex flex-col gap-2",children:[e.jsx(W,{htmlFor:"view-tab-title",size:"md",children:"Tab name"}),e.jsx(Ce,{id:"view-tab-title",value:c,onChange:d=>b(d.target.value),placeholder:"Now",autoFocus:!0})]}),e.jsx(o,{as:"p",variant:"meta",tone:"tertiary",children:"Each tab is one saved view inside the Views page."})]})}),e.jsx(Q.Footer,{children:e.jsxs(yt,{children:[e.jsx(B,{type:"button",variant:"ghost",size:"sm",onClick:i,children:"Cancel"}),e.jsx(B,{type:"submit",size:"sm",form:"view-tab-form",children:a==="create"?"Create tab":"Save tab"})]})})]})}const ct=ja(Na),Fs="Save reusable note queries with tags, shared properties, and sorting.",Es="focus-ring-soft hidden h-8 w-8 items-center justify-center rounded-[10px] text-fg-default/70 outline-none transition-colors hover:bg-hover-subtle hover:text-fg-default sm:inline-flex touch-none",Os=({section:t,availableProperties:a,isPropertiesLoading:s,isPropertiesError:i,onRetryProperties:n,onEdit:c,onDuplicate:b,onDelete:d,onMoveUp:j,onMoveDown:k,navigationState:A,onNavigationStateChange:x})=>{const{attributes:E,listeners:p,setNodeRef:m,setActivatorNodeRef:v,transform:D,transition:P,isDragging:V}=bt({id:t.id}),w=h.useCallback(R=>x(t.id,R),[x,t.id]);return e.jsx("div",{ref:m,style:{transform:Me.Translate.toString(D),transition:P,opacity:V?.6:1},children:e.jsx(ws,{section:t,availableProperties:a,isPropertiesLoading:s,isPropertiesError:i,onRetryProperties:n,onEdit:c,onDuplicate:b,onDelete:d,onMoveUp:j,onMoveDown:k,navigationState:A,onNavigationStateChange:w,dragHandle:e.jsx("button",{type:"button",ref:v,"aria-label":`Reorder section ${t.title}`,...E,...p,className:ie(Es,V?"cursor-grabbing":"cursor-grab"),children:e.jsx(mt,{className:"size-4"})})})})};function Zs(){const t=da(),a=ft(),s=gt(),i=ct.useSearch(),n=ct.useNavigate(),[c,b]=h.useState(null),[d,j]=h.useState(null),{data:k,isPending:A,isError:x,refetch:E}=be({queryKey:_.views.workspace(),async queryFn(){const l=await Ht();if(l.type==="error")throw l;return l.viewWorkspace}}),p=k??qa,m=p.tabs.find(l=>l.id===i.tab)??Wa(p),v=m?p.tabs.findIndex(l=>l.id===m.id):-1,{data:D,isPending:P}=be({queryKey:_.tags.list({limit:200}),async queryFn(){const l=await wa({limit:200});if(l.type==="error")throw l;return l.allTags}}),V=Se(de(ut,{activationConstraint:{distance:8}}),de(Pe,{coordinateGetter:pt})),w=D?.tags??[],{data:R,isPending:f,isError:S,refetch:z}=be({queryKey:_.notes.propertyKeysCatalog(),async queryFn(){const l=await fa();if(l.type==="error")throw l;return l.notePropertyKeys}}),u=R?.keys??[],C=l=>{s.setQueryData(_.views.workspace(),l)},y=h.useCallback((l,g)=>{n({search:O=>({...O,state:Zt(O.state,l,g)}),replace:!0,resetScroll:!1})},[n]),T=async()=>{await s.invalidateQueries({queryKey:_.views.all(),exact:!1})},Y=async(l,g)=>{C(g);const O=await ia(g.tabs.map(L=>L.id));if(O.type==="error"){C(l),a(O.errors[0].message);return}await T()},te=async({active:l,over:g})=>{if(!g||l.id===g.id)return;const O=s.getQueryData(_.views.workspace())??p,L=Ct(O,String(l.id),String(g.id));await Y(O,L)},H=async l=>{if(!m)return;const g=s.getQueryData(_.views.workspace())??p,O=Qa(g,m.id,l);O!==g&&await Y(g,O)},ae=async l=>{const g=s.getQueryData(_.views.workspace())??p,O=i,L=Ga(g,l.id);C(L),await n({search:{tab:l.id,state:void 0},resetScroll:!1});const pe=await Ie(l.id);if(pe.type==="error"){C(g),await n({search:O,replace:!0,resetScroll:!1}),a(pe.errors[0].message);return}C(pe.setActiveViewTab)},re=async(l,g)=>{if(!m)return;C(g);const O=await la(m.id,g.tabs.find(L=>L.id===m.id)?.sections.map(L=>L.id)??[]);if(O.type==="error"){C(l),a(O.errors[0].message);return}await T()},M=async({active:l,over:g})=>{if(!m||!g||l.id===g.id)return;const O=s.getQueryData(_.views.workspace())??p,L=kt(O,m.id,String(l.id),String(g.id));await re(O,L)},q=async(l,g)=>{if(!m)return;const O=s.getQueryData(_.views.workspace())??p,L=Ya(O,m.id,l,g);L!==O&&await re(O,L)},ce=async l=>{const g=await ta(l);if(g.type==="error"){a(g.errors[0].message);return}const O=await Ie(g.createViewTab.id);O.type==="success"?C(O.setActiveViewTab):a(O.errors[0].message),await T(),await n({search:{tab:g.createViewTab.id,state:void 0},resetScroll:!1}),b(null)},ue=async l=>{if(!m)return;const g=await aa(m.id,l);if(g.type==="error"){a(g.errors[0].message);return}await T(),b(null)},me=async()=>{if(!m||!await t("Delete this view tab and all of its sections?"))return;const l=await sa(m.id);if(l.type==="error"){a(l.errors[0].message);return}await T(),await n({search:{tab:void 0,state:void 0},replace:!0,resetScroll:!1})},$=async l=>{if(!m)return;const g=await Be(m.id,l);if(g.type==="error"){a(g.errors[0].message);return}await T(),j(null)},Z=async l=>{if(!m||!d||d.mode!=="edit")return;const g=await ra(d.section.id,l);if(g.type==="error"){a(g.errors[0].message);return}y(d.section.id,{}),await T(),j(null)},X=async l=>{const g=await Be(l.tabId,{...Ja(l),title:`${l.title} copy`});if(g.type==="error"){a(g.errors[0].message);return}await T(),a("Section duplicated.")},le=async l=>{if(!m||!await t("Delete this section from the current view tab?"))return;const g=await na(l);if(g.type==="error"){a(g.errors[0].message);return}y(l,{}),await T()};return e.jsxs(e.Fragment,{children:[e.jsx(va,{title:"Views",description:Fs,children:A&&!k?e.jsx(ke,{className:"px-6 py-8 sm:px-8 sm:py-10",children:e.jsxs("div",{className:"flex flex-col gap-4",children:[e.jsx(xe,{height:20,width:180,className:"rounded-full"}),e.jsx(xe,{height:16,width:260,className:"rounded-full"}),e.jsx(xe,{height:44,width:140,className:"rounded-[12px]"})]})}):x?e.jsxs(ke,{className:"px-6 py-8 sm:px-8 sm:py-10",children:[e.jsx(o,{as:"p",variant:"body",weight:"semibold",children:"Failed to load saved views"}),e.jsx(o,{as:"p",variant:"meta",tone:"tertiary",className:"mt-1",children:"Retry loading your saved view tabs."}),e.jsx("div",{className:"mt-4",children:e.jsx(B,{type:"button",variant:"ghost",size:"sm",onClick:()=>{E()},children:"Retry"})})]}):p.tabs.length===0?e.jsxs("div",{className:"flex flex-col gap-4",children:[e.jsx(qe,{title:"Create your first view tab",description:"Start with a saved view tab, then add sections that query notes by tags, properties, or both.",className:"h-[320px]"}),e.jsx("div",{className:"flex justify-center",children:e.jsxs(B,{type:"button",onClick:()=>b({mode:"create"}),children:[e.jsx(Te,{className:"h-4 w-4"}),"Create first tab"]})})]}):e.jsxs("div",{className:"flex flex-col gap-5",children:[e.jsx(Vs,{tabs:p.tabs,activeTabId:m?.id??null,onSelectTab:ae,onReorderTabs:te,onCreateTab:()=>b({mode:"create"})}),m&&e.jsxs("div",{className:"flex flex-col gap-5",children:[e.jsxs("div",{className:"flex flex-col gap-3 border-b border-border-subtle/80 px-1 pb-4 sm:flex-row sm:items-center sm:justify-between",children:[e.jsxs("div",{className:"min-w-0",children:[e.jsx(o,{as:"h2",variant:"subheading",weight:"semibold",tracking:"tight",truncate:!0,children:m.title}),e.jsx(o,{as:"p",variant:"meta",tone:"tertiary",className:"mt-1",children:m.sections.length>0?`${m.sections.length} section${m.sections.length===1?"":"s"} in this view`:"Add sections to build this view"})]}),e.jsxs("div",{className:"inline-flex flex-wrap items-center gap-2 self-start sm:self-center",children:[e.jsxs(B,{type:"button",size:"sm",onClick:()=>j({mode:"create"}),children:[e.jsx(Te,{className:"h-4 w-4"}),"Add section"]}),e.jsx(Oe,{button:e.jsx(Fe,{label:"View tab actions"}),items:[...v>0?[{name:"Move tab left",onClick:()=>{H("previous")}}]:[],...v>=0&&v<p.tabs.length-1?[{name:"Move tab right",onClick:()=>{H("next")}}]:[],...p.tabs.length>1?[{type:"separator"}]:[],{name:"Rename tab",onClick:()=>b({mode:"edit",tab:m})},{type:"separator"},{name:"Delete tab",onClick:()=>{me()}}]})]})]}),m.sections.length===0?e.jsx(qe,{title:"Add the first section to this tab",description:"Sections can pull notes by tags, properties, or both.",className:"h-[300px]"}):e.jsx("div",{className:"flex flex-col",children:e.jsx(Ae,{sensors:V,collisionDetection:Ve,modifiers:[Xt],onDragEnd:M,children:e.jsx(ht,{items:m.sections.map(l=>l.id),strategy:Jt,children:e.jsx("div",{className:"flex flex-col gap-4",children:m.sections.map((l,g)=>e.jsx(Os,{section:l,availableProperties:u,isPropertiesLoading:f,isPropertiesError:S,onRetryProperties:()=>{z()},navigationState:ea(i.state,l.id),onNavigationStateChange:y,onEdit:()=>j({mode:"edit",section:l}),onDuplicate:()=>{X(l)},onDelete:()=>{le(l.id)},onMoveUp:g>0?()=>{q(l.id,"previous")}:void 0,onMoveDown:g<m.sections.length-1?()=>{q(l.id,"next")}:void 0},l.id))})})})})]})]})}),e.jsx(Ms,{open:c!==null,mode:c?.mode??"create",initialTitle:c?.mode==="edit"?c.tab.title:"",onClose:()=>b(null),onSubmit:l=>{if(c?.mode==="edit"){ue(l);return}ce(l)}}),e.jsx(Ds,{open:d!==null,mode:d?.mode??"create",initialSection:d?.mode==="edit"?d.section:null,availableTags:w,availableProperties:u,isTagsLoading:P,isPropertiesLoading:f,onClose:()=>j(null),onSubmit:l=>{if(d?.mode==="edit"){Z(l);return}$(l)}})]})}export{Zs as default};

package/server/client/dist/assets/{abnfDiagram-N423BO3Z-D44O4T7q.js → abnfDiagram-N423BO3Z-CPgGmCbn.js}

@@ -1 +1 @@
-import{g as p,r as u,d as a}from"./chunk-6Q2QTUOP-xZ8ofRqk.js";import{p as f}from"./chunk-JWPE2WC7-DsyTXbuq.js";import{_ as n,l as o}from"./mermaid.core-C2tL9tq7.js";import"./transform-BUB79_za.js";import{M as c,b as d}from"./cynefin-VYW2F7L2-DU_G4Atc.js";import"./preload-helper-BXl3LOEh.js";import"./floating-ui.react-dom-BWTnA00G.js";var v=d().RailroadAbnf.parser.LangiumParser,i=n(e=>{const r=e.alternatives.map(g);return r.length===1?r[0]:{type:"choice",alternatives:r}},"transformAlternation"),g=n(e=>{const r=e.elements.map(y);return r.length===1?r[0]:{type:"sequence",elements:r}},"transformConcatenation"),b=n(e=>{if(e.includes("*")){const[t,s]=e.split("*"),l=t?parseInt(t,10):0,m=s?parseInt(s,10):1/0;return{min:l,max:m}}const r=parseInt(e,10);return{min:r,max:r}},"parseRepeat"),y=n(e=>{const r=A(e.primary);if(!e.repeat)return r;const{min:t,max:s}=b(e.repeat);return t===0&&s===1?{type:"optional",element:r}:{type:"repetition",element:r,min:t,max:s}},"transformElement"),A=n(e=>{switch(e.$type){case"AbnfStringLiteral":return{type:"terminal",value:e.value};case"AbnfNumVal":return{type:"terminal",value:e.value};case"AbnfRuleName":return{type:"nonterminal",name:e.name};case"AbnfGroup":return i(e.element);case"AbnfOptionalGroup":return{type:"optional",element:i(e.element)};default:throw new Error(`Unsupported ABNF primary node: ${e.$type}`)}},"transformPrimary"),P=n(e=>({name:e.name,definition:i(e.definition)}),"transformRule"),h=n(e=>{f(e,a),e.title&&a.setTitle(e.title),e.rules.map(r=>a.addRule(P(r)))},"populateDb"),R={parse:n(e=>{a.clear(),o.debug("[ABNF Parser] Starting Langium parse");const r=v.parse(e);if(r.lexerErrors.length>0||r.parserErrors.length>0)throw new c(r);const t=r.value;o.debug("[ABNF Parser] Parsed rules:",t.rules.length),h(t),o.debug("[ABNF Parser] Parse complete")},"parse"),parser:{yy:a}},I={parser:R,db:a,renderer:u,styles:p};export{I as diagram};
+import{g as p,r as u,d as a}from"./chunk-6Q2QTUOP-B8XEOHPN.js";import{p as f}from"./chunk-JWPE2WC7-Dq6_B8-d.js";import{_ as n,l as o}from"./mermaid.core-BfUQM5vF.js";import"./transform-BUB79_za.js";import{M as c,b as d}from"./cynefin-VYW2F7L2-DU_G4Atc.js";import"./preload-helper-BXl3LOEh.js";import"./floating-ui.react-dom-BWTnA00G.js";var v=d().RailroadAbnf.parser.LangiumParser,i=n(e=>{const r=e.alternatives.map(g);return r.length===1?r[0]:{type:"choice",alternatives:r}},"transformAlternation"),g=n(e=>{const r=e.elements.map(y);return r.length===1?r[0]:{type:"sequence",elements:r}},"transformConcatenation"),b=n(e=>{if(e.includes("*")){const[t,s]=e.split("*"),l=t?parseInt(t,10):0,m=s?parseInt(s,10):1/0;return{min:l,max:m}}const r=parseInt(e,10);return{min:r,max:r}},"parseRepeat"),y=n(e=>{const r=A(e.primary);if(!e.repeat)return r;const{min:t,max:s}=b(e.repeat);return t===0&&s===1?{type:"optional",element:r}:{type:"repetition",element:r,min:t,max:s}},"transformElement"),A=n(e=>{switch(e.$type){case"AbnfStringLiteral":return{type:"terminal",value:e.value};case"AbnfNumVal":return{type:"terminal",value:e.value};case"AbnfRuleName":return{type:"nonterminal",name:e.name};case"AbnfGroup":return i(e.element);case"AbnfOptionalGroup":return{type:"optional",element:i(e.element)};default:throw new Error(`Unsupported ABNF primary node: ${e.$type}`)}},"transformPrimary"),P=n(e=>({name:e.name,definition:i(e.definition)}),"transformRule"),h=n(e=>{f(e,a),e.title&&a.setTitle(e.title),e.rules.map(r=>a.addRule(P(r)))},"populateDb"),R={parse:n(e=>{a.clear(),o.debug("[ABNF Parser] Starting Langium parse");const r=v.parse(e);if(r.lexerErrors.length>0||r.parserErrors.length>0)throw new c(r);const t=r.value;o.debug("[ABNF Parser] Parsed rules:",t.rules.length),h(t),o.debug("[ABNF Parser] Parse complete")},"parse"),parser:{yy:a}},I={parser:R,db:a,renderer:u,styles:p};export{I as diagram};

package/server/client/dist/assets/app-Bcl0U7r9.css

@@ -0,0 +1 @@
+.ProseMirror a{color:var(--fg-muted);cursor:pointer;text-decoration:underline;text-decoration-color:var(--border-secondary);text-underline-offset:2px;transition:color .15s ease,text-decoration-color .15s ease}.ProseMirror a:hover{color:var(--fg-default);text-decoration-color:var(--fg-muted)}@keyframes external-change-gradient-flow{0%{background-position-x:0%}to{background-position-x:-200%}}.bn-editor{--external-change-gradient: linear-gradient( 90deg, rgb(139 92 246 / 60%) 0%, rgb(236 72 153 / 60%) 24%, rgb(192 132 252 / 60%) 50%, rgb(244 114 182 / 60%) 74%, rgb(139 92 246 / 60%) 100% );background:transparent!important;padding-inline:54px 0!important;overflow-wrap:anywhere!important}html.dark .bn-editor{--external-change-gradient: linear-gradient( 90deg, rgb(167 139 250 / 60%) 0%, rgb(244 114 182 / 60%) 24%, rgb(216 180 254 / 60%) 50%, rgb(249 168 212 / 60%) 74%, rgb(167 139 250 / 60%) 100% )}.bn-editor .note-change-text{background-image:var(--external-change-gradient);background-position:0 calc(100% - 2px);background-repeat:repeat-x;background-size:200% 3px;box-decoration-break:clone;-webkit-box-decoration-break:clone;animation:external-change-gradient-flow 3.2s linear infinite}.note-change-status{color:#7c3aed;--external-change-label-gradient: linear-gradient(90deg, #7c3aed, #be185d 24%, #9333ea 50%, #be185d 74%, #7c3aed)}html.dark .note-change-status{color:#a78bfa;--external-change-label-gradient: linear-gradient(90deg, #a78bfa, #f472b6 24%, #d8b4fe 50%, #f9a8d4 74%, #a78bfa)}.note-change-status__label{background-image:var(--external-change-label-gradient);background-size:200% 100%;background-repeat:repeat-x;background-clip:text;-webkit-background-clip:text;color:transparent;animation:external-change-gradient-flow 3.2s linear infinite}.note-change-review{display:flex;align-items:center;gap:12px;padding-block:8px 12px;font-size:.75rem;font-weight:500;line-height:1.5}.note-change-review__done{padding:4px 0;color:var(--fg-secondary);background:transparent;border:0;outline:none;cursor:pointer}.note-change-review__done:hover{color:var(--fg-default)}@media(prefers-reduced-motion:reduce){.bn-editor .note-change-text,.note-change-status__label{background-position-x:50%;animation:none}}.bn-container{--bn-font-family: "Pretendard", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;font-family:var(--bn-font-family)!important}.bn-mantine .bn-suggestion-menu{width:min(368px,100vw - 32px);max-height:min(424px,100vh - 96px);padding:6px;background:var(--elevated);border:1px solid var(--border-subtle);border-radius:14px;box-shadow:0 18px 36px -28px #171d2657,0 1px 2px #171d260f;color:var(--fg-default);overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--border-secondary) transparent}html.dark .bn-mantine .bn-suggestion-menu{box-shadow:0 20px 42px -30px #000000b8,0 1px 2px #00000052}.bn-mantine .mantine-Menu-dropdown,.bn-mantine .bn-menu-dropdown{min-width:148px;padding:5px;background:var(--elevated);border:1px solid var(--border-subtle);border-radius:12px;box-shadow:0 14px 28px -24px #171d264d,0 1px 2px #171d260f;color:var(--fg-default)}html.dark .bn-mantine .mantine-Menu-dropdown,html.dark .bn-mantine .bn-menu-dropdown{box-shadow:0 18px 34px -28px #000000ad,0 1px 2px #00000052}.bn-mantine .mantine-Menu-item{min-height:32px;height:auto;padding:7px 10px;background:transparent;border:1px solid transparent;border-radius:8px;color:var(--fg-secondary);font-size:.8125rem;font-weight:600;line-height:1.35;transition:background .15s ease,border-color .15s ease,color .15s ease}.bn-mantine .mantine-Menu-item[aria-selected=true],.bn-mantine .mantine-Menu-item:hover,.bn-mantine .mantine-Menu-item:focus-visible{background:var(--hover-subtle);border-color:var(--border-subtle);color:var(--fg-default)}.bn-mantine .mantine-Menu-itemLabel{color:inherit}.bn-mantine .bn-suggestion-menu-label{padding:8px 10px 5px;color:var(--fg-tertiary);font-size:.75rem;font-weight:700;line-height:1.2}.bn-mantine .bn-suggestion-menu-label:not(:first-child){margin-top:4px;padding-top:10px;border-top:1px solid var(--border-subtle)}.bn-mantine .bn-suggestion-menu-item{min-height:52px;height:auto;padding:8px 10px;background:transparent;border:1px solid transparent;border-radius:10px;color:var(--fg-default);cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease}.bn-mantine .bn-suggestion-menu-item:hover,.bn-mantine .bn-suggestion-menu-item[aria-selected=true]{background:var(--hover-subtle);border-color:var(--border-subtle)}.bn-mantine .bn-suggestion-menu-item-small{min-height:34px;padding:7px 10px}.bn-mantine .bn-suggestion-menu .bn-mt-suggestion-menu-item-body{min-width:0;padding-right:10px}.bn-mantine .bn-suggestion-menu .bn-mt-suggestion-menu-item-section[data-position=left]{flex:0 0 32px;width:32px;height:32px;margin-inline-end:10px;padding:0;background:var(--muted);border:1px solid var(--border-subtle);border-radius:8px;color:var(--fg-secondary)}.bn-mantine .bn-suggestion-menu .bn-mt-suggestion-menu-item-section[data-position=left] svg{width:16px;height:16px}.bn-mantine .bn-suggestion-menu-item:hover .bn-mt-suggestion-menu-item-section[data-position=left],.bn-mantine .bn-suggestion-menu-item[aria-selected=true] .bn-mt-suggestion-menu-item-section[data-position=left]{background:var(--surface);border-color:var(--border-secondary);color:var(--fg-default)}.bn-mantine .bn-suggestion-menu .bn-mt-suggestion-menu-item-section[data-position=right]{flex:0 0 auto;margin-inline-start:8px;color:var(--fg-tertiary)}.bn-mantine .bn-suggestion-menu .bn-mt-suggestion-menu-item-section[data-position=right] .mantine-Badge-root{height:20px;padding:0 6px;background:var(--muted);border:1px solid var(--border-subtle);border-radius:7px;color:var(--fg-tertiary);font-size:.6875rem;font-weight:600;line-height:18px;letter-spacing:0;text-transform:none;white-space:nowrap}.bn-mantine .bn-suggestion-menu .bn-mt-suggestion-menu-item-title,.bn-mantine .bn-suggestion-menu .bn-mt-suggestion-menu-item-subtitle{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bn-mantine .bn-suggestion-menu .bn-mt-suggestion-menu-item-title{color:var(--fg-default);font-size:.875rem;font-weight:600;line-height:1.35}.bn-mantine .bn-suggestion-menu-item-small .bn-mt-suggestion-menu-item-title{font-size:.8125rem}.bn-mantine .bn-suggestion-menu .bn-mt-suggestion-menu-item-subtitle{color:var(--fg-tertiary);font-size:.75rem;line-height:1.35}@media(max-width:640px){.bn-mantine .bn-suggestion-menu{width:calc(100vw - 24px);max-height:min(360px,100vh - 80px)}.bn-mantine .bn-suggestion-menu .bn-mt-suggestion-menu-item-section[data-position=right] .mantine-Badge-root{max-width:84px;overflow:hidden;text-overflow:ellipsis}}.bn-default-styles,.bn-default-styles p,.bn-default-styles li,.bn-default-styles h1,.bn-default-styles h2,.bn-default-styles h3,.bn-default-styles h4,.bn-default-styles h5,.bn-default-styles h6,.bn-container button,.bn-container input,.bn-container select,.bn-container textarea{font-family:var(--bn-font-family)!important}.bn-inline-content code{color:var(--fg-muted);background:color-mix(in srgb,var(--highlight) 72%,transparent);border:1px solid color-mix(in srgb,var(--border-subtle) 72%,transparent);border-radius:6px;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:.9em;letter-spacing:0;padding:.08em .34em;box-decoration-break:clone;-webkit-box-decoration-break:clone}.bn-file-block-content-wrapper{max-width:100%}.bn-block-content[data-content-type=codeBlock]{background-color:#181b20;border:1px solid rgba(255,255,255,.08);border-radius:10px}.bn-block-content[data-content-type=codeBlock]:has(>[data-rich-code-toolbar]){flex-direction:column;overflow:hidden;background-color:var(--elevated);border-color:var(--border-subtle);color:var(--fg-default)}.bn-block-content[data-content-type=codeBlock]:has(>[data-rich-code-toolbar])>div>select{display:none}[data-rich-code-preview] svg foreignObject p{font-family:inherit!important;line-height:inherit}.bn-block-content[data-content-type=codeBlock]>pre{color:#ffffffd6;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:1rem;line-height:1.65}.bn-block-content[data-content-type=codeBlock]>div>select{border-radius:6px;color:#ffffffb8}.bn-editor [data-content-type=table] .tableWrapper{--default-cell-min-width: 112px;overflow-x:auto;scrollbar-width:thin;scrollbar-color:var(--border-secondary) transparent}.bn-editor [data-content-type=table] table{overflow:hidden;background:var(--elevated);border:1px solid var(--border-subtle);border-radius:10px;border-collapse:separate;border-spacing:0}.bn-editor [data-content-type=table] th,.bn-editor [data-content-type=table] td{min-width:112px;padding:8px 10px;background:var(--elevated);border:0;border-right:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle);color:var(--fg-default);vertical-align:top}.bn-editor [data-content-type=table] th{background:var(--muted);color:var(--fg-muted);font-weight:600}.bn-editor [data-content-type=table] tr>:last-child{border-right:0}.bn-editor [data-content-type=table] tr:last-child>*{border-bottom:0}.bn-editor [data-content-type=table] th:hover,.bn-editor [data-content-type=table] td:hover{background:var(--hover-subtle)}.ProseMirror .selectedCell:after{background:color-mix(in srgb,var(--accent-soft-primary) 58%,transparent);box-shadow:inset 0 0 0 1px var(--border-focus);pointer-events:none}.ProseMirror .column-resize-handle,.bn-table-drop-cursor{background:var(--accent-primary)}.bn-mantine .bn-table-handle,.bn-mantine .bn-extend-button,.bn-mantine .bn-table-cell-handle{background:var(--elevated);border:1px solid var(--border-subtle);border-radius:7px;box-shadow:0 8px 18px -16px #171d2638;color:var(--fg-tertiary);transition:background .15s ease,border-color .15s ease,color .15s ease}.bn-mantine .bn-table-handle:hover,.bn-mantine .bn-table-handle-dragging,.bn-mantine .bn-extend-button:hover,.bn-mantine .bn-extend-button-editing,.bn-mantine .bn-table-cell-handle:hover{background:var(--hover-subtle);border-color:var(--border-secondary);color:var(--fg-default)}.bn-default-styles [data-content-type=heading]{--level: 1.375rem;--ob-heading-color: var(--fg-default);--ob-heading-letter-spacing: -.01em;--ob-heading-line-height: 1.35;--ob-heading-weight: 700}.bn-default-styles [data-content-type=heading][data-level="2"]{--level: 1.1875rem;--ob-heading-letter-spacing: -.005em;--ob-heading-line-height: 1.4;--ob-heading-weight: 650}.bn-default-styles [data-content-type=heading][data-level="3"]{--level: 1.0625rem;--ob-heading-letter-spacing: 0;--ob-heading-line-height: 1.45;--ob-heading-weight: 620}.bn-default-styles [data-content-type=heading][data-level="4"]{--level: 1rem;--ob-heading-letter-spacing: 0;--ob-heading-line-height: 1.5;--ob-heading-weight: 600}.bn-default-styles [data-content-type=heading][data-level="5"]{--level: 1rem;--ob-heading-color: var(--fg-muted);--ob-heading-letter-spacing: 0;--ob-heading-line-height: 1.5;--ob-heading-weight: 560}.bn-default-styles [data-content-type=heading][data-level="6"]{--level: 1rem;--ob-heading-color: var(--fg-secondary);--ob-heading-letter-spacing: .01em;--ob-heading-line-height: 1.5;--ob-heading-weight: 520}.bn-default-styles [data-prev-level="1"]{--prev-level: 1.375rem;--ob-prev-heading-letter-spacing: -.01em;--ob-prev-heading-line-height: 1.35;--ob-prev-heading-weight: 700}.bn-default-styles [data-prev-level="2"]{--prev-level: 1.1875rem;--ob-prev-heading-letter-spacing: -.005em;--ob-prev-heading-line-height: 1.4;--ob-prev-heading-weight: 650}.bn-default-styles [data-prev-level="3"]{--prev-level: 1.0625rem;--ob-prev-heading-letter-spacing: 0;--ob-prev-heading-line-height: 1.45;--ob-prev-heading-weight: 620}.bn-default-styles [data-prev-level="4"]{--prev-level: 1rem;--ob-prev-heading-letter-spacing: 0;--ob-prev-heading-line-height: 1.5;--ob-prev-heading-weight: 600}.bn-default-styles [data-prev-level="5"]{--prev-level: 1rem;--ob-prev-heading-letter-spacing: 0;--ob-prev-heading-line-height: 1.5;--ob-prev-heading-weight: 560}.bn-default-styles [data-prev-level="6"]{--prev-level: 1rem;--ob-prev-heading-letter-spacing: .01em;--ob-prev-heading-line-height: 1.5;--ob-prev-heading-weight: 520}.bn-default-styles .bn-block-outer:not([data-prev-type])>.bn-block>.bn-block-content[data-content-type=heading],.bn-default-styles .bn-block-outer:not([data-prev-type])>.bn-block>div[data-type=modification]>div[data-type=modification]>.bn-block-content[data-content-type=heading]{color:var(--ob-heading-color, var(--fg-default));font-size:var(--level);font-weight:var(--ob-heading-weight, 600);letter-spacing:var(--ob-heading-letter-spacing, 0);line-height:var(--ob-heading-line-height, 1.5)}.bn-default-styles .bn-block-outer[data-prev-type=heading]>.bn-block>.bn-block-content{font-size:var(--prev-level);font-weight:var(--ob-prev-heading-weight, 600);letter-spacing:var(--ob-prev-heading-letter-spacing, 0);line-height:var(--ob-prev-heading-line-height, 1.5)}.bn-default-styles p{line-height:1.7}.bn-default-styles li{line-height:1.65}.bn-block-outer:not([data-prev-type])>.bn-block>.bn-block-content[data-content-type=numberedListItem]:before{content:var(--index) ".";white-space:nowrap}.bn-mantine .bn-side-menu[data-block-type=heading][data-level="1"]{height:36px}.bn-mantine .bn-side-menu[data-block-type=heading][data-level="2"]{height:33px}.bn-mantine .bn-side-menu[data-block-type=heading][data-level="3"]{height:31px}.bn-mantine .bn-side-menu[data-block-type=heading][data-level="4"],.bn-mantine .bn-side-menu[data-block-type=heading][data-level="5"],.bn-mantine .bn-side-menu[data-block-type=heading][data-level="6"]{height:30px}@font-face{font-family:Pretendard;font-weight:700;font-display:swap;src:local("Pretendard Bold"),url(/fonts/Pretendard-Bold.woff2) format("woff2")}@font-face{font-family:Pretendard;font-weight:400;font-display:swap;src:local("Pretendard Regular"),url(/fonts/Pretendard-Regular.woff2) format("woff2")}html,body,#root{width:100%;height:100%;margin:0;padding:0;overflow:hidden}html{background:var(--page-bg);color:var(--fg-default)}html.dark{background-color:var(--page-bg);color:var(--fg-default)}body{font-family:Pretendard,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--page-bg);color:var(--fg-default);word-wrap:break-word;word-break:keep-all;overflow-wrap:anywhere}div:focus:not(:focus-visible){outline:none}.window-modal__container{z-index:1002}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-pan-x:initial;--tw-pan-y:initial;--tw-pinch-zoom:initial;--tw-space-y-reverse:0;--tw-divide-y-reverse:0;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial;--tw-content:""}}}@layer theme{:root,:host{--font-sans:"Pretendard", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-red-200:oklch(88.5% .062 18.334);--color-red-700:oklch(50.5% .213 27.518);--color-amber-200:oklch(92.4% .12 95.746);--color-amber-300:oklch(87.9% .169 91.605);--color-emerald-200:oklch(90.5% .093 164.15);--color-emerald-500:oklch(69.6% .17 162.48);--color-emerald-700:oklch(50.8% .118 165.612);--color-sky-200:oklch(90.1% .058 230.902);--color-sky-300:oklch(82.8% .111 230.318);--color-sky-500:oklch(68.5% .169 237.323);--color-sky-700:oklch(50% .134 242.749);--color-rose-200:oklch(89.2% .058 10.001);--color-rose-500:oklch(64.5% .246 16.439);--color-rose-700:oklch(51.4% .222 16.935);--color-black:#000;--color-white:#fff;--spacing:.25rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height: 1.5 ;--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-tight:-.025em;--tracking-widest:.1em;--leading-normal:1.5;--leading-relaxed:1.625;--radius-lg:14px;--ease-out:cubic-bezier(0, 0, .2, 1);--animate-spin:spin 1s linear infinite;--animate-pulse:pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--blur-sm:8px;--blur-2xl:40px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-pastel-yellow-200:#d8c4a8;--color-pastel-green-200:#9fb39d;--color-pastel-pink-200:#d6a3a0;--color-pastel-orange-200:#cfa88d;--color-pastel-blue-200:#9cafb9;--color-pastel-lavender-200:#c0b7c6;--color-priority-high:#e4a29f;--color-priority-medium:#deb07e;--color-priority-low:#dec988;--color-surface:var(--surface);--color-muted:var(--muted);--color-subtle:var(--subtle);--color-elevated:var(--elevated);--color-emphasis:var(--emphasis);--color-hover:var(--hover);--color-hover-subtle:var(--hover-subtle);--color-active:var(--active);--color-fg-default:var(--fg-default);--color-fg-muted:var(--fg-muted);--color-fg-secondary:var(--fg-secondary);--color-fg-tertiary:var(--fg-tertiary);--color-fg-disabled:var(--fg-disabled);--color-fg-placeholder:var(--fg-placeholder);--color-fg-error:var(--fg-error);--color-fg-on-filled:var(--fg-on-filled);--color-fg-weekend:var(--fg-weekend);--color-border:var(--border);--color-border-secondary:var(--border-secondary);--color-border-subtle:var(--border-subtle);--color-border-focus:var(--border-focus);--color-border-error:var(--border-error);--color-accent-primary:var(--accent-primary);--color-accent-secondary:var(--accent-secondary);--color-accent-secondary-hover:var(--accent-secondary-hover);--color-accent-danger:var(--accent-danger);--color-accent-danger-hover:var(--accent-danger-hover);--color-accent-success:var(--accent-success);--color-accent-soft-primary:var(--accent-soft-primary);--color-accent-soft-danger:var(--accent-soft-danger);--color-accent-soft-danger-hover:var(--accent-soft-danger-hover);--color-accent-soft-success:var(--accent-soft-success);--color-accent-soft-success-hover:var(--accent-soft-success-hover);--color-cta:var(--cta);--color-cta-hover:var(--cta-hover);--color-overlay:var(--overlay);--color-divider:var(--divider);--radius-full:9999px;--animate-fade-in:fade-in .2s ease-out;--animate-zoom-in:zoom-in .2s ease-out;--animate-shimmer:shimmer 1.5s infinite}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{inset:calc(var(--spacing) * 0)}.inset-y-0{inset-block:calc(var(--spacing) * 0)}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.-top-10{top:calc(var(--spacing) * -10)}.top-0{top:calc(var(--spacing) * 0)}.top-1\/2{top:50%}.top-2{top:calc(var(--spacing) * 2)}.top-3{top:calc(var(--spacing) * 3)}.top-20{top:calc(var(--spacing) * 20)}.-right-10{right:calc(var(--spacing) * -10)}.right-0{right:calc(var(--spacing) * 0)}.right-2{right:calc(var(--spacing) * 2)}.right-3{right:calc(var(--spacing) * 3)}.right-\[-14px\]{right:-14px}.bottom-4{bottom:calc(var(--spacing) * 4)}.bottom-\[-4px\]{bottom:-4px}.left-1\/2{left:50%}.left-2{left:calc(var(--spacing) * 2)}.left-4{left:calc(var(--spacing) * 4)}.left-5{left:calc(var(--spacing) * 5)}.isolate{isolation:isolate}.z-0{z-index:0}.z-10{z-index:10}.z-20{z-index:20}.z-50{z-index:50}.z-\[1\]{z-index:1}.z-\[1001\]{z-index:1001}.z-\[1002\]{z-index:1002}.z-\[1003\]{z-index:1003}.z-\[1090\]{z-index:1090}.z-\[1100\]{z-index:1100}.z-\[1200\]{z-index:1200}.col-start-1{grid-column-start:1}.col-start-2{grid-column-start:2}.col-start-3{grid-column-start:3}.row-span-2{grid-row:span 2/span 2}.row-start-1{grid-row-start:1}.row-start-2{grid-row-start:2}.container{width:100%}@media(min-width:40rem){.container{max-width:40rem}}@media(min-width:48rem){.container{max-width:48rem}}@media(min-width:64rem){.container{max-width:64rem}}@media(min-width:80rem){.container{max-width:80rem}}@media(min-width:96rem){.container{max-width:96rem}}.-m-1{margin:calc(var(--spacing) * -1)}.m-4{margin:calc(var(--spacing) * 4)}.-mx-1{margin-inline:calc(var(--spacing) * -1)}.mx-1{margin-inline:calc(var(--spacing) * 1)}.mx-auto{margin-inline:auto}.my-1{margin-block:calc(var(--spacing) * 1)}.\!mt-0{margin-top:calc(var(--spacing) * 0)!important}.mt-0\.5{margin-top:calc(var(--spacing) * .5)}.mt-1{margin-top:calc(var(--spacing) * 1)}.mt-1\.5{margin-top:calc(var(--spacing) * 1.5)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-5{margin-top:calc(var(--spacing) * 5)}.mt-8{margin-top:calc(var(--spacing) * 8)}.mt-\[2px\]{margin-top:2px}.mt-\[6px\]{margin-top:6px}.mt-auto{margin-top:auto}.-mr-1{margin-right:calc(var(--spacing) * -1)}.mb-1{margin-bottom:calc(var(--spacing) * 1)}.mb-1\.5{margin-bottom:calc(var(--spacing) * 1.5)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-2\.5{margin-bottom:calc(var(--spacing) * 2.5)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.mb-5{margin-bottom:calc(var(--spacing) * 5)}.mb-6{margin-bottom:calc(var(--spacing) * 6)}.mb-7{margin-bottom:calc(var(--spacing) * 7)}.mb-8{margin-bottom:calc(var(--spacing) * 8)}.-ml-1{margin-left:calc(var(--spacing) * -1)}.-ml-3{margin-left:calc(var(--spacing) * -3)}.ml-0{margin-left:calc(var(--spacing) * 0)}.ml-2{margin-left:calc(var(--spacing) * 2)}.ml-12{margin-left:calc(var(--spacing) * 12)}.ml-auto{margin-left:auto}.line-clamp-1{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-3{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-4{-webkit-line-clamp:4;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.size-2{width:calc(var(--spacing) * 2);height:calc(var(--spacing) * 2)}.size-2\.5{width:calc(var(--spacing) * 2.5);height:calc(var(--spacing) * 2.5)}.size-3\.5{width:calc(var(--spacing) * 3.5);height:calc(var(--spacing) * 3.5)}.size-4{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.size-5{width:calc(var(--spacing) * 5);height:calc(var(--spacing) * 5)}.size-7{width:calc(var(--spacing) * 7);height:calc(var(--spacing) * 7)}.h-1{height:calc(var(--spacing) * 1)}.h-1\.5{height:calc(var(--spacing) * 1.5)}.h-2{height:calc(var(--spacing) * 2)}.h-2\.5{height:calc(var(--spacing) * 2.5)}.h-3{height:calc(var(--spacing) * 3)}.h-3\.5{height:calc(var(--spacing) * 3.5)}.h-4{height:calc(var(--spacing) * 4)}.h-4\.5{height:calc(var(--spacing) * 4.5)}.h-5{height:calc(var(--spacing) * 5)}.h-6{height:calc(var(--spacing) * 6)}.h-7{height:calc(var(--spacing) * 7)}.h-8{height:calc(var(--spacing) * 8)}.h-9{height:calc(var(--spacing) * 9)}.h-10{height:calc(var(--spacing) * 10)}.h-11{height:calc(var(--spacing) * 11)}.h-12{height:calc(var(--spacing) * 12)}.h-14{height:calc(var(--spacing) * 14)}.h-28{height:calc(var(--spacing) * 28)}.h-\[18px\]{height:18px}.h-\[22px\]{height:22px}.h-\[24px\]{height:24px}.h-\[34px\]{height:34px}.h-\[72px\]{height:72px}.h-\[98px\]{height:98px}.h-\[248px\]{height:248px}.h-\[300px\]{height:300px}.h-\[320px\]{height:320px}.h-\[400px\]{height:400px}.h-\[clamp\(36rem\,calc\(100dvh-8rem\)\,72rem\)\]{height:clamp(36rem,100dvh - 8rem,72rem)}.h-dvh{height:100dvh}.h-full{height:100%}.h-px{height:1px}.max-h-44{max-height:calc(var(--spacing) * 44)}.max-h-52{max-height:calc(var(--spacing) * 52)}.max-h-80{max-height:calc(var(--spacing) * 80)}.max-h-\[60vh\]{max-height:60vh}.max-h-\[calc\(100dvh-0\.75rem\)\]{max-height:calc(100dvh - .75rem)}.min-h-0{min-height:calc(var(--spacing) * 0)}.min-h-4{min-height:calc(var(--spacing) * 4)}.min-h-6{min-height:calc(var(--spacing) * 6)}.min-h-7{min-height:calc(var(--spacing) * 7)}.min-h-8{min-height:calc(var(--spacing) * 8)}.min-h-11{min-height:calc(var(--spacing) * 11)}.min-h-14{min-height:calc(var(--spacing) * 14)}.min-h-16{min-height:calc(var(--spacing) * 16)}.min-h-20{min-height:calc(var(--spacing) * 20)}.min-h-24{min-height:calc(var(--spacing) * 24)}.min-h-28{min-height:calc(var(--spacing) * 28)}.min-h-40{min-height:calc(var(--spacing) * 40)}.min-h-\[38px\]{min-height:38px}.min-h-\[60px\]{min-height:60px}.min-h-\[72px\]{min-height:72px}.min-h-\[80px\]{min-height:80px}.min-h-\[84px\]{min-height:84px}.min-h-\[100px\]{min-height:100px}.min-h-\[112px\]{min-height:112px}.min-h-\[248px\]{min-height:248px}.w-1{width:calc(var(--spacing) * 1)}.w-1\.5{width:calc(var(--spacing) * 1.5)}.w-2{width:calc(var(--spacing) * 2)}.w-2\.5{width:calc(var(--spacing) * 2.5)}.w-3{width:calc(var(--spacing) * 3)}.w-3\.5{width:calc(var(--spacing) * 3.5)}.w-4{width:calc(var(--spacing) * 4)}.w-4\.5{width:calc(var(--spacing) * 4.5)}.w-5{width:calc(var(--spacing) * 5)}.w-6{width:calc(var(--spacing) * 6)}.w-7{width:calc(var(--spacing) * 7)}.w-8{width:calc(var(--spacing) * 8)}.w-9{width:calc(var(--spacing) * 9)}.w-10{width:calc(var(--spacing) * 10)}.w-12{width:calc(var(--spacing) * 12)}.w-28{width:calc(var(--spacing) * 28)}.w-\[17rem\]{width:17rem}.w-\[18px\]{width:18px}.w-\[18rem\]{width:18rem}.w-\[34px\]{width:34px}.w-\[148px\]{width:148px}.w-\[220px\]{width:220px}.w-\[min\(22rem\,calc\(100vw-2rem\)\)\]{width:min(22rem,100vw - 2rem)}.w-full{width:100%}.w-max{width:max-content}.w-px{width:1px}.max-w-52{max-width:calc(var(--spacing) * 52)}.max-w-\[12rem\]{max-width:12rem}.max-w-\[34rem\]{max-width:34rem}.max-w-\[44rem\]{max-width:44rem}.max-w-\[72\%\]{max-width:72%}.max-w-\[72px\]{max-width:72px}.max-w-\[72vw\]{max-width:72vw}.max-w-\[116px\]{max-width:116px}.max-w-\[132px\]{max-width:132px}.max-w-\[220px\]{max-width:220px}.max-w-\[240px\]{max-width:240px}.max-w-\[400px\]{max-width:400px}.max-w-\[640px\]{max-width:640px}.max-w-\[896px\]{max-width:896px}.max-w-\[min\(420px\,calc\(100vw-32px\)\)\]{max-width:min(420px,100vw - 32px)}.max-w-full{max-width:100%}.max-w-none{max-width:none}.min-w-0{min-width:calc(var(--spacing) * 0)}.min-w-4{min-width:calc(var(--spacing) * 4)}.min-w-6{min-width:calc(var(--spacing) * 6)}.min-w-11{min-width:calc(var(--spacing) * 11)}.min-w-26{min-width:calc(var(--spacing) * 26)}.min-w-28{min-width:calc(var(--spacing) * 28)}.min-w-\[1\.5rem\]{min-width:1.5rem}.min-w-\[8rem\]{min-width:8rem}.min-w-\[10rem\]{min-width:10rem}.min-w-\[19rem\]{min-width:19rem}.min-w-\[var\(--radix-select-trigger-width\)\]{min-width:var(--radix-select-trigger-width)}.min-w-full{min-width:100%}.min-w-max{min-width:max-content}.flex-1{flex:1}.flex-\[0_0_300px\]{flex:0 0 300px}.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.basis-\[28rem\]{flex-basis:28rem}.basis-full{flex-basis:100%}.table-fixed{table-layout:fixed}.border-collapse{border-collapse:collapse}.-translate-x-1\/2{--tw-translate-x: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-x-full{--tw-translate-x:-100%;translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-x-0{--tw-translate-x:calc(var(--spacing) * 0);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-x-5{--tw-translate-x:calc(var(--spacing) * 5);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-\[38\%\]{--tw-translate-y: -38% ;translate:var(--tw-translate-x) var(--tw-translate-y)}.rotate-180{rotate:180deg}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-fade-in{animation:var(--animate-fade-in)}.animate-pulse{animation:var(--animate-pulse)}.animate-shimmer{animation:var(--animate-shimmer)}.animate-spin{animation:var(--animate-spin)}.cursor-default{cursor:default}.cursor-grab{cursor:grab}.cursor-grabbing{cursor:grabbing}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.touch-pan-x{--tw-pan-x:pan-x;touch-action:var(--tw-pan-x,) var(--tw-pan-y,) var(--tw-pinch-zoom,)}.touch-none{touch-action:none}.resize{resize:both}.resize-none{resize:none}.list-none{list-style-type:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.grid-cols-\[auto_minmax\(0\,1fr\)_auto\]{grid-template-columns:auto minmax(0,1fr) auto}.grid-cols-\[minmax\(0\,1fr\)_auto\]{grid-template-columns:minmax(0,1fr) auto}.grid-cols-\[minmax\(0\,5\.5rem\)_minmax\(0\,1fr\)_auto\]{grid-template-columns:minmax(0,5.5rem) minmax(0,1fr) auto}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.items-stretch{align-items:stretch}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-0{gap:calc(var(--spacing) * 0)}.gap-0\.5{gap:calc(var(--spacing) * .5)}.gap-1{gap:calc(var(--spacing) * 1)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-2\.5{gap:calc(var(--spacing) * 2.5)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-3\.5{gap:calc(var(--spacing) * 3.5)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-5{gap:calc(var(--spacing) * 5)}.gap-6{gap:calc(var(--spacing) * 6)}.gap-px{gap:1px}:where(.space-y-0\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * .5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * .5) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-1\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-px>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(1px * var(--tw-space-y-reverse));margin-block-end:calc(1px * calc(1 - var(--tw-space-y-reverse)))}.gap-x-2{column-gap:calc(var(--spacing) * 2)}.gap-x-2\.5{column-gap:calc(var(--spacing) * 2.5)}.gap-x-3{column-gap:calc(var(--spacing) * 3)}.gap-x-4{column-gap:calc(var(--spacing) * 4)}.gap-y-1{row-gap:calc(var(--spacing) * 1)}.gap-y-1\.5{row-gap:calc(var(--spacing) * 1.5)}.gap-y-2{row-gap:calc(var(--spacing) * 2)}:where(.divide-y>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px * var(--tw-divide-y-reverse));border-bottom-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)))}:where(.divide-border-subtle>:not(:last-child)),:where(.divide-border-subtle\/70>:not(:last-child)){border-color:var(--color-border-subtle)}@supports (color:color-mix(in lab,red,red)){:where(.divide-border-subtle\/70>:not(:last-child)){border-color:color-mix(in oklab,var(--color-border-subtle) 70%,transparent)}}.self-center{align-self:center}.self-end{align-self:flex-end}.self-start{align-self:flex-start}.justify-self-end{justify-self:flex-end}.justify-self-start{justify-self:flex-start}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-x-clip{overflow-x:clip}.overflow-x-hidden{overflow-x:hidden}.overflow-y-auto{overflow-y:auto}.overflow-y-hidden{overflow-y:hidden}.overscroll-contain{overscroll-behavior:contain}.overscroll-x-contain{overscroll-behavior-x:contain}.overscroll-y-contain{overscroll-behavior-y:contain}.rounded-\[6px\]{border-radius:6px}.rounded-\[7px\]{border-radius:7px}.rounded-\[8px\]{border-radius:8px}.rounded-\[9px\]{border-radius:9px}.rounded-\[10px\]{border-radius:10px}.rounded-\[11px\]{border-radius:11px}.rounded-\[12px\]{border-radius:12px}.rounded-\[13px\]{border-radius:13px}.rounded-\[14px\]{border-radius:14px}.rounded-\[15px\]{border-radius:15px}.rounded-\[16px\]{border-radius:16px}.rounded-\[18px\]{border-radius:18px}.rounded-\[20px\]{border-radius:20px}.rounded-full{border-radius:var(--radius-full)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-t-\[18px\]{border-top-left-radius:18px;border-top-right-radius:18px}.rounded-t-\[20px\]{border-top-left-radius:20px;border-top-right-radius:20px}.rounded-b-none{border-bottom-right-radius:0;border-bottom-left-radius:0}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-r-0{border-right-style:var(--tw-border-style);border-right-width:0}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-b-0{border-bottom-style:var(--tw-border-style);border-bottom-width:0}.border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.border-l-2{border-left-style:var(--tw-border-style);border-left-width:2px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-none{--tw-border-style:none;border-style:none}.border-accent-primary\/45{border-color:var(--color-accent-primary)}@supports (color:color-mix(in lab,red,red)){.border-accent-primary\/45{border-color:color-mix(in oklab,var(--color-accent-primary) 45%,transparent)}}.border-accent-primary\/50{border-color:var(--color-accent-primary)}@supports (color:color-mix(in lab,red,red)){.border-accent-primary\/50{border-color:color-mix(in oklab,var(--color-accent-primary) 50%,transparent)}}.border-amber-200\/70{border-color:#fee685b3}@supports (color:color-mix(in lab,red,red)){.border-amber-200\/70{border-color:color-mix(in oklab,var(--color-amber-200) 70%,transparent)}}.border-black\/5{border-color:#0000000d}@supports (color:color-mix(in lab,red,red)){.border-black\/5{border-color:color-mix(in oklab,var(--color-black) 5%,transparent)}}.border-border{border-color:var(--color-border)}.border-border-error,.border-border-error\/70{border-color:var(--color-border-error)}@supports (color:color-mix(in lab,red,red)){.border-border-error\/70{border-color:color-mix(in oklab,var(--color-border-error) 70%,transparent)}}.border-border-secondary,.border-border-secondary\/70{border-color:var(--color-border-secondary)}@supports (color:color-mix(in lab,red,red)){.border-border-secondary\/70{border-color:color-mix(in oklab,var(--color-border-secondary) 70%,transparent)}}.border-border-secondary\/80{border-color:var(--color-border-secondary)}@supports (color:color-mix(in lab,red,red)){.border-border-secondary\/80{border-color:color-mix(in oklab,var(--color-border-secondary) 80%,transparent)}}.border-border-subtle,.border-border-subtle\/60{border-color:var(--color-border-subtle)}@supports (color:color-mix(in lab,red,red)){.border-border-subtle\/60{border-color:color-mix(in oklab,var(--color-border-subtle) 60%,transparent)}}.border-border-subtle\/65{border-color:var(--color-border-subtle)}@supports (color:color-mix(in lab,red,red)){.border-border-subtle\/65{border-color:color-mix(in oklab,var(--color-border-subtle) 65%,transparent)}}.border-border-subtle\/70{border-color:var(--color-border-subtle)}@supports (color:color-mix(in lab,red,red)){.border-border-subtle\/70{border-color:color-mix(in oklab,var(--color-border-subtle) 70%,transparent)}}.border-border-subtle\/75{border-color:var(--color-border-subtle)}@supports (color:color-mix(in lab,red,red)){.border-border-subtle\/75{border-color:color-mix(in oklab,var(--color-border-subtle) 75%,transparent)}}.border-border-subtle\/80{border-color:var(--color-border-subtle)}@supports (color:color-mix(in lab,red,red)){.border-border-subtle\/80{border-color:color-mix(in oklab,var(--color-border-subtle) 80%,transparent)}}.border-cta{border-color:var(--color-cta)}.border-fg-muted{border-color:var(--color-fg-muted)}.border-sky-200\/75{border-color:#b8e6febf}@supports (color:color-mix(in lab,red,red)){.border-sky-200\/75{border-color:color-mix(in oklab,var(--color-sky-200) 75%,transparent)}}.border-transparent{border-color:#0000}.border-white\/10{border-color:#ffffff1a}@supports (color:color-mix(in lab,red,red)){.border-white\/10{border-color:color-mix(in oklab,var(--color-white) 10%,transparent)}}.border-white\/14{border-color:#ffffff24}@supports (color:color-mix(in lab,red,red)){.border-white\/14{border-color:color-mix(in oklab,var(--color-white) 14%,transparent)}}.bg-\[\#181b20\]{background-color:#181b20}.bg-\[color-mix\(in_srgb\,var\(--elevated\)_72\%\,var\(--hover-subtle\)\)\]{background-color:var(--elevated)}@supports (color:color-mix(in lab,red,red)){.bg-\[color-mix\(in_srgb\,var\(--elevated\)_72\%\,var\(--hover-subtle\)\)\]{background-color:color-mix(in srgb,var(--elevated) 72%,var(--hover-subtle))}}.bg-\[var\(--page-bg\)\]{background-color:var(--page-bg)}.bg-accent-danger{background-color:var(--color-accent-danger)}.bg-accent-primary\/6{background-color:var(--color-accent-primary)}@supports (color:color-mix(in lab,red,red)){.bg-accent-primary\/6{background-color:color-mix(in oklab,var(--color-accent-primary) 6%,transparent)}}.bg-accent-secondary{background-color:var(--color-accent-secondary)}.bg-accent-soft-danger,.bg-accent-soft-danger\/40{background-color:var(--color-accent-soft-danger)}@supports (color:color-mix(in lab,red,red)){.bg-accent-soft-danger\/40{background-color:color-mix(in oklab,var(--color-accent-soft-danger) 40%,transparent)}}.bg-accent-soft-danger\/60{background-color:var(--color-accent-soft-danger)}@supports (color:color-mix(in lab,red,red)){.bg-accent-soft-danger\/60{background-color:color-mix(in oklab,var(--color-accent-soft-danger) 60%,transparent)}}.bg-accent-soft-danger\/70{background-color:var(--color-accent-soft-danger)}@supports (color:color-mix(in lab,red,red)){.bg-accent-soft-danger\/70{background-color:color-mix(in oklab,var(--color-accent-soft-danger) 70%,transparent)}}.bg-accent-soft-primary{background-color:var(--color-accent-soft-primary)}.bg-accent-soft-success{background-color:var(--color-accent-soft-success)}.bg-black\/5{background-color:#0000000d}@supports (color:color-mix(in lab,red,red)){.bg-black\/5{background-color:color-mix(in oklab,var(--color-black) 5%,transparent)}}.bg-black\/24{background-color:#0000003d}@supports (color:color-mix(in lab,red,red)){.bg-black\/24{background-color:color-mix(in oklab,var(--color-black) 24%,transparent)}}.bg-border-secondary{background-color:var(--color-border-secondary)}.bg-border-subtle,.bg-border-subtle\/70{background-color:var(--color-border-subtle)}@supports (color:color-mix(in lab,red,red)){.bg-border-subtle\/70{background-color:color-mix(in oklab,var(--color-border-subtle) 70%,transparent)}}.bg-cta{background-color:var(--color-cta)}.bg-divider{background-color:var(--color-divider)}.bg-elevated,.bg-elevated\/60{background-color:var(--color-elevated)}@supports (color:color-mix(in lab,red,red)){.bg-elevated\/60{background-color:color-mix(in oklab,var(--color-elevated) 60%,transparent)}}.bg-emerald-500\/12{background-color:#00bb7f1f}@supports (color:color-mix(in lab,red,red)){.bg-emerald-500\/12{background-color:color-mix(in oklab,var(--color-emerald-500) 12%,transparent)}}.bg-emphasis{background-color:var(--color-emphasis)}.bg-fg-on-filled{background-color:var(--color-fg-on-filled)}.bg-fg-placeholder{background-color:var(--color-fg-placeholder)}.bg-fg-secondary{background-color:var(--color-fg-secondary)}.bg-hover-subtle,.bg-hover-subtle\/40{background-color:var(--color-hover-subtle)}@supports (color:color-mix(in lab,red,red)){.bg-hover-subtle\/40{background-color:color-mix(in oklab,var(--color-hover-subtle) 40%,transparent)}}.bg-hover-subtle\/50{background-color:var(--color-hover-subtle)}@supports (color:color-mix(in lab,red,red)){.bg-hover-subtle\/50{background-color:color-mix(in oklab,var(--color-hover-subtle) 50%,transparent)}}.bg-hover-subtle\/55{background-color:var(--color-hover-subtle)}@supports (color:color-mix(in lab,red,red)){.bg-hover-subtle\/55{background-color:color-mix(in oklab,var(--color-hover-subtle) 55%,transparent)}}.bg-hover-subtle\/60{background-color:var(--color-hover-subtle)}@supports (color:color-mix(in lab,red,red)){.bg-hover-subtle\/60{background-color:color-mix(in oklab,var(--color-hover-subtle) 60%,transparent)}}.bg-hover-subtle\/70{background-color:var(--color-hover-subtle)}@supports (color:color-mix(in lab,red,red)){.bg-hover-subtle\/70{background-color:color-mix(in oklab,var(--color-hover-subtle) 70%,transparent)}}.bg-hover-subtle\/75{background-color:var(--color-hover-subtle)}@supports (color:color-mix(in lab,red,red)){.bg-hover-subtle\/75{background-color:color-mix(in oklab,var(--color-hover-subtle) 75%,transparent)}}.bg-muted,.bg-muted\/25{background-color:var(--color-muted)}@supports (color:color-mix(in lab,red,red)){.bg-muted\/25{background-color:color-mix(in oklab,var(--color-muted) 25%,transparent)}}.bg-muted\/30{background-color:var(--color-muted)}@supports (color:color-mix(in lab,red,red)){.bg-muted\/30{background-color:color-mix(in oklab,var(--color-muted) 30%,transparent)}}.bg-muted\/40{background-color:var(--color-muted)}@supports (color:color-mix(in lab,red,red)){.bg-muted\/40{background-color:color-mix(in oklab,var(--color-muted) 40%,transparent)}}.bg-muted\/70{background-color:var(--color-muted)}@supports (color:color-mix(in lab,red,red)){.bg-muted\/70{background-color:color-mix(in oklab,var(--color-muted) 70%,transparent)}}.bg-overlay{background-color:var(--color-overlay)}.bg-pastel-blue-200{background-color:var(--color-pastel-blue-200)}.bg-pastel-green-200{background-color:var(--color-pastel-green-200)}.bg-pastel-orange-200{background-color:var(--color-pastel-orange-200)}.bg-pastel-pink-200{background-color:var(--color-pastel-pink-200)}.bg-priority-high{background-color:var(--color-priority-high)}.bg-priority-low{background-color:var(--color-priority-low)}.bg-priority-medium{background-color:var(--color-priority-medium)}.bg-red-200{background-color:var(--color-red-200)}.bg-rose-500\/12{background-color:#ff23571f}@supports (color:color-mix(in lab,red,red)){.bg-rose-500\/12{background-color:color-mix(in oklab,var(--color-rose-500) 12%,transparent)}}.bg-sky-500\/12{background-color:#00a5ef1f}@supports (color:color-mix(in lab,red,red)){.bg-sky-500\/12{background-color:color-mix(in oklab,var(--color-sky-500) 12%,transparent)}}.bg-subtle,.bg-subtle\/30{background-color:var(--color-subtle)}@supports (color:color-mix(in lab,red,red)){.bg-subtle\/30{background-color:color-mix(in oklab,var(--color-subtle) 30%,transparent)}}.bg-subtle\/35{background-color:var(--color-subtle)}@supports (color:color-mix(in lab,red,red)){.bg-subtle\/35{background-color:color-mix(in oklab,var(--color-subtle) 35%,transparent)}}.bg-subtle\/40{background-color:var(--color-subtle)}@supports (color:color-mix(in lab,red,red)){.bg-subtle\/40{background-color:color-mix(in oklab,var(--color-subtle) 40%,transparent)}}.bg-subtle\/45{background-color:var(--color-subtle)}@supports (color:color-mix(in lab,red,red)){.bg-subtle\/45{background-color:color-mix(in oklab,var(--color-subtle) 45%,transparent)}}.bg-subtle\/50{background-color:var(--color-subtle)}@supports (color:color-mix(in lab,red,red)){.bg-subtle\/50{background-color:color-mix(in oklab,var(--color-subtle) 50%,transparent)}}.bg-subtle\/55{background-color:var(--color-subtle)}@supports (color:color-mix(in lab,red,red)){.bg-subtle\/55{background-color:color-mix(in oklab,var(--color-subtle) 55%,transparent)}}.bg-subtle\/65{background-color:var(--color-subtle)}@supports (color:color-mix(in lab,red,red)){.bg-subtle\/65{background-color:color-mix(in oklab,var(--color-subtle) 65%,transparent)}}.bg-subtle\/70{background-color:var(--color-subtle)}@supports (color:color-mix(in lab,red,red)){.bg-subtle\/70{background-color:color-mix(in oklab,var(--color-subtle) 70%,transparent)}}.bg-surface{background-color:var(--color-surface)}.bg-transparent{background-color:#0000}.bg-white\/10{background-color:#ffffff1a}@supports (color:color-mix(in lab,red,red)){.bg-white\/10{background-color:color-mix(in oklab,var(--color-white) 10%,transparent)}}.bg-white\/55{background-color:#ffffff8c}@supports (color:color-mix(in lab,red,red)){.bg-white\/55{background-color:color-mix(in oklab,var(--color-white) 55%,transparent)}}.bg-gradient-to-r{--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-\[linear-gradient\(135deg\,\#f8fbff_0\%\,\#f1efff_54\%\,\#eafaf4_100\%\)\]{background-image:linear-gradient(135deg,#f8fbff,#f1efff 54%,#eafaf4)}.bg-\[linear-gradient\(135deg\,\#fffaf0_0\%\,\#eef7ff_58\%\,\#e7f6fb_100\%\)\]{background-image:linear-gradient(135deg,#fffaf0,#eef7ff 58%,#e7f6fb)}.from-pastel-lavender-200\/30{--tw-gradient-from:#c0b7c64d}@supports (color:color-mix(in lab,red,red)){.from-pastel-lavender-200\/30{--tw-gradient-from:color-mix(in oklab, var(--color-pastel-lavender-200) 30%, transparent)}}.from-pastel-lavender-200\/30{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.via-pastel-yellow-200\/20{--tw-gradient-via:#d8c4a833}@supports (color:color-mix(in lab,red,red)){.via-pastel-yellow-200\/20{--tw-gradient-via:color-mix(in oklab, var(--color-pastel-yellow-200) 20%, transparent)}}.via-pastel-yellow-200\/20{--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.to-pastel-lavender-200\/30{--tw-gradient-to:#c0b7c64d}@supports (color:color-mix(in lab,red,red)){.to-pastel-lavender-200\/30{--tw-gradient-to:color-mix(in oklab, var(--color-pastel-lavender-200) 30%, transparent)}}.to-pastel-lavender-200\/30{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.bg-\[length\:200\%_100\%\]{background-size:200% 100%}.object-contain{object-fit:contain}.object-cover{object-fit:cover}.object-right-bottom{object-position:right bottom}.p-0{padding:calc(var(--spacing) * 0)}.p-0\.5{padding:calc(var(--spacing) * .5)}.p-1{padding:calc(var(--spacing) * 1)}.p-2\.5{padding:calc(var(--spacing) * 2.5)}.p-3{padding:calc(var(--spacing) * 3)}.p-4{padding:calc(var(--spacing) * 4)}.p-6{padding:calc(var(--spacing) * 6)}.p-8{padding:calc(var(--spacing) * 8)}.px-0{padding-inline:calc(var(--spacing) * 0)}.px-0\.5{padding-inline:calc(var(--spacing) * .5)}.px-1{padding-inline:calc(var(--spacing) * 1)}.px-1\.5{padding-inline:calc(var(--spacing) * 1.5)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-2\.5{padding-inline:calc(var(--spacing) * 2.5)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-3\.5{padding-inline:calc(var(--spacing) * 3.5)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-5{padding-inline:calc(var(--spacing) * 5)}.px-6{padding-inline:calc(var(--spacing) * 6)}.py-0{padding-block:calc(var(--spacing) * 0)}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-1{padding-block:calc(var(--spacing) * 1)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-2\.5{padding-block:calc(var(--spacing) * 2.5)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-3\.5{padding-block:calc(var(--spacing) * 3.5)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-5{padding-block:calc(var(--spacing) * 5)}.py-6{padding-block:calc(var(--spacing) * 6)}.py-8{padding-block:calc(var(--spacing) * 8)}.py-10{padding-block:calc(var(--spacing) * 10)}.pt-0{padding-top:calc(var(--spacing) * 0)}.pt-0\.5{padding-top:calc(var(--spacing) * .5)}.pt-1{padding-top:calc(var(--spacing) * 1)}.pt-2{padding-top:calc(var(--spacing) * 2)}.pt-3{padding-top:calc(var(--spacing) * 3)}.pt-4{padding-top:calc(var(--spacing) * 4)}.pt-5{padding-top:calc(var(--spacing) * 5)}.pr-2{padding-right:calc(var(--spacing) * 2)}.pr-3{padding-right:calc(var(--spacing) * 3)}.pr-8{padding-right:calc(var(--spacing) * 8)}.pr-44{padding-right:calc(var(--spacing) * 44)}.pb-0{padding-bottom:calc(var(--spacing) * 0)}.pb-0\.5{padding-bottom:calc(var(--spacing) * .5)}.pb-1{padding-bottom:calc(var(--spacing) * 1)}.pb-3{padding-bottom:calc(var(--spacing) * 3)}.pb-3\.5{padding-bottom:calc(var(--spacing) * 3.5)}.pb-4{padding-bottom:calc(var(--spacing) * 4)}.pb-5{padding-bottom:calc(var(--spacing) * 5)}.pb-20{padding-bottom:calc(var(--spacing) * 20)}.pl-1\.5{padding-left:calc(var(--spacing) * 1.5)}.pl-2{padding-left:calc(var(--spacing) * 2)}.pl-2\.5{padding-left:calc(var(--spacing) * 2.5)}.pl-3{padding-left:calc(var(--spacing) * 3)}.pl-8{padding-left:calc(var(--spacing) * 8)}.pl-\[26px\]{padding-left:26px}.pl-\[40px\]{padding-left:40px}.pl-\[54px\]{padding-left:54px}.pl-\[68px\]{padding-left:68px}.pl-\[82px\]{padding-left:82px}.text-center{text-align:center}.text-left{text-align:left}.align-middle{vertical-align:middle}.font-mono{font-family:var(--font-mono)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.\!text-\[10px\]{font-size:10px!important}.\!text-\[11px\]{font-size:11px!important}.text-\[10px\]{font-size:10px}.text-\[12px\]{font-size:12px}.text-\[13px\]{font-size:13px}.text-\[15px\]{font-size:15px}.\!leading-3{--tw-leading:calc(var(--spacing) * 3)!important;line-height:calc(var(--spacing) * 3)!important}.\!leading-4{--tw-leading:calc(var(--spacing) * 4)!important;line-height:calc(var(--spacing) * 4)!important}.leading-4{--tw-leading:calc(var(--spacing) * 4);line-height:calc(var(--spacing) * 4)}.leading-5{--tw-leading:calc(var(--spacing) * 5);line-height:calc(var(--spacing) * 5)}.leading-6{--tw-leading:calc(var(--spacing) * 6);line-height:calc(var(--spacing) * 6)}.leading-\[1\.2\]{--tw-leading:1.2;line-height:1.2}.leading-\[1\.4\]{--tw-leading:1.4;line-height:1.4}.leading-\[1\.25\]{--tw-leading:1.25;line-height:1.25}.leading-\[1\.45\]{--tw-leading:1.45;line-height:1.45}.leading-\[1\.65\]{--tw-leading:1.65;line-height:1.65}.leading-\[16px\]{--tw-leading:16px;line-height:16px}.leading-none{--tw-leading:1;line-height:1}.leading-normal{--tw-leading:var(--leading-normal);line-height:var(--leading-normal)}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-\[-0\.01em\]{--tw-tracking:-.01em;letter-spacing:-.01em}.tracking-\[-0\.02em\]{--tw-tracking:-.02em;letter-spacing:-.02em}.tracking-\[0\.08em\]{--tw-tracking:.08em;letter-spacing:.08em}.tracking-\[0\.12em\]{--tw-tracking:.12em;letter-spacing:.12em}.tracking-\[0\.16em\]{--tw-tracking:.16em;letter-spacing:.16em}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.tracking-widest{--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest)}.break-words{overflow-wrap:break-word}.break-all{word-break:break-all}.whitespace-normal{white-space:normal}.whitespace-nowrap{white-space:nowrap}.whitespace-pre{white-space:pre}.whitespace-pre-wrap{white-space:pre-wrap}.text-accent-success{color:var(--color-accent-success)}.text-black{color:var(--color-black)}.text-black\/55{color:#0000008c}@supports (color:color-mix(in lab,red,red)){.text-black\/55{color:color-mix(in oklab,var(--color-black) 55%,transparent)}}.text-current,.text-current\/70{color:currentColor}@supports (color:color-mix(in lab,red,red)){.text-current\/70{color:color-mix(in oklab,currentcolor 70%,transparent)}}.text-emerald-700{color:var(--color-emerald-700)}.text-fg-default,.text-fg-default\/70{color:var(--color-fg-default)}@supports (color:color-mix(in lab,red,red)){.text-fg-default\/70{color:color-mix(in oklab,var(--color-fg-default) 70%,transparent)}}.text-fg-disabled{color:var(--color-fg-disabled)}.text-fg-error{color:var(--color-fg-error)}.text-fg-muted{color:var(--color-fg-muted)}.text-fg-on-filled{color:var(--color-fg-on-filled)}.text-fg-placeholder{color:var(--color-fg-placeholder)}.text-fg-secondary{color:var(--color-fg-secondary)}.text-fg-tertiary,.text-fg-tertiary\/85{color:var(--color-fg-tertiary)}@supports (color:color-mix(in lab,red,red)){.text-fg-tertiary\/85{color:color-mix(in oklab,var(--color-fg-tertiary) 85%,transparent)}}.text-fg-weekend{color:var(--color-fg-weekend)}.text-red-700{color:var(--color-red-700)}.text-rose-700{color:var(--color-rose-700)}.text-sky-700{color:var(--color-sky-700)}.text-white\/60{color:#fff9}@supports (color:color-mix(in lab,red,red)){.text-white\/60{color:color-mix(in oklab,var(--color-white) 60%,transparent)}}.text-white\/85{color:#ffffffd9}@supports (color:color-mix(in lab,red,red)){.text-white\/85{color:color-mix(in oklab,var(--color-white) 85%,transparent)}}.capitalize{text-transform:capitalize}.uppercase{text-transform:uppercase}.italic{font-style:italic}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.line-through{text-decoration-line:line-through}.underline{text-decoration-line:underline}.decoration-border-secondary{-webkit-text-decoration-color:var(--color-border-secondary);text-decoration-color:var(--color-border-secondary)}.underline-offset-2{text-underline-offset:2px}.underline-offset-4{text-underline-offset:4px}.accent-cta{accent-color:var(--color-cta)}.opacity-0{opacity:0}.opacity-40{opacity:.4}.opacity-50{opacity:.5}.opacity-55{opacity:.55}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-75{opacity:.75}.opacity-80{opacity:.8}.opacity-95{opacity:.95}.shadow-\[0_8px_18px_-14px_rgba\(0\,0\,0\,0\.45\)\]{--tw-shadow:0 8px 18px -14px var(--tw-shadow-color,#00000073);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_8px_18px_-14px_rgba\(23\,29\,38\,0\.32\)\]{--tw-shadow:0 8px 18px -14px var(--tw-shadow-color,#171d2652);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_8px_18px_-16px_rgba\(15\,18\,24\,0\.28\)\]{--tw-shadow:0 8px 18px -16px var(--tw-shadow-color,#0f121847);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_8px_18px_-18px_rgba\(15\,18\,24\,0\.28\)\]{--tw-shadow:0 8px 18px -18px var(--tw-shadow-color,#0f121847);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_12px_24px_-18px_rgba\(0\,0\,0\,0\.35\)\]{--tw-shadow:0 12px 24px -18px var(--tw-shadow-color,#00000059);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_16px_36px_-24px_rgba\(15\,18\,24\,0\.24\)\]{--tw-shadow:0 16px 36px -24px var(--tw-shadow-color,#0f12183d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_18px_44px_-28px_rgba\(15\,18\,24\,0\.28\)\]{--tw-shadow:0 18px 44px -28px var(--tw-shadow-color,#0f121847);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_22px_56px_-30px_rgba\(15\,18\,24\,0\.32\)\]{--tw-shadow:0 22px 56px -30px var(--tw-shadow-color,#0f121852);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_24px_64px_-30px_rgba\(15\,18\,24\,0\.34\)\]{--tw-shadow:0 24px 64px -30px var(--tw-shadow-color,#0f121857);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_24px_64px_-32px_rgba\(15\,18\,24\,0\.36\)\]{--tw-shadow:0 24px 64px -32px var(--tw-shadow-color,#0f12185c);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[inset_0_0_0_1px_var\(--border-secondary\)\]{--tw-shadow:inset 0 0 0 1px var(--tw-shadow-color,var(--border-secondary));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[inset_0_0_0_1px_var\(--border-subtle\)\]{--tw-shadow:inset 0 0 0 1px var(--tw-shadow-color,var(--border-subtle));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 2px var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-2{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-accent-primary\/10{--tw-ring-color:var(--color-accent-primary)}@supports (color:color-mix(in lab,red,red)){.ring-accent-primary\/10{--tw-ring-color:color-mix(in oklab, var(--color-accent-primary) 10%, transparent)}}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur-2xl{--tw-blur:blur(var(--blur-2xl));filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.backdrop-blur-\[2px\]{--tw-backdrop-blur:blur(2px);-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-blur-sm{--tw-backdrop-blur:blur(var(--blur-sm));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[background-color\,border-color\,color\,box-shadow\]{transition-property:background-color,border-color,color,box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[border-color\,background-color\]{transition-property:border-color,background-color;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[opacity\,background-color\,border-color\]{transition-property:opacity,background-color,border-color;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.duration-500{--tw-duration:.5s;transition-duration:.5s}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}.\[scrollbar-color\:var\(--border-secondary\)_transparent\]{scrollbar-color:var(--border-secondary) transparent}.\[scrollbar-gutter\:stable\]{scrollbar-gutter:stable}.\[scrollbar-width\:none\]{scrollbar-width:none}.\[scrollbar-width\:thin\]{scrollbar-width:thin}.group-open\:rotate-90:is(:where(.group):is([open],:popover-open,:open) *){rotate:90deg}.group-open\:rotate-180:is(:where(.group):is([open],:popover-open,:open) *){rotate:180deg}@media(hover:hover){.group-hover\:translate-x-0\.5:is(:where(.group):hover *){--tw-translate-x:calc(var(--spacing) * .5);translate:var(--tw-translate-x) var(--tw-translate-y)}.group-hover\:scale-\[1\.01\]:is(:where(.group):hover *){scale:1.01}.group-hover\:scale-\[1\.025\]:is(:where(.group):hover *){scale:1.025}.group-hover\:border-border-secondary\/70:is(:where(.group):hover *){border-color:var(--color-border-secondary)}@supports (color:color-mix(in lab,red,red)){.group-hover\:border-border-secondary\/70:is(:where(.group):hover *){border-color:color-mix(in oklab,var(--color-border-secondary) 70%,transparent)}}.group-hover\:bg-hover-subtle:is(:where(.group):hover *){background-color:var(--color-hover-subtle)}.group-hover\:bg-muted:is(:where(.group):hover *){background-color:var(--color-muted)}.group-hover\:text-fg-default:is(:where(.group):hover *){color:var(--color-fg-default)}.group-hover\:text-fg-secondary:is(:where(.group):hover *){color:var(--color-fg-secondary)}.group-hover\:opacity-90:is(:where(.group):hover *){opacity:.9}.group-hover\:opacity-100:is(:where(.group):hover *){opacity:1}}.peer-checked\:border-cta:is(:where(.peer):checked~*){border-color:var(--color-cta)}.peer-checked\:bg-cta:is(:where(.peer):checked~*){background-color:var(--color-cta)}.peer-focus-visible\:border-border-focus:is(:where(.peer):focus-visible~*){border-color:var(--color-border-focus)}.peer-focus-visible\:shadow-\[0_0_0_4px_color-mix\(in_srgb\,var\(--accent-soft-primary\)_90\%\,transparent\)\]:is(:where(.peer):focus-visible~*){--tw-shadow:0 0 0 4px var(--tw-shadow-color,var(--accent-soft-primary))}@supports (color:color-mix(in lab,red,red)){.peer-focus-visible\:shadow-\[0_0_0_4px_color-mix\(in_srgb\,var\(--accent-soft-primary\)_90\%\,transparent\)\]:is(:where(.peer):focus-visible~*){--tw-shadow:0 0 0 4px var(--tw-shadow-color,color-mix(in srgb,var(--accent-soft-primary) 90%,transparent))}}.peer-focus-visible\:shadow-\[0_0_0_4px_color-mix\(in_srgb\,var\(--accent-soft-primary\)_90\%\,transparent\)\]:is(:where(.peer):focus-visible~*){box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.marker\:hidden ::marker{display:none}.marker\:hidden::marker{display:none}.marker\:hidden ::-webkit-details-marker{display:none}.marker\:hidden::-webkit-details-marker{display:none}.placeholder\:text-xs::placeholder{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.placeholder\:font-medium::placeholder{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.placeholder\:text-fg-placeholder::placeholder{color:var(--color-fg-placeholder)}.before\:mr-1:before{content:var(--tw-content);margin-right:calc(var(--spacing) * 1)}.before\:content-\[\"·\"\]:before{--tw-content:"·";content:var(--tw-content)}.after\:block:after{content:var(--tw-content);display:block}.after\:h-4:after{content:var(--tw-content);height:calc(var(--spacing) * 4)}.after\:content-\[\'\'\]:after{--tw-content:"";content:var(--tw-content)}.first\:start:first-child{inset-inline-start:var(--spacing)}.first\:end:first-child{inset-inline-end:var(--spacing)}.last\:border-b-0:last-child{border-bottom-style:var(--tw-border-style);border-bottom-width:0}.last\:pb-0:last-child{padding-bottom:calc(var(--spacing) * 0)}.focus-within\:border-border-focus:focus-within{border-color:var(--color-border-focus)}.focus-within\:shadow-\[0_0_0_4px_color-mix\(in_srgb\,var\(--accent-soft-primary\)_90\%\,transparent\)\]:focus-within{--tw-shadow:0 0 0 4px var(--tw-shadow-color,var(--accent-soft-primary))}@supports (color:color-mix(in lab,red,red)){.focus-within\:shadow-\[0_0_0_4px_color-mix\(in_srgb\,var\(--accent-soft-primary\)_90\%\,transparent\)\]:focus-within{--tw-shadow:0 0 0 4px var(--tw-shadow-color,color-mix(in srgb,var(--accent-soft-primary) 90%,transparent))}}.focus-within\:shadow-\[0_0_0_4px_color-mix\(in_srgb\,var\(--accent-soft-primary\)_90\%\,transparent\)\]:focus-within{box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}@media(hover:hover){.hover\:-translate-y-0\.5:hover{--tw-translate-y:calc(var(--spacing) * -.5);translate:var(--tw-translate-x) var(--tw-translate-y)}.hover\:scale-\[1\.02\]:hover{scale:1.02}.hover\:border-amber-300\/80:hover{border-color:#ffd236cc}@supports (color:color-mix(in lab,red,red)){.hover\:border-amber-300\/80:hover{border-color:color-mix(in oklab,var(--color-amber-300) 80%,transparent)}}.hover\:border-border-secondary:hover,.hover\:border-border-secondary\/70:hover{border-color:var(--color-border-secondary)}@supports (color:color-mix(in lab,red,red)){.hover\:border-border-secondary\/70:hover{border-color:color-mix(in oklab,var(--color-border-secondary) 70%,transparent)}}.hover\:border-border-secondary\/80:hover{border-color:var(--color-border-secondary)}@supports (color:color-mix(in lab,red,red)){.hover\:border-border-secondary\/80:hover{border-color:color-mix(in oklab,var(--color-border-secondary) 80%,transparent)}}.hover\:border-border-subtle:hover,.hover\:border-border-subtle\/80:hover{border-color:var(--color-border-subtle)}@supports (color:color-mix(in lab,red,red)){.hover\:border-border-subtle\/80:hover{border-color:color-mix(in oklab,var(--color-border-subtle) 80%,transparent)}}.hover\:border-sky-300\/80:hover{border-color:#77d4ffcc}@supports (color:color-mix(in lab,red,red)){.hover\:border-sky-300\/80:hover{border-color:color-mix(in oklab,var(--color-sky-300) 80%,transparent)}}.hover\:bg-accent-danger-hover:hover{background-color:var(--color-accent-danger-hover)}.hover\:bg-accent-secondary-hover:hover{background-color:var(--color-accent-secondary-hover)}.hover\:bg-accent-soft-danger-hover:hover{background-color:var(--color-accent-soft-danger-hover)}.hover\:bg-accent-soft-success-hover:hover{background-color:var(--color-accent-soft-success-hover)}.hover\:bg-black\/34:hover{background-color:#00000057}@supports (color:color-mix(in lab,red,red)){.hover\:bg-black\/34:hover{background-color:color-mix(in oklab,var(--color-black) 34%,transparent)}}.hover\:bg-cta-hover:hover{background-color:var(--color-cta-hover)}.hover\:bg-elevated:hover{background-color:var(--color-elevated)}.hover\:bg-hover:hover{background-color:var(--color-hover)}.hover\:bg-hover-subtle:hover,.hover\:bg-hover-subtle\/25:hover{background-color:var(--color-hover-subtle)}@supports (color:color-mix(in lab,red,red)){.hover\:bg-hover-subtle\/25:hover{background-color:color-mix(in oklab,var(--color-hover-subtle) 25%,transparent)}}.hover\:bg-hover-subtle\/35:hover{background-color:var(--color-hover-subtle)}@supports (color:color-mix(in lab,red,red)){.hover\:bg-hover-subtle\/35:hover{background-color:color-mix(in oklab,var(--color-hover-subtle) 35%,transparent)}}.hover\:bg-hover-subtle\/70:hover{background-color:var(--color-hover-subtle)}@supports (color:color-mix(in lab,red,red)){.hover\:bg-hover-subtle\/70:hover{background-color:color-mix(in oklab,var(--color-hover-subtle) 70%,transparent)}}.hover\:bg-hover-subtle\/80:hover{background-color:var(--color-hover-subtle)}@supports (color:color-mix(in lab,red,red)){.hover\:bg-hover-subtle\/80:hover{background-color:color-mix(in oklab,var(--color-hover-subtle) 80%,transparent)}}.hover\:bg-muted:hover{background-color:var(--color-muted)}.hover\:bg-surface:hover{background-color:var(--color-surface)}.hover\:bg-white\/20:hover{background-color:#fff3}@supports (color:color-mix(in lab,red,red)){.hover\:bg-white\/20:hover{background-color:color-mix(in oklab,var(--color-white) 20%,transparent)}}.hover\:text-accent-primary:hover{color:var(--color-accent-primary)}.hover\:text-accent-success:hover{color:var(--color-accent-success)}.hover\:text-fg-default:hover,.hover\:text-fg-default\/80:hover{color:var(--color-fg-default)}@supports (color:color-mix(in lab,red,red)){.hover\:text-fg-default\/80:hover{color:color-mix(in oklab,var(--color-fg-default) 80%,transparent)}}.hover\:text-fg-default\/85:hover{color:var(--color-fg-default)}@supports (color:color-mix(in lab,red,red)){.hover\:text-fg-default\/85:hover{color:color-mix(in oklab,var(--color-fg-default) 85%,transparent)}}.hover\:text-fg-error:hover{color:var(--color-fg-error)}.hover\:text-fg-secondary:hover{color:var(--color-fg-secondary)}.hover\:text-white:hover{color:var(--color-white)}.hover\:text-white\/90:hover{color:#ffffffe6}@supports (color:color-mix(in lab,red,red)){.hover\:text-white\/90:hover{color:color-mix(in oklab,var(--color-white) 90%,transparent)}}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-100:hover{opacity:1}.hover\:shadow-\[0_18px_42px_-34px_rgba\(15\,23\,42\,0\.42\)\]:hover{--tw-shadow:0 18px 42px -34px var(--tw-shadow-color,#0f172a6b);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}.focus\:bg-hover-subtle:focus{background-color:var(--color-hover-subtle)}.focus\:text-accent-success:focus{color:var(--color-accent-success)}.focus\:text-fg-default:focus{color:var(--color-fg-default)}.focus\:text-fg-error:focus{color:var(--color-fg-error)}.focus\:text-white\/90:focus{color:#ffffffe6}@supports (color:color-mix(in lab,red,red)){.focus\:text-white\/90:focus{color:color-mix(in oklab,var(--color-white) 90%,transparent)}}.focus\:opacity-100:focus{opacity:1}.focus-visible\:z-10:focus-visible{z-index:10}.focus-visible\:opacity-100:focus-visible{opacity:1}.active\:translate-y-px:active{--tw-translate-y:1px;translate:var(--tw-translate-x) var(--tw-translate-y)}.active\:cursor-grabbing:active{cursor:grabbing}.active\:bg-accent-danger-hover:active{background-color:var(--color-accent-danger-hover)}.active\:bg-accent-secondary-hover:active{background-color:var(--color-accent-secondary-hover)}.active\:bg-accent-soft-danger-hover:active{background-color:var(--color-accent-soft-danger-hover)}.active\:bg-accent-soft-success-hover:active{background-color:var(--color-accent-soft-success-hover)}.active\:bg-active:active{background-color:var(--color-active)}.active\:bg-cta-hover:active{background-color:var(--color-cta-hover)}.active\:bg-hover:active{background-color:var(--color-hover)}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:cursor-wait:disabled{cursor:wait}.disabled\:opacity-50:disabled{opacity:.5}.disabled\:opacity-60:disabled{opacity:.6}.aria-expanded\:bg-hover-subtle[aria-expanded=true]{background-color:var(--color-hover-subtle)}.aria-expanded\:text-fg-default[aria-expanded=true]{color:var(--color-fg-default)}.data-\[disabled\]\:pointer-events-none[data-disabled]{pointer-events:none}.data-\[disabled\]\:opacity-50[data-disabled]{opacity:.5}.data-\[highlighted\]\:bg-hover-subtle[data-highlighted]{background-color:var(--color-hover-subtle)}.data-\[highlighted\]\:text-fg-default[data-highlighted]{color:var(--color-fg-default)}.data-\[state\=on\]\:border-border-secondary[data-state=on],.data-\[state\=on\]\:border-border-secondary\/70[data-state=on]{border-color:var(--color-border-secondary)}@supports (color:color-mix(in lab,red,red)){.data-\[state\=on\]\:border-border-secondary\/70[data-state=on]{border-color:color-mix(in oklab,var(--color-border-secondary) 70%,transparent)}}.data-\[state\=on\]\:bg-cta[data-state=on]{background-color:var(--color-cta)}.data-\[state\=on\]\:bg-elevated[data-state=on]{background-color:var(--color-elevated)}.data-\[state\=on\]\:text-fg-default[data-state=on]{color:var(--color-fg-default)}.data-\[state\=on\]\:text-fg-on-filled[data-state=on]{color:var(--color-fg-on-filled)}.data-\[state\=on\]\:shadow-\[0_8px_18px_-16px_rgba\(15\,18\,24\,0\.28\)\][data-state=on]{--tw-shadow:0 8px 18px -16px var(--tw-shadow-color,#0f121847);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.data-\[state\=open\]\:animate-fade-in[data-state=open]{animation:var(--animate-fade-in)}.data-\[state\=open\]\:animate-zoom-in[data-state=open]{animation:var(--animate-zoom-in)}.data-\[state\=open\]\:bg-hover-subtle[data-state=open]{background-color:var(--color-hover-subtle)}.data-\[state\=open\]\:text-fg-default[data-state=open]{color:var(--color-fg-default)}@media not all and (min-width:999px){.max-\[999px\]\:after\:pointer-events-none:after{content:var(--tw-content);pointer-events:none}.max-\[999px\]\:after\:absolute:after{content:var(--tw-content);position:absolute}.max-\[999px\]\:after\:inset-y-0:after{content:var(--tw-content);inset-block:calc(var(--spacing) * 0)}.max-\[999px\]\:after\:right-0:after{content:var(--tw-content);right:calc(var(--spacing) * 0)}.max-\[999px\]\:after\:h-24:after{content:var(--tw-content);height:calc(var(--spacing) * 24)}.max-\[999px\]\:after\:w-12:after{content:var(--tw-content);width:calc(var(--spacing) * 12)}.max-\[999px\]\:after\:bg-\[linear-gradient\(to_right\,transparent\,var\(--page-bg\)\)\]:after{content:var(--tw-content);background-image:linear-gradient(to right,transparent,var(--page-bg))}.max-\[999px\]\:after\:content-\[\'\'\]:after{--tw-content:"";content:var(--tw-content)}}@media not all and (min-width:40rem){.max-sm\:disabled\:opacity-100:disabled{opacity:1}}@media(min-width:1000px){.min-\[1000px\]\:pointer-events-auto{pointer-events:auto}.min-\[1000px\]\:static{position:static}.min-\[1000px\]\:hidden{display:none}.min-\[1000px\]\:w-auto{width:auto}.min-\[1000px\]\:translate-x-0{--tw-translate-x:calc(var(--spacing) * 0);translate:var(--tw-translate-x) var(--tw-translate-y)}.min-\[1000px\]\:pb-0{padding-bottom:calc(var(--spacing) * 0)}}@media(min-width:1200px){.min-\[1200px\]\:grid-cols-\[minmax\(0\,2fr\)_minmax\(0\,3fr\)\]{grid-template-columns:minmax(0,2fr) minmax(0,3fr)}}@media(min-width:40rem){.sm\:not-sr-only{clip-path:none;white-space:normal;width:auto;height:auto;margin:0;padding:0;position:static;overflow:visible}.sm\:col-start-1{grid-column-start:1}.sm\:col-start-2{grid-column-start:2}.sm\:col-start-auto{grid-column-start:auto}.sm\:row-start-1{grid-row-start:1}.sm\:row-start-2{grid-row-start:2}.sm\:row-start-auto{grid-row-start:auto}.sm\:mx-0{margin-inline:calc(var(--spacing) * 0)}.sm\:mt-2{margin-top:calc(var(--spacing) * 2)}.sm\:-mr-4{margin-right:calc(var(--spacing) * -4)}.sm\:ml-10{margin-left:calc(var(--spacing) * 10)}.sm\:block{display:block}.sm\:hidden{display:none}.sm\:inline{display:inline}.sm\:inline-flex{display:inline-flex}.sm\:h-7{height:calc(var(--spacing) * 7)}.sm\:h-11{height:calc(var(--spacing) * 11)}.sm\:h-\[352px\]{height:352px}.sm\:max-h-\[calc\(100dvh-2rem\)\]{max-height:calc(100dvh - 2rem)}.sm\:min-h-8{min-height:calc(var(--spacing) * 8)}.sm\:min-h-9{min-height:calc(var(--spacing) * 9)}.sm\:min-h-20{min-height:calc(var(--spacing) * 20)}.sm\:min-h-24{min-height:calc(var(--spacing) * 24)}.sm\:w-\[18rem\]{width:18rem}.sm\:w-\[300px\]{width:300px}.sm\:w-auto{width:auto}.sm\:max-w-\[176px\]{max-width:176px}.sm\:max-w-\[336px\]{max-width:336px}.sm\:max-w-\[480px\]{max-width:480px}.sm\:max-w-\[560px\]{max-width:560px}.sm\:max-w-\[640px\]{max-width:640px}.sm\:max-w-\[720px\]{max-width:720px}.sm\:min-w-7{min-width:calc(var(--spacing) * 7)}.sm\:min-w-9{min-width:calc(var(--spacing) * 9)}.sm\:flex-1{flex:1}.sm\:shrink-0{flex-shrink:0}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-\[1fr_1fr_auto\]{grid-template-columns:1fr 1fr auto}.sm\:grid-cols-\[auto_minmax\(0\,1fr\)_auto_auto\]{grid-template-columns:auto minmax(0,1fr) auto auto}.sm\:grid-cols-\[minmax\(0\,1fr\)_auto\]{grid-template-columns:minmax(0,1fr) auto}.sm\:grid-cols-\[minmax\(0\,180px\)_minmax\(0\,1fr\)_auto\]{grid-template-columns:minmax(0,180px) minmax(0,1fr) auto}.sm\:flex-row{flex-direction:row}.sm\:items-center{align-items:center}.sm\:items-start{align-items:flex-start}.sm\:justify-between{justify-content:space-between}.sm\:justify-end{justify-content:flex-end}.sm\:justify-start{justify-content:flex-start}.sm\:gap-2{gap:calc(var(--spacing) * 2)}.sm\:gap-3{gap:calc(var(--spacing) * 3)}.sm\:gap-4{gap:calc(var(--spacing) * 4)}.sm\:gap-x-4{column-gap:calc(var(--spacing) * 4)}.sm\:gap-y-0{row-gap:calc(var(--spacing) * 0)}.sm\:self-auto{align-self:auto}.sm\:self-center{align-self:center}.sm\:justify-self-end{justify-self:flex-end}.sm\:rounded-\[16px\]{border-radius:16px}.sm\:rounded-\[18px\]{border-radius:18px}.sm\:rounded-\[20px\]{border-radius:20px}.sm\:border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.sm\:border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.sm\:p-2{padding:calc(var(--spacing) * 2)}.sm\:p-4{padding:calc(var(--spacing) * 4)}.sm\:p-5{padding:calc(var(--spacing) * 5)}.sm\:px-2\.5{padding-inline:calc(var(--spacing) * 2.5)}.sm\:px-3{padding-inline:calc(var(--spacing) * 3)}.sm\:px-4{padding-inline:calc(var(--spacing) * 4)}.sm\:px-5{padding-inline:calc(var(--spacing) * 5)}.sm\:px-6{padding-inline:calc(var(--spacing) * 6)}.sm\:px-8{padding-inline:calc(var(--spacing) * 8)}.sm\:py-2{padding-block:calc(var(--spacing) * 2)}.sm\:py-3\.5{padding-block:calc(var(--spacing) * 3.5)}.sm\:py-5{padding-block:calc(var(--spacing) * 5)}.sm\:py-6{padding-block:calc(var(--spacing) * 6)}.sm\:py-10{padding-block:calc(var(--spacing) * 10)}.sm\:pr-48{padding-right:calc(var(--spacing) * 48)}.sm\:pl-4{padding-left:calc(var(--spacing) * 4)}.sm\:text-\[2\.15rem\]{font-size:2.15rem}.sm\:opacity-0{opacity:0}@media(hover:hover){.sm\:group-hover\:opacity-100:is(:where(.group):hover *){opacity:1}}.sm\:focus-visible\:opacity-100:focus-visible{opacity:1}}@media(min-width:48rem){.md\:block{display:block}.md\:hidden{display:none}.md\:h-10{height:calc(var(--spacing) * 10)}.md\:w-10{width:calc(var(--spacing) * 10)}.md\:w-auto{width:auto}.md\:basis-auto{flex-basis:auto}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-\[minmax\(0\,1fr\)_120px_120px_auto\]{grid-template-columns:minmax(0,1fr) 120px 120px auto}.md\:grid-cols-\[minmax\(0\,1fr\)_minmax\(10\.5rem\,12rem\)_minmax\(0\,1fr\)_auto\]{grid-template-columns:minmax(0,1fr) minmax(10.5rem,12rem) minmax(0,1fr) auto}.md\:items-center{align-items:center}.md\:justify-self-end{justify-self:flex-end}.md\:border-b-0{border-bottom-style:var(--tw-border-style);border-bottom-width:0}.md\:pb-0{padding-bottom:calc(var(--spacing) * 0)}}@media(min-width:64rem){.lg\:sticky{position:sticky}.lg\:left-0{left:calc(var(--spacing) * 0)}.lg\:z-10{z-index:10}.lg\:z-20{z-index:20}.lg\:flex{display:flex}.lg\:hidden{display:none}.lg\:min-h-\[142px\]{min-height:142px}.lg\:w-72{width:calc(var(--spacing) * 72)}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:flex-row{flex-direction:row}.lg\:items-center{align-items:center}.lg\:items-end{align-items:flex-end}.lg\:justify-between{justify-content:space-between}.lg\:justify-end{justify-content:flex-end}.lg\:gap-8{gap:calc(var(--spacing) * 8)}.lg\:p-2\.5{padding:calc(var(--spacing) * 2.5)}.lg\:\!text-sm{font-size:var(--text-sm)!important;line-height:var(--tw-leading,var(--text-sm--line-height))!important}}@media(min-width:80rem){.xl\:block{display:block}.xl\:grid{display:grid}.xl\:hidden{display:none}.xl\:grid-cols-\[minmax\(0\,1fr\)_20rem\]{grid-template-columns:minmax(0,1fr) 20rem}.xl\:pr-5{padding-right:calc(var(--spacing) * 5)}}@media(min-width:96rem){.\32xl\:grid-cols-\[minmax\(0\,1fr\)_22rem\]{grid-template-columns:minmax(0,1fr) 22rem}}.dark\:border-amber-200\/20:where(html.dark *){border-color:#fee68533}@supports (color:color-mix(in lab,red,red)){.dark\:border-amber-200\/20:where(html.dark *){border-color:color-mix(in oklab,var(--color-amber-200) 20%,transparent)}}.dark\:border-sky-200\/20:where(html.dark *){border-color:#b8e6fe33}@supports (color:color-mix(in lab,red,red)){.dark\:border-sky-200\/20:where(html.dark *){border-color:color-mix(in oklab,var(--color-sky-200) 20%,transparent)}}.dark\:bg-\[color-mix\(in_srgb\,var\(--elevated\)_82\%\,var\(--hover-subtle\)\)\]:where(html.dark *){background-color:var(--elevated)}@supports (color:color-mix(in lab,red,red)){.dark\:bg-\[color-mix\(in_srgb\,var\(--elevated\)_82\%\,var\(--hover-subtle\)\)\]:where(html.dark *){background-color:color-mix(in srgb,var(--elevated) 82%,var(--hover-subtle))}}.dark\:bg-emphasis:where(html.dark *),.dark\:bg-emphasis\/70:where(html.dark *){background-color:var(--color-emphasis)}@supports (color:color-mix(in lab,red,red)){.dark\:bg-emphasis\/70:where(html.dark *){background-color:color-mix(in oklab,var(--color-emphasis) 70%,transparent)}}.dark\:bg-white\/8:where(html.dark *){background-color:#ffffff14}@supports (color:color-mix(in lab,red,red)){.dark\:bg-white\/8:where(html.dark *){background-color:color-mix(in oklab,var(--color-white) 8%,transparent)}}.dark\:bg-\[linear-gradient\(135deg\,rgba\(23\,35\,52\,0\.72\)_0\%\,rgba\(35\,31\,62\,0\.62\)_54\%\,rgba\(20\,50\,39\,0\.58\)_100\%\)\]:where(html.dark *){background-image:linear-gradient(135deg,#172334b8,#231f3e9e 54%,#14322794)}.dark\:bg-\[linear-gradient\(135deg\,rgba\(44\,34\,18\,0\.58\)_0\%\,rgba\(20\,34\,48\,0\.72\)_58\%\,rgba\(19\,50\,62\,0\.62\)_100\%\)\]:where(html.dark *){background-image:linear-gradient(135deg,#2c221294,#142230b8 58%,#13323e9e)}.dark\:text-emerald-200:where(html.dark *){color:var(--color-emerald-200)}.dark\:text-rose-200:where(html.dark *){color:var(--color-rose-200)}.dark\:text-sky-200:where(html.dark *){color:var(--color-sky-200)}.dark\:brightness-\[0\.85\]:where(html.dark *){--tw-brightness:brightness(.85);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.dark\:saturate-\[0\.9\]:where(html.dark *){--tw-saturate:saturate(.9);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.\[\&_\.katex-display\]\:m-0 .katex-display{margin:calc(var(--spacing) * 0)}.\[\&_svg\]\:mx-auto svg{margin-inline:auto}.\[\&_svg\]\:block svg{display:block}.\[\&_svg\]\:h-auto svg{height:auto}.\[\&_svg\]\:max-h-\[min\(68vh\,640px\)\] svg{max-height:min(68vh,640px)}.\[\&_svg\]\:max-w-full svg{max-width:100%}.\[\&\:\:-webkit-scrollbar\]\:hidden::-webkit-scrollbar{display:none}.\[\&\:\:-webkit-scrollbar\]\:w-1\.5::-webkit-scrollbar{width:calc(var(--spacing) * 1.5)}.\[\&\:\:-webkit-scrollbar-thumb\]\:rounded-full::-webkit-scrollbar-thumb{border-radius:var(--radius-full)}.\[\&\:\:-webkit-scrollbar-thumb\]\:bg-border-secondary::-webkit-scrollbar-thumb{background-color:var(--color-border-secondary)}.\[\&\:\:-webkit-scrollbar-track\]\:bg-transparent::-webkit-scrollbar-track{background-color:#0000}.\[\&\>svg\]\:absolute>svg{position:absolute}.\[\&\>svg\:first-child\]\:-translate-x-\[3px\]>svg:first-child{--tw-translate-x: -3px ;translate:var(--tw-translate-x) var(--tw-translate-y)}.\[\&\>svg\:last-child\]\:translate-x-\[3px\]>svg:last-child{--tw-translate-x:3px;translate:var(--tw-translate-x) var(--tw-translate-y)}}@keyframes save-ring-spin{to{transform:rotate(360deg)}}:root{color-scheme:light;--surface:#f7f8fa;--muted:#f1f3f6;--subtle:#f8fafceb;--elevated:#fbfcfd;--emphasis:#e7ebf0;--hover:#1b1f250f;--hover-subtle:#1b1f2509;--active:#1b1f251a;--ghost:#1b1f250f;--fg:#151922;--fg-default:#202631;--fg-muted:#485160;--fg-secondary:#626d7c;--fg-tertiary:#8993a2;--fg-disabled:#bcc5d0;--fg-placeholder:#98a2b0;--fg-error:#a24545;--fg-on-accent:#f6f8fb;--fg-on-filled:#f6f8fb;--fg-weekend:#c24b62;--border:#a4acb8;--border-secondary:#c9d0d8;--border-subtle:#e5e9ee;--border-focus:#757f8d;--border-error:#d47777;--accent-primary:#5d6672;--accent-primary-hover:#4f5762;--accent-secondary:#5d6672;--accent-secondary-hover:#4f5762;--accent-danger:#b94a4a;--accent-danger-hover:#a53e3e;--accent-success:#7f9c94;--accent-success-hover:#6e8a82;--accent-soft-primary:#5d66721f;--accent-soft-primary-hover:#5d66722e;--accent-soft-danger:#d68d872e;--accent-soft-danger-hover:#d68d8742;--accent-soft-success:#7f9b862e;--accent-soft-success-hover:#7f9b8642;--cta:#23272d;--cta-hover:#171a1f;--overlay:#13181f5c;--highlight:#5d66721a;--highlight-fg:#202631;--divider:#d9e1e8;--page-bg:#f2f5f8}html.dark{color-scheme:dark;--surface:#16191e;--muted:#1b2026;--subtle:#20252db3;--elevated:#1d2229;--emphasis:#262c34;--hover:#eff3f712;--hover-subtle:#eff3f70a;--active:#eff3f71a;--ghost:#eff3f712;--fg:#eef2f7;--fg-default:#e6ebf2;--fg-muted:#c7cfdb;--fg-secondary:#a9b3c2;--fg-tertiary:#7f8998;--fg-disabled:#545d69;--fg-placeholder:#717b88;--fg-error:#efaaaa;--fg-on-accent:#12161c;--fg-on-filled:#12161c;--fg-weekend:#f19aa9;--border:#48515d;--border-secondary:#5a6471;--border-subtle:#29303a;--border-focus:#b4c0cf;--border-error:#efaaaa;--accent-primary:#b8c0ca;--accent-primary-hover:#c9d0d8;--accent-secondary:#b8c0ca;--accent-secondary-hover:#c9d0d8;--accent-danger:#d36f6f;--accent-danger-hover:#e08383;--accent-success:#90aea4;--accent-success-hover:#a4c0b7;--accent-soft-primary:#b8c0ca1f;--accent-soft-primary-hover:#b8c0ca2e;--accent-soft-danger:#d7928b24;--accent-soft-danger-hover:#d7928b38;--accent-soft-success:#88a99524;--accent-soft-success-hover:#88a99538;--cta:#edf1f5;--cta-hover:#f8fafc;--overlay:#080c108f;--highlight:#b8c0ca1f;--highlight-fg:#eef2f7;--divider:#2b3440;--page-bg:#101318}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}@keyframes zoom-in{0%{transform:scale(.95)}to{transform:scale(1)}}@keyframes zoom-out{0%{transform:scale(1)}to{transform:scale(.95)}}@keyframes slide-in-from-top{0%{transform:translateY(-8px)}to{transform:translateY(0)}}@keyframes slide-in-from-bottom{0%{transform:translateY(8px)}to{transform:translateY(0)}}@keyframes slide-in-from-left{0%{transform:translate(-8px)}to{transform:translate(0)}}@keyframes slide-in-from-right{0%{transform:translate(8px)}to{transform:translate(0)}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.rounded-sketchy-xs{border-radius:6px}.rounded-sketchy-sm{border-radius:10px}.rounded-sketchy-md{border-radius:14px}.rounded-sketchy-lg{border-radius:18px}.rounded-sketchy-xl{border-radius:28px}.sketchy{border:1px solid var(--border);border-radius:18px}.sketchy-sm{border:1px solid var(--border);border-radius:12px}.sketchy-hover:hover{border-radius:18px}.text-display{font-size:1.375rem;line-height:1.3}.text-heading{font-size:1.125rem;line-height:1.4}.text-subheading{font-size:1rem;line-height:1.5}.text-body{font-size:1rem;line-height:1.6}.text-meta{font-size:.875rem;line-height:1.5}.text-label{font-size:.75rem;line-height:1.4}.text-micro{font-size:.625rem;line-height:1.4}.surface-base{background:var(--surface);border:1px solid var(--border-subtle);border-radius:16px;box-shadow:inset 0 1px #ffffff1a,0 1px 4px -2px #171d260a}.surface-elevated,.surface-floating{background:var(--elevated)}@supports (color:color-mix(in lab,red,red)){.surface-floating{background:color-mix(in srgb,var(--elevated) 90%,transparent)}}.surface-floating{border:1px solid var(--border-secondary)}@supports (color:color-mix(in lab,red,red)){.surface-floating{border:1px solid color-mix(in srgb,var(--border-secondary) 45%,transparent)}}.surface-floating{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:18px;box-shadow:0 12px 24px -22px #171d2624}.focus-ring-soft:focus-visible{box-shadow:0 0 0 4px var(--accent-soft-primary);outline:none}@supports (color:color-mix(in lab,red,red)){.focus-ring-soft:focus-visible{box-shadow:0 0 0 4px color-mix(in srgb,var(--accent-soft-primary) 90%,transparent)}}.focus-ring-soft:focus-visible{border-color:var(--border-focus)}html.dark .surface-base{box-shadow:inset 0 1px #ffffff08,0 1px 4px -2px #0000002e}.grid-auto-cards{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.grid-search-bar{grid-template-columns:32px 1fr 24px}.progress-fill{width:var(--progress-width)}.save-progress-ring{--save-progress:100%;--save-ring-color:var(--border-secondary);background:conic-gradient(from -90deg,var(--save-ring-color) var(--save-progress),var(--hover-subtle) 0)}.save-progress-ring-active{--save-progress:28%;--save-ring-color:var(--accent-primary);animation:.8s linear infinite save-ring-spin}.save-progress-ring-complete{--save-progress:100%;--save-ring-color:var(--accent-success)}.save-progress-ring-error{--save-progress:100%;--save-ring-color:var(--accent-danger)}@media(prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.save-progress-ring-active{--save-progress:100%;animation:none}}.skeleton-sized{width:var(--skeleton-width,auto);height:var(--skeleton-height,30px);opacity:var(--skeleton-opacity,1)}.graph-canvas{background:var(--graph-bg);-webkit-user-select:none;user-select:none}.legend-dot{background:var(--legend-color)}html.dark .surface-floating{box-shadow:0 18px 36px -28px #0000006b}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-pan-x{syntax:"*";inherits:false}@property --tw-pan-y{syntax:"*";inherits:false}@property --tw-pinch-zoom{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-divide-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-content{syntax:"*";inherits:false;initial-value:""}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.5}}