@jant/core 0.5.2 → 0.5.3

package/dist/client/_assets/{client-auth-Ds3SVvGh.js → client-auth-CfBiCAB7.js}

@@ -1,4 +1,4 @@
-import{a as e,n as t,o as n,t as r}from"./chunks/url-pLre2DM_.js";import{_ as i,a,c as o,d as s,f as c,g as l,h as u,i as d,l as f,m as p,n as m,o as h,p as g,r as _,s as v,t as y,u as b}from"./client-8pp1btGZ.js";var x={maxWidth:1920,maxHeight:1920,quality:.85,mimeType:`image/webp`};function S(e){return new Promise((t,n)=>{let r=new Image;r.onload=()=>{URL.revokeObjectURL(r.src),t(r)},r.onerror=()=>n(Error(`Failed to load image`)),r.src=URL.createObjectURL(e)})}function C(e,t,n,r){if(e<=n&&t<=r)return{width:e,height:t};let i=Math.min(n/e,r/t);return{width:Math.round(e*i),height:Math.round(t*i)}}async function ee(e,t,n){let r=await new Promise((r,i)=>{e.toBlob(e=>e?r(e):i(Error(`Failed to create blob`)),t,n)});return t!==`image/png`&&r.type===`image/png`?new Promise((t,r)=>{e.toBlob(e=>e?t(e):r(Error(`Failed to create blob`)),`image/jpeg`,n)}):r}async function te(e,t={}){let n={...x,...t},r=await S(e),{width:i,height:a}=C(r.width,r.height,n.maxWidth,n.maxHeight),o=document.createElement(`canvas`);o.width=i,o.height=a;let s=o.getContext(`2d`);if(!s)throw Error(`Failed to get canvas context`);return s.drawImage(r,0,0,i,a),{blob:await ee(o,n.mimeType,n.quality),width:i,height:a}}async function ne(e,t={}){let{blob:n,width:r,height:i}=await te(e,t),a={"image/webp":`webp`,"image/jpeg":`jpg`,"image/png":`png`}[n.type]??`png`,o=`${e.name.replace(/\.[^.]+$/,``)}.${a}`;return{file:new File([n],o,{type:n.type}),width:r,height:i}}var re={process:te,processToFile:ne},ie={ICO_16:16,ICO_32:32,APPLE_TOUCH:512};function ae(e){let t=e.length*16,n=6+t,r=new ArrayBuffer(6+t),i=new DataView(r);i.setUint16(0,0,!0),i.setUint16(2,1,!0),i.setUint16(4,e.length,!0);let a=[];for(let t=0;t<e.length;t++){let r=e[t],o=6+t*16;i.setUint8(o+0,r.size<256?r.size:0),i.setUint8(o+1,r.size<256?r.size:0),i.setUint8(o+2,0),i.setUint8(o+3,0),i.setUint16(o+4,1,!0),i.setUint16(o+6,32,!0),i.setUint32(o+8,r.png.byteLength,!0),i.setUint32(o+12,n,!0),n+=r.png.byteLength,a.push(r.png)}return new Blob([r,...a],{type:`image/x-icon`})}function oe(e){return typeof e==`object`&&!!e}function w(e,t){if(!oe(e))return;let n=e[t];return typeof n==`string`?n:void 0}function se(e,t){if(!oe(e))return;let n=e[t];return typeof n==`boolean`?n:void 0}function ce(e,t){if(!oe(e))return;let n=e[t];return typeof n==`number`?n:void 0}async function le(e){let t=await e.json();return oe(t)?t:{}}var ue=180;function de(e){return new Promise((t,n)=>{let r=new Image;r.onload=()=>{URL.revokeObjectURL(r.src),t(r)},r.onerror=()=>n(Error(`Failed to load image`)),r.src=URL.createObjectURL(e)})}function fe(e,t){let n=document.createElement(`canvas`);n.width=t,n.height=t;let r=n.getContext(`2d`);if(!r)throw Error(`Failed to get canvas context`);r.imageSmoothingEnabled=!0,r.imageSmoothingQuality=`high`;let i=Math.max(t/e.width,t/e.height),a=t/i,o=t/i,s=(e.width-a)/2,c=(e.height-o)/2;return r.drawImage(e,s,c,a,o,0,0,t,t),new Promise((e,t)=>{n.toBlob(n=>{n?e(n):t(Error(`Failed to create PNG blob`))},`image/png`)})}function pe(e,t){return e.type===`image/png`&&t.width===t.height&&t.width>=ue&&t.height>=ue}async function me(e,t){let n=e.closest(`form`)?.querySelector(`label`),r=n?.textContent??``;try{n&&(n.textContent=e.dataset.textProcessing||`Processing...`);let r=await de(t),a=t,o=t.name;if(t.type!==`image/svg+xml`){let e=await fe(r,512);a=new File([e],t.name.replace(/\.[^.]+$/,`.png`),{type:`image/png`}),o=a.name}let s=pe(t,r)?Promise.resolve(t):fe(r,ie.APPLE_TOUCH),[c,l,u]=await Promise.all([fe(r,16),fe(r,32),s]),[d,f]=await Promise.all([c.arrayBuffer(),l.arrayBuffer()]),p=ae([{size:16,png:d},{size:32,png:f}]);n&&(n.textContent=e.dataset.textUploading||`Uploading...`);let m=new FormData;m.append(`file`,a,o),m.append(`favicon`,p,`favicon.ico`),m.append(`appleTouch`,u,`apple-touch-icon.png`);let h=await fetch(i(`/settings/avatar`),{method:`POST`,headers:{Accept:`application/json`},body:m});if(!h.ok){let t=e.dataset.textError||`Upload failed. Please try again.`;try{let e=await le(h);t=w(e,`error`)??w(e,`message`)??t}catch{}throw Error(t)}let g=await le(h),_=w(g,`status`),v=w(g,`url`);if(_===`redirect`&&v){window.location.href=v;return}window.location.href=i(`/settings/avatar?saved`)}catch(t){n&&(n.textContent=r),d(t instanceof Error&&t.message?t.message:e.dataset.textError||`Upload failed. Please try again.`,`error`)}e.value=``}function he(){document.addEventListener(`change`,e=>{let t=e.target.closest(`[data-avatar-upload]`);t?.files?.[0]&&(e.stopPropagation(),me(t,t.files[0]))})}he();var ge=`default`,_e=class extends c{static properties={_open:{state:!0},_title:{state:!0},_message:{state:!0},_confirmLabel:{state:!0},_cancelLabel:{state:!0},_tone:{state:!0}};#e=[];#t=null;createRenderRoot(){return this.innerHTML=``,this}constructor(){super(),this._open=!1,this._title=``,this._message=``,this._confirmLabel=``,this._cancelLabel=``,this._tone=ge}disconnectedCallback(){super.disconnectedCallback();let e=this.#t;this.#t=null,e?.resolve(!1);for(let e of this.#e.splice(0))e.resolve(!1)}async confirm(e){return await new Promise(t=>{this.#e.push({...e,tone:e.tone??ge,resolve:t}),this.#t||this.#n()})}async#n(){if(this.#t||this.#e.length===0)return;let e=this.#e.shift();if(!e)return;this.#t=e,this._title=e.title??``,this._message=e.message,this._confirmLabel=e.confirmLabel,this._cancelLabel=e.cancelLabel,this._tone=e.tone??ge,this._open=!0,await this.updateComplete;let t=this.querySelector(`.confirm-dialog`);t&&(t.open||t.showModal(),t.querySelector(`.confirm-dialog-panel`)?.focus())}#r(e){let t=this.#t;if(!t)return;this.#t=null;let n=this.querySelector(`.confirm-dialog`);n?.open&&n.close(),this._open=!1,this._title=``,this._message=``,this._confirmLabel=``,this._cancelLabel=``,this._tone=ge,t.resolve(e),queueMicrotask(()=>void this.#n())}#i=e=>{e.preventDefault(),this.#r(!1)};#a=e=>{e.target===e.currentTarget&&this.#r(!1)};#o=e=>{if(e.key===`Escape`){e.preventDefault(),e.stopPropagation(),this.#r(!1);return}let t=e.target,n=t instanceof HTMLButtonElement||t instanceof HTMLInputElement||t instanceof HTMLSelectElement||t instanceof HTMLTextAreaElement||t instanceof HTMLAnchorElement;e.key===`Enter`&&!e.defaultPrevented&&!e.metaKey&&!e.ctrlKey&&!e.altKey&&!e.shiftKey&&!n&&(e.preventDefault(),this.#r(!0))};#s(){if(this._title)return{title:this._title,message:this._message};let e=this._message.match(/^(.+?[?？])\s+(.+)$/u);return e?{title:e[1],message:e[2]}:{title:this._message,message:``}}render(){if(!this._open)return g;let{title:e,message:t}=this.#s(),n=this._tone===`danger`?`btn-destructive`:`btn`;return u`
+import{a as e,n as t,o as n,t as r}from"./chunks/url-pLre2DM_.js";import{_ as i,a,c as o,d as s,f as c,g as l,h as u,i as d,l as f,m as p,n as m,o as h,p as g,r as _,s as v,t as y,u as b}from"./client-CJQYvkEx.js";var x={maxWidth:1920,maxHeight:1920,quality:.85,mimeType:`image/webp`};function S(e){return new Promise((t,n)=>{let r=new Image;r.onload=()=>{URL.revokeObjectURL(r.src),t(r)},r.onerror=()=>n(Error(`Failed to load image`)),r.src=URL.createObjectURL(e)})}function C(e,t,n,r){if(e<=n&&t<=r)return{width:e,height:t};let i=Math.min(n/e,r/t);return{width:Math.round(e*i),height:Math.round(t*i)}}async function ee(e,t,n){let r=await new Promise((r,i)=>{e.toBlob(e=>e?r(e):i(Error(`Failed to create blob`)),t,n)});return t!==`image/png`&&r.type===`image/png`?new Promise((t,r)=>{e.toBlob(e=>e?t(e):r(Error(`Failed to create blob`)),`image/jpeg`,n)}):r}async function te(e,t={}){let n={...x,...t},r=await S(e),{width:i,height:a}=C(r.width,r.height,n.maxWidth,n.maxHeight),o=document.createElement(`canvas`);o.width=i,o.height=a;let s=o.getContext(`2d`);if(!s)throw Error(`Failed to get canvas context`);return s.drawImage(r,0,0,i,a),{blob:await ee(o,n.mimeType,n.quality),width:i,height:a}}async function ne(e,t={}){let{blob:n,width:r,height:i}=await te(e,t),a={"image/webp":`webp`,"image/jpeg":`jpg`,"image/png":`png`}[n.type]??`png`,o=`${e.name.replace(/\.[^.]+$/,``)}.${a}`;return{file:new File([n],o,{type:n.type}),width:r,height:i}}var re={process:te,processToFile:ne},ie={ICO_16:16,ICO_32:32,APPLE_TOUCH:512};function ae(e){let t=e.length*16,n=6+t,r=new ArrayBuffer(6+t),i=new DataView(r);i.setUint16(0,0,!0),i.setUint16(2,1,!0),i.setUint16(4,e.length,!0);let a=[];for(let t=0;t<e.length;t++){let r=e[t],o=6+t*16;i.setUint8(o+0,r.size<256?r.size:0),i.setUint8(o+1,r.size<256?r.size:0),i.setUint8(o+2,0),i.setUint8(o+3,0),i.setUint16(o+4,1,!0),i.setUint16(o+6,32,!0),i.setUint32(o+8,r.png.byteLength,!0),i.setUint32(o+12,n,!0),n+=r.png.byteLength,a.push(r.png)}return new Blob([r,...a],{type:`image/x-icon`})}function oe(e){return typeof e==`object`&&!!e}function w(e,t){if(!oe(e))return;let n=e[t];return typeof n==`string`?n:void 0}function se(e,t){if(!oe(e))return;let n=e[t];return typeof n==`boolean`?n:void 0}function ce(e,t){if(!oe(e))return;let n=e[t];return typeof n==`number`?n:void 0}async function le(e){let t=await e.json();return oe(t)?t:{}}var ue=180;function de(e){return new Promise((t,n)=>{let r=new Image;r.onload=()=>{URL.revokeObjectURL(r.src),t(r)},r.onerror=()=>n(Error(`Failed to load image`)),r.src=URL.createObjectURL(e)})}function fe(e,t){let n=document.createElement(`canvas`);n.width=t,n.height=t;let r=n.getContext(`2d`);if(!r)throw Error(`Failed to get canvas context`);r.imageSmoothingEnabled=!0,r.imageSmoothingQuality=`high`;let i=Math.max(t/e.width,t/e.height),a=t/i,o=t/i,s=(e.width-a)/2,c=(e.height-o)/2;return r.drawImage(e,s,c,a,o,0,0,t,t),new Promise((e,t)=>{n.toBlob(n=>{n?e(n):t(Error(`Failed to create PNG blob`))},`image/png`)})}function pe(e,t){return e.type===`image/png`&&t.width===t.height&&t.width>=ue&&t.height>=ue}async function me(e,t){let n=e.closest(`form`)?.querySelector(`label`),r=n?.textContent??``;try{n&&(n.textContent=e.dataset.textProcessing||`Processing...`);let r=await de(t),a=t,o=t.name;if(t.type!==`image/svg+xml`){let e=await fe(r,512);a=new File([e],t.name.replace(/\.[^.]+$/,`.png`),{type:`image/png`}),o=a.name}let s=pe(t,r)?Promise.resolve(t):fe(r,ie.APPLE_TOUCH),[c,l,u]=await Promise.all([fe(r,16),fe(r,32),s]),[d,f]=await Promise.all([c.arrayBuffer(),l.arrayBuffer()]),p=ae([{size:16,png:d},{size:32,png:f}]);n&&(n.textContent=e.dataset.textUploading||`Uploading...`);let m=new FormData;m.append(`file`,a,o),m.append(`favicon`,p,`favicon.ico`),m.append(`appleTouch`,u,`apple-touch-icon.png`);let h=await fetch(i(`/settings/avatar`),{method:`POST`,headers:{Accept:`application/json`},body:m});if(!h.ok){let t=e.dataset.textError||`Upload failed. Please try again.`;try{let e=await le(h);t=w(e,`error`)??w(e,`message`)??t}catch{}throw Error(t)}let g=await le(h),_=w(g,`status`),v=w(g,`url`);if(_===`redirect`&&v){window.location.href=v;return}window.location.href=i(`/settings/avatar?saved`)}catch(t){n&&(n.textContent=r),d(t instanceof Error&&t.message?t.message:e.dataset.textError||`Upload failed. Please try again.`,`error`)}e.value=``}function he(){document.addEventListener(`change`,e=>{let t=e.target.closest(`[data-avatar-upload]`);t?.files?.[0]&&(e.stopPropagation(),me(t,t.files[0]))})}he();var ge=`default`,_e=class extends c{static properties={_open:{state:!0},_title:{state:!0},_message:{state:!0},_confirmLabel:{state:!0},_cancelLabel:{state:!0},_tone:{state:!0}};#e=[];#t=null;createRenderRoot(){return this.innerHTML=``,this}constructor(){super(),this._open=!1,this._title=``,this._message=``,this._confirmLabel=``,this._cancelLabel=``,this._tone=ge}disconnectedCallback(){super.disconnectedCallback();let e=this.#t;this.#t=null,e?.resolve(!1);for(let e of this.#e.splice(0))e.resolve(!1)}async confirm(e){return await new Promise(t=>{this.#e.push({...e,tone:e.tone??ge,resolve:t}),this.#t||this.#n()})}async#n(){if(this.#t||this.#e.length===0)return;let e=this.#e.shift();if(!e)return;this.#t=e,this._title=e.title??``,this._message=e.message,this._confirmLabel=e.confirmLabel,this._cancelLabel=e.cancelLabel,this._tone=e.tone??ge,this._open=!0,await this.updateComplete;let t=this.querySelector(`.confirm-dialog`);t&&(t.open||t.showModal(),t.querySelector(`.confirm-dialog-panel`)?.focus())}#r(e){let t=this.#t;if(!t)return;this.#t=null;let n=this.querySelector(`.confirm-dialog`);n?.open&&n.close(),this._open=!1,this._title=``,this._message=``,this._confirmLabel=``,this._cancelLabel=``,this._tone=ge,t.resolve(e),queueMicrotask(()=>void this.#n())}#i=e=>{e.preventDefault(),this.#r(!1)};#a=e=>{e.target===e.currentTarget&&this.#r(!1)};#o=e=>{if(e.key===`Escape`){e.preventDefault(),e.stopPropagation(),this.#r(!1);return}let t=e.target,n=t instanceof HTMLButtonElement||t instanceof HTMLInputElement||t instanceof HTMLSelectElement||t instanceof HTMLTextAreaElement||t instanceof HTMLAnchorElement;e.key===`Enter`&&!e.defaultPrevented&&!e.metaKey&&!e.ctrlKey&&!e.altKey&&!e.shiftKey&&!n&&(e.preventDefault(),this.#r(!0))};#s(){if(this._title)return{title:this._title,message:this._message};let e=this._message.match(/^(.+?[?？])\s+(.+)$/u);return e?{title:e[1],message:e[2]}:{title:this._message,message:``}}render(){if(!this._open)return g;let{title:e,message:t}=this.#s(),n=this._tone===`danger`?`btn-destructive`:`btn`;return u`
       <dialog
         class="dialog confirm-dialog"
         @cancel=${this.#i}
@@ -857,7 +857,7 @@ ${t.slice(l+2)}`,d+=1;else break}t.push({indent:l,number:parseInt(s,10),content:
           </button>
         </div>
       </div>
-    `}_getSubmitLabel(){return this._editPostId?this.labels.update:this._replyToId?this.labels.reply:this._visibility===`latest_hidden`?this.labels.postHiddenFromLatest:this._visibility===`private`?this.labels.postPrivately:this.labels.post}_getSlugSyncValidationMessage(){let e=_S(this._slug);return e===`invalid`?this.labels.publishSlugInvalid:e===`reserved`?this.labels.publishSlugReserved:null}_getSlugValidationMessage(){return this._getSlugSyncValidationMessage()||(this._hasManualSlug()&&this._slugTaken?this.labels.publishSlugTaken:null)}_getSlugPreviewUrl(){if(!this._hasManualSlug()||this._getSlugValidationMessage())return null;let e=i(`/${this._slug.trim()}`),t=globalThis.location?.origin&&globalThis.location.origin!==`null`?globalThis.location.origin:`http://localhost`;return new URL(e,`${t}/`).toString()}_getSlugPreviewParts(){let e=this._getSlugPreviewUrl();if(!e)return null;let t=new URL(e);return{full:e,origin:t.origin,path:`${t.pathname}${t.search}${t.hash}`}}_getSlugStatusMessage(){return this._hasManualSlug()?this._getSlugValidationMessage()?this._getSlugValidationMessage():null:this._suggestedSlugLoading?this.labels.publishSlugGenerating:null}_getCurrentTimestamp(){return Math.floor(Date.now()/1e3)}_getPublishedAtMaxInput(){return XT(this._getCurrentTimestamp())}_getPublishedAtTimeMinutes(){return this._publishedAtTimeMinutes??QT(this._getCurrentTimestamp())}_hasPublishedAtValue(){return this._publishedAtInput.trim().length>0}_getPublishedAtValidationMessage(){return this._hasPublishedAtValue()?ZT(this._publishedAtInput)===null?this.labels.publishDateInvalid:this._publishedAtInput>this._getPublishedAtMaxInput()?this.labels.publishDateFutureError:null:null}_getPublishedAtSummary(){if(this._editPostId||this._draftSourceId){if(this._publishedAtInput===this._initialPublishedAtInput)return null;if(!this._hasPublishedAtValue())return{input:``,text:this.labels.publishDateSummaryNow}}if(this._getPublishedAtValidationMessage()!==null)return null;let e=ZT(this._publishedAtInput);return e===null?null:{input:this._publishedAtInput,text:new Intl.DateTimeFormat(void 0,{month:`short`,day:`numeric`,year:`numeric`}).format(new Date(e.year,e.monthIndex,e.day))}}_getSlugSummary(){let e=this._slug.trim();if(e&&this._getSlugValidationMessage()!==null)return null;if(this._editPostId||this._draftSourceId){if(e===this._initialSlug)return null;if(!e)return{kind:`slug`,text:this.labels.publishSlugSummaryAuto,actionLabel:this.labels.publishSlugSummaryAction,value:e}}return e?{kind:`slug`,text:`/${e}`,actionLabel:this.labels.publishSlugSummaryAction,value:e}:null}_getPublishSummaryChips(){let e=[],t=this._getPublishedAtSummary();t!==null&&e.push({kind:`publishedAt`,text:t.text,actionLabel:this.labels.publishDateSummaryAction,value:t.input});let n=this._getSlugSummary();return n!==null&&e.push(n),e}_getPublishedAtSubmitValue(e){if(e===`draft`)return;let t=$T(this._publishedAtInput,this._getPublishedAtTimeMinutes());if(t!==null)return this._originalPublishedAt!==null&&this._publishedAtInput===this._initialPublishedAtInput&&this._publishedAtTimeMinutes===this._initialPublishedAtTimeMinutes?Math.min(this._originalPublishedAt,this._getCurrentTimestamp()):Math.min(t,this._getCurrentTimestamp());if(!(this._publishedAtInput.trim().length>0)&&this._editPostId)return this._getCurrentTimestamp()}_openPublishPanelAndFocus(e){this._showCollection=!1,this._collectionSearch=``,this._showPublishPanel=!0,this._confirmPanelOpen=!1,this._scheduleSuggestedSlugRefresh(!0),this.updateComplete.then(()=>{this.querySelector(e)?.focus()})}_revealSlugField(){this._openPublishPanelAndFocus(`.compose-publish-slug-input`)}_revealPublishedAtField(){this._openPublishPanelAndFocus(`.compose-publish-date-input`)}_canPublish(){if(this._loading||this._getPublishedAtValidationMessage()||this._getSlugValidationMessage())return!1;if(this._threadItems.length>0){let e=Array.from(this.querySelectorAll(`jant-compose-editor`));if(e.length===0)return!1;for(let t of e)if(t.getUrlValidationMessage()||t.getLinkTitleValidationMessage())return!1;return e.every(e=>{let t=e.getData();return!!t.body||!!t.title.trim()||!!t.url.trim()||!!t.quoteText.trim()||t.attachments.length>0})}let e=this._editor;if(!e||e.getUrlValidationMessage()||e.getLinkTitleValidationMessage())return!1;let t=e.getData();return this._format===`link`?t.url.trim().length>0:this._format===`quote`?t.quoteText.trim().length>0:this._hasContent()}_focusPublishPanelInitialField(){let e=this._visibilityLocked?`.compose-publish-date-input`:`.compose-publish-option[role='radio']`;this.querySelector(e)?.focus()}_closePublishPanel(e=!1){this._showPublishPanel&&(this._showPublishPanel=!1,e&&this.updateComplete.then(()=>this._restorePageEditorFocus()))}_togglePublishPanel(){this._showCollection=!1,this._collectionSearch=``;let e=!this._showPublishPanel;this._showPublishPanel=e,e&&(this._scheduleSuggestedSlugRefresh(!0),this.updateComplete.then(()=>this._focusPublishPanelInitialField()))}_setVisibility(t){this._visibilityLocked||(this._visibility=t,!this._editPostId&&!this._draftSourceId&&!this._replyToId&&(e._lastNewPostVisibility=t,this._sourceCollectionId&&e._setCollectionVisibility(this._sourceCollectionId,t)))}_onSlugInput(e){if(this._slug=e.target.value.toLowerCase(),this._slugTaken=!1,this._slugCheckLoading=!1,this._hasManualSlug()){this._scheduleSlugAvailabilityCheck();return}this._scheduleSuggestedSlugRefresh()}_onPublishedAtInput(e){this._publishedAtInput=e.target.value}_resetPublishedAt(){let e=this._getCurrentTimestamp();this._publishedAtInput=XT(e),this._publishedAtTimeMinutes=QT(e),this.updateComplete.then(()=>{this.querySelector(`.compose-publish-date-input`)?.focus()})}_renderVisibilityIcon(e,t=`menu`){let n=xe({"compose-publish-visibility-icon":!0,"compose-publish-visibility-icon-toggle":t===`toggle`,"compose-publish-visibility-icon-public":e===`public`,"compose-publish-visibility-icon-latest_hidden":e===`latest_hidden`,"compose-publish-visibility-icon-private":e===`private`});return UT(zT[e],n)}_renderPublishVisibilityChip(e,t){let n=this._visibility===e;return u`
+    `}_getSubmitLabel(){return this._editPostId?this.labels.update:this._replyToId?this._quietReply?this.labels.quietReplyLabel:this.labels.reply:this._visibility===`latest_hidden`?this.labels.postHiddenFromLatest:this._visibility===`private`?this.labels.postPrivately:this.labels.post}_getSlugSyncValidationMessage(){let e=_S(this._slug);return e===`invalid`?this.labels.publishSlugInvalid:e===`reserved`?this.labels.publishSlugReserved:null}_getSlugValidationMessage(){return this._getSlugSyncValidationMessage()||(this._hasManualSlug()&&this._slugTaken?this.labels.publishSlugTaken:null)}_getSlugPreviewUrl(){if(!this._hasManualSlug()||this._getSlugValidationMessage())return null;let e=i(`/${this._slug.trim()}`),t=globalThis.location?.origin&&globalThis.location.origin!==`null`?globalThis.location.origin:`http://localhost`;return new URL(e,`${t}/`).toString()}_getSlugPreviewParts(){let e=this._getSlugPreviewUrl();if(!e)return null;let t=new URL(e);return{full:e,origin:t.origin,path:`${t.pathname}${t.search}${t.hash}`}}_getSlugStatusMessage(){return this._hasManualSlug()?this._getSlugValidationMessage()?this._getSlugValidationMessage():null:this._suggestedSlugLoading?this.labels.publishSlugGenerating:null}_getCurrentTimestamp(){return Math.floor(Date.now()/1e3)}_getPublishedAtMaxInput(){return XT(this._getCurrentTimestamp())}_getPublishedAtTimeMinutes(){return this._publishedAtTimeMinutes??QT(this._getCurrentTimestamp())}_hasPublishedAtValue(){return this._publishedAtInput.trim().length>0}_getPublishedAtValidationMessage(){return this._hasPublishedAtValue()?ZT(this._publishedAtInput)===null?this.labels.publishDateInvalid:this._publishedAtInput>this._getPublishedAtMaxInput()?this.labels.publishDateFutureError:null:null}_getPublishedAtSummary(){if(this._editPostId||this._draftSourceId){if(this._publishedAtInput===this._initialPublishedAtInput)return null;if(!this._hasPublishedAtValue())return{input:``,text:this.labels.publishDateSummaryNow}}if(this._getPublishedAtValidationMessage()!==null)return null;let e=ZT(this._publishedAtInput);return e===null?null:{input:this._publishedAtInput,text:new Intl.DateTimeFormat(void 0,{month:`short`,day:`numeric`,year:`numeric`}).format(new Date(e.year,e.monthIndex,e.day))}}_getSlugSummary(){let e=this._slug.trim();if(e&&this._getSlugValidationMessage()!==null)return null;if(this._editPostId||this._draftSourceId){if(e===this._initialSlug)return null;if(!e)return{kind:`slug`,text:this.labels.publishSlugSummaryAuto,actionLabel:this.labels.publishSlugSummaryAction,value:e}}return e?{kind:`slug`,text:`/${e}`,actionLabel:this.labels.publishSlugSummaryAction,value:e}:null}_getPublishSummaryChips(){let e=[],t=this._getPublishedAtSummary();t!==null&&e.push({kind:`publishedAt`,text:t.text,actionLabel:this.labels.publishDateSummaryAction,value:t.input});let n=this._getSlugSummary();return n!==null&&e.push(n),e}_getPublishedAtSubmitValue(e){if(e===`draft`)return;let t=$T(this._publishedAtInput,this._getPublishedAtTimeMinutes());if(t!==null)return this._originalPublishedAt!==null&&this._publishedAtInput===this._initialPublishedAtInput&&this._publishedAtTimeMinutes===this._initialPublishedAtTimeMinutes?Math.min(this._originalPublishedAt,this._getCurrentTimestamp()):Math.min(t,this._getCurrentTimestamp());if(!(this._publishedAtInput.trim().length>0)&&this._editPostId)return this._getCurrentTimestamp()}_openPublishPanelAndFocus(e){this._showCollection=!1,this._collectionSearch=``,this._showPublishPanel=!0,this._confirmPanelOpen=!1,this._scheduleSuggestedSlugRefresh(!0),this.updateComplete.then(()=>{this.querySelector(e)?.focus()})}_revealSlugField(){this._openPublishPanelAndFocus(`.compose-publish-slug-input`)}_revealPublishedAtField(){this._openPublishPanelAndFocus(`.compose-publish-date-input`)}_canPublish(){if(this._loading||this._getPublishedAtValidationMessage()||this._getSlugValidationMessage())return!1;if(this._threadItems.length>0){let e=Array.from(this.querySelectorAll(`jant-compose-editor`));if(e.length===0)return!1;for(let t of e)if(t.getUrlValidationMessage()||t.getLinkTitleValidationMessage())return!1;return e.every(e=>{let t=e.getData();return!!t.body||!!t.title.trim()||!!t.url.trim()||!!t.quoteText.trim()||t.attachments.length>0})}let e=this._editor;if(!e||e.getUrlValidationMessage()||e.getLinkTitleValidationMessage())return!1;let t=e.getData();return this._format===`link`?t.url.trim().length>0:this._format===`quote`?t.quoteText.trim().length>0:this._hasContent()}_focusPublishPanelInitialField(){let e=this._visibilityLocked?`.compose-publish-date-input`:`.compose-publish-option[role='radio']`;this.querySelector(e)?.focus()}_closePublishPanel(e=!1){this._showPublishPanel&&(this._showPublishPanel=!1,e&&this.updateComplete.then(()=>this._restorePageEditorFocus()))}_togglePublishPanel(){this._showCollection=!1,this._collectionSearch=``;let e=!this._showPublishPanel;this._showPublishPanel=e,e&&(this._scheduleSuggestedSlugRefresh(!0),this.updateComplete.then(()=>this._focusPublishPanelInitialField()))}_setVisibility(t){this._visibilityLocked||(this._visibility=t,!this._editPostId&&!this._draftSourceId&&!this._replyToId&&(e._lastNewPostVisibility=t,this._sourceCollectionId&&e._setCollectionVisibility(this._sourceCollectionId,t)))}_onSlugInput(e){if(this._slug=e.target.value.toLowerCase(),this._slugTaken=!1,this._slugCheckLoading=!1,this._hasManualSlug()){this._scheduleSlugAvailabilityCheck();return}this._scheduleSuggestedSlugRefresh()}_onPublishedAtInput(e){this._publishedAtInput=e.target.value}_resetPublishedAt(){let e=this._getCurrentTimestamp();this._publishedAtInput=XT(e),this._publishedAtTimeMinutes=QT(e),this.updateComplete.then(()=>{this.querySelector(`.compose-publish-date-input`)?.focus()})}_renderVisibilityIcon(e,t=`menu`){let n=xe({"compose-publish-visibility-icon":!0,"compose-publish-visibility-icon-toggle":t===`toggle`,"compose-publish-visibility-icon-public":e===`public`,"compose-publish-visibility-icon-latest_hidden":e===`latest_hidden`,"compose-publish-visibility-icon-private":e===`private`});return UT(zT[e],n)}_renderPublishVisibilityChip(e,t){let n=this._visibility===e;return u`
       <button
         type="button"
         class=${xe({"compose-publish-chip":!0,"compose-publish-chip-selected":n})}
@@ -1204,11 +1204,22 @@ ${t.slice(l+2)}`,d+=1;else break}t.push({indent:l,number:parseInt(s,10),content:
           ${this._renderDesktopPublishPanel()}
         </div>
       </div>
-    `}_renderHideFromLatestQuickToggleRow(){return this._visibilityLocked||this._visibility===`private`?g:u`
+    `}_renderQuickActionsRow(){let e=this._renderHideFromLatestQuickToggle(),t=this._renderQuietReplyQuickToggle();return e===g&&t===g?g:u`
       <div class="compose-quick-actions-row">
-        ${this._renderHideFromLatestQuickToggle()}
+        ${e} ${t}
       </div>
-    `}_renderHideFromLatestQuickToggle(){return this._visibilityLocked||this._visibility===`private`?g:u`
+    `}_renderQuietReplyQuickToggle(){return this._replyToId?u`
+      <label class="compose-publish-quick-toggle">
+        <input
+          type="checkbox"
+          class="input compose-publish-quick-toggle-input"
+          .checked=${this._quietReply}
+          ?disabled=${this._loading}
+          @change=${e=>{this._quietReply=e.target.checked}}
+        />
+        <span>${this.labels.quietReplyLabel}</span>
+      </label>
+    `:g}_renderHideFromLatestQuickToggle(){return this._visibilityLocked||this._visibility===`private`?g:u`
       <label class="compose-publish-quick-toggle">
         <input
           type="checkbox"
@@ -1357,7 +1368,7 @@ ${t.slice(l+2)}`,d+=1;else break}t.push({indent:l,number:parseInt(s,10),content:
                 ${this._renderCollectionSelector()}
                 ${this._renderPublishButton()}
               </div>
-              ${this._renderHideFromLatestQuickToggleRow()}`}
+              ${this._renderQuickActionsRow()}`}
         ${this._renderMobilePublishPanel()} ${this._renderAttachedPanel()}
         ${this._renderAltPanel()} ${this._renderDraftsPanel()}
         ${this._renderConfirmPanel()}

package/dist/{export-I9XFTWyO.js → export-CR9Megtb.js}

@@ -3270,7 +3270,7 @@ function serializeMarkdownDocument(doc) {
 }
 //#endregion
 //#region src/styles/tokens.css?raw
-var tokens_default = "/**\n * Design Tokens\n *\n * CSS custom properties for all visual aspects of the UI.\n * These are the stable customization API — override in custom CSS\n * to change typography, layout, surfaces, and element sizing.\n */\n\n:root {\n  /* Typography — Font families */\n  --font-cjk-serif-fallback:\n    \"Songti SC\", STSong, SimSun, \"Songti TC\", PMingLiU, MingLiU,\n    \"Noto Serif SC\", \"Noto Serif CJK SC\", \"Noto Serif TC\", \"Noto Serif CJK TC\";\n  --font-body:\n    system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto,\n    \"Helvetica Neue\", Helvetica, Arial, \"PingFang TC\", \"PingFang SC\",\n    \"Hiragino Sans CNS\", \"Hiragino Sans GB\", \"Microsoft JhengHei\",\n    \"Microsoft YaHei\", \"Noto Sans CJK TC\", \"Noto Sans CJK SC\", sans-serif;\n  --font-heading:\n    \"New York Small\", \"New York\", \"Iowan Old Style\", Charter,\n    \"Bitstream Charter\", \"Source Serif 4\", Cambria, \"Sitka Text\", Georgia,\n    var(--font-cjk-serif-fallback), ui-serif, serif;\n  --font-site-title:\n    \"New York Small\", \"New York\", \"Iowan Old Style\", Charter,\n    \"Bitstream Charter\", \"Source Serif 4\", Cambria, \"Sitka Text\", Georgia,\n    var(--font-cjk-serif-fallback), ui-serif, serif;\n  --font-serif:\n    var(--font-cjk-serif-fallback), ui-serif, \"New York Small\", \"New York\",\n    \"Iowan Old Style\", Charter, Georgia, \"Times New Roman\", Times, serif;\n  --font-ui:\n    system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto,\n    \"Helvetica Neue\", Helvetica, Arial, \"PingFang TC\", \"PingFang SC\",\n    \"Hiragino Sans CNS\", \"Hiragino Sans GB\", \"Microsoft JhengHei\",\n    \"Microsoft YaHei\", \"Noto Sans CJK TC\", \"Noto Sans CJK SC\", sans-serif;\n  --font-mono:\n    ui-monospace, Menlo, Monaco, Consolas, \"Cascadia Code\", \"Courier New\",\n    monospace;\n  /*\n   * Blockquote font family.\n   *\n   * Defaults to `inherit` so blockquotes follow the body font in sans-only\n   * themes (Clean, Friendly, Bold) and serif-only themes (Tufte, Bookish).\n   * Mixed themes that want a distinct blockquote voice — e.g. Classic, which\n   * pairs a sans body with serif headings — override this token in their\n   * `cssVariables` to point at a serif stack. This also restores a type-level\n   * distinction for CJK, where italic is disabled.\n   */\n  --font-blockquote: inherit;\n\n  /* Typography — Font weights */\n  --fw-light: 300;\n  --fw-regular: 400;\n  --fw-medium: 500;\n  --fw-semibold: 600;\n  --fw-bold: 700;\n  --fw-extrabold: 800;\n  /*\n   * Unified type scale.\n   *\n   * Every font-size in the system — reading content AND UI controls —\n   * must reference one of these tokens. No raw rem/px values elsewhere.\n   *\n   *   --type-display    2.7rem  (40.5px) — page titles, h1\n   *   --type-title      2.1rem  (31.5px) — h2, feed card titles\n   *   --type-subtitle   1.8rem  (27px)   — h3\n   *   --type-body       1.4rem  (21px)   — running text, form inputs\n   *   --type-secondary  1.1rem  (16.5px) — meta, nav, sidenotes, UI labels\n   *   --type-base       1.0rem  (15px)   — code, UI buttons, controls\n   *   --type-sm         0.9rem  (13.5px) — code blocks, small UI text\n   *   --type-xs         0.8rem  (12px)   — captions, descriptions, chips\n   *   --type-2xs        0.65rem (9.75px) — tiny labels, file sizes, badges\n   */\n  --type-display: 2.7rem;\n  --type-title: 2.1rem;\n  --type-subtitle: 1.8rem;\n  --type-body: 1.4rem;\n  --type-secondary: 1.1rem;\n  --type-base: 1rem;\n  --type-sm: 0.9rem;\n  --type-xs: 0.8rem;\n  --type-2xs: 0.65rem;\n\n  /* Content reading tokens — desktop maps to core scale,\n     mobile overrides below cap sizes for small screens.\n     --type-content-scale uniformly scales all content sizes\n     without affecting UI controls. */\n  --type-content-scale: 0.81;\n  --type-content-display: calc(var(--type-display) * var(--type-content-scale));\n  --type-content-title: calc(var(--type-title) * var(--type-content-scale));\n  --type-content-subtitle: calc(\n    var(--type-subtitle) * var(--type-content-scale)\n  );\n  --type-content-body: calc(var(--type-body) * var(--type-content-scale));\n\n  /* Semantic aliases */\n  --type-code: var(--type-base);\n  --type-code-block: var(--type-sm);\n  --type-body-size: var(--type-content-body);\n  --type-body-tracking: 0;\n  --type-ui-title: var(--type-secondary);\n  --type-ui-control: var(--type-base);\n  --type-ui-meta: var(--type-base);\n  --type-ui-hint: var(--type-sm);\n  --type-ui-caption: var(--type-xs);\n  --type-ui-micro: var(--type-2xs);\n  --type-ui-input: var(--type-secondary);\n  --type-thread-context: var(--type-base);\n  --type-thread-context-title: var(--type-secondary);\n  --type-thread-context-meta: var(--type-sm);\n  --feed-note-title-size: var(--type-content-title);\n  --feed-note-title-leading: var(--type-heading-leading);\n  --type-body-leading: 1.5;\n  --type-display-leading: 1.15;\n  --type-heading-leading: 1.15;\n  --type-heading-weight: var(--fw-regular);\n  --type-heading-tracking: 0;\n  --type-display-weight: var(--fw-regular);\n  --type-display-tracking: 0;\n  --type-label-weight: var(--fw-medium);\n  --type-label-tracking: 0.08em;\n\n  /* Layout — Tufte proportional model */\n  --content-max-width: 42rem;\n  --form-max-width: 42rem;\n  /* compose dialogs + feed content cap */\n  --layout-body-max-width: 1088px;\n  --layout-content-width: 55%;\n  --layout-sidenote-width: 50%;\n  --layout-sidenote-margin: -60%;\n  --site-padding: 1.5rem;\n  --content-gap: 1rem;\n  --space-xl: 2rem;\n\n  /* Sidebar layout (admin + site sidebar pages) */\n  --sidebar-width: 12rem;\n  --sidebar-gap: 2rem;\n\n  /* Surfaces */\n  --card-bg: var(--card);\n  --card-radius: 0;\n  --card-padding: 1rem;\n  --card-border-width: 0;\n  --card-shadow: none;\n\n  /* Elements */\n  --avatar-size: 28px;\n  --avatar-radius: 50%;\n  --media-radius: 0.5rem;\n\n  /* Icons */\n  --icon-stroke: 2;\n  --icon-stroke-fine: 1.5;\n\n  /* Derived color tokens (from BaseCoat variables) */\n  --site-accent: var(--primary);\n  --site-accent-text: var(--primary-foreground);\n  --site-column-outline: var(--border);\n  --site-border-light: color-mix(\n    in srgb,\n    var(--site-column-outline) 52%,\n    transparent\n  );\n  --site-threadline: var(--border);\n  --site-page-bg: var(--background);\n  --site-elevated-bg: var(--background);\n  --site-nav-hover-bg: var(--accent);\n  --site-text-primary: var(--foreground);\n  --site-text-secondary: var(--muted-foreground);\n  --site-reading-title: color-mix(\n    in oklch,\n    var(--site-text-primary) 81%,\n    black\n  );\n  --site-reading-heading: color-mix(\n    in oklch,\n    var(--site-text-primary) 86%,\n    black\n  );\n  --site-reading-body: color-mix(in oklch, var(--site-text-primary) 90%, black);\n  --site-reading-quote: color-mix(\n    in oklch,\n    var(--site-text-primary) 95%,\n    black\n  );\n  --site-reading-meta: color-mix(\n    in srgb,\n    var(--site-text-secondary) 72%,\n    var(--site-text-primary)\n  );\n  --site-reading-caption: color-mix(\n    in srgb,\n    var(--site-text-secondary) 88%,\n    var(--site-text-primary)\n  );\n  --site-content-link: inherit;\n  --site-content-link-hover: var(--site-text-primary);\n  --site-content-link-underline: color-mix(\n    in srgb,\n    var(--site-text-secondary) 58%,\n    transparent\n  );\n  --site-reading-link: var(--site-reading-body);\n  --site-reading-link-hover: var(--site-reading-heading);\n  --site-reading-link-underline: color-mix(\n    in srgb,\n    var(--site-reading-meta) 58%,\n    transparent\n  );\n  --site-text-placeholder: oklch(from var(--muted-foreground) l c h / 0.5);\n  --site-media-outline: var(--border);\n  --site-divider: var(--border);\n  --site-feed-card-bg: color-mix(\n    in srgb,\n    var(--site-elevated-bg) 88%,\n    var(--site-nav-hover-bg)\n  );\n  --site-feed-card-border: color-mix(\n    in srgb,\n    var(--site-divider) 78%,\n    transparent\n  );\n  --site-feed-card-shadow: color-mix(\n    in srgb,\n    var(--site-text-primary) 12%,\n    transparent\n  );\n  --site-feed-divider-color: color-mix(\n    in srgb,\n    var(--site-text-secondary) 30%,\n    transparent\n  );\n  --site-feed-link-tint: color-mix(in srgb, var(--site-accent) 7%, transparent);\n  --site-feed-quote-tint: color-mix(\n    in srgb,\n    var(--site-accent) 10%,\n    transparent\n  );\n  --site-blockquote-rail: color-mix(\n    in srgb,\n    var(--site-accent) 22%,\n    var(--site-divider)\n  );\n  --site-blockquote-bg: color-mix(\n    in srgb,\n    var(--site-feed-quote-tint) 62%,\n    var(--site-page-bg)\n  );\n  --site-blockquote-text: color-mix(\n    in oklch,\n    var(--site-text-primary) 92%,\n    black\n  );\n  --site-summary-blockquote-bg: color-mix(\n    in srgb,\n    var(--site-feed-quote-tint) 42%,\n    var(--site-page-bg)\n  );\n  --site-reading-blockquote-rail: color-mix(\n    in srgb,\n    var(--site-reading-link) 18%,\n    var(--site-reading-meta)\n  );\n  --site-reading-blockquote-bg: color-mix(\n    in srgb,\n    var(--site-accent) 6%,\n    var(--site-page-bg)\n  );\n  --site-thread-context-bg: color-mix(\n    in srgb,\n    var(--site-nav-hover-bg) 58%,\n    transparent\n  );\n  --site-thread-context-border: color-mix(\n    in srgb,\n    var(--site-divider) 74%,\n    transparent\n  );\n  --site-thread-gap-bg: color-mix(\n    in srgb,\n    var(--site-nav-hover-bg) 42%,\n    transparent\n  );\n  --site-thread-item-spacing: 32px;\n  --site-thread-dot-ring: color-mix(\n    in srgb,\n    var(--site-accent) 16%,\n    transparent\n  );\n  --compose-paper-bg: var(--site-page-bg);\n  --compose-control-bg: color-mix(\n    in srgb,\n    var(--site-nav-hover-bg) 72%,\n    var(--compose-paper-bg)\n  );\n  --compose-control-bg-strong: color-mix(\n    in srgb,\n    var(--site-nav-hover-bg) 88%,\n    var(--compose-paper-bg)\n  );\n  --compose-control-border: color-mix(\n    in srgb,\n    var(--site-column-outline) 68%,\n    transparent\n  );\n  --compose-blockquote-rail: color-mix(\n    in srgb,\n    var(--site-accent) 24%,\n    var(--compose-control-border)\n  );\n  --compose-blockquote-bg: color-mix(\n    in srgb,\n    var(--compose-control-bg) 56%,\n    var(--compose-paper-bg)\n  );\n  --compose-blockquote-bg-focus: color-mix(\n    in srgb,\n    var(--compose-control-bg-strong) 70%,\n    var(--compose-paper-bg)\n  );\n  --compose-blockquote-text: color-mix(\n    in srgb,\n    var(--site-text-primary) 88%,\n    var(--site-text-secondary)\n  );\n  --compose-floating-bg: color-mix(\n    in srgb,\n    var(--compose-paper-bg) 94%,\n    var(--site-nav-hover-bg) 6%\n  );\n\n  /* Search highlight */\n  --search-mark-bg: oklch(0.92 0.14 90 / 0.55);\n  --search-mark-color: oklch(0.35 0.09 70);\n\n  /* Admin */\n  --dash-bg: oklch(0.97 0.005 80);\n  --dash-card-radius: 10px;\n}\n\n@media (max-width: 760px) {\n  :root {\n    --site-padding: 1.875rem;\n    --layout-content-width: 100%;\n  }\n}\n\n/*\n * Dark-mode reading color overrides.\n *\n * These rules must beat the active color theme's light-mode block, which\n * uses `:root:root { ... }` (specificity 0,0,2,0) with no media query and\n * therefore applies in both light and dark modes. Most themes do not\n * redefine `--site-reading-*` in their dark block, so without higher\n * specificity here the light reading-body color would leak into dark mode\n * (resulting in near-invisible body text on a dark background).\n *\n * We repeat `:root:root` to reach specificity 0,0,3,0, which outranks the\n * theme's light `:root:root` (0,0,2,0). The theme's dark blocks use\n * `:root:root[data-theme-mode=\"dark\"]` or `:root:root:not([data-theme-mode=\"light\"])`\n * (also 0,0,3,0), so a theme that explicitly defines dark reading colors\n * still wins via source order.\n */\n@media (prefers-color-scheme: dark) {\n  :root:root:not([data-theme-mode=\"light\"]) {\n    --site-reading-title: var(--site-text-primary);\n    --site-reading-heading: color-mix(\n      in oklch,\n      var(--site-text-primary) 94%,\n      var(--site-text-secondary)\n    );\n    --site-reading-body: color-mix(\n      in oklch,\n      var(--site-text-primary) 96%,\n      black\n    );\n    --site-reading-quote: color-mix(\n      in oklch,\n      var(--site-text-primary) 98%,\n      black\n    );\n    --site-reading-meta: color-mix(\n      in srgb,\n      var(--site-text-secondary) 92%,\n      var(--site-text-primary)\n    );\n    --site-reading-caption: color-mix(\n      in srgb,\n      var(--site-text-secondary) 96%,\n      var(--site-text-primary)\n    );\n    --site-reading-link: var(--site-reading-body);\n    --search-mark-bg: oklch(0.45 0.1 85 / 0.5);\n    --search-mark-color: oklch(0.92 0.08 90);\n    --dash-bg: oklch(0.2 0.005 80);\n  }\n}\n\n:root:root[data-theme-mode=\"dark\"] {\n  --site-reading-title: var(--site-text-primary);\n  --site-reading-heading: color-mix(\n    in oklch,\n    var(--site-text-primary) 94%,\n    var(--site-text-secondary)\n  );\n  --site-reading-body: color-mix(in oklch, var(--site-text-primary) 96%, black);\n  --site-reading-quote: color-mix(\n    in oklch,\n    var(--site-text-primary) 98%,\n    black\n  );\n  --site-reading-meta: color-mix(\n    in srgb,\n    var(--site-text-secondary) 92%,\n    var(--site-text-primary)\n  );\n  --site-reading-caption: color-mix(\n    in srgb,\n    var(--site-text-secondary) 96%,\n    var(--site-text-primary)\n  );\n  --site-reading-link: var(--site-reading-body);\n  --search-mark-bg: oklch(0.45 0.1 85 / 0.5);\n  --search-mark-color: oklch(0.92 0.08 90);\n  --dash-bg: oklch(0.2 0.005 80);\n}\n\n@media (max-width: 760px), (hover: none) and (pointer: coarse) {\n  :root {\n    /* Content layer — tighter scale for mobile reading\n       Ratio ≈ 1.9 : 1.4 : 1.15 : 1 (display:title:subtitle:body)\n       13px base → 31.9 / 24 / 19.5 / 16.9 */\n    --type-content-display: calc(2.45rem * var(--type-content-scale));\n    --type-content-title: calc(1.85rem * var(--type-content-scale));\n    --type-content-subtitle: calc(1.5rem * var(--type-content-scale));\n    --type-content-body: calc(1.3rem * var(--type-content-scale));\n\n    /* UI layer — pixel floors for touch targets */\n    --type-ui-title: max(16px, var(--type-secondary));\n    --type-ui-control: max(15px, var(--type-base));\n    --type-ui-meta: max(15px, var(--type-secondary));\n    --type-ui-hint: max(13px, var(--type-sm));\n    --type-ui-caption: max(13px, var(--type-xs));\n    --type-ui-micro: max(12px, var(--type-2xs));\n    --type-ui-input: max(16px, var(--type-secondary));\n    --type-thread-context: max(15px, var(--type-base));\n    --type-thread-context-title: max(16px, var(--type-secondary));\n    --type-thread-context-meta: max(14px, var(--type-sm));\n  }\n}\n";
+var tokens_default = "/**\n * Design Tokens\n *\n * CSS custom properties for all visual aspects of the UI.\n * These are the stable customization API — override in custom CSS\n * to change typography, layout, surfaces, and element sizing.\n */\n\n:root {\n  /* Typography — Font families */\n  --font-cjk-serif-fallback:\n    \"Songti SC\", STSong, SimSun, \"Songti TC\", PMingLiU, MingLiU,\n    \"Noto Serif SC\", \"Noto Serif CJK SC\", \"Noto Serif TC\", \"Noto Serif CJK TC\";\n  --font-body:\n    system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto,\n    \"Helvetica Neue\", Helvetica, Arial, \"PingFang TC\", \"PingFang SC\",\n    \"Hiragino Sans CNS\", \"Hiragino Sans GB\", \"Microsoft JhengHei\",\n    \"Microsoft YaHei\", \"Noto Sans CJK TC\", \"Noto Sans CJK SC\", sans-serif;\n  --font-heading:\n    \"New York Small\", \"New York\", \"Iowan Old Style\", Charter,\n    \"Bitstream Charter\", \"Source Serif 4\", Cambria, \"Sitka Text\", Georgia,\n    var(--font-cjk-serif-fallback), ui-serif, serif;\n  --font-site-title:\n    \"New York Small\", \"New York\", \"Iowan Old Style\", Charter,\n    \"Bitstream Charter\", \"Source Serif 4\", Cambria, \"Sitka Text\", Georgia,\n    var(--font-cjk-serif-fallback), ui-serif, serif;\n  --font-serif:\n    var(--font-cjk-serif-fallback), ui-serif, \"New York Small\", \"New York\",\n    \"Iowan Old Style\", Charter, Georgia, \"Times New Roman\", Times, serif;\n  --font-ui:\n    system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto,\n    \"Helvetica Neue\", Helvetica, Arial, \"PingFang TC\", \"PingFang SC\",\n    \"Hiragino Sans CNS\", \"Hiragino Sans GB\", \"Microsoft JhengHei\",\n    \"Microsoft YaHei\", \"Noto Sans CJK TC\", \"Noto Sans CJK SC\", sans-serif;\n  --font-mono:\n    ui-monospace, Menlo, Monaco, Consolas, \"Cascadia Code\", \"Courier New\",\n    monospace;\n  /*\n   * Blockquote font family.\n   *\n   * Defaults to `inherit` so blockquotes follow the body font in sans-only\n   * themes (Clean, Friendly, Bold) and serif-only themes (Tufte, Bookish).\n   * Mixed themes that want a distinct blockquote voice — e.g. Classic, which\n   * pairs a sans body with serif headings — override this token in their\n   * `cssVariables` to point at a serif stack. This also restores a type-level\n   * distinction for CJK, where italic is disabled.\n   */\n  --font-blockquote: inherit;\n\n  /* Typography — Font weights */\n  --fw-light: 300;\n  --fw-regular: 400;\n  --fw-medium: 500;\n  --fw-semibold: 600;\n  --fw-bold: 700;\n  --fw-extrabold: 800;\n  /*\n   * Unified type scale.\n   *\n   * Every font-size in the system — reading content AND UI controls —\n   * must reference one of these tokens. No raw rem/px values elsewhere.\n   *\n   *   --type-display    2.7rem  (40.5px) — page titles, h1\n   *   --type-title      2.1rem  (31.5px) — h2, feed card titles\n   *   --type-subtitle   1.8rem  (27px)   — h3\n   *   --type-body       1.4rem  (21px)   — running text, form inputs\n   *   --type-secondary  1.1rem  (16.5px) — meta, nav, sidenotes, UI labels\n   *   --type-base       1.0rem  (15px)   — code, UI buttons, controls\n   *   --type-sm         0.9rem  (13.5px) — code blocks, small UI text\n   *   --type-xs         0.8rem  (12px)   — captions, descriptions, chips\n   *   --type-2xs        0.65rem (9.75px) — tiny labels, file sizes, badges\n   */\n  --type-display: 2.7rem;\n  --type-title: 2.1rem;\n  --type-subtitle: 1.8rem;\n  --type-body: 1.4rem;\n  --type-secondary: 1.1rem;\n  --type-base: 1rem;\n  --type-sm: 0.9rem;\n  --type-xs: 0.8rem;\n  --type-2xs: 0.65rem;\n\n  /* Content reading tokens — desktop maps to core scale,\n     mobile overrides below cap sizes for small screens.\n     --type-content-scale uniformly scales all content sizes\n     without affecting UI controls. */\n  --type-content-scale: 0.81;\n  --type-content-display: calc(var(--type-display) * var(--type-content-scale));\n  --type-content-title: calc(var(--type-title) * var(--type-content-scale));\n  --type-content-subtitle: calc(\n    var(--type-subtitle) * var(--type-content-scale)\n  );\n  --type-content-body: calc(var(--type-body) * var(--type-content-scale));\n\n  /* Semantic aliases */\n  --type-code: var(--type-base);\n  --type-code-block: var(--type-sm);\n  --type-body-size: var(--type-content-body);\n  --type-body-tracking: 0;\n  --type-ui-title: var(--type-secondary);\n  --type-ui-control: var(--type-base);\n  --type-ui-meta: var(--type-base);\n  --type-ui-hint: var(--type-sm);\n  --type-ui-caption: var(--type-xs);\n  --type-ui-micro: var(--type-2xs);\n  --type-ui-input: var(--type-secondary);\n  --type-thread-context: var(--type-base);\n  --type-thread-context-title: var(--type-secondary);\n  --type-thread-context-meta: var(--type-sm);\n  --feed-note-title-size: var(--type-content-title);\n  --feed-note-title-leading: var(--type-heading-leading);\n  --type-body-leading: 1.5;\n  --type-display-leading: 1.15;\n  --type-heading-leading: 1.15;\n  --type-heading-weight: var(--fw-regular);\n  --type-heading-tracking: 0;\n  --type-display-weight: var(--fw-regular);\n  --type-display-tracking: 0;\n  --type-label-weight: var(--fw-medium);\n  --type-label-tracking: 0.08em;\n\n  /* Layout — Tufte proportional model */\n  --content-max-width: 42rem;\n  --form-max-width: 42rem;\n  /* compose dialogs + feed content cap */\n  --layout-body-max-width: 1088px;\n  --layout-content-width: 55%;\n  --layout-sidenote-width: 50%;\n  --layout-sidenote-margin: -60%;\n  --site-padding: 1.5rem;\n  --content-gap: 1rem;\n  --space-xl: 2rem;\n  --space-2xl: 4rem;\n  /*\n   * Home timeline vertical rhythm — the single source of truth for the gaps\n   * between stacked sections on the home page:\n   *\n   *   site description → separator → first post → divider → post → ...\n   *\n   * where \"separator\" is the description hairline (logged out) or the compose\n   * prompt (logged in). Every one of those gaps derives from this token, and\n   * the individual pieces (compose prompt, description hairline, post cards)\n   * carry no rhythm margin of their own — the structural wrappers\n   * (.site-home-header, hr.feed-divider) own the spacing. Retune the whole\n   * feed cadence by changing this one value.\n   *\n   * Note: per-format card padding (.feed-quote-post, thread previews) is the\n   * card's own internal spacing and is intentionally NOT part of this rhythm.\n   *\n   * Kept as a free-standing value (not pinned to the --space-* scale) so the\n   * feed cadence can be tuned independently.\n   */\n  --site-feed-rhythm: 4.4rem;\n  /*\n   * The post footer's action row (reply / menu buttons) is a taller tap\n   * target than its visible content, leaving a few px of dead space below\n   * the last visible element of every post (~5.9px logged out from the\n   * footer min-height, ~6.8px logged in from the menu button). hr.feed-divider\n   * subtracts this from its top margin so the VISIBLE gap between posts equals\n   * --site-feed-rhythm — the same as the header spacing. Re-measure if the\n   * footer button size or meta font changes.\n   */\n  --post-footer-overshoot: 6px;\n  /*\n   * The site intro (description) block is deliberately tighter than\n   * --site-feed-rhythm so it reads as a compact header unit rather than a\n   * full feed section. -top: gap from the header nav down to the intro.\n   * -bottom: gap from the intro down to its separator — the hairline (logged\n   * out) or the compose prompt text (logged in). Same values in both states.\n   */\n  --site-intro-gap-top: 24px;\n  --site-intro-gap-bottom: 36px;\n\n  /* Sidebar layout (admin + site sidebar pages) */\n  --sidebar-width: 12rem;\n  --sidebar-gap: 2rem;\n\n  /* Surfaces */\n  --card-bg: var(--card);\n  --card-radius: 0;\n  --card-padding: 1rem;\n  --card-border-width: 0;\n  --card-shadow: none;\n\n  /* Elements */\n  --avatar-size: 28px;\n  --avatar-radius: 50%;\n  --media-radius: 0.5rem;\n\n  /* Icons */\n  --icon-stroke: 2;\n  --icon-stroke-fine: 1.5;\n\n  /* Derived color tokens (from BaseCoat variables) */\n  --site-accent: var(--primary);\n  --site-accent-text: var(--primary-foreground);\n  --site-column-outline: var(--border);\n  --site-border-light: color-mix(\n    in srgb,\n    var(--site-column-outline) 52%,\n    transparent\n  );\n  --site-threadline: var(--border);\n  --site-page-bg: var(--background);\n  --site-elevated-bg: var(--background);\n  --site-nav-hover-bg: var(--accent);\n  --site-text-primary: var(--foreground);\n  --site-text-secondary: var(--muted-foreground);\n  --site-reading-title: color-mix(\n    in oklch,\n    var(--site-text-primary) 81%,\n    black\n  );\n  --site-reading-heading: color-mix(\n    in oklch,\n    var(--site-text-primary) 86%,\n    black\n  );\n  --site-reading-body: color-mix(in oklch, var(--site-text-primary) 90%, black);\n  --site-reading-quote: color-mix(\n    in oklch,\n    var(--site-text-primary) 95%,\n    black\n  );\n  --site-reading-meta: color-mix(\n    in srgb,\n    var(--site-text-secondary) 72%,\n    var(--site-text-primary)\n  );\n  --site-reading-caption: color-mix(\n    in srgb,\n    var(--site-text-secondary) 88%,\n    var(--site-text-primary)\n  );\n  --site-content-link: inherit;\n  --site-content-link-hover: var(--site-text-primary);\n  --site-content-link-underline: color-mix(\n    in srgb,\n    var(--site-text-secondary) 58%,\n    transparent\n  );\n  --site-reading-link: var(--site-reading-body);\n  --site-reading-link-hover: var(--site-reading-heading);\n  --site-reading-link-underline: color-mix(\n    in srgb,\n    var(--site-reading-meta) 58%,\n    transparent\n  );\n  --site-text-placeholder: oklch(from var(--muted-foreground) l c h / 0.5);\n  --site-media-outline: var(--border);\n  --site-divider: var(--border);\n  --site-feed-card-bg: color-mix(\n    in srgb,\n    var(--site-elevated-bg) 88%,\n    var(--site-nav-hover-bg)\n  );\n  --site-feed-card-border: color-mix(\n    in srgb,\n    var(--site-divider) 78%,\n    transparent\n  );\n  --site-feed-card-shadow: color-mix(\n    in srgb,\n    var(--site-text-primary) 12%,\n    transparent\n  );\n  --site-feed-divider-color: color-mix(\n    in srgb,\n    var(--site-text-secondary) 30%,\n    transparent\n  );\n  --site-feed-link-tint: color-mix(in srgb, var(--site-accent) 7%, transparent);\n  --site-feed-quote-tint: color-mix(\n    in srgb,\n    var(--site-accent) 10%,\n    transparent\n  );\n  --site-blockquote-rail: color-mix(\n    in srgb,\n    var(--site-accent) 22%,\n    var(--site-divider)\n  );\n  --site-blockquote-bg: color-mix(\n    in srgb,\n    var(--site-feed-quote-tint) 62%,\n    var(--site-page-bg)\n  );\n  --site-blockquote-text: color-mix(\n    in oklch,\n    var(--site-text-primary) 92%,\n    black\n  );\n  --site-summary-blockquote-bg: color-mix(\n    in srgb,\n    var(--site-feed-quote-tint) 42%,\n    var(--site-page-bg)\n  );\n  --site-reading-blockquote-rail: color-mix(\n    in srgb,\n    var(--site-reading-link) 18%,\n    var(--site-reading-meta)\n  );\n  --site-reading-blockquote-bg: color-mix(\n    in srgb,\n    var(--site-accent) 6%,\n    var(--site-page-bg)\n  );\n  --site-thread-context-bg: color-mix(\n    in srgb,\n    var(--site-nav-hover-bg) 58%,\n    transparent\n  );\n  --site-thread-context-border: color-mix(\n    in srgb,\n    var(--site-divider) 74%,\n    transparent\n  );\n  --site-thread-gap-bg: color-mix(\n    in srgb,\n    var(--site-nav-hover-bg) 42%,\n    transparent\n  );\n  --site-thread-item-spacing: 32px;\n  --site-thread-dot-ring: color-mix(\n    in srgb,\n    var(--site-accent) 16%,\n    transparent\n  );\n  --compose-paper-bg: var(--site-page-bg);\n  --compose-control-bg: color-mix(\n    in srgb,\n    var(--site-nav-hover-bg) 72%,\n    var(--compose-paper-bg)\n  );\n  --compose-control-bg-strong: color-mix(\n    in srgb,\n    var(--site-nav-hover-bg) 88%,\n    var(--compose-paper-bg)\n  );\n  --compose-control-border: color-mix(\n    in srgb,\n    var(--site-column-outline) 68%,\n    transparent\n  );\n  --compose-blockquote-rail: color-mix(\n    in srgb,\n    var(--site-accent) 24%,\n    var(--compose-control-border)\n  );\n  --compose-blockquote-bg: color-mix(\n    in srgb,\n    var(--compose-control-bg) 56%,\n    var(--compose-paper-bg)\n  );\n  --compose-blockquote-bg-focus: color-mix(\n    in srgb,\n    var(--compose-control-bg-strong) 70%,\n    var(--compose-paper-bg)\n  );\n  --compose-blockquote-text: color-mix(\n    in srgb,\n    var(--site-text-primary) 88%,\n    var(--site-text-secondary)\n  );\n  --compose-floating-bg: color-mix(\n    in srgb,\n    var(--compose-paper-bg) 94%,\n    var(--site-nav-hover-bg) 6%\n  );\n\n  /* Search highlight */\n  --search-mark-bg: oklch(0.92 0.14 90 / 0.55);\n  --search-mark-color: oklch(0.35 0.09 70);\n\n  /* Admin */\n  --dash-bg: oklch(0.97 0.005 80);\n  --dash-card-radius: 10px;\n}\n\n@media (max-width: 760px) {\n  :root {\n    --site-padding: 1.875rem;\n    --layout-content-width: 100%;\n  }\n}\n\n/*\n * Dark-mode reading color overrides.\n *\n * These rules must beat the active color theme's light-mode block, which\n * uses `:root:root { ... }` (specificity 0,0,2,0) with no media query and\n * therefore applies in both light and dark modes. Most themes do not\n * redefine `--site-reading-*` in their dark block, so without higher\n * specificity here the light reading-body color would leak into dark mode\n * (resulting in near-invisible body text on a dark background).\n *\n * We repeat `:root:root` to reach specificity 0,0,3,0, which outranks the\n * theme's light `:root:root` (0,0,2,0). The theme's dark blocks use\n * `:root:root[data-theme-mode=\"dark\"]` or `:root:root:not([data-theme-mode=\"light\"])`\n * (also 0,0,3,0), so a theme that explicitly defines dark reading colors\n * still wins via source order.\n */\n@media (prefers-color-scheme: dark) {\n  :root:root:not([data-theme-mode=\"light\"]) {\n    --site-reading-title: var(--site-text-primary);\n    --site-reading-heading: color-mix(\n      in oklch,\n      var(--site-text-primary) 94%,\n      var(--site-text-secondary)\n    );\n    --site-reading-body: color-mix(\n      in oklch,\n      var(--site-text-primary) 96%,\n      black\n    );\n    --site-reading-quote: color-mix(\n      in oklch,\n      var(--site-text-primary) 98%,\n      black\n    );\n    --site-reading-meta: color-mix(\n      in srgb,\n      var(--site-text-secondary) 92%,\n      var(--site-text-primary)\n    );\n    --site-reading-caption: color-mix(\n      in srgb,\n      var(--site-text-secondary) 96%,\n      var(--site-text-primary)\n    );\n    --site-reading-link: var(--site-reading-body);\n    --search-mark-bg: oklch(0.45 0.1 85 / 0.5);\n    --search-mark-color: oklch(0.92 0.08 90);\n    --dash-bg: oklch(0.2 0.005 80);\n  }\n}\n\n:root:root[data-theme-mode=\"dark\"] {\n  --site-reading-title: var(--site-text-primary);\n  --site-reading-heading: color-mix(\n    in oklch,\n    var(--site-text-primary) 94%,\n    var(--site-text-secondary)\n  );\n  --site-reading-body: color-mix(in oklch, var(--site-text-primary) 96%, black);\n  --site-reading-quote: color-mix(\n    in oklch,\n    var(--site-text-primary) 98%,\n    black\n  );\n  --site-reading-meta: color-mix(\n    in srgb,\n    var(--site-text-secondary) 92%,\n    var(--site-text-primary)\n  );\n  --site-reading-caption: color-mix(\n    in srgb,\n    var(--site-text-secondary) 96%,\n    var(--site-text-primary)\n  );\n  --site-reading-link: var(--site-reading-body);\n  --search-mark-bg: oklch(0.45 0.1 85 / 0.5);\n  --search-mark-color: oklch(0.92 0.08 90);\n  --dash-bg: oklch(0.2 0.005 80);\n}\n\n@media (max-width: 760px), (hover: none) and (pointer: coarse) {\n  :root {\n    /* Content layer — tighter scale for mobile reading\n       Ratio ≈ 1.9 : 1.4 : 1.15 : 1 (display:title:subtitle:body)\n       13px base → 31.9 / 24 / 19.5 / 16.9 */\n    --type-content-display: calc(2.45rem * var(--type-content-scale));\n    --type-content-title: calc(1.85rem * var(--type-content-scale));\n    --type-content-subtitle: calc(1.5rem * var(--type-content-scale));\n    --type-content-body: calc(1.3rem * var(--type-content-scale));\n\n    /* UI layer — pixel floors for touch targets */\n    --type-ui-title: max(16px, var(--type-secondary));\n    --type-ui-control: max(15px, var(--type-base));\n    --type-ui-meta: max(15px, var(--type-secondary));\n    --type-ui-hint: max(13px, var(--type-sm));\n    --type-ui-caption: max(13px, var(--type-xs));\n    --type-ui-micro: max(12px, var(--type-2xs));\n    --type-ui-input: max(16px, var(--type-secondary));\n    --type-thread-context: max(15px, var(--type-base));\n    --type-thread-context-title: max(16px, var(--type-secondary));\n    --type-thread-context-meta: max(14px, var(--type-sm));\n  }\n}\n";
 //#endregion
 //#region src/services/export-theme/theme.toml?raw
 var theme_default = "name = \"jant\"\nlicense = \"MIT\"\nlicenselink = \"https://github.com/jant-me/jant/blob/main/LICENSE\"\ndescription = \"Default theme packaged with Jant exports.\"\nhomepage = \"https://jant.so\"\ntags = [\"blog\", \"microblog\", \"minimal\"]\nfeatures = [\"pagination\", \"aliases\"]\nmin_version = \"0.160.1\"\n\n[author]\n  name = \"Jant\"\n  homepage = \"https://jant.so\"\n";
@@ -3279,7 +3279,7 @@ var theme_default = "name = \"jant\"\nlicense = \"MIT\"\nlicenselink = \"https:/
 var main_default = "/*\n * Jant Hugo Export — main.css\n *\n * Fresh minimal text-first design. All colors, spacing, and type sizing\n * come from tokens.css (loaded first in the <head>). Color theme values\n * are supplied by theme.css; customizations live in custom.css.\n *\n * Load order in <head>: tokens.css → main.css → theme.css → custom.css\n *\n * This file intentionally avoids any hardcoded hex, rgb, or px color\n * values. Everything token-driven so the design evolves with the theme.\n */\n\n/* -------------------------------------------------------------------------\n * Reset + box model\n * ------------------------------------------------------------------------- */\n\n*,\n*::before,\n*::after {\n  box-sizing: border-box;\n}\n\nhtml {\n  font-size: 15px;\n  -webkit-text-size-adjust: 100%;\n  text-size-adjust: 100%;\n}\n\nbody {\n  margin: 0;\n  font-family: var(--font-body);\n  font-size: var(--type-body-size, var(--type-content-body));\n  line-height: var(--type-body-leading);\n  color: var(--site-reading-body);\n  background-color: var(--site-page-bg);\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n}\n\nimg,\nvideo,\naudio,\niframe {\n  max-width: 100%;\n  height: auto;\n}\n\nfigure {\n  margin: 0;\n}\n\nhr {\n  border: 0;\n  border-top: 1px solid var(--site-divider);\n  margin: var(--space-xl) 0;\n}\n\n/* -------------------------------------------------------------------------\n * Typography\n * ------------------------------------------------------------------------- */\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n  font-family: var(--font-heading);\n  font-weight: var(--type-heading-weight);\n  line-height: var(--type-heading-leading);\n  letter-spacing: var(--type-heading-tracking);\n  color: var(--site-reading-heading);\n  margin: 1.6em 0 0.6em;\n}\n\nh1 {\n  font-size: var(--type-content-display);\n  line-height: var(--type-display-leading);\n  font-weight: var(--type-display-weight);\n  letter-spacing: var(--type-display-tracking);\n  margin: 4rem 0 1.5rem;\n}\n\nh2 {\n  font-size: var(--type-content-title);\n  font-style: italic;\n  margin: 2.1rem 0 1.4rem;\n}\n\nh3 {\n  font-size: var(--type-content-subtitle);\n  font-style: italic;\n  margin: 2rem 0 1.4rem;\n}\n\nh4 {\n  font-size: var(--type-content-body);\n  font-weight: var(--fw-medium);\n}\n\nh5,\nh6 {\n  font-size: var(--type-content-body);\n  font-weight: var(--fw-medium);\n  color: var(--site-reading-meta);\n}\n\np {\n  margin: 1.4rem 0;\n}\n\nsmall {\n  font-size: var(--type-sm);\n}\n\ncode,\nkbd,\nsamp {\n  font-family: var(--font-mono);\n  font-size: var(--type-code);\n}\n\npre {\n  font-family: var(--font-mono);\n  font-size: var(--type-code-block);\n  line-height: 1.5;\n  padding: 1rem;\n  overflow-x: auto;\n  background-color: var(--site-feed-card-bg);\n  border: 1px solid var(--site-feed-card-border);\n  border-radius: 0.375rem;\n}\n\npre code {\n  padding: 0;\n  background: transparent;\n  border: 0;\n  font-size: inherit;\n}\n\n:not(pre) > code {\n  padding: 0.1em 0.35em;\n  background-color: var(--site-feed-card-bg);\n  border: 1px solid var(--site-feed-card-border);\n  border-radius: 0.25rem;\n}\n\n/* Blockquotes — tinted background card with quote icon (matches main site). */\nblockquote {\n  position: relative;\n  margin: 1.4rem 0;\n  padding: 1.4rem 1rem 0.75rem;\n  border: none;\n  background: var(--site-blockquote-bg);\n  border-radius: 6px;\n  color: var(--site-blockquote-text);\n  font-family: var(--font-blockquote);\n  font-style: italic;\n  font-weight: inherit;\n  quotes: none;\n  text-wrap: pretty;\n}\n\nblockquote::before {\n  content: \"\";\n  display: block;\n  width: 1.3rem;\n  height: 1.3rem;\n  margin-bottom: 0.35rem;\n  background: var(--site-blockquote-rail);\n  opacity: 0.6;\n  mask-image: url(\"data:image/svg+xml,%3Csvg viewBox='0 0 96 96' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M24.4 10.5C16.9 17.7 11.5 26.8 8.2 37.7C4.9 48.7 4.8 58.9 7.8 68.2C10.3 75.7 15.4 79.5 22.9 79.5C28 79.5 32.2 77.8 35.4 74.2C38.6 70.7 40.2 66.5 40.2 61.4C40.2 56.5 38.8 52.6 36 49.6C33.3 46.6 29.7 45.1 25.2 45.1C23.4 45.1 21.8 45.3 20.2 45.8C22.2 37.3 26.7 29.2 33.6 21.4L24.4 10.5Z'/%3E%3Cpath d='M60.8 10.5C53.3 17.7 47.9 26.8 44.6 37.7C41.3 48.7 41.2 58.9 44.2 68.2C46.7 75.7 51.8 79.5 59.3 79.5C64.4 79.5 68.6 77.8 71.8 74.2C75 70.7 76.6 66.5 76.6 61.4C76.6 56.5 75.2 52.6 72.4 49.6C69.7 46.6 66.1 45.1 61.6 45.1C59.8 45.1 58.2 45.3 56.6 45.8C58.6 37.3 63.1 29.2 70 21.4L60.8 10.5Z'/%3E%3C/svg%3E\");\n  mask-size: contain;\n  mask-repeat: no-repeat;\n  -webkit-mask-image: url(\"data:image/svg+xml,%3Csvg viewBox='0 0 96 96' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M24.4 10.5C16.9 17.7 11.5 26.8 8.2 37.7C4.9 48.7 4.8 58.9 7.8 68.2C10.3 75.7 15.4 79.5 22.9 79.5C28 79.5 32.2 77.8 35.4 74.2C38.6 70.7 40.2 66.5 40.2 61.4C40.2 56.5 38.8 52.6 36 49.6C33.3 46.6 29.7 45.1 25.2 45.1C23.4 45.1 21.8 45.3 20.2 45.8C22.2 37.3 26.7 29.2 33.6 21.4L24.4 10.5Z'/%3E%3Cpath d='M60.8 10.5C53.3 17.7 47.9 26.8 44.6 37.7C41.3 48.7 41.2 58.9 44.2 68.2C46.7 75.7 51.8 79.5 59.3 79.5C64.4 79.5 68.6 77.8 71.8 74.2C75 70.7 76.6 66.5 76.6 61.4C76.6 56.5 75.2 52.6 72.4 49.6C69.7 46.6 66.1 45.1 61.6 45.1C59.8 45.1 58.2 45.3 56.6 45.8C58.6 37.3 63.1 29.2 70 21.4L60.8 10.5Z'/%3E%3C/svg%3E\");\n  -webkit-mask-size: contain;\n  -webkit-mask-repeat: no-repeat;\n}\n\nblockquote :where(p:first-of-type)::before,\nblockquote :where(p:last-of-type)::after {\n  content: none;\n}\n\nblockquote > :first-child {\n  margin-top: 0;\n}\n\nblockquote > :last-child {\n  margin-bottom: 0;\n}\n\nblockquote p {\n  margin: 0;\n}\n\nblockquote p + p,\nblockquote ul,\nblockquote ol,\nblockquote pre {\n  margin-top: 0.6em;\n}\n\nblockquote cite {\n  font-style: normal;\n  color: var(--site-reading-meta);\n  font-size: var(--type-sm);\n}\n\n/* CJK: no italic for blockquotes (no true italic glyph) */\n:lang(zh) blockquote,\n:lang(ja) blockquote,\n:lang(ko) blockquote {\n  font-style: normal;\n}\n\nul,\nol {\n  padding-left: 1.625em;\n  margin: 1.25em 0;\n}\n\nli {\n  margin-top: 1.2em;\n  margin-bottom: 1.2em;\n}\n\n/* Normalize li > p so list spacing is controlled by li alone,\n   regardless of whether the markdown renderer wraps li contents in <p>. */\nli > p:first-child {\n  margin-top: 0;\n}\n\nli > p:last-child {\n  margin-bottom: 0;\n}\n\na {\n  color: var(--site-reading-link);\n  text-decoration: underline;\n  text-decoration-color: var(--site-reading-link-underline);\n  text-underline-offset: 0.15em;\n  transition:\n    color 0.2s ease,\n    text-decoration-color 0.2s ease;\n}\n\na:hover,\na:focus {\n  color: var(--site-reading-link-hover);\n  text-decoration-color: currentColor;\n}\n\na:focus-visible {\n  outline: 2px solid var(--site-accent);\n  outline-offset: 2px;\n  border-radius: 2px;\n}\n\ntime {\n  color: var(--site-reading-meta);\n  font-size: var(--type-sm);\n  font-variant-numeric: tabular-nums;\n}\n\n/* -------------------------------------------------------------------------\n * Page layout — Tufte horizontal frame\n *\n * Mirrors the main site's `.site-page > header/main/footer` rule. Every\n * top-level section gets the same asymmetric padding so the reading column\n * aligns with the rest of the site.\n *\n * 12.5% left + 4% right = 16.5% padding → content = 83.5% of the box.\n * max-width = body-max-width / 0.835 so the inner content area exactly\n * equals `--layout-body-max-width` on wide viewports. min() caps keep\n * padding from growing beyond 210px / 67px. Mobile widens to 5% / 5%\n * and the 55% content column collapses to 100% (via tokens.css).\n * ------------------------------------------------------------------------- */\n\n.site-page {\n  min-height: 100vh;\n  min-height: 100dvh;\n  background-color: var(--site-page-bg);\n}\n\n.site-page > header,\n.site-page > main,\n.site-page > footer,\n.site-page > .home-branding-credit {\n  width: 100%;\n  max-width: calc(var(--layout-body-max-width) / 0.835);\n  padding-left: min(12.5%, 210px);\n  padding-right: min(4%, 67px);\n  margin-left: auto;\n  margin-right: auto;\n}\n\n@media (max-width: 760px) {\n  .site-page > header,\n  .site-page > main,\n  .site-page > footer,\n  .site-page > .home-branding-credit {\n    padding-left: max(5%, 28px);\n    padding-right: 5%;\n  }\n}\n\n.site-main {\n  padding-top: var(--space-xl);\n  padding-bottom: var(--space-xl);\n}\n\n/* -------------------------------------------------------------------------\n * Header\n * ------------------------------------------------------------------------- */\n\n.site-header {\n  padding-top: 24px;\n  background-color: var(--site-page-bg);\n}\n\n@media (min-width: 700px) {\n  .site-header {\n    padding-top: 30px;\n  }\n}\n\n.site-header-inner {\n  display: flex;\n  flex-direction: column;\n  align-items: stretch;\n  gap: 0;\n}\n\n.site-header-top {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: clamp(0.6rem, 2.2vw, 1rem);\n  flex-wrap: nowrap;\n  min-height: 2.75rem;\n  width: 100%;\n}\n\n.site-header-top-bordered {\n  padding-bottom: 15px;\n}\n\n@media (min-width: 700px) {\n  .site-header-top-bordered {\n    padding-bottom: 18px;\n  }\n}\n\n.site-logo {\n  display: flex;\n  flex: 0 1 auto;\n  align-items: center;\n  gap: 10px;\n  min-width: 0;\n  padding: 0.15rem 0;\n  font-family: var(--font-site-title);\n  font-size: var(--type-subtitle);\n  font-weight: var(--fw-regular);\n  letter-spacing: -0.02em;\n  line-height: 1.15;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  color: var(--site-text-primary);\n  text-decoration: none;\n}\n\n.site-logo:hover,\n.site-logo:focus {\n  color: var(--site-text-primary);\n  text-decoration: none;\n}\n\n.site-logo-avatar {\n  width: calc(var(--avatar-size) + 2px);\n  height: calc(var(--avatar-size) + 2px);\n  border-radius: var(--avatar-radius);\n  object-fit: cover;\n  box-shadow: 0 0 0 1px color-mix(in srgb, var(--site-divider) 82%, transparent);\n  flex: none;\n}\n\n.site-logo-text {\n  min-width: 0;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.site-header-nav {\n  display: flex;\n  align-items: center;\n  flex-wrap: nowrap;\n  justify-content: flex-end;\n  gap: clamp(0.6rem, 2.2vw, 1rem);\n  margin-left: auto;\n  min-width: 0;\n  font-family: var(--font-ui);\n}\n\n.site-header-link {\n  display: inline-flex;\n  flex: none;\n  align-items: center;\n  position: relative;\n  min-height: 2rem;\n  padding: 0.15rem 0;\n  font-size: var(--type-ui-meta);\n  font-weight: var(--fw-medium);\n  letter-spacing: 0.01em;\n  line-height: 1;\n  white-space: nowrap;\n  color: color-mix(in srgb, var(--site-text-secondary) 62%, transparent);\n  text-decoration: none;\n  transition: color 0.15s;\n}\n\n.site-header-link:hover,\n.site-header-link:focus {\n  color: color-mix(\n    in srgb,\n    var(--site-text-primary) 84%,\n    var(--site-text-secondary)\n  );\n  text-decoration: none;\n}\n\n.site-header-link-active {\n  color: color-mix(\n    in srgb,\n    var(--site-text-primary) 84%,\n    var(--site-text-secondary)\n  );\n}\n\n/* --- \"More\" dropdown ---------------------------------------------------- */\n\n.site-header-more {\n  position: relative;\n  display: inline-flex;\n  align-items: center;\n}\n\n.site-header-more-responsive-only {\n  display: none;\n}\n\n.site-header-more-btn {\n  display: inline-flex;\n  align-items: center;\n  gap: 0.45rem;\n  min-height: 2rem;\n  padding: 0.15rem 0;\n  border: none;\n  background: transparent;\n  cursor: pointer;\n  font-family: var(--font-ui);\n  font-size: var(--type-ui-meta);\n  font-weight: var(--fw-medium);\n  letter-spacing: 0.01em;\n  line-height: 1;\n  color: color-mix(in srgb, var(--site-text-secondary) 62%, transparent);\n  transition: color 0.15s;\n}\n\n.site-header-more-btn svg {\n  width: 0.82rem;\n  height: 0.82rem;\n  transition: transform 0.18s ease;\n}\n\n.site-header-more-btn:hover,\n.site-header-more-btn[aria-expanded=\"true\"] {\n  color: color-mix(\n    in srgb,\n    var(--site-text-primary) 84%,\n    var(--site-text-secondary)\n  );\n}\n\n.site-header-more-btn[aria-expanded=\"true\"] svg {\n  transform: rotate(180deg);\n}\n\n.site-header-more-popover {\n  display: block;\n  position: absolute;\n  top: 100%;\n  right: 0;\n  margin-top: 0.6rem;\n  min-width: 12.25rem;\n  padding: 0.3rem 0;\n  background: var(--site-page-bg);\n  border: 0.5px solid color-mix(in srgb, var(--site-divider) 80%, transparent);\n  border-radius: 0.4rem;\n  box-shadow:\n    0 4px 20px -8px rgba(0, 0, 0, 0.12),\n    0 2px 6px -2px rgba(0, 0, 0, 0.06);\n  opacity: 0;\n  visibility: hidden;\n  pointer-events: none;\n  transform: translateY(-6px);\n  transform-origin: top right;\n  transition:\n    opacity 0.18s ease,\n    transform 0.18s ease,\n    visibility 0s linear 0.18s;\n  z-index: 50;\n}\n\n.site-header-more-popover[aria-hidden=\"false\"] {\n  opacity: 1;\n  visibility: visible;\n  pointer-events: auto;\n  transform: translateY(0);\n  transition-delay: 0s;\n}\n\n.site-header-more-link {\n  position: relative;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 0.35rem;\n  padding: 0.45rem 1rem;\n  font-family: var(--font-ui);\n  font-size: var(--type-ui-meta);\n  color: var(--site-text-secondary);\n  text-decoration: none;\n  transition:\n    color 0.15s,\n    background-color 0.15s;\n}\n\n.site-header-more-link:hover,\n.site-header-more-link:focus {\n  color: color-mix(\n    in srgb,\n    var(--site-text-primary) 84%,\n    var(--site-text-secondary)\n  );\n  background: color-mix(in srgb, var(--site-nav-hover-bg) 58%, transparent);\n  text-decoration: none;\n}\n\n.site-header-more-link-active {\n  color: color-mix(\n    in srgb,\n    var(--site-text-primary) 84%,\n    var(--site-text-secondary)\n  );\n}\n\n.site-header-more-link-responsive,\n.site-header-more-divider-responsive {\n  display: none;\n}\n\n.site-header-more-divider {\n  height: 0;\n  margin: 0.35rem 0.75rem;\n  border-top: 0.5px solid\n    color-mix(in srgb, var(--site-divider) 60%, transparent);\n}\n\n/* --- Tiered responsive collapse ---------------------------------------- *\n *\n *   ≤960px — 5th+ inline link collapses into More (tier-lg)\n *   ≤780px — also 4th collapses (tier-md)\n *   ≤580px — also 3rd collapses (tier-sm)\n * The first two links always stay inline. No hamburger on static export —\n * at very narrow widths 2 inline links + More button is the floor.\n */\n\n@media (max-width: 960px) {\n  .site-header-link-collapse-lg {\n    display: none;\n  }\n\n  .site-header-more-responsive-only.site-header-more-tier-lg {\n    display: inline-flex;\n  }\n\n  .site-header-more-link-show-lg {\n    display: flex;\n  }\n\n  .site-header-more-divider-responsive {\n    display: block;\n  }\n}\n\n@media (max-width: 780px) {\n  .site-header-link-collapse-md {\n    display: none;\n  }\n\n  .site-header-more-responsive-only.site-header-more-tier-md {\n    display: inline-flex;\n  }\n\n  .site-header-more-link-show-md {\n    display: flex;\n  }\n}\n\n@media (max-width: 580px) {\n  .site-header-link-collapse-sm {\n    display: none;\n  }\n\n  .site-header-more-responsive-only.site-header-more-tier-sm {\n    display: inline-flex;\n  }\n\n  .site-header-more-link-show-sm {\n    display: flex;\n  }\n}\n\n/* -------------------------------------------------------------------------\n * Footer\n * ------------------------------------------------------------------------- */\n\n.site-footer {\n  margin-top: var(--space-xl);\n  padding-bottom: var(--space-xl);\n  color: var(--site-text-secondary);\n  font-size: var(--type-xs);\n  background-color: var(--site-page-bg);\n}\n\n.site-footer-inner {\n  border-top: 0.5px solid var(--site-divider);\n  padding-top: var(--space-xl);\n  display: flex;\n  flex-direction: column;\n  gap: 0.75rem;\n}\n\n.site-footer-content {\n  color: var(--site-text-secondary);\n}\n\n.site-footer-content p {\n  margin: 0 0 0.5em;\n}\n\n.site-footer-nav-list {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 1rem;\n  list-style: none;\n  margin: 0;\n  padding: 0;\n}\n\n.home-branding-credit {\n  margin-top: var(--space-xl);\n  padding-bottom: var(--space-xl);\n  text-align: center;\n  color: var(--site-text-secondary);\n  font-size: var(--type-base);\n}\n\n.home-branding-credit a {\n  display: inline-flex;\n  align-items: center;\n  gap: 0.38rem;\n  color: inherit;\n  text-decoration: none;\n  border-bottom: 0.5px solid\n    color-mix(in srgb, var(--site-text-secondary) 45%, transparent);\n  transition:\n    color 160ms ease,\n    border-color 160ms ease;\n}\n\n.home-branding-credit a:hover,\n.home-branding-credit a:focus-visible {\n  color: var(--site-text-primary);\n  border-color: currentColor;\n}\n\n/* -------------------------------------------------------------------------\n * Tufte content-width constraint\n *\n * Mirrors the main site's 55% rule: reading text occupies a narrow\n * column inside the Tufte frame, leaving a wide right margin that\n * would host sidenotes on the main site. Media (images, video, audio)\n * is NOT included — galleries intentionally span the full frame so\n * they can breathe.\n *\n * Mobile (<=760px): `--layout-content-width` collapses to 100% via\n * tokens.css. Tablet: cap at 35rem for readability.\n * ------------------------------------------------------------------------- */\n\n.section-header,\n.section-body,\n.post-card-title,\n.post-card-summary,\n.post-card-link-domain,\n.post-card-quote-content,\n.post-card-quote-attribution,\n.post-card-quote-commentary,\n.post-card-footer,\n.reply-title,\n.reply-body,\n.reply-link-domain,\n.reply-footer,\n.thread-title,\n.thread-body,\n.thread-link-domain,\n.thread-footer,\n.collection-directory,\n.pagination,\n.empty-state,\n.page-summary {\n  width: var(--layout-content-width);\n  max-width: 100%;\n}\n\n@media (min-width: 761px) and (max-width: 1024px) {\n  .section-header,\n  .section-body,\n  .post-card-title,\n  .post-card-summary,\n  .post-card-link-domain,\n  .post-card-quote-content,\n  .post-card-quote-attribution,\n  .post-card-quote-commentary,\n  .post-card-footer,\n  .reply-title,\n  .reply-body,\n  .reply-link-domain,\n  .reply-footer,\n  .thread-title,\n  .thread-body,\n  .thread-link-domain,\n  .thread-footer,\n  .collection-directory,\n  .pagination,\n  .empty-state,\n  .page-summary {\n    width: min(100%, 35rem);\n  }\n}\n\n/* -------------------------------------------------------------------------\n * Section headers\n * ------------------------------------------------------------------------- */\n\n.section-header {\n  margin-bottom: var(--space-xl);\n  padding-bottom: 1rem;\n  border-bottom: 1px solid var(--site-border-light);\n}\n\n.section-title {\n  margin: 0 0 0.25em;\n}\n\n.section-summary {\n  margin: 0;\n  color: var(--site-reading-meta);\n  font-size: var(--type-secondary);\n}\n\n.section-meta {\n  margin: 0.5em 0 0;\n  color: var(--site-reading-meta);\n  font-size: var(--type-sm);\n}\n\n/* -------------------------------------------------------------------------\n * Post list + post cards\n * ------------------------------------------------------------------------- */\n\n.post-list {\n  display: flex;\n  flex-direction: column;\n  gap: calc(var(--space-xl) * 1.25);\n}\n\n.post-list-pinned {\n  margin-bottom: calc(var(--space-xl) * 1.25);\n  padding-bottom: calc(var(--space-xl) * 1.25);\n  border-bottom: 1px solid var(--site-border-light);\n}\n\n/* Decorative divider between posts in a timeline feed. Mirrors the main\n   site's `hr.feed-divider`: a trio of small chevron marks masked from the\n   current text color, so it picks up the theme automatically.\n   `margin-left` centers the divider within the 55% reading column so it\n   visually sits at the middle of the post-card text stack. */\nhr.feed-divider {\n  border: none;\n  width: 30px;\n  height: 9px;\n  margin: 0;\n  margin-left: calc(var(--layout-content-width) / 2 - 15px);\n  color: var(--site-feed-divider-color);\n  background-color: currentColor;\n  -webkit-mask-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 45 13'%3E%3Cpath fill='black' transform='translate(0,0) rotate(90 6 6.5)' d='M6.765.5.177 6.093l2.61 5.966 8.39-3.17L6.765.5Z'/%3E%3Cpath fill='black' transform='translate(16,0) rotate(100 6 6.5)' d='M6.765.5.177 6.093l2.61 5.966 8.39-3.17L6.765.5Z'/%3E%3Cpath fill='black' transform='translate(32,0) rotate(80 6 6.5)' d='M6.765.5.177 6.093l2.61 5.966 8.39-3.17L6.765.5Z'/%3E%3C/svg%3E\");\n  mask-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 45 13'%3E%3Cpath fill='black' transform='translate(0,0) rotate(90 6 6.5)' d='M6.765.5.177 6.093l2.61 5.966 8.39-3.17L6.765.5Z'/%3E%3Cpath fill='black' transform='translate(16,0) rotate(100 6 6.5)' d='M6.765.5.177 6.093l2.61 5.966 8.39-3.17L6.765.5Z'/%3E%3Cpath fill='black' transform='translate(32,0) rotate(80 6 6.5)' d='M6.765.5.177 6.093l2.61 5.966 8.39-3.17L6.765.5Z'/%3E%3C/svg%3E\");\n  -webkit-mask-repeat: no-repeat;\n  mask-repeat: no-repeat;\n  -webkit-mask-position: center;\n  mask-position: center;\n  -webkit-mask-size: contain;\n  mask-size: contain;\n}\n\n.post-card {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  gap: 0.75rem;\n}\n\n.post-card-title {\n  font-family: var(--font-heading);\n  font-size: var(--feed-note-title-size);\n  font-weight: var(--type-heading-weight);\n  line-height: var(--feed-note-title-leading);\n  margin: 0;\n  color: var(--site-reading-title);\n}\n\n.post-card-title a {\n  color: inherit;\n  text-decoration: none;\n}\n\n.post-card-title a:hover,\n.post-card-title a:focus {\n  text-decoration: underline;\n  text-underline-offset: 0.18em;\n}\n\n.post-card-summary {\n  margin: 0;\n  color: var(--site-reading-body);\n}\n\n/* Link card domain row — shown ABOVE the title (matches main site's\n   `.feed-link-domain` pattern). Inline flex with icon + host text. */\n.post-card-link-domain,\n.thread-link-domain,\n.reply-link-domain {\n  display: inline-flex;\n  align-items: center;\n  gap: 0.3rem;\n  max-width: 100%;\n  margin: 0 0 0.4rem 0;\n  font-family: var(--font-ui);\n  font-size: var(--type-ui-meta);\n  font-weight: var(--fw-regular);\n  line-height: 1.3;\n  color: var(--site-text-secondary);\n  text-decoration: none;\n  word-break: break-all;\n  transition: color 0.18s ease;\n}\n\n.post-card-link-domain:hover,\n.post-card-link-domain:focus,\n.thread-link-domain:hover,\n.thread-link-domain:focus,\n.reply-link-domain:hover,\n.reply-link-domain:focus {\n  color: var(--site-text-primary);\n}\n\n.post-card-link-domain-icon {\n  width: 0.72rem;\n  height: 0.72rem;\n  flex-shrink: 0;\n}\n\n/* Slight extra breathing room below link-card titles to match main site. */\n.post-card-link-title,\n.thread-link-title,\n.reply-link-title {\n  text-wrap: pretty;\n}\n\n.post-card-link-title a,\n.thread-link-title a,\n.reply-link-title a {\n  text-decoration: none;\n}\n\n.post-card-link-title a:hover,\n.post-card-link-title a:focus,\n.thread-link-title a:hover,\n.thread-link-title a:focus,\n.reply-link-title a:hover,\n.reply-link-title a:focus {\n  text-decoration: underline;\n  text-underline-offset: 3px;\n}\n\n.post-card-media,\n.reply-media,\n.thread-media {\n  display: grid;\n  grid-template-columns: 1fr;\n  gap: 0.75rem;\n}\n\n.post-card-figure img,\n.reply-figure img,\n.thread-figure img {\n  display: block;\n  width: 100%;\n  border-radius: var(--media-radius);\n  border: 1px solid var(--site-media-outline);\n}\n\n.post-card-figure video,\n.reply-figure video,\n.thread-figure video {\n  display: block;\n  width: 100%;\n  height: auto;\n  border-radius: var(--media-radius);\n  border: 1px solid var(--site-media-outline);\n  background: #000;\n}\n\n.post-card-figure audio,\n.reply-figure audio,\n.thread-figure audio {\n  display: block;\n  width: 100%;\n}\n\n.post-card-figure-video a {\n  position: relative;\n  display: block;\n}\n\n.post-card-video-badge {\n  position: absolute;\n  left: 0.5rem;\n  bottom: 0.5rem;\n  padding: 0.125rem 0.5rem;\n  font-size: var(--type-xs);\n  color: #fff;\n  background: rgba(0, 0, 0, 0.65);\n  border-radius: 999px;\n  pointer-events: none;\n}\n\n.thread-file a,\n.reply-file a {\n  color: var(--site-link);\n  text-decoration: underline;\n}\n\n/* -------------------------------------------------------------------------\n * Quote format — decorative mark, serif body, attribution line\n * ------------------------------------------------------------------------- */\n\n.post-card-quote {\n  position: static;\n  margin: 0;\n  padding: 0;\n  border: 0;\n  border-radius: 0;\n  background: transparent;\n  color: var(--site-reading-quote);\n  font-family: inherit;\n  font-style: normal;\n}\n\n/* Quote-format posts have their own decorative `.post-card-quote-mark`\n   SVG inside the blockquote — suppress the global blockquote icon. */\n.post-card-quote::before {\n  content: none;\n}\n\n.post-card-quote-mark {\n  display: block;\n  position: relative;\n  width: 1.7rem;\n  margin-bottom: -0.1rem;\n  margin-left: -0.04rem;\n  line-height: 0;\n  pointer-events: none;\n  color: color-mix(in srgb, var(--site-accent) 14%, var(--site-divider));\n  opacity: 0.66;\n}\n\n.post-card-quote-mark svg {\n  display: block;\n  width: 100%;\n  height: auto;\n}\n\n.post-card-quote-content {\n  font-family: var(--font-serif);\n  color: var(--site-text-primary);\n  font-size: var(--type-content-subtitle);\n  line-height: var(--type-heading-leading);\n  white-space: pre-line;\n  text-wrap: pretty;\n  margin: 0;\n}\n\n.post-card-quote-attribution {\n  display: flex;\n  align-items: center;\n  gap: 0.45rem;\n  flex-wrap: wrap;\n  margin-top: 0.95rem;\n  color: var(--site-text-secondary);\n  font-family: var(--font-ui);\n  font-size: var(--type-ui-meta);\n  font-style: normal;\n  line-height: 1.3;\n}\n\n.post-card-quote-attribution::before {\n  content: \"\";\n  width: 0.9rem;\n  height: 1px;\n  background: color-mix(\n    in srgb,\n    var(--site-text-secondary) 38%,\n    var(--site-divider)\n  );\n}\n\n.post-card-quote-source {\n  color: inherit;\n  text-decoration: underline;\n  text-decoration-color: color-mix(\n    in srgb,\n    var(--site-text-secondary) 55%,\n    transparent\n  );\n  text-underline-offset: 3px;\n}\n\n.post-card-quote-source:hover,\n.post-card-quote-source:focus {\n  color: var(--site-text-primary);\n  text-decoration-color: currentColor;\n}\n\n.post-card-quote-commentary {\n  position: relative;\n  margin-top: 1.1rem;\n  padding-top: 0.95rem;\n  color: color-mix(\n    in srgb,\n    var(--site-text-secondary) 84%,\n    var(--site-text-primary)\n  );\n  text-wrap: pretty;\n}\n\n.post-card-quote-commentary::before {\n  content: \"\";\n  position: absolute;\n  left: 0;\n  right: 0;\n  top: 0;\n  height: 1px;\n  background: linear-gradient(\n    90deg,\n    transparent 0%,\n    color-mix(in srgb, var(--site-divider) 48%, transparent) 16%,\n    color-mix(in srgb, var(--site-divider) 78%, transparent) 50%,\n    color-mix(in srgb, var(--site-divider) 48%, transparent) 84%,\n    transparent 100%\n  );\n}\n\n.post-card-quote-commentary.prose > :first-child {\n  margin-top: 0;\n}\n\n.post-card-quote-commentary.prose > :last-child {\n  margin-bottom: 0;\n}\n\n.post-card-quote-commentary p {\n  margin: 0;\n}\n\n.post-card-quote-commentary p + p,\n.post-card-quote-commentary ul,\n.post-card-quote-commentary ol,\n.post-card-quote-commentary blockquote,\n.post-card-quote-commentary pre {\n  margin-top: 0.55rem;\n}\n\n/* Fade the post meta on quote cards so the quote body stays visually primary. */\n.post-card-quote ~ .post-card-footer,\n.post-card-quote-commentary + .post-card-footer {\n  opacity: 0.72;\n}\n\n/* -------------------------------------------------------------------------\n * Post footer — meta (featured, time, external link, collections, pinned)\n * ------------------------------------------------------------------------- */\n\n.post-card-footer,\n.reply-footer {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  gap: 10px;\n  min-height: 2rem;\n  font-size: var(--type-ui-hint);\n}\n\n.post-footer-detail {\n  margin-top: 24px;\n  /* Match the feed/reply footer size so the root post's footer doesn't\n     visually dominate. Main site uses a larger size because every post\n     on the detail page is rendered at detail size; here only the root\n     post gets this class, which otherwise creates a mismatch with the\n     replies below. */\n  font-size: var(--type-ui-hint);\n  color: var(--site-text-secondary);\n}\n\n.post-footer-meta {\n  display: flex;\n  flex: 1 1 auto;\n  align-items: center;\n  gap: 8px;\n  flex-wrap: wrap;\n  min-width: 0;\n  font-family: var(--font-ui);\n  line-height: 1.35;\n  color: var(--site-text-secondary);\n}\n\n.post-footer-meta time {\n  font-size: inherit;\n  color: inherit;\n}\n\n.post-footer-featured {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  color: color-mix(\n    in srgb,\n    var(--search-mark-color) 72%,\n    var(--site-text-secondary)\n  );\n  flex-shrink: 0;\n}\n\n.post-footer-featured svg {\n  width: 1rem;\n  height: 1rem;\n  opacity: 0.9;\n}\n\n.post-footer-link {\n  color: var(--site-text-secondary);\n  text-decoration: none;\n  white-space: nowrap;\n  flex-shrink: 0;\n}\n\n.post-footer-link:hover,\n.post-footer-link:focus {\n  color: var(--site-text-primary);\n  text-decoration: underline;\n}\n\n.post-footer-external-link {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 1.6rem;\n  height: 1.6rem;\n  border-radius: 0.6rem;\n  color: var(--site-text-secondary);\n  text-decoration: none;\n  transition:\n    color 0.18s ease,\n    background-color 0.16s ease;\n  flex-shrink: 0;\n}\n\n.post-footer-external-link:hover,\n.post-footer-external-link:focus {\n  color: var(--site-text-primary);\n}\n\n.post-footer-external-link svg {\n  width: 1rem;\n  height: 1rem;\n}\n\n.post-collection-tags {\n  display: inline-flex;\n  align-items: center;\n  gap: 4px;\n  flex-wrap: wrap;\n  min-width: 0;\n  max-width: 100%;\n  color: var(--site-text-secondary);\n}\n\n.post-collection-tag {\n  display: inline-flex;\n  align-items: center;\n  gap: 3px;\n  color: inherit;\n  text-decoration: none;\n  min-width: 0;\n  max-width: min(100%, 22ch);\n}\n\n.post-collection-tag:hover,\n.post-collection-tag:focus {\n  color: var(--site-text-primary);\n  text-decoration: underline;\n  text-underline-offset: 0.18em;\n}\n\n.post-collection-tag-text {\n  display: block;\n  min-width: 0;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.post-card-pin {\n  font-size: var(--type-2xs);\n  text-transform: uppercase;\n  letter-spacing: var(--type-label-tracking);\n  color: var(--site-accent);\n  border: 1px solid var(--site-accent);\n  padding: 0.1em 0.5em;\n  border-radius: 999px;\n  flex-shrink: 0;\n}\n\n/* -------------------------------------------------------------------------\n * Thread preview (list pages: root context + hero latest reply)\n *\n * Mirrors the main site's `.thread-group.thread-group-preview` layout:\n * content sits flush-left inside the preview, and the vertical rail +\n * dot markers are positioned OUTSIDE the content (overflowing into the\n * container's left gutter) via a negative `left` on the rail/dots.\n * ------------------------------------------------------------------------- */\n\n.thread-preview {\n  /* Rail position: negative = overflow outside content. Mirrors\n     `--site-thread-rail-line-left` on the main site. */\n  --thread-rail-left: -27px;\n  --thread-rail-width: 1px;\n  --thread-rail-indent: 0px;\n  --thread-dot-size: 10px;\n  --thread-dot-ring-width: 2px;\n  --thread-dot-border-width: 2px;\n  --thread-hero-dot-size: 14px;\n  --thread-hero-dot-border-width: 3px;\n  --thread-item-spacing: 0.35rem;\n\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  gap: 0.6rem;\n  padding-left: var(--thread-rail-indent);\n}\n\n@media (max-width: 760px) {\n  .thread-preview {\n    --thread-rail-left: -11px;\n    --thread-rail-indent: 8px;\n  }\n}\n\n/* Continuous vertical rail — subtle gradient so the line fades into\n   whitespace at the top and tail. Sits outside the content via negative\n   `left`. */\n.thread-preview::before {\n  content: \"\";\n  position: absolute;\n  left: var(--thread-rail-left);\n  top: 0;\n  bottom: 0;\n  width: var(--thread-rail-width);\n  background: linear-gradient(\n    180deg,\n    transparent 0,\n    color-mix(in srgb, var(--site-threadline) 85%, transparent) 8%,\n    color-mix(in srgb, var(--site-threadline) 55%, transparent) 100%\n  );\n  pointer-events: none;\n}\n\n.thread-preview-context {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  /* Match runtime `.thread-group-preview .thread-item` which uses\n     `padding: var(--site-thread-item-spacing) 0` — adjacent items have\n     2x the token between them, so the flex `gap` here is 2x to match. */\n  gap: calc(var(--site-thread-item-spacing) * 2);\n  margin: 0;\n  padding: 0;\n  border-left: 0;\n}\n\n/* Individual entry in a thread preview — wraps a full `.post-card` so\n   the root, second, and penultimate replies render with their own\n   title/body/footer. Dot marker sits on the rail at the card's\n   vertical midpoint. */\n.thread-preview .thread-item {\n  position: relative;\n  min-width: 0;\n  max-width: 100%;\n}\n\n.thread-preview .thread-item::before {\n  content: \"\";\n  position: absolute;\n  left: calc(\n    var(--thread-rail-left) + var(--thread-rail-width) / 2 -\n      var(--thread-dot-size) / 2 - var(--thread-rail-indent)\n  );\n  top: 1.4rem;\n  width: var(--thread-dot-size);\n  height: var(--thread-dot-size);\n  border-radius: 50%;\n  background-color: var(--site-threadline);\n  border: var(--thread-dot-border-width) solid var(--site-page-bg);\n  box-shadow: 0 0 0 var(--thread-dot-ring-width) var(--site-thread-dot-ring);\n  z-index: 1;\n}\n\n/* Gap \"N more posts\" row has no card so we place the dot at its\n   vertical midpoint instead of the card's top area. */\n.thread-preview .thread-item-gap {\n  display: flex;\n  align-items: center;\n  padding: 0.15rem 0 0.35rem;\n}\n\n.thread-preview .thread-item-gap::before {\n  top: 50%;\n  transform: translateY(-50%);\n}\n\n/* Hidden-posts count — rendered as a rounded dashed pill matching\n   the main site's `.thread-gap-link`. */\n.thread-preview-gap {\n  display: inline-flex;\n  align-items: center;\n  gap: 0.35rem;\n  align-self: flex-start;\n  margin: 0.15rem 0;\n  padding: 0.3rem 0.72rem;\n  border: 1px dashed var(--site-thread-context-border);\n  border-radius: 999px;\n  background: var(--site-thread-gap-bg);\n  color: var(--site-text-secondary);\n  font-size: var(--type-thread-context-meta);\n  line-height: 1.3;\n  text-decoration: none;\n  transition:\n    border-color 0.18s ease,\n    color 0.18s ease,\n    background-color 0.18s ease;\n}\n\n.thread-preview-gap:hover,\n.thread-preview-gap:focus {\n  border-color: color-mix(in srgb, var(--site-accent) 22%, var(--site-divider));\n  color: var(--site-text-primary);\n  text-decoration: none;\n}\n\n/* Hero (latest reply) row: spacing above and below matches the main\n   site's `.thread-item-hero`, and the dot is larger + accent-colored. */\n.thread-preview-hero {\n  display: flex;\n  flex-direction: column;\n  gap: 0.5rem;\n  padding-top: calc(var(--space-xl) * 1.1);\n  margin-top: 0;\n}\n\n.thread-preview .thread-item-hero::before {\n  left: calc(\n    var(--thread-rail-left) + var(--thread-rail-width) / 2 -\n      var(--thread-hero-dot-size) / 2 - var(--thread-rail-indent)\n  );\n  top: calc(var(--space-xl) * 1.1 + 1.4rem);\n  width: var(--thread-hero-dot-size);\n  height: var(--thread-hero-dot-size);\n  background-color: var(--site-accent);\n  border-width: var(--thread-hero-dot-border-width);\n}\n\n.thread-preview-thread-link {\n  align-self: flex-start;\n  font-size: var(--type-sm);\n  color: var(--site-reading-meta);\n  text-decoration: none;\n}\n\n.thread-preview-thread-link:hover,\n.thread-preview-thread-link:focus {\n  color: var(--site-text-primary);\n  text-decoration: underline;\n}\n\n/* -------------------------------------------------------------------------\n * Thread (single post page with inline replies)\n * ------------------------------------------------------------------------- */\n\n.thread {\n  /* Rail variables match `.thread-preview` so the detail-page rail\n     shares the same visual position. */\n  --thread-rail-left: -27px;\n  --thread-rail-width: 1px;\n  --thread-rail-indent: 0px;\n  --thread-dot-size: 10px;\n  --thread-dot-ring-width: 2px;\n  --thread-dot-border-width: 2px;\n  --thread-hero-dot-size: 14px;\n  --thread-hero-dot-border-width: 3px;\n\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  gap: 1.25rem;\n  padding-left: var(--thread-rail-indent);\n}\n\n@media (max-width: 760px) {\n  .thread {\n    --thread-rail-left: -11px;\n    --thread-rail-indent: 8px;\n  }\n}\n\n/* Continuous vertical rail spanning the entire thread (root post + replies).\n   Only shown when the root post actually has replies — a lone post should\n   not have a rail or dot. Matches `.thread-preview`. */\n.thread-has-replies::before {\n  content: \"\";\n  position: absolute;\n  left: var(--thread-rail-left);\n  top: 0;\n  bottom: 0;\n  width: var(--thread-rail-width);\n  background: linear-gradient(\n    180deg,\n    transparent 0,\n    color-mix(in srgb, var(--site-threadline) 85%, transparent) 8%,\n    color-mix(in srgb, var(--site-threadline) 55%, transparent) 100%\n  );\n  pointer-events: none;\n}\n\n/* Dot marker for each post in the thread (root + replies). Shown only when\n   there are replies so a solo post doesn't get an orphaned dot. */\n.thread .thread-item {\n  position: relative;\n  min-width: 0;\n  max-width: 100%;\n}\n\n.thread-has-replies .thread-item::before {\n  content: \"\";\n  position: absolute;\n  left: calc(\n    var(--thread-rail-left) + var(--thread-rail-width) / 2 -\n      var(--thread-dot-size) / 2 - var(--thread-rail-indent)\n  );\n  top: 1.4rem;\n  width: var(--thread-dot-size);\n  height: var(--thread-dot-size);\n  border-radius: 50%;\n  background-color: var(--site-threadline);\n  border: var(--thread-dot-border-width) solid var(--site-page-bg);\n  box-shadow: 0 0 0 var(--thread-dot-ring-width) var(--site-thread-dot-ring);\n  z-index: 1;\n}\n\n.thread-item-root {\n  display: flex;\n  flex-direction: column;\n  gap: 0.75rem;\n}\n\n.thread-header {\n  display: flex;\n  flex-direction: column;\n  gap: 0.5rem;\n}\n\n.thread-title {\n  font-family: var(--font-heading);\n  font-size: var(--type-content-display);\n  font-weight: var(--type-display-weight);\n  line-height: var(--type-display-leading);\n  margin: 0;\n  color: var(--site-reading-title);\n}\n\n.thread-title a {\n  color: inherit;\n  text-decoration: none;\n}\n\n.thread-title a:hover,\n.thread-title a:focus {\n  text-decoration: underline;\n  text-underline-offset: 0.18em;\n}\n\n.thread-body {\n  font-size: var(--type-content-body);\n  line-height: var(--type-body-leading);\n  color: var(--site-reading-body);\n}\n\n.thread-body > :first-child {\n  margin-top: 0;\n}\n\n.thread-body > :last-child {\n  margin-bottom: 0;\n}\n\n.thread-replies {\n  /* Flex container for replies. The rail and dots are provided by\n     `.thread::before` and `.thread-item::before` so replies stay visually\n     connected to the root post. */\n  display: flex;\n  flex-direction: column;\n  gap: var(--space-xl);\n}\n\n/* -------------------------------------------------------------------------\n * Replies\n * ------------------------------------------------------------------------- */\n\n.reply {\n  scroll-margin-top: 1.5rem;\n  display: flex;\n  flex-direction: column;\n  gap: 0.6rem;\n}\n\n.reply:target {\n  background-color: var(--search-mark-bg);\n  border-radius: 0.25rem;\n  padding: 0.75rem 1rem;\n  margin-left: -1rem;\n  margin-right: -1rem;\n}\n\n.reply:target::before {\n  background-color: var(--site-accent);\n}\n\n.reply-title {\n  font-family: var(--font-heading);\n  font-size: var(--type-content-subtitle);\n  font-weight: var(--type-heading-weight);\n  line-height: var(--type-heading-leading);\n  margin: 0;\n  color: var(--site-reading-heading);\n}\n\n.reply-body {\n  color: var(--site-reading-body);\n}\n\n.reply-body > :first-child {\n  margin-top: 0;\n}\n\n.reply-body > :last-child {\n  margin-bottom: 0;\n}\n\n/* -------------------------------------------------------------------------\n * Collections page\n *\n * Mirrors the main site's authenticated-less collections view\n * (`ui/pages/CollectionsPage.tsx` + `ui/shared/CollectionDirectory.tsx`):\n * a page-intro block with count, then a two-column grid per row where a\n * monospace sequence label sits beside the collection title, description,\n * and entry/activity meta.\n * ------------------------------------------------------------------------- */\n\n.collections-page-shell {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  width: var(--layout-content-width);\n  max-width: 100%;\n  gap: clamp(1.25rem, 3vw, 1.75rem);\n}\n\n@media (min-width: 761px) and (max-width: 1024px) {\n  .collections-page-shell {\n    width: min(100%, 35rem);\n  }\n}\n\n@media (max-width: 760px) {\n  .collections-page-shell {\n    width: 100%;\n  }\n}\n\n.collections-page-header {\n  position: relative;\n  display: flex;\n  align-items: flex-start;\n  padding-bottom: 0.2rem;\n}\n\n.collections-page-heading {\n  min-width: 0;\n  flex: 1 1 18rem;\n}\n\n.page-intro {\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  padding-bottom: 0.1rem;\n}\n\n.page-intro-title-row {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: baseline;\n  gap: 0.7rem;\n  min-width: 0;\n}\n\n.page-intro-title {\n  margin: 0;\n  font-family: var(--font-heading);\n  font-size: var(--type-title, 2rem);\n  font-weight: var(--type-heading-weight);\n  line-height: 1.15;\n  letter-spacing: -0.01em;\n  color: var(--site-text-primary);\n}\n\n.page-intro-meta-row {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  justify-content: space-between;\n  gap: 0.75rem 1rem;\n}\n\n.page-intro-meta,\n.page-intro-description {\n  margin: 0;\n  color: var(--site-text-secondary);\n  font-family: var(--font-ui);\n  font-size: var(--type-secondary);\n  line-height: 1.3;\n}\n\n.collection-directory {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  gap: 0.15rem;\n  list-style: none;\n  padding: 0;\n  margin: 0;\n}\n\n.collection-directory-item {\n  position: relative;\n  display: flex;\n  align-items: flex-start;\n  gap: 0.75rem;\n  padding: 0.95rem 0;\n  background: transparent;\n  text-decoration: none;\n}\n\n.collection-directory-main {\n  --collection-directory-sequence-width: 3.5ch;\n  --collection-directory-title-line-height: 1.18;\n  min-width: 0;\n  flex: 1;\n  display: grid;\n  grid-template-columns: var(--collection-directory-sequence-width) minmax(\n      0,\n      1fr\n    );\n  align-items: start;\n  column-gap: 0.8rem;\n  row-gap: 0.25rem;\n}\n\n.collection-directory-sequence {\n  grid-column: 1;\n  grid-row: 1;\n  display: block;\n  width: var(--collection-directory-sequence-width);\n  padding-top: 0.2rem;\n  font-family: var(--font-mono);\n  font-size: var(--type-xs);\n  font-variant-numeric: tabular-nums;\n  line-height: var(--collection-directory-title-line-height);\n  letter-spacing: 0.14em;\n  color: var(--site-text-secondary);\n}\n\n.collection-directory-title-row {\n  grid-column: 2;\n  grid-row: 1;\n  min-width: 0;\n  display: flex;\n  align-items: flex-start;\n}\n\n.collection-directory-title-link {\n  color: inherit;\n  text-decoration: none;\n  transition: color 0.15s ease;\n}\n\n.collection-directory-title-link:hover,\n.collection-directory-title-link:focus-visible {\n  color: var(--site-text-primary);\n}\n\n.collection-directory-title-link:hover .collection-directory-title,\n.collection-directory-title-link:focus-visible .collection-directory-title {\n  text-decoration: underline;\n  text-underline-offset: 3px;\n}\n\n.collection-directory-title {\n  min-width: 0;\n  display: inline-flex;\n  align-items: center;\n  gap: 0.45rem;\n  font-family: var(--font-heading);\n  font-size: var(--type-content-body);\n  font-weight: var(--type-heading-weight);\n  line-height: var(--collection-directory-title-line-height);\n  letter-spacing: -0.02em;\n  text-wrap: pretty;\n}\n\n.collection-directory-title-marker {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 0.95rem;\n  min-width: 0.95rem;\n  height: 0.95rem;\n  color: var(--site-text-secondary);\n  transition: color 0.15s ease;\n}\n\n.collection-directory-title-link:hover .collection-directory-title-marker,\n.collection-directory-title-link:focus-visible\n  .collection-directory-title-marker {\n  color: var(--site-text-primary);\n}\n\n.collection-directory-description {\n  grid-column: 2;\n  grid-row: 2;\n  margin: 0;\n  color: color-mix(in srgb, var(--site-text-secondary) 80%, transparent);\n  font-family: var(--font-body);\n  font-size: var(--type-sm);\n  line-height: 1.45;\n}\n\n.collection-directory-description :where(p) {\n  margin-top: 0.25em;\n  margin-bottom: 0.25em;\n}\n\n/* Links inside the description inherit the description color so they sit in\n   the same gray tone as the copy around them (matches the main site's\n   `.prose { --tw-prose-links: var(--site-content-link); }` which resolves\n   to `inherit`). The underline stays, drawn in currentColor. */\n.collection-directory-description :where(a) {\n  color: inherit;\n  text-decoration: underline;\n  text-decoration-color: currentColor;\n  text-underline-offset: 0.15em;\n}\n\n.collection-directory-description :where(a:hover),\n.collection-directory-description :where(a:focus-visible) {\n  color: var(--site-text-primary);\n}\n\n.collection-directory-description :where(p:first-child) {\n  margin-top: 0;\n}\n\n.collection-directory-description :where(p:last-child) {\n  margin-bottom: 0;\n}\n\n.collection-directory-description + .collection-directory-summary {\n  grid-row: 3;\n}\n\n.collection-directory-summary {\n  grid-column: 2;\n  grid-row: 2;\n  display: flex;\n  min-width: 0;\n  overflow: hidden;\n  align-items: center;\n  gap: 0.2rem 0.5rem;\n  margin: 0;\n  color: var(--site-reading-meta);\n  font-family: var(--font-ui);\n  font-size: var(--type-sm);\n  line-height: 1.3;\n  white-space: nowrap;\n}\n\n.collection-directory-meta {\n  flex: 0 0 auto;\n  color: inherit;\n}\n\n.collection-directory-meta-separator {\n  flex: 0 0 auto;\n  color: color-mix(in srgb, var(--site-divider) 88%, transparent);\n}\n\n.collection-directory-updated {\n  flex: 0 0 auto;\n  color: inherit;\n  white-space: nowrap;\n}\n\n.collection-directory-divider {\n  padding: 1.5rem 0 0.85rem;\n}\n\n.collection-directory-divider-row {\n  display: flex;\n  align-items: center;\n  gap: 0.95rem;\n}\n\n.collection-directory-divider-text {\n  font-family: var(--font-heading);\n  font-size: var(--type-secondary);\n  letter-spacing: 0;\n  font-style: normal;\n  white-space: nowrap;\n  color: var(--site-text-secondary);\n}\n\n.collection-directory-divider-line {\n  flex: 1;\n  height: 1px;\n  border: none;\n  margin: 0;\n  background: linear-gradient(\n    90deg,\n    color-mix(in srgb, var(--site-divider) 100%, transparent),\n    color-mix(in srgb, var(--site-divider) 54%, transparent) 34%,\n    transparent 86%\n  );\n}\n\n/* -------------------------------------------------------------------------\n * Pagination\n * ------------------------------------------------------------------------- */\n\n.pagination {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-wrap: wrap;\n  gap: 1rem;\n  padding: 1.5rem 0;\n  font-size: var(--type-sm);\n  font-variant-numeric: tabular-nums;\n}\n\n.pagination-link {\n  color: var(--site-text-secondary);\n  text-decoration: underline;\n  text-underline-offset: 3px;\n  transition: color 0.15s ease;\n}\n\n.pagination-link:hover,\n.pagination-link:focus {\n  color: var(--site-text-primary);\n}\n\n.pagination-link.is-disabled {\n  color: color-mix(in srgb, var(--site-text-secondary) 50%, transparent);\n  cursor: default;\n  text-decoration: none;\n}\n\n.pagination-current {\n  color: var(--site-text-primary);\n  font-weight: var(--fw-medium);\n}\n\n.pagination-ellipsis {\n  color: var(--site-text-secondary);\n}\n\n/* -------------------------------------------------------------------------\n * Empty states + utility\n * ------------------------------------------------------------------------- */\n\n.empty-state {\n  color: var(--site-reading-meta);\n  font-style: italic;\n  text-align: center;\n  padding: var(--space-xl) 0;\n}\n\n.page,\n.section {\n  display: block;\n}\n\n.page-summary,\n.section-summary {\n  font-size: var(--type-secondary);\n  color: var(--site-reading-meta);\n}\n\n/* -------------------------------------------------------------------------\n * Wider viewport refinements\n * ------------------------------------------------------------------------- */\n\n@media (min-width: 768px) {\n  .site-main {\n    padding-top: calc(var(--space-xl) * 1.5);\n    padding-bottom: calc(var(--space-xl) * 1.5);\n  }\n\n  .post-card-media,\n  .thread-media,\n  .reply-media {\n    grid-template-columns: repeat(2, minmax(0, 1fr));\n  }\n\n  .post-card-media:has(> :only-child),\n  .thread-media:has(> :only-child),\n  .reply-media:has(> :only-child) {\n    grid-template-columns: 1fr;\n  }\n}\n";
 //#endregion
 //#region src/services/export-theme/assets/client-site.js?raw
-var client_site_default$1 = "var e=null,t=0,n=!1,r=null,i=null,a=0;function o(e){return!isFinite(e)||e<0?`0:00`:`${Math.floor(e/60)}:${String(Math.floor(e%60)).padStart(2,`0`)}`}function s(e){return e.querySelector(`audio.media-audio-el`)}function c(e){return e.querySelector(`[data-audio-range]`)}function l(e){return e.querySelector(`[data-audio-waveform]`)}function u(e,t){let n=`${(t*100).toFixed(1)}%`;e.style.background=`linear-gradient(to right, var(--site-text-primary) ${n}, transparent ${n})`}var d=new WeakMap,f=new WeakSet;async function p(e,t){let n=await(await fetch(e)).arrayBuffer(),r=new AudioContext;try{let e=(await r.decodeAudioData(n)).getChannelData(0),i=Math.max(1,Math.floor(e.length/t)),a=Array(t);for(let n=0;n<t;n++){let t=0,r=n*i,o=Math.min(r+i,e.length);for(let n=r;n<o;n++){let r=Math.abs(e[n]);r>t&&(t=r)}a[n]=t}let o=0;for(let e of a)e>o&&(o=e);if(o>0)for(let e=0;e<t;e++)a[e]/=o;return a}finally{await r.close()}}function m(){let e=document.querySelectorAll(`[data-audio-peaks]`),t=[];for(let n of e){let e=n.dataset.audioPeaks;if(!e)continue;let r=n.closest(`.media-audio-card`);if(!(!r||d.has(r)))try{let n=JSON.parse(e);if(!Array.isArray(n))continue;d.set(r,n),r.classList.add(`has-waveform`),t.push(r)}catch{}}t.length>0&&requestAnimationFrame(()=>{for(let e of t)g(e,0)})}async function h(e){if(d.has(e)||f.has(e))return;f.add(e);let t=e.querySelector(`audio.media-audio-el source`),n=l(e);if(!t?.src||!n)return;let r=n.getBoundingClientRect().width,i=Math.max(20,Math.floor(r/3));try{let n=await p(t.src,i);d.set(e,n),e.classList.add(`has-waveform`);let r=s(e),a=r?.duration??0;g(e,r&&isFinite(a)&&a>0?r.currentTime/a:0)}catch{}}function g(e,t){let n=d.get(e),r=l(e);if(!n||!r)return;let i=window.devicePixelRatio||1,a=r.getBoundingClientRect(),o=Math.round(a.width*i),s=Math.round(a.height*i);if(o===0||s===0)return;(r.width!==o||r.height!==s)&&(r.width=o,r.height=s);let c=r.getContext(`2d`);if(!c)return;c.clearRect(0,0,o,s);let u=n.length,f=o/u,p=Math.max(1,Math.round(f*.6)),m=Math.round(2*i),h=s*.85,g=getComputedStyle(r).getPropertyValue(`--site-text-primary`).trim()||`#000`;for(let e=0;e<u;e++){let r=Math.round(e*f+(f-p)/2),a=Math.max(m,Math.round(n[e]*h)),o=Math.round((s-a)/2);c.globalAlpha=(e+.5)/u<=t?.9:.2,c.fillStyle=g;let l=Math.min(p/2,i);c.beginPath(),c.roundRect(r,o,p,a,l),c.fill()}c.globalAlpha=1}function ee(e,t){let{currentTime:r,duration:i}=t,a=isFinite(i)&&i>0,s=a?r/i:0;if(!n){let t=c(e);t&&a&&(t.value=String(Math.round(s*1e3)),u(t,s)),d.has(e)&&g(e,s);let n=e.querySelector(`[data-audio-time]`);n&&(n.textContent=a?`${o(r)} / ${o(i)}`:o(r))}}function _(){if(!e)return;let n=s(e);!n||n.paused||(ee(e,n),t=requestAnimationFrame(_))}function te(){if(e){let t=s(e);t&&!t.paused&&t.pause(),e.classList.remove(`is-playing`),e=null}cancelAnimationFrame(t)}async function ne(n){let r=s(n);if(r)if(e&&e!==n&&te(),r.paused){e=n,n.classList.add(`is-playing`);try{await r.play()}catch{n.classList.remove(`is-playing`),e=null;return}t=requestAnimationFrame(_),h(n)}else r.pause(),n.classList.remove(`is-playing`),cancelAnimationFrame(t),e=null}function re(e){let t=e.closest(`.media-audio-card`);if(!t)return;let n=s(t);if(!n)return;let r=Number(e.value)/1e3,i=n.duration;isFinite(i)&&i>0&&(n.currentTime=r*i)}function ie(e,t){let n=e.getBoundingClientRect();a=Math.max(0,Math.min(1,(t.clientX-n.left)/n.width));let r=e.closest(`.media-audio-card`);if(!r)return;g(r,a);let i=s(r),c=r.querySelector(`[data-audio-time]`);if(i&&c){let e=i.duration;isFinite(e)&&e>0&&(c.textContent=`${o(a*e)} / ${o(e)}`)}}async function ae(n){let r=n.closest(`.media-audio-card`);if(!r)return;let i=s(r);if(i)if(i.paused){e&&e!==r&&te(),e=r,r.classList.add(`is-playing`);try{await i.play()}catch{r.classList.remove(`is-playing`),e=null;return}let n=i.duration;isFinite(n)&&n>0&&(i.currentTime=a*n),t=requestAnimationFrame(_),h(r)}else{let e=i.duration;isFinite(e)&&e>0&&(i.currentTime=a*e)}}document.addEventListener(`pointerdown`,e=>{let t=e.target;t.matches(`[data-audio-range]`)?(n=!0,r=t):t.matches(`[data-audio-waveform]`)&&(n=!0,i=t,ie(t,e))},!0),document.addEventListener(`pointermove`,e=>{n&&i&&ie(i,e)},!0),document.addEventListener(`pointerup`,()=>{n&&(r?(re(r),r=null):i&&=(ae(i),null)),n=!1},!0),document.addEventListener(`pointercancel`,()=>{r=null,i=null,n=!1},!0),document.addEventListener(`click`,e=>{let t=e.target.closest(`[data-audio-play]`);if(!t)return;e.preventDefault();let n=t.closest(`.media-audio-card`);n&&ne(n)}),document.addEventListener(`input`,e=>{let t=e.target;if(!t.matches(`[data-audio-range]`))return;let n=t.closest(`.media-audio-card`);if(!n)return;let r=s(n);if(!r)return;let i=Number(t.value)/1e3;u(t,i);let a=r.duration,c=n.querySelector(`[data-audio-time]`);c&&isFinite(a)&&a>0&&(c.textContent=`${o(i*a)} / ${o(a)}`)},!0),document.addEventListener(`ended`,n=>{let r=n.target;if(!r.closest)return;let i=r.closest(`.media-audio-card`);if(!i)return;i.classList.remove(`is-playing`),cancelAnimationFrame(t),e=null;let a=c(i);a&&(a.value=`0`,u(a,0)),d.has(i)&&g(i,0);let o=i.querySelector(`[data-audio-time]`);o&&(o.textContent=`0:00`)},!0),document.readyState===`loading`?document.addEventListener(`DOMContentLoaded`,m):m();var v=`jant:media-lightbox-toggle`,oe=`75% 0px`,se=.6,y=.25,ce=160,b=new Set,le=new WeakMap,ue=new WeakSet,x=null,S=null,C=null,de=!1,w=null,T=null,E=null;function fe(e){return e.length===0?null:[...e].sort((e,t)=>t.visibleArea===e.visibleArea?e.centerDistance===t.centerDistance?t.intersectionRatio-e.intersectionRatio:e.centerDistance-t.centerDistance:t.visibleArea-e.visibleArea)[0]??null}function pe(){return{x:(globalThis.innerWidth||document.documentElement.clientWidth||0)/2,y:(globalThis.innerHeight||document.documentElement.clientHeight||0)/2}}function me(e){return le.get(e)}function he(e){return e.closest(`.media-video-wrap`)?.querySelector(`[data-feed-video-mute-toggle]`)??null}function D(e){let t=he(e);if(!t)return;let n=C!==e||e.muted;t.dataset.muted=n?`true`:`false`,t.setAttribute(`aria-label`,n?`Play with sound`:`Mute video`)}function ge(){for(let e of b)D(e)}function _e(e){if(ue.has(e))return;let t=e.dataset.videoSrc;t&&(e.getAttribute(`src`)!==t&&(e.src=t),e.load(),ue.add(e))}function O(e){e?.pause()}function ve(e){_e(e),e.muted=C!==e,e.playsInline=!0,e.loop=!0,D(e),e.play().catch(()=>{})}function ye(){for(let e of b)e.isConnected||(T?.unobserve(e),E?.unobserve(e),b.delete(e),e===x&&(x=null),e===S&&(S=null),e===C&&(C=null))}function be(){if(w=null,ye(),document.hidden||de){O(x);return}let e=[];for(let t of b){let n=me(t);n&&(n.intersectionRatio<se||e.push({video:t,...n}))}let t=null;if(S?.isConnected){let e=me(S);e&&e.intersectionRatio>y?t=S:(!e||e.intersectionRatio<=y)&&(S=null)}if(t||=fe(e)?.video??null,!t){let e=x?me(x):void 0;if(x&&e&&e.intersectionRatio>y)return;O(x),x=null;return}t!==x&&(O(x),x=t),ve(t);for(let e of b)e!==t&&(O(e),D(e))}function k(){w!==null&&globalThis.clearTimeout(w),w=globalThis.setTimeout(be,ce)}function xe(e){let t=pe();for(let n of e){let e=n.target,r=n.boundingClientRect,i=r.left+r.width/2,a=r.top+r.height/2,o=n.intersectionRect.width*n.intersectionRect.height,s=Math.hypot(i-t.x,a-t.y);le.set(e,{intersectionRatio:n.intersectionRatio,visibleArea:o,centerDistance:s})}k()}function Se(e){for(let t of e)t.isIntersecting&&_e(t.target)}function Ce(){T&&E||globalThis.IntersectionObserver!==void 0&&(T=new globalThis.IntersectionObserver(xe,{threshold:[0,y,se,1]}),E=new globalThis.IntersectionObserver(Se,{rootMargin:oe,threshold:0}))}function we(e){b.has(e)||(Ce(),!(!T||!E)&&(b.add(e),T.observe(e),E.observe(e),he(e)?.addEventListener(`click`,Te),D(e)))}function Te(e){e.preventDefault(),e.stopPropagation();let t=e.currentTarget.closest(`.media-video-wrap`)?.querySelector(`[data-feed-short-video]`);t&&(S=t,C!==t||t.muted?(C&&C!==t&&(C.muted=!0),C=t,x!==t&&(O(x),x=t),ve(t)):(C=null,t.muted=!0,D(t)),ge(),k())}function Ee(e=document){let t=e.querySelectorAll(`[data-feed-short-video]`);for(let e of t)we(e);k()}document.addEventListener(v,e=>{de=e.detail?.open===!0,de&&O(x),k()}),document.addEventListener(`visibilitychange`,()=>{document.hidden&&O(x),k()}),document.readyState===`loading`?document.addEventListener(`DOMContentLoaded`,()=>Ee(),{once:!0}):queueMicrotask(()=>Ee());var De=4;function Oe(e){let t=e.querySelector(`[data-post-media]`);if(!t)return;let{scrollLeft:n,scrollWidth:r,clientWidth:i}=t;e.classList.toggle(`can-scroll-start`,n>De),e.classList.toggle(`can-scroll-end`,n+i<r-De)}function A(e){let t=e.querySelector(`[data-post-media]`);t&&(Oe(e),t.addEventListener(`scroll`,()=>Oe(e),{passive:!0}))}function ke(){document.querySelectorAll(`.media-gallery-scroll-wrap`).forEach(A)}var Ae=new globalThis.MutationObserver(e=>{for(let t of e)for(let e of t.addedNodes)e instanceof HTMLElement&&(e.matches(`.media-gallery-scroll-wrap`)&&A(e),e.querySelectorAll(`.media-gallery-scroll-wrap`).forEach(A))});document.readyState===`loading`?document.addEventListener(`DOMContentLoaded`,()=>{ke(),Ae.observe(document.body,{childList:!0,subtree:!0})}):(ke(),Ae.observe(document.body,{childList:!0,subtree:!0}));function je(e){let t=e.querySelector(`.site-header-more-btn`),n=e.querySelector(`.site-header-more-popover`);if(!t||!n||t.dataset.moreInitialized===`true`)return;t.dataset.moreInitialized=`true`;function r(){n.setAttribute(`aria-hidden`,`false`),t.setAttribute(`aria-expanded`,`true`),document.dispatchEvent(new CustomEvent(`basecoat:popover`,{detail:{source:t.parentElement}}))}function i(e=!1){n.setAttribute(`aria-hidden`,`true`),t.setAttribute(`aria-expanded`,`false`),e&&t.focus()}t.addEventListener(`click`,e=>{e.preventDefault(),e.stopPropagation(),t.getAttribute(`aria-expanded`)===`true`?i():r()}),document.addEventListener(`click`,e=>{e.target instanceof Node&&(t.parentElement?.contains(e.target)||i())}),document.addEventListener(`keydown`,e=>{e.key===`Escape`&&n.getAttribute(`aria-hidden`)===`false`&&i(!0)}),document.addEventListener(`basecoat:popover`,e=>{e.detail?.source!==t.parentElement&&i()})}var Me=`jant:nav-fresh-visits`;function Ne(){let e=document.createElement(`span`);return e.className=`site-header-link-fresh`,e.setAttribute(`aria-hidden`,`true`),e.textContent=`*`,e}function Pe(e){try{let t=JSON.parse(localStorage.getItem(Me)||`{}`),n=location.pathname,r=e.querySelectorAll(`[data-fresh-at]`);for(let e of r){let r=new URL(e.href).pathname,i=parseInt(e.dataset.freshAt,10);if(r===n)t[r]=Math.floor(Date.now()/1e3);else{let n=t[r];if(!n||n<i){let t=e.querySelector(`svg`);e.insertBefore(Ne(),t)}}}localStorage.setItem(Me,JSON.stringify(t))}catch{}}function Fe(e=document){let t=e.querySelector(`.site-header-hamburger`),n=e.querySelector(`#site-nav-drawer`),r=e.querySelector(`.site-nav-drawer-backdrop`),i=n?.querySelector(`.site-nav-drawer-close`);if(Pe(e),je(e),!t||!n||!r||t.dataset.drawerInitialized===`true`)return;t.dataset.drawerInitialized=`true`;function a(){n.setAttribute(`aria-hidden`,`false`),n.removeAttribute(`inert`),r.setAttribute(`aria-hidden`,`false`),t.setAttribute(`aria-expanded`,`true`),document.documentElement.classList.add(`drawer-open`);let e=n.querySelector(`.site-nav-drawer-close`)??n.querySelector(`a[href], button`);e&&e.focus()}function o(e=!0){n.setAttribute(`aria-hidden`,`true`),r.setAttribute(`aria-hidden`,`true`),t.setAttribute(`aria-expanded`,`false`),document.documentElement.classList.remove(`drawer-open`),n.addEventListener(`transitionend`,()=>{n.getAttribute(`aria-hidden`)===`true`&&n.setAttribute(`inert`,``)},{once:!0}),e&&t.focus()}t.addEventListener(`click`,()=>{t.getAttribute(`aria-expanded`)===`true`?o():a()}),i?.addEventListener(`click`,()=>o()),r.addEventListener(`click`,()=>o()),n.addEventListener(`click`,e=>{e.target instanceof Element&&e.target.closest(`a[href]`)&&o(!1)}),n.addEventListener(`keydown`,e=>{e.key===`Escape`&&(e.preventDefault(),o())})}Fe();var j=globalThis,M=j.ShadowRoot&&(j.ShadyCSS===void 0||j.ShadyCSS.nativeShadow)&&`adoptedStyleSheets`in Document.prototype&&`replace`in CSSStyleSheet.prototype,Ie=Symbol(),Le=new WeakMap,Re=class{constructor(e,t,n){if(this._$cssResult$=!0,n!==Ie)throw Error(\"CSSResult is not constructable. Use `unsafeCSS` or `css` instead.\");this.cssText=e,this.t=t}get styleSheet(){let e=this.o,t=this.t;if(M&&e===void 0){let n=t!==void 0&&t.length===1;n&&(e=Le.get(t)),e===void 0&&((this.o=e=new CSSStyleSheet).replaceSync(this.cssText),n&&Le.set(t,e))}return e}toString(){return this.cssText}},ze=e=>new Re(typeof e==`string`?e:e+``,void 0,Ie),Be=(e,t)=>{if(M)e.adoptedStyleSheets=t.map(e=>e instanceof CSSStyleSheet?e:e.styleSheet);else for(let n of t){let t=document.createElement(`style`),r=j.litNonce;r!==void 0&&t.setAttribute(`nonce`,r),t.textContent=n.cssText,e.appendChild(t)}},Ve=M?e=>e:e=>e instanceof CSSStyleSheet?(e=>{let t=``;for(let n of e.cssRules)t+=n.cssText;return ze(t)})(e):e,{is:He,defineProperty:Ue,getOwnPropertyDescriptor:We,getOwnPropertyNames:Ge,getOwnPropertySymbols:Ke,getPrototypeOf:qe}=Object,N=globalThis,Je=N.trustedTypes,Ye=Je?Je.emptyScript:``,Xe=N.reactiveElementPolyfillSupport,P=(e,t)=>e,F={toAttribute(e,t){switch(t){case Boolean:e=e?Ye:null;break;case Object:case Array:e=e==null?e:JSON.stringify(e)}return e},fromAttribute(e,t){let n=e;switch(t){case Boolean:n=e!==null;break;case Number:n=e===null?null:Number(e);break;case Object:case Array:try{n=JSON.parse(e)}catch{n=null}}return n}},Ze=(e,t)=>!He(e,t),Qe={attribute:!0,type:String,converter:F,reflect:!1,useDefault:!1,hasChanged:Ze};Symbol.metadata??=Symbol(`metadata`),N.litPropertyMetadata??=new WeakMap;var I=class extends HTMLElement{static addInitializer(e){this._$Ei(),(this.l??=[]).push(e)}static get observedAttributes(){return this.finalize(),this._$Eh&&[...this._$Eh.keys()]}static createProperty(e,t=Qe){if(t.state&&(t.attribute=!1),this._$Ei(),this.prototype.hasOwnProperty(e)&&((t=Object.create(t)).wrapped=!0),this.elementProperties.set(e,t),!t.noAccessor){let n=Symbol(),r=this.getPropertyDescriptor(e,n,t);r!==void 0&&Ue(this.prototype,e,r)}}static getPropertyDescriptor(e,t,n){let{get:r,set:i}=We(this.prototype,e)??{get(){return this[t]},set(e){this[t]=e}};return{get:r,set(t){let a=r?.call(this);i?.call(this,t),this.requestUpdate(e,a,n)},configurable:!0,enumerable:!0}}static getPropertyOptions(e){return this.elementProperties.get(e)??Qe}static _$Ei(){if(this.hasOwnProperty(P(`elementProperties`)))return;let e=qe(this);e.finalize(),e.l!==void 0&&(this.l=[...e.l]),this.elementProperties=new Map(e.elementProperties)}static finalize(){if(this.hasOwnProperty(P(`finalized`)))return;if(this.finalized=!0,this._$Ei(),this.hasOwnProperty(P(`properties`))){let e=this.properties,t=[...Ge(e),...Ke(e)];for(let n of t)this.createProperty(n,e[n])}let e=this[Symbol.metadata];if(e!==null){let t=litPropertyMetadata.get(e);if(t!==void 0)for(let[e,n]of t)this.elementProperties.set(e,n)}this._$Eh=new Map;for(let[e,t]of this.elementProperties){let n=this._$Eu(e,t);n!==void 0&&this._$Eh.set(n,e)}this.elementStyles=this.finalizeStyles(this.styles)}static finalizeStyles(e){let t=[];if(Array.isArray(e)){let n=new Set(e.flat(1/0).reverse());for(let e of n)t.unshift(Ve(e))}else e!==void 0&&t.push(Ve(e));return t}static _$Eu(e,t){let n=t.attribute;return!1===n?void 0:typeof n==`string`?n:typeof e==`string`?e.toLowerCase():void 0}constructor(){super(),this._$Ep=void 0,this.isUpdatePending=!1,this.hasUpdated=!1,this._$Em=null,this._$Ev()}_$Ev(){this._$ES=new Promise(e=>this.enableUpdating=e),this._$AL=new Map,this._$E_(),this.requestUpdate(),this.constructor.l?.forEach(e=>e(this))}addController(e){(this._$EO??=new Set).add(e),this.renderRoot!==void 0&&this.isConnected&&e.hostConnected?.()}removeController(e){this._$EO?.delete(e)}_$E_(){let e=new Map,t=this.constructor.elementProperties;for(let n of t.keys())this.hasOwnProperty(n)&&(e.set(n,this[n]),delete this[n]);e.size>0&&(this._$Ep=e)}createRenderRoot(){let e=this.shadowRoot??this.attachShadow(this.constructor.shadowRootOptions);return Be(e,this.constructor.elementStyles),e}connectedCallback(){this.renderRoot??=this.createRenderRoot(),this.enableUpdating(!0),this._$EO?.forEach(e=>e.hostConnected?.())}enableUpdating(e){}disconnectedCallback(){this._$EO?.forEach(e=>e.hostDisconnected?.())}attributeChangedCallback(e,t,n){this._$AK(e,n)}_$ET(e,t){let n=this.constructor.elementProperties.get(e),r=this.constructor._$Eu(e,n);if(r!==void 0&&!0===n.reflect){let i=(n.converter?.toAttribute===void 0?F:n.converter).toAttribute(t,n.type);this._$Em=e,i==null?this.removeAttribute(r):this.setAttribute(r,i),this._$Em=null}}_$AK(e,t){let n=this.constructor,r=n._$Eh.get(e);if(r!==void 0&&this._$Em!==r){let e=n.getPropertyOptions(r),i=typeof e.converter==`function`?{fromAttribute:e.converter}:e.converter?.fromAttribute===void 0?F:e.converter;this._$Em=r;let a=i.fromAttribute(t,e.type);this[r]=a??this._$Ej?.get(r)??a,this._$Em=null}}requestUpdate(e,t,n,r=!1,i){if(e!==void 0){let a=this.constructor;if(!1===r&&(i=this[e]),n??=a.getPropertyOptions(e),!((n.hasChanged??Ze)(i,t)||n.useDefault&&n.reflect&&i===this._$Ej?.get(e)&&!this.hasAttribute(a._$Eu(e,n))))return;this.C(e,t,n)}!1===this.isUpdatePending&&(this._$ES=this._$EP())}C(e,t,{useDefault:n,reflect:r,wrapped:i},a){n&&!(this._$Ej??=new Map).has(e)&&(this._$Ej.set(e,a??t??this[e]),!0!==i||a!==void 0)||(this._$AL.has(e)||(this.hasUpdated||n||(t=void 0),this._$AL.set(e,t)),!0===r&&this._$Em!==e&&(this._$Eq??=new Set).add(e))}async _$EP(){this.isUpdatePending=!0;try{await this._$ES}catch(e){Promise.reject(e)}let e=this.scheduleUpdate();return e!=null&&await e,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){if(!this.isUpdatePending)return;if(!this.hasUpdated){if(this.renderRoot??=this.createRenderRoot(),this._$Ep){for(let[e,t]of this._$Ep)this[e]=t;this._$Ep=void 0}let e=this.constructor.elementProperties;if(e.size>0)for(let[t,n]of e){let{wrapped:e}=n,r=this[t];!0!==e||this._$AL.has(t)||r===void 0||this.C(t,void 0,n,r)}}let e=!1,t=this._$AL;try{e=this.shouldUpdate(t),e?(this.willUpdate(t),this._$EO?.forEach(e=>e.hostUpdate?.()),this.update(t)):this._$EM()}catch(t){throw e=!1,this._$EM(),t}e&&this._$AE(t)}willUpdate(e){}_$AE(e){this._$EO?.forEach(e=>e.hostUpdated?.()),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(e)),this.updated(e)}_$EM(){this._$AL=new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$ES}shouldUpdate(e){return!0}update(e){this._$Eq&&=this._$Eq.forEach(e=>this._$ET(e,this[e])),this._$EM()}updated(e){}firstUpdated(e){}};I.elementStyles=[],I.shadowRootOptions={mode:`open`},I[P(`elementProperties`)]=new Map,I[P(`finalized`)]=new Map,Xe?.({ReactiveElement:I}),(N.reactiveElementVersions??=[]).push(`2.1.2`);var L=globalThis,$e=e=>e,R=L.trustedTypes,et=R?R.createPolicy(`lit-html`,{createHTML:e=>e}):void 0,tt=`$lit$`,z=`lit$${Math.random().toFixed(9).slice(2)}$`,nt=`?`+z,rt=`<${nt}>`,B=document,V=()=>B.createComment(``),H=e=>e===null||typeof e!=`object`&&typeof e!=`function`,U=Array.isArray,it=e=>U(e)||typeof e?.[Symbol.iterator]==`function`,at=`[ 	\n\\f\\r]`,W=/<(?:(!--|\\/[^a-zA-Z])|(\\/?[a-zA-Z][^>\\s]*)|(\\/?$))/g,ot=/-->/g,st=/>/g,G=RegExp(`>|${at}(?:([^\\\\s\"'>=/]+)(${at}*=${at}*(?:[^ \\t\\n\\f\\r\"'\\`<>=]|(\"|')|))|$)`,`g`),ct=/'/g,lt=/\"/g,ut=/^(?:script|style|textarea|title)$/i,dt=e=>(t,...n)=>({_$litType$:e,strings:t,values:n}),K=dt(1),ft=dt(2),q=Symbol.for(`lit-noChange`),J=Symbol.for(`lit-nothing`),pt=new WeakMap,Y=B.createTreeWalker(B,129);function mt(e,t){if(!U(e)||!e.hasOwnProperty(`raw`))throw Error(`invalid template strings array`);return et===void 0?t:et.createHTML(t)}var ht=(e,t)=>{let n=e.length-1,r=[],i,a=t===2?`<svg>`:t===3?`<math>`:``,o=W;for(let t=0;t<n;t++){let n=e[t],s,c,l=-1,u=0;for(;u<n.length&&(o.lastIndex=u,c=o.exec(n),c!==null);)u=o.lastIndex,o===W?c[1]===`!--`?o=ot:c[1]===void 0?c[2]===void 0?c[3]!==void 0&&(o=G):(ut.test(c[2])&&(i=RegExp(`</`+c[2],`g`)),o=G):o=st:o===G?c[0]===`>`?(o=i??W,l=-1):c[1]===void 0?l=-2:(l=o.lastIndex-c[2].length,s=c[1],o=c[3]===void 0?G:c[3]===`\"`?lt:ct):o===lt||o===ct?o=G:o===ot||o===st?o=W:(o=G,i=void 0);let d=o===G&&e[t+1].startsWith(`/>`)?` `:``;a+=o===W?n+rt:l>=0?(r.push(s),n.slice(0,l)+tt+n.slice(l)+z+d):n+z+(l===-2?t:d)}return[mt(e,a+(e[n]||`<?>`)+(t===2?`</svg>`:t===3?`</math>`:``)),r]},gt=class e{constructor({strings:t,_$litType$:n},r){let i;this.parts=[];let a=0,o=0,s=t.length-1,c=this.parts,[l,u]=ht(t,n);if(this.el=e.createElement(l,r),Y.currentNode=this.el.content,n===2||n===3){let e=this.el.content.firstChild;e.replaceWith(...e.childNodes)}for(;(i=Y.nextNode())!==null&&c.length<s;){if(i.nodeType===1){if(i.hasAttributes())for(let e of i.getAttributeNames())if(e.endsWith(tt)){let t=u[o++],n=i.getAttribute(e).split(z),r=/([.?@])?(.*)/.exec(t);c.push({type:1,index:a,name:r[2],strings:n,ctor:r[1]===`.`?yt:r[1]===`?`?bt:r[1]===`@`?xt:Z}),i.removeAttribute(e)}else e.startsWith(z)&&(c.push({type:6,index:a}),i.removeAttribute(e));if(ut.test(i.tagName)){let e=i.textContent.split(z),t=e.length-1;if(t>0){i.textContent=R?R.emptyScript:``;for(let n=0;n<t;n++)i.append(e[n],V()),Y.nextNode(),c.push({type:2,index:++a});i.append(e[t],V())}}}else if(i.nodeType===8)if(i.data===nt)c.push({type:2,index:a});else{let e=-1;for(;(e=i.data.indexOf(z,e+1))!==-1;)c.push({type:7,index:a}),e+=z.length-1}a++}}static createElement(e,t){let n=B.createElement(`template`);return n.innerHTML=e,n}};function X(e,t,n=e,r){if(t===q)return t;let i=r===void 0?n._$Cl:n._$Co?.[r],a=H(t)?void 0:t._$litDirective$;return i?.constructor!==a&&(i?._$AO?.(!1),a===void 0?i=void 0:(i=new a(e),i._$AT(e,n,r)),r===void 0?n._$Cl=i:(n._$Co??=[])[r]=i),i!==void 0&&(t=X(e,i._$AS(e,t.values),i,r)),t}var _t=class{constructor(e,t){this._$AV=[],this._$AN=void 0,this._$AD=e,this._$AM=t}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}u(e){let{el:{content:t},parts:n}=this._$AD,r=(e?.creationScope??B).importNode(t,!0);Y.currentNode=r;let i=Y.nextNode(),a=0,o=0,s=n[0];for(;s!==void 0;){if(a===s.index){let t;s.type===2?t=new vt(i,i.nextSibling,this,e):s.type===1?t=new s.ctor(i,s.name,s.strings,this,e):s.type===6&&(t=new St(i,this,e)),this._$AV.push(t),s=n[++o]}a!==s?.index&&(i=Y.nextNode(),a++)}return Y.currentNode=B,r}p(e){let t=0;for(let n of this._$AV)n!==void 0&&(n.strings===void 0?n._$AI(e[t]):(n._$AI(e,n,t),t+=n.strings.length-2)),t++}},vt=class e{get _$AU(){return this._$AM?._$AU??this._$Cv}constructor(e,t,n,r){this.type=2,this._$AH=J,this._$AN=void 0,this._$AA=e,this._$AB=t,this._$AM=n,this.options=r,this._$Cv=r?.isConnected??!0}get parentNode(){let e=this._$AA.parentNode,t=this._$AM;return t!==void 0&&e?.nodeType===11&&(e=t.parentNode),e}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(e,t=this){e=X(this,e,t),H(e)?e===J||e==null||e===``?(this._$AH!==J&&this._$AR(),this._$AH=J):e!==this._$AH&&e!==q&&this._(e):e._$litType$===void 0?e.nodeType===void 0?it(e)?this.k(e):this._(e):this.T(e):this.$(e)}O(e){return this._$AA.parentNode.insertBefore(e,this._$AB)}T(e){this._$AH!==e&&(this._$AR(),this._$AH=this.O(e))}_(e){this._$AH!==J&&H(this._$AH)?this._$AA.nextSibling.data=e:this.T(B.createTextNode(e)),this._$AH=e}$(e){let{values:t,_$litType$:n}=e,r=typeof n==`number`?this._$AC(e):(n.el===void 0&&(n.el=gt.createElement(mt(n.h,n.h[0]),this.options)),n);if(this._$AH?._$AD===r)this._$AH.p(t);else{let e=new _t(r,this),n=e.u(this.options);e.p(t),this.T(n),this._$AH=e}}_$AC(e){let t=pt.get(e.strings);return t===void 0&&pt.set(e.strings,t=new gt(e)),t}k(t){U(this._$AH)||(this._$AH=[],this._$AR());let n=this._$AH,r,i=0;for(let a of t)i===n.length?n.push(r=new e(this.O(V()),this.O(V()),this,this.options)):r=n[i],r._$AI(a),i++;i<n.length&&(this._$AR(r&&r._$AB.nextSibling,i),n.length=i)}_$AR(e=this._$AA.nextSibling,t){for(this._$AP?.(!1,!0,t);e!==this._$AB;){let t=$e(e).nextSibling;$e(e).remove(),e=t}}setConnected(e){this._$AM===void 0&&(this._$Cv=e,this._$AP?.(e))}},Z=class{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(e,t,n,r,i){this.type=1,this._$AH=J,this._$AN=void 0,this.element=e,this.name=t,this._$AM=r,this.options=i,n.length>2||n[0]!==``||n[1]!==``?(this._$AH=Array(n.length-1).fill(new String),this.strings=n):this._$AH=J}_$AI(e,t=this,n,r){let i=this.strings,a=!1;if(i===void 0)e=X(this,e,t,0),a=!H(e)||e!==this._$AH&&e!==q,a&&(this._$AH=e);else{let r=e,o,s;for(e=i[0],o=0;o<i.length-1;o++)s=X(this,r[n+o],t,o),s===q&&(s=this._$AH[o]),a||=!H(s)||s!==this._$AH[o],s===J?e=J:e!==J&&(e+=(s??``)+i[o+1]),this._$AH[o]=s}a&&!r&&this.j(e)}j(e){e===J?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,e??``)}},yt=class extends Z{constructor(){super(...arguments),this.type=3}j(e){this.element[this.name]=e===J?void 0:e}},bt=class extends Z{constructor(){super(...arguments),this.type=4}j(e){this.element.toggleAttribute(this.name,!!e&&e!==J)}},xt=class extends Z{constructor(e,t,n,r,i){super(e,t,n,r,i),this.type=5}_$AI(e,t=this){if((e=X(this,e,t,0)??J)===q)return;let n=this._$AH,r=e===J&&n!==J||e.capture!==n.capture||e.once!==n.once||e.passive!==n.passive,i=e!==J&&(n===J||r);r&&this.element.removeEventListener(this.name,this,n),i&&this.element.addEventListener(this.name,this,e),this._$AH=e}handleEvent(e){typeof this._$AH==`function`?this._$AH.call(this.options?.host??this.element,e):this._$AH.handleEvent(e)}},St=class{constructor(e,t,n){this.element=e,this.type=6,this._$AN=void 0,this._$AM=t,this.options=n}get _$AU(){return this._$AM._$AU}_$AI(e){X(this,e)}},Ct=L.litHtmlPolyfillSupport;Ct?.(gt,vt),(L.litHtmlVersions??=[]).push(`3.3.2`);var wt=(e,t,n)=>{let r=n?.renderBefore??t,i=r._$litPart$;if(i===void 0){let e=n?.renderBefore??null;r._$litPart$=i=new vt(t.insertBefore(V(),e),e,void 0,n??{})}return i._$AI(e),i},Tt=globalThis,Q=class extends I{constructor(){super(...arguments),this.renderOptions={host:this},this._$Do=void 0}createRenderRoot(){let e=super.createRenderRoot();return this.renderOptions.renderBefore??=e.firstChild,e}update(e){let t=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(e),this._$Do=wt(t,this.renderRoot,this.renderOptions)}connectedCallback(){super.connectedCallback(),this._$Do?.setConnected(!0)}disconnectedCallback(){super.disconnectedCallback(),this._$Do?.setConnected(!1)}render(){return q}};Q._$litElement$=!0,Q.finalized=!0,Tt.litElementHydrateSupport?.({LitElement:Q});var Et=Tt.litElementPolyfillSupport;Et?.({LitElement:Q}),(Tt.litElementVersions??=[]).push(`4.2.2`);function Dt(e){if(!e.mimeType?.startsWith(`video/`)||!Number.isFinite(e.durationSeconds)||!e.durationSeconds||e.durationSeconds<=0||e.durationSeconds>15)return!1;let t=e.size;return!(typeof t==`number`&&t>12582912)}var Ot=640,kt=8,At=72,jt=16,Mt=704,Nt=.9,Pt=.85;function $(e){if(!(!Number.isFinite(e)||!e||e<=0))return e}function Ft(){return{width:globalThis.innerWidth||document.documentElement.clientWidth||0,height:globalThis.innerHeight||document.documentElement.clientHeight||0}}function It(e,t){let n=e<=Ot?kt:At;return{width:Math.max(0,e-n*2),height:Math.max(0,t-jt*2)}}function Lt(e,t,n){let r=$(e?.width),i=$(e?.height);if(!r||!i)return null;let a=It(t,n);if(a.width<=0||a.height<=0)return null;let o=Math.min(a.width/r,a.height/i);return{width:Math.max(1,Math.round(r*o)),height:Math.max(1,Math.round(i*o))}}function Rt(e,t,n){if(!e||e.mimeType?.startsWith(`video/`)||!$(e.width)||!$(e.height)||t<=0||n<=0)return!1;let r=$(e.width),i=$(e.height);if(!r||!i)return!1;let a=t<=Ot,o=It(t,n),s=o.width,c=o.height;if(s<=0||c<=0)return!1;let l=r/i,u=Math.min(s,c*l);return l<Nt&&u<(a?s:Math.min(s,Mt))*Pt}var zt=class extends Q{static properties={_images:{state:!0},_currentIndex:{state:!0},_open:{state:!0},_viewportWidth:{state:!0},_viewportHeight:{state:!0},_videoCurrentTime:{state:!0},_videoDuration:{state:!0},_videoMuted:{state:!0}};createRenderRoot(){return this.innerHTML=``,this}constructor(){super();let e=Ft();this._images=[],this._currentIndex=0,this._open=!1,this._viewportWidth=e.width,this._viewportHeight=e.height,this._videoCurrentTime=0,this._videoDuration=0,this._videoMuted=!1}connectedCallback(){super.connectedCallback(),document.addEventListener(`click`,this.#e),window.addEventListener(`resize`,this.#o),this.#s()}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener(`click`,this.#e),window.removeEventListener(`resize`,this.#o)}open(e,t){this.#s(),this.#c(),this._images=e,this._currentIndex=Math.max(0,Math.min(t,e.length-1)),this.#u(this._images[this._currentIndex]),this._open=!0,document.dispatchEvent(new CustomEvent(v,{detail:{open:!0}})),this.updateComplete.then(()=>{this.querySelector(`.media-lightbox`)?.showModal(),this.#l()})}close(){this.#c(),this.querySelector(`.media-lightbox`)?.close(),this._open=!1,document.dispatchEvent(new CustomEvent(v,{detail:{open:!1}}))}#e=e=>{let t=e.target,n=t.closest(`[data-post-media] a[data-lightbox-index]`);if(n){let t=n.closest(`[data-lightbox-group]`);if(!t)return;e.preventDefault();let r=parseInt(n.dataset.lightboxIndex??`0`,10);try{let e=JSON.parse(t.dataset.lightboxGroup??`[]`);e.length>0&&this.open(e,r)}catch{}return}let r=t.closest(`[data-post-body] img`);if(r){e.preventDefault();let t=r.closest(`[data-post-body]`);if(!t)return;let n=Array.from(t.querySelectorAll(`img`)),i=n.map(e=>({url:e.src,alt:e.alt||``,width:$(e.naturalWidth||Number(e.getAttribute(`width`))),height:$(e.naturalHeight||Number(e.getAttribute(`height`)))})),a=n.indexOf(r);i.length>0&&this.open(i,Math.max(0,a))}};#t(){this._images.length<=1||(this.#c(),this._currentIndex=(this._currentIndex-1+this._images.length)%this._images.length)}#n(){this._images.length<=1||(this.#c(),this._currentIndex=(this._currentIndex+1)%this._images.length)}#r=e=>{let t=e,n=e.target;if(t.key===`Escape`){e.preventDefault(),this.close();return}if(!(t.key!==`ArrowLeft`&&t.key!==`ArrowRight`)&&!n?.classList.contains(`media-lightbox-short-progress`)){if(this._images[this._currentIndex]?.mimeType?.startsWith(`video/`)){let n=this.querySelector(`.media-lightbox-video`);if(n){e.preventDefault();let r=t.key===`ArrowLeft`?-5:5,i=Number.isFinite(n.duration)&&n.duration>0?n.duration:null,a=i==null?Math.max(0,n.currentTime+r):Math.max(0,Math.min(n.currentTime+r,i));n.currentTime=a,this._videoCurrentTime=a}return}e.preventDefault(),t.key===`ArrowLeft`?this.#t():this.#n()}};#i=e=>{let t=e.target;(t===e.currentTarget||t.classList.contains(`media-lightbox-content`)||t.classList.contains(`media-lightbox-stage`))&&this.close()};#a=()=>{this.#c(),this._open&&document.dispatchEvent(new CustomEvent(v,{detail:{open:!1}})),this._open=!1};#o=()=>{this.#s()};#s(){let e=Ft();e.width===this._viewportWidth&&e.height===this._viewportHeight||(this._viewportWidth=e.width,this._viewportHeight=e.height)}#c(){this.querySelector(`.media-lightbox-video`)?.pause()}#l(){if(this._images[this._currentIndex]?.mimeType?.startsWith(`video/`)){let e=this.querySelector(`.media-lightbox-video`);if(e){e.focus();return}}this.querySelector(`.media-lightbox-content`)?.focus()}#u(e){this._videoCurrentTime=0,this._videoDuration=e?.durationSeconds&&e.durationSeconds>0?e.durationSeconds:0,this._videoMuted=!1}#d(){let e=this._images[this._currentIndex];if(!Dt(e)){this.#u(e);return}let t=this.querySelector(`.media-lightbox-video`);t&&(t.currentTime=0,t.muted=this._videoMuted,t.play().catch(()=>{}))}#f=e=>{let t=e.currentTarget;Number.isFinite(t.duration)&&t.duration>0&&(this._videoDuration=t.duration),this._videoCurrentTime=t.currentTime,t.muted=this._videoMuted};#p=e=>{let t=e.currentTarget;this._videoCurrentTime=t.currentTime,Number.isFinite(t.duration)&&t.duration>0&&(this._videoDuration=t.duration)};#m=e=>{let t=e.currentTarget,n=this.querySelector(`.media-lightbox-video`),r=Number.parseFloat(t.value);!n||!Number.isFinite(r)||r<0||(n.currentTime=r,this._videoCurrentTime=r)};#h=()=>{this._videoMuted=!this._videoMuted;let e=this.querySelector(`.media-lightbox-video`);e&&(e.muted=this._videoMuted)};updated(e){if(super.updated(e),!this._open||!e.has(`_currentIndex`)&&!e.has(`_open`))return;let t=this.querySelector(`.media-lightbox-stage`);t&&(t.scrollTop=0,t.scrollLeft=0,this.#d(),this.#l())}render(){if(!this._open)return J;let e=this._images[this._currentIndex],t=this._images.length>1,n=e?.mimeType?.startsWith(`video/`),r=Dt(e),i=Rt(e,this._viewportWidth,this._viewportHeight),a=r?Lt(e,this._viewportWidth,this._viewportHeight):null,o=r&&!!a&&a.height>a.width,s=a?`width:${a.width}px;height:${a.height}px;`:J,c=this._videoDuration>0?this._videoDuration:e?.durationSeconds??1,l=Math.min(this._videoCurrentTime,c),u=c>0?l/c*100:0;return K`\n      <dialog\n        class=${`media-lightbox${r?` media-lightbox-short`:``}`}\n        @keydown=${this.#r}\n        @click=${this.#i}\n        @close=${this.#a}\n      >\n        <div class=\"media-lightbox-content\" tabindex=\"-1\">\n          <button\n            type=\"button\"\n            class=\"media-lightbox-close\"\n            @click=${()=>this.close()}\n            aria-label=\"Close\"\n          >\n            <svg\n              width=\"20\"\n              height=\"20\"\n              viewBox=\"0 0 24 24\"\n              fill=\"none\"\n              stroke=\"currentColor\"\n              stroke-width=\"2\"\n              stroke-linecap=\"round\"\n              stroke-linejoin=\"round\"\n            >\n              <path d=\"M18 6 6 18\" />\n              <path d=\"m6 6 12 12\" />\n            </svg>\n          </button>\n\n          ${t?K`<div class=\"media-lightbox-counter\">\n                ${this._currentIndex+1} / ${this._images.length}\n              </div>`:J}\n          <div\n            class=${`media-lightbox-stage${i?` media-lightbox-stage-scroll`:``}`}\n          >\n            ${n?r?K`<div\n                    class=${`media-lightbox-short-frame${o?` media-lightbox-short-frame-portrait`:` media-lightbox-short-frame-landscape`}`}\n                    style=${s}\n                  >\n                    <video\n                      class=\"media-lightbox-video media-lightbox-video-short\"\n                      src=${e?.url??``}\n                      poster=${e?.posterUrl??``}\n                      autoplay\n                      playsinline\n                      loop\n                      ?muted=${this._videoMuted}\n                      @loadedmetadata=${this.#f}\n                      @timeupdate=${this.#p}\n                    ></video>\n                    <div\n                      class=${`media-lightbox-short-controls${o?` media-lightbox-short-controls-portrait`:``}`}\n                    >\n                      <input\n                        class=\"media-lightbox-short-progress\"\n                        type=\"range\"\n                        min=\"0\"\n                        max=${c}\n                        step=\"0.01\"\n                        .value=${String(l)}\n                        style=${`--media-progress:${u}%`}\n                        aria-label=\"Video progress\"\n                        @input=${this.#m}\n                      />\n                      <button\n                        type=\"button\"\n                        class=\"media-lightbox-short-mute\"\n                        @click=${this.#h}\n                        aria-label=${this._videoMuted?`Unmute video`:`Mute video`}\n                      >\n                        <svg\n                          width=\"16\"\n                          height=\"16\"\n                          viewBox=\"0 0 48 48\"\n                          fill=\"currentColor\"\n                          color=\"#fff\"\n                          aria-hidden=\"true\"\n                        >\n                          ${this._videoMuted?ft`\n                                <path d=\"M1.5 13.3c-.8 0-1.5.7-1.5 1.5v18.4c0 .8.7 1.5 1.5 1.5h8.7l12.9 12.9c.9.9 2.5.3 2.5-1v-9.8c0-.4-.2-.8-.4-1.1l-22-22c-.3-.3-.7-.4-1.1-.4h-.6zm46.8 31.4-5.5-5.5C44.9 36.6 48 31.4 48 24c0-11.4-7.2-17.4-7.2-17.4-.6-.6-1.6-.6-2.2 0L37.2 8c-.6.6-.6 1.6 0 2.2 0 0 5.7 5 5.7 13.8 0 5.4-2.1 9.3-3.8 11.6L35.5 32c1.1-1.7 2.3-4.4 2.3-8 0-6.8-4.1-10.3-4.1-10.3-.6-.6-1.6-.6-2.2 0l-1.4 1.4c-.6.6-.6 1.6 0 2.2 0 0 2.6 2 2.6 6.7 0 1.8-.4 3.2-.9 4.3L25.5 22V1.4c0-1.3-1.6-1.9-2.5-1L13.5 10 3.3-.3c-.6-.6-1.5-.6-2.1 0L-.2 1.1c-.6.6-.6 1.5 0 2.1L4 7.6l26.8 26.8 13.9 13.9c.6.6 1.5.6 2.1 0l1.4-1.4c.7-.6.7-1.6.1-2.2z\" />\n                              `:ft`\n                                <path d=\"M1.5 13.3c-.8 0-1.5.7-1.5 1.5v18.4c0 .8.7 1.5 1.5 1.5h8.7l12.9 12.9c.9.9 2.5.3 2.5-1V1.4c0-1.3-1.6-1.9-2.5-1L10.2 13.3H1.5z\" />\n                                <path d=\"M30.1 15.9c-.6-.6-.6-1.6 0-2.2l1.4-1.4c.6-.6 1.6-.6 2.2 0 0 0 4.1 3.5 4.1 11.7s-4.1 11.7-4.1 11.7c-.6.6-1.6.6-2.2 0l-1.4-1.4c-.6-.6-.6-1.6 0-2.2 0 0 2.6-2 2.6-8.1s-2.6-8.1-2.6-8.1z\" />\n                                <path d=\"M37.2 8c-.6-.6-.6-1.6 0-2.2l1.4-1.4c.6-.6 1.6-.6 2.2 0 0 0 5.7 5.1 5.7 19.6s-5.7 19.6-5.7 19.6c-.6.6-1.6.6-2.2 0L37.2 42c-.6-.6-.6-1.6 0-2.2 0 0 4.3-4.4 4.3-15.8S37.2 8 37.2 8z\" />\n                              `}\n                        </svg>\n                      </button>\n                    </div>\n                  </div>`:K`<video\n                    class=\"media-lightbox-video\"\n                    src=${e?.url??``}\n                    poster=${e?.posterUrl??``}\n                    controls\n                    autoplay\n                    playsinline\n                  ></video>`:K`<img\n                  class=${`media-lightbox-img${i?` media-lightbox-img-scroll`:``}`}\n                  src=${e?.url??``}\n                  alt=${e?.alt??``}\n                />`}\n          </div>\n          ${t?K`\n                <button\n                  type=\"button\"\n                  class=\"media-lightbox-nav media-lightbox-nav-prev\"\n                  @click=${()=>this.#t()}\n                  aria-label=\"Previous\"\n                >\n                  <svg\n                    width=\"24\"\n                    height=\"24\"\n                    viewBox=\"0 0 24 24\"\n                    fill=\"none\"\n                    stroke=\"currentColor\"\n                    stroke-width=\"2\"\n                    stroke-linecap=\"round\"\n                    stroke-linejoin=\"round\"\n                  >\n                    <path d=\"m15 18-6-6 6-6\" />\n                  </svg>\n                </button>\n                <button\n                  type=\"button\"\n                  class=\"media-lightbox-nav media-lightbox-nav-next\"\n                  @click=${()=>this.#n()}\n                  aria-label=\"Next\"\n                >\n                  <svg\n                    width=\"24\"\n                    height=\"24\"\n                    viewBox=\"0 0 24 24\"\n                    fill=\"none\"\n                    stroke=\"currentColor\"\n                    stroke-width=\"2\"\n                    stroke-linecap=\"round\"\n                    stroke-linejoin=\"round\"\n                  >\n                    <path d=\"m9 18 6-6-6-6\" />\n                  </svg>\n                </button>\n              `:J}\n        </div>\n      </dialog>\n    `}};customElements.define(`jant-media-lightbox`,zt);";
+var client_site_default$1 = "var e=null,t=0,n=!1,r=null,i=null,a=0;function o(e){return!isFinite(e)||e<0?`0:00`:`${Math.floor(e/60)}:${String(Math.floor(e%60)).padStart(2,`0`)}`}function s(e){return e.querySelector(`audio.media-audio-el`)}function c(e){return e.querySelector(`[data-audio-range]`)}function l(e){return e.querySelector(`[data-audio-waveform]`)}function u(e,t){let n=`${(t*100).toFixed(1)}%`;e.style.background=`linear-gradient(to right, var(--site-text-primary) ${n}, transparent ${n})`}var d=new WeakMap,f=new WeakSet;async function p(e,t){let n=await(await fetch(e)).arrayBuffer(),r=new AudioContext;try{let e=(await r.decodeAudioData(n)).getChannelData(0),i=Math.max(1,Math.floor(e.length/t)),a=Array(t);for(let n=0;n<t;n++){let t=0,r=n*i,o=Math.min(r+i,e.length);for(let n=r;n<o;n++){let r=Math.abs(e[n]);r>t&&(t=r)}a[n]=t}let o=0;for(let e of a)e>o&&(o=e);if(o>0)for(let e=0;e<t;e++)a[e]/=o;return a}finally{await r.close()}}function m(){let e=document.querySelectorAll(`[data-audio-peaks]`),t=[];for(let n of e){let e=n.dataset.audioPeaks;if(!e)continue;let r=n.closest(`.media-audio-card`);if(!(!r||d.has(r)))try{let n=JSON.parse(e);if(!Array.isArray(n))continue;d.set(r,n),r.classList.add(`has-waveform`),t.push(r)}catch{}}t.length>0&&requestAnimationFrame(()=>{for(let e of t)g(e,0)})}async function h(e){if(d.has(e)||f.has(e))return;f.add(e);let t=e.querySelector(`audio.media-audio-el source`),n=l(e);if(!t?.src||!n)return;let r=n.getBoundingClientRect().width,i=Math.max(20,Math.floor(r/3));try{let n=await p(t.src,i);d.set(e,n),e.classList.add(`has-waveform`);let r=s(e),a=r?.duration??0;g(e,r&&isFinite(a)&&a>0?r.currentTime/a:0)}catch{}}function g(e,t){let n=d.get(e),r=l(e);if(!n||!r)return;let i=window.devicePixelRatio||1,a=r.getBoundingClientRect(),o=Math.round(a.width*i),s=Math.round(a.height*i);if(o===0||s===0)return;(r.width!==o||r.height!==s)&&(r.width=o,r.height=s);let c=r.getContext(`2d`);if(!c)return;c.clearRect(0,0,o,s);let u=n.length,f=o/u,p=Math.max(1,Math.round(f*.6)),m=Math.round(2*i),h=s*.85,g=getComputedStyle(r).getPropertyValue(`--site-text-primary`).trim()||`#000`;for(let e=0;e<u;e++){let r=Math.round(e*f+(f-p)/2),a=Math.max(m,Math.round(n[e]*h)),o=Math.round((s-a)/2);c.globalAlpha=(e+.5)/u<=t?.9:.2,c.fillStyle=g;let l=Math.min(p/2,i);c.beginPath(),c.roundRect(r,o,p,a,l),c.fill()}c.globalAlpha=1}function ee(e,t){let{currentTime:r,duration:i}=t,a=isFinite(i)&&i>0,s=a?r/i:0;if(!n){let t=c(e);t&&a&&(t.value=String(Math.round(s*1e3)),u(t,s)),d.has(e)&&g(e,s);let n=e.querySelector(`[data-audio-time]`);n&&(n.textContent=a?`${o(r)} / ${o(i)}`:o(r))}}function _(){if(!e)return;let n=s(e);!n||n.paused||(ee(e,n),t=requestAnimationFrame(_))}function te(){if(e){let t=s(e);t&&!t.paused&&t.pause(),e.classList.remove(`is-playing`),e=null}cancelAnimationFrame(t)}async function ne(n){let r=s(n);if(r)if(e&&e!==n&&te(),r.paused){e=n,n.classList.add(`is-playing`);try{await r.play()}catch{n.classList.remove(`is-playing`),e=null;return}t=requestAnimationFrame(_),h(n)}else r.pause(),n.classList.remove(`is-playing`),cancelAnimationFrame(t),e=null}function re(e){let t=e.closest(`.media-audio-card`);if(!t)return;let n=s(t);if(!n)return;let r=Number(e.value)/1e3,i=n.duration;isFinite(i)&&i>0&&(n.currentTime=r*i)}function ie(e,t){let n=e.getBoundingClientRect();a=Math.max(0,Math.min(1,(t.clientX-n.left)/n.width));let r=e.closest(`.media-audio-card`);if(!r)return;g(r,a);let i=s(r),c=r.querySelector(`[data-audio-time]`);if(i&&c){let e=i.duration;isFinite(e)&&e>0&&(c.textContent=`${o(a*e)} / ${o(e)}`)}}async function ae(n){let r=n.closest(`.media-audio-card`);if(!r)return;let i=s(r);if(i)if(i.paused){e&&e!==r&&te(),e=r,r.classList.add(`is-playing`);try{await i.play()}catch{r.classList.remove(`is-playing`),e=null;return}let n=i.duration;isFinite(n)&&n>0&&(i.currentTime=a*n),t=requestAnimationFrame(_),h(r)}else{let e=i.duration;isFinite(e)&&e>0&&(i.currentTime=a*e)}}document.addEventListener(`pointerdown`,e=>{let t=e.target;t.matches(`[data-audio-range]`)?(n=!0,r=t):t.matches(`[data-audio-waveform]`)&&(n=!0,i=t,ie(t,e))},!0),document.addEventListener(`pointermove`,e=>{n&&i&&ie(i,e)},!0),document.addEventListener(`pointerup`,()=>{n&&(r?(re(r),r=null):i&&=(ae(i),null)),n=!1},!0),document.addEventListener(`pointercancel`,()=>{r=null,i=null,n=!1},!0),document.addEventListener(`click`,e=>{let t=e.target.closest(`[data-audio-play]`);if(!t)return;e.preventDefault();let n=t.closest(`.media-audio-card`);n&&ne(n)}),document.addEventListener(`input`,e=>{let t=e.target;if(!t.matches(`[data-audio-range]`))return;let n=t.closest(`.media-audio-card`);if(!n)return;let r=s(n);if(!r)return;let i=Number(t.value)/1e3;u(t,i);let a=r.duration,c=n.querySelector(`[data-audio-time]`);c&&isFinite(a)&&a>0&&(c.textContent=`${o(i*a)} / ${o(a)}`)},!0),document.addEventListener(`ended`,n=>{let r=n.target;if(!r.closest)return;let i=r.closest(`.media-audio-card`);if(!i)return;i.classList.remove(`is-playing`),cancelAnimationFrame(t),e=null;let a=c(i);a&&(a.value=`0`,u(a,0)),d.has(i)&&g(i,0);let o=i.querySelector(`[data-audio-time]`);o&&(o.textContent=`0:00`)},!0),document.readyState===`loading`?document.addEventListener(`DOMContentLoaded`,m):m();var v=`jant:media-lightbox-toggle`,oe=`75% 0px`,se=.6,y=.25,ce=160,b=new Set,le=new WeakMap,ue=new WeakSet,x=null,S=null,C=null,de=!1,w=null,T=null,E=null;function fe(e){return e.length===0?null:[...e].sort((e,t)=>t.visibleArea===e.visibleArea?e.centerDistance===t.centerDistance?t.intersectionRatio-e.intersectionRatio:e.centerDistance-t.centerDistance:t.visibleArea-e.visibleArea)[0]??null}function pe(){return{x:(globalThis.innerWidth||document.documentElement.clientWidth||0)/2,y:(globalThis.innerHeight||document.documentElement.clientHeight||0)/2}}function me(e){return le.get(e)}function he(e){return e.closest(`.media-video-wrap`)?.querySelector(`[data-feed-video-mute-toggle]`)??null}function D(e){let t=he(e);if(!t)return;let n=C!==e||e.muted;t.dataset.muted=n?`true`:`false`,t.setAttribute(`aria-label`,n?`Play with sound`:`Mute video`)}function ge(){for(let e of b)D(e)}function _e(e){if(ue.has(e))return;let t=e.dataset.videoSrc;t&&(e.getAttribute(`src`)!==t&&(e.src=t),e.load(),ue.add(e))}function O(e){e?.pause()}function ve(e){_e(e),e.muted=C!==e,e.playsInline=!0,e.loop=!0,D(e),e.play().catch(()=>{})}function ye(){for(let e of b)e.isConnected||(T?.unobserve(e),E?.unobserve(e),b.delete(e),e===x&&(x=null),e===S&&(S=null),e===C&&(C=null))}function be(){if(w=null,ye(),document.hidden||de){O(x);return}let e=[];for(let t of b){let n=me(t);n&&(n.intersectionRatio<se||e.push({video:t,...n}))}let t=null;if(S?.isConnected){let e=me(S);e&&e.intersectionRatio>y?t=S:(!e||e.intersectionRatio<=y)&&(S=null)}if(t||=fe(e)?.video??null,!t){let e=x?me(x):void 0;if(x&&e&&e.intersectionRatio>y)return;O(x),x=null;return}t!==x&&(O(x),x=t),ve(t);for(let e of b)e!==t&&(O(e),D(e))}function k(){w!==null&&globalThis.clearTimeout(w),w=globalThis.setTimeout(be,ce)}function xe(e){let t=pe();for(let n of e){let e=n.target,r=n.boundingClientRect,i=r.left+r.width/2,a=r.top+r.height/2,o=n.intersectionRect.width*n.intersectionRect.height,s=Math.hypot(i-t.x,a-t.y);le.set(e,{intersectionRatio:n.intersectionRatio,visibleArea:o,centerDistance:s})}k()}function Se(e){for(let t of e)t.isIntersecting&&_e(t.target)}function Ce(){T&&E||globalThis.IntersectionObserver!==void 0&&(T=new globalThis.IntersectionObserver(xe,{threshold:[0,y,se,1]}),E=new globalThis.IntersectionObserver(Se,{rootMargin:oe,threshold:0}))}function we(e){b.has(e)||(Ce(),!(!T||!E)&&(b.add(e),T.observe(e),E.observe(e),he(e)?.addEventListener(`click`,Te),D(e)))}function Te(e){e.preventDefault(),e.stopPropagation();let t=e.currentTarget.closest(`.media-video-wrap`)?.querySelector(`[data-feed-short-video]`);t&&(S=t,C!==t||t.muted?(C&&C!==t&&(C.muted=!0),C=t,x!==t&&(O(x),x=t),ve(t)):(C=null,t.muted=!0,D(t)),ge(),k())}function Ee(e=document){let t=e.querySelectorAll(`[data-feed-short-video]`);for(let e of t)we(e);k()}document.addEventListener(v,e=>{de=e.detail?.open===!0,de&&O(x),k()}),document.addEventListener(`visibilitychange`,()=>{document.hidden&&O(x),k()}),document.readyState===`loading`?document.addEventListener(`DOMContentLoaded`,()=>Ee(),{once:!0}):queueMicrotask(()=>Ee());var De=4;function Oe(e){let t=e.querySelector(`[data-post-media]`);if(!t)return;let{scrollLeft:n,scrollWidth:r,clientWidth:i}=t;e.classList.toggle(`can-scroll-start`,n>De),e.classList.toggle(`can-scroll-end`,n+i<r-De)}function A(e){let t=e.querySelector(`[data-post-media]`);t&&(Oe(e),t.addEventListener(`scroll`,()=>Oe(e),{passive:!0}))}function ke(){document.querySelectorAll(`.media-gallery-scroll-wrap`).forEach(A)}var Ae=new globalThis.MutationObserver(e=>{for(let t of e)for(let e of t.addedNodes)e instanceof HTMLElement&&(e.matches(`.media-gallery-scroll-wrap`)&&A(e),e.querySelectorAll(`.media-gallery-scroll-wrap`).forEach(A))});document.readyState===`loading`?document.addEventListener(`DOMContentLoaded`,()=>{ke(),Ae.observe(document.body,{childList:!0,subtree:!0})}):(ke(),Ae.observe(document.body,{childList:!0,subtree:!0}));function je(e){let t=e.querySelector(`.site-header-more-btn`),n=e.querySelector(`.site-header-more-popover`);if(!t||!n||t.dataset.moreInitialized===`true`)return;t.dataset.moreInitialized=`true`;function r(){n.setAttribute(`aria-hidden`,`false`),t.setAttribute(`aria-expanded`,`true`),document.dispatchEvent(new CustomEvent(`basecoat:popover`,{detail:{source:t.parentElement}}))}function i(e=!1){n.setAttribute(`aria-hidden`,`true`),t.setAttribute(`aria-expanded`,`false`),e&&t.focus()}t.addEventListener(`click`,e=>{e.preventDefault(),e.stopPropagation(),t.getAttribute(`aria-expanded`)===`true`?i():r()}),document.addEventListener(`click`,e=>{e.target instanceof Node&&(t.parentElement?.contains(e.target)||i())}),document.addEventListener(`keydown`,e=>{e.key===`Escape`&&n.getAttribute(`aria-hidden`)===`false`&&i(!0)}),document.addEventListener(`basecoat:popover`,e=>{e.detail?.source!==t.parentElement&&i()})}var Me=`jant:nav-fresh-visits`;function Ne(){let e=document.createElement(`span`);return e.className=`site-header-link-fresh`,e.setAttribute(`aria-hidden`,`true`),e.textContent=`*`,e}function Pe(e){try{let t=JSON.parse(localStorage.getItem(Me)||`{}`),n=location.pathname,r=e.querySelectorAll(`[data-fresh-at]`);for(let e of r){let r=new URL(e.href).pathname,i=parseInt(e.dataset.freshAt,10);if(r===n)t[r]=Math.floor(Date.now()/1e3);else{let n=t[r];if(!n||n<i){let t=e.querySelector(`svg`);e.insertBefore(Ne(),t)}}}localStorage.setItem(Me,JSON.stringify(t))}catch{}}function Fe(e=document){let t=e.querySelector(`.site-header-hamburger`),n=e.querySelector(`#site-nav-drawer`),r=e.querySelector(`.site-nav-drawer-backdrop`),i=n?.querySelector(`.site-nav-drawer-close`);if(Pe(e),je(e),!t||!n||!r||t.dataset.drawerInitialized===`true`)return;t.dataset.drawerInitialized=`true`;function a(){n.setAttribute(`aria-hidden`,`false`),n.removeAttribute(`inert`),r.setAttribute(`aria-hidden`,`false`),t.setAttribute(`aria-expanded`,`true`),document.documentElement.classList.add(`drawer-open`);let e=n.querySelector(`.site-nav-drawer-close`)??n.querySelector(`a[href], button`);e&&e.focus()}function o(e=!0){n.setAttribute(`aria-hidden`,`true`),r.setAttribute(`aria-hidden`,`true`),t.setAttribute(`aria-expanded`,`false`),document.documentElement.classList.remove(`drawer-open`),n.addEventListener(`transitionend`,()=>{n.getAttribute(`aria-hidden`)===`true`&&n.setAttribute(`inert`,``)},{once:!0}),e&&t.focus()}t.addEventListener(`click`,()=>{t.getAttribute(`aria-expanded`)===`true`?o():a()}),i?.addEventListener(`click`,()=>o()),r.addEventListener(`click`,()=>o()),n.addEventListener(`click`,e=>{e.target instanceof Element&&e.target.closest(`a[href]`)&&o(!1)}),n.addEventListener(`keydown`,e=>{e.key===`Escape`&&(e.preventDefault(),o())})}Fe();var j=globalThis,M=j.ShadowRoot&&(j.ShadyCSS===void 0||j.ShadyCSS.nativeShadow)&&`adoptedStyleSheets`in Document.prototype&&`replace`in CSSStyleSheet.prototype,Ie=Symbol(),Le=new WeakMap,Re=class{constructor(e,t,n){if(this._$cssResult$=!0,n!==Ie)throw Error(\"CSSResult is not constructable. Use `unsafeCSS` or `css` instead.\");this.cssText=e,this.t=t}get styleSheet(){let e=this.o,t=this.t;if(M&&e===void 0){let n=t!==void 0&&t.length===1;n&&(e=Le.get(t)),e===void 0&&((this.o=e=new CSSStyleSheet).replaceSync(this.cssText),n&&Le.set(t,e))}return e}toString(){return this.cssText}},ze=e=>new Re(typeof e==`string`?e:e+``,void 0,Ie),Be=(e,t)=>{if(M)e.adoptedStyleSheets=t.map(e=>e instanceof CSSStyleSheet?e:e.styleSheet);else for(let n of t){let t=document.createElement(`style`),r=j.litNonce;r!==void 0&&t.setAttribute(`nonce`,r),t.textContent=n.cssText,e.appendChild(t)}},Ve=M?e=>e:e=>e instanceof CSSStyleSheet?(e=>{let t=``;for(let n of e.cssRules)t+=n.cssText;return ze(t)})(e):e,{is:He,defineProperty:Ue,getOwnPropertyDescriptor:We,getOwnPropertyNames:Ge,getOwnPropertySymbols:Ke,getPrototypeOf:qe}=Object,N=globalThis,Je=N.trustedTypes,Ye=Je?Je.emptyScript:``,Xe=N.reactiveElementPolyfillSupport,P=(e,t)=>e,F={toAttribute(e,t){switch(t){case Boolean:e=e?Ye:null;break;case Object:case Array:e=e==null?e:JSON.stringify(e)}return e},fromAttribute(e,t){let n=e;switch(t){case Boolean:n=e!==null;break;case Number:n=e===null?null:Number(e);break;case Object:case Array:try{n=JSON.parse(e)}catch{n=null}}return n}},Ze=(e,t)=>!He(e,t),Qe={attribute:!0,type:String,converter:F,reflect:!1,useDefault:!1,hasChanged:Ze};Symbol.metadata??=Symbol(`metadata`),N.litPropertyMetadata??=new WeakMap;var I=class extends HTMLElement{static addInitializer(e){this._$Ei(),(this.l??=[]).push(e)}static get observedAttributes(){return this.finalize(),this._$Eh&&[...this._$Eh.keys()]}static createProperty(e,t=Qe){if(t.state&&(t.attribute=!1),this._$Ei(),this.prototype.hasOwnProperty(e)&&((t=Object.create(t)).wrapped=!0),this.elementProperties.set(e,t),!t.noAccessor){let n=Symbol(),r=this.getPropertyDescriptor(e,n,t);r!==void 0&&Ue(this.prototype,e,r)}}static getPropertyDescriptor(e,t,n){let{get:r,set:i}=We(this.prototype,e)??{get(){return this[t]},set(e){this[t]=e}};return{get:r,set(t){let a=r?.call(this);i?.call(this,t),this.requestUpdate(e,a,n)},configurable:!0,enumerable:!0}}static getPropertyOptions(e){return this.elementProperties.get(e)??Qe}static _$Ei(){if(this.hasOwnProperty(P(`elementProperties`)))return;let e=qe(this);e.finalize(),e.l!==void 0&&(this.l=[...e.l]),this.elementProperties=new Map(e.elementProperties)}static finalize(){if(this.hasOwnProperty(P(`finalized`)))return;if(this.finalized=!0,this._$Ei(),this.hasOwnProperty(P(`properties`))){let e=this.properties,t=[...Ge(e),...Ke(e)];for(let n of t)this.createProperty(n,e[n])}let e=this[Symbol.metadata];if(e!==null){let t=litPropertyMetadata.get(e);if(t!==void 0)for(let[e,n]of t)this.elementProperties.set(e,n)}this._$Eh=new Map;for(let[e,t]of this.elementProperties){let n=this._$Eu(e,t);n!==void 0&&this._$Eh.set(n,e)}this.elementStyles=this.finalizeStyles(this.styles)}static finalizeStyles(e){let t=[];if(Array.isArray(e)){let n=new Set(e.flat(1/0).reverse());for(let e of n)t.unshift(Ve(e))}else e!==void 0&&t.push(Ve(e));return t}static _$Eu(e,t){let n=t.attribute;return!1===n?void 0:typeof n==`string`?n:typeof e==`string`?e.toLowerCase():void 0}constructor(){super(),this._$Ep=void 0,this.isUpdatePending=!1,this.hasUpdated=!1,this._$Em=null,this._$Ev()}_$Ev(){this._$ES=new Promise(e=>this.enableUpdating=e),this._$AL=new Map,this._$E_(),this.requestUpdate(),this.constructor.l?.forEach(e=>e(this))}addController(e){(this._$EO??=new Set).add(e),this.renderRoot!==void 0&&this.isConnected&&e.hostConnected?.()}removeController(e){this._$EO?.delete(e)}_$E_(){let e=new Map,t=this.constructor.elementProperties;for(let n of t.keys())this.hasOwnProperty(n)&&(e.set(n,this[n]),delete this[n]);e.size>0&&(this._$Ep=e)}createRenderRoot(){let e=this.shadowRoot??this.attachShadow(this.constructor.shadowRootOptions);return Be(e,this.constructor.elementStyles),e}connectedCallback(){this.renderRoot??=this.createRenderRoot(),this.enableUpdating(!0),this._$EO?.forEach(e=>e.hostConnected?.())}enableUpdating(e){}disconnectedCallback(){this._$EO?.forEach(e=>e.hostDisconnected?.())}attributeChangedCallback(e,t,n){this._$AK(e,n)}_$ET(e,t){let n=this.constructor.elementProperties.get(e),r=this.constructor._$Eu(e,n);if(r!==void 0&&!0===n.reflect){let i=(n.converter?.toAttribute===void 0?F:n.converter).toAttribute(t,n.type);this._$Em=e,i==null?this.removeAttribute(r):this.setAttribute(r,i),this._$Em=null}}_$AK(e,t){let n=this.constructor,r=n._$Eh.get(e);if(r!==void 0&&this._$Em!==r){let e=n.getPropertyOptions(r),i=typeof e.converter==`function`?{fromAttribute:e.converter}:e.converter?.fromAttribute===void 0?F:e.converter;this._$Em=r;let a=i.fromAttribute(t,e.type);this[r]=a??this._$Ej?.get(r)??a,this._$Em=null}}requestUpdate(e,t,n,r=!1,i){if(e!==void 0){let a=this.constructor;if(!1===r&&(i=this[e]),n??=a.getPropertyOptions(e),!((n.hasChanged??Ze)(i,t)||n.useDefault&&n.reflect&&i===this._$Ej?.get(e)&&!this.hasAttribute(a._$Eu(e,n))))return;this.C(e,t,n)}!1===this.isUpdatePending&&(this._$ES=this._$EP())}C(e,t,{useDefault:n,reflect:r,wrapped:i},a){n&&!(this._$Ej??=new Map).has(e)&&(this._$Ej.set(e,a??t??this[e]),!0!==i||a!==void 0)||(this._$AL.has(e)||(this.hasUpdated||n||(t=void 0),this._$AL.set(e,t)),!0===r&&this._$Em!==e&&(this._$Eq??=new Set).add(e))}async _$EP(){this.isUpdatePending=!0;try{await this._$ES}catch(e){Promise.reject(e)}let e=this.scheduleUpdate();return e!=null&&await e,!this.isUpdatePending}scheduleUpdate(){return this.performUpdate()}performUpdate(){if(!this.isUpdatePending)return;if(!this.hasUpdated){if(this.renderRoot??=this.createRenderRoot(),this._$Ep){for(let[e,t]of this._$Ep)this[e]=t;this._$Ep=void 0}let e=this.constructor.elementProperties;if(e.size>0)for(let[t,n]of e){let{wrapped:e}=n,r=this[t];!0!==e||this._$AL.has(t)||r===void 0||this.C(t,void 0,n,r)}}let e=!1,t=this._$AL;try{e=this.shouldUpdate(t),e?(this.willUpdate(t),this._$EO?.forEach(e=>e.hostUpdate?.()),this.update(t)):this._$EM()}catch(t){throw e=!1,this._$EM(),t}e&&this._$AE(t)}willUpdate(e){}_$AE(e){this._$EO?.forEach(e=>e.hostUpdated?.()),this.hasUpdated||(this.hasUpdated=!0,this.firstUpdated(e)),this.updated(e)}_$EM(){this._$AL=new Map,this.isUpdatePending=!1}get updateComplete(){return this.getUpdateComplete()}getUpdateComplete(){return this._$ES}shouldUpdate(e){return!0}update(e){this._$Eq&&=this._$Eq.forEach(e=>this._$ET(e,this[e])),this._$EM()}updated(e){}firstUpdated(e){}};I.elementStyles=[],I.shadowRootOptions={mode:`open`},I[P(`elementProperties`)]=new Map,I[P(`finalized`)]=new Map,Xe?.({ReactiveElement:I}),(N.reactiveElementVersions??=[]).push(`2.1.2`);var L=globalThis,$e=e=>e,R=L.trustedTypes,et=R?R.createPolicy(`lit-html`,{createHTML:e=>e}):void 0,tt=`$lit$`,z=`lit$${Math.random().toFixed(9).slice(2)}$`,nt=`?`+z,rt=`<${nt}>`,B=document,V=()=>B.createComment(``),H=e=>e===null||typeof e!=`object`&&typeof e!=`function`,U=Array.isArray,it=e=>U(e)||typeof e?.[Symbol.iterator]==`function`,at=`[ 	\n\\f\\r]`,W=/<(?:(!--|\\/[^a-zA-Z])|(\\/?[a-zA-Z][^>\\s]*)|(\\/?$))/g,ot=/-->/g,st=/>/g,G=RegExp(`>|${at}(?:([^\\\\s\"'>=/]+)(${at}*=${at}*(?:[^ \\t\\n\\f\\r\"'\\`<>=]|(\"|')|))|$)`,`g`),ct=/'/g,lt=/\"/g,ut=/^(?:script|style|textarea|title)$/i,dt=e=>(t,...n)=>({_$litType$:e,strings:t,values:n}),K=dt(1),ft=dt(2),q=Symbol.for(`lit-noChange`),J=Symbol.for(`lit-nothing`),pt=new WeakMap,Y=B.createTreeWalker(B,129);function mt(e,t){if(!U(e)||!e.hasOwnProperty(`raw`))throw Error(`invalid template strings array`);return et===void 0?t:et.createHTML(t)}var ht=(e,t)=>{let n=e.length-1,r=[],i,a=t===2?`<svg>`:t===3?`<math>`:``,o=W;for(let t=0;t<n;t++){let n=e[t],s,c,l=-1,u=0;for(;u<n.length&&(o.lastIndex=u,c=o.exec(n),c!==null);)u=o.lastIndex,o===W?c[1]===`!--`?o=ot:c[1]===void 0?c[2]===void 0?c[3]!==void 0&&(o=G):(ut.test(c[2])&&(i=RegExp(`</`+c[2],`g`)),o=G):o=st:o===G?c[0]===`>`?(o=i??W,l=-1):c[1]===void 0?l=-2:(l=o.lastIndex-c[2].length,s=c[1],o=c[3]===void 0?G:c[3]===`\"`?lt:ct):o===lt||o===ct?o=G:o===ot||o===st?o=W:(o=G,i=void 0);let d=o===G&&e[t+1].startsWith(`/>`)?` `:``;a+=o===W?n+rt:l>=0?(r.push(s),n.slice(0,l)+tt+n.slice(l)+z+d):n+z+(l===-2?t:d)}return[mt(e,a+(e[n]||`<?>`)+(t===2?`</svg>`:t===3?`</math>`:``)),r]},gt=class e{constructor({strings:t,_$litType$:n},r){let i;this.parts=[];let a=0,o=0,s=t.length-1,c=this.parts,[l,u]=ht(t,n);if(this.el=e.createElement(l,r),Y.currentNode=this.el.content,n===2||n===3){let e=this.el.content.firstChild;e.replaceWith(...e.childNodes)}for(;(i=Y.nextNode())!==null&&c.length<s;){if(i.nodeType===1){if(i.hasAttributes())for(let e of i.getAttributeNames())if(e.endsWith(tt)){let t=u[o++],n=i.getAttribute(e).split(z),r=/([.?@])?(.*)/.exec(t);c.push({type:1,index:a,name:r[2],strings:n,ctor:r[1]===`.`?yt:r[1]===`?`?bt:r[1]===`@`?xt:Z}),i.removeAttribute(e)}else e.startsWith(z)&&(c.push({type:6,index:a}),i.removeAttribute(e));if(ut.test(i.tagName)){let e=i.textContent.split(z),t=e.length-1;if(t>0){i.textContent=R?R.emptyScript:``;for(let n=0;n<t;n++)i.append(e[n],V()),Y.nextNode(),c.push({type:2,index:++a});i.append(e[t],V())}}}else if(i.nodeType===8)if(i.data===nt)c.push({type:2,index:a});else{let e=-1;for(;(e=i.data.indexOf(z,e+1))!==-1;)c.push({type:7,index:a}),e+=z.length-1}a++}}static createElement(e,t){let n=B.createElement(`template`);return n.innerHTML=e,n}};function X(e,t,n=e,r){if(t===q)return t;let i=r===void 0?n._$Cl:n._$Co?.[r],a=H(t)?void 0:t._$litDirective$;return i?.constructor!==a&&(i?._$AO?.(!1),a===void 0?i=void 0:(i=new a(e),i._$AT(e,n,r)),r===void 0?n._$Cl=i:(n._$Co??=[])[r]=i),i!==void 0&&(t=X(e,i._$AS(e,t.values),i,r)),t}var _t=class{constructor(e,t){this._$AV=[],this._$AN=void 0,this._$AD=e,this._$AM=t}get parentNode(){return this._$AM.parentNode}get _$AU(){return this._$AM._$AU}u(e){let{el:{content:t},parts:n}=this._$AD,r=(e?.creationScope??B).importNode(t,!0);Y.currentNode=r;let i=Y.nextNode(),a=0,o=0,s=n[0];for(;s!==void 0;){if(a===s.index){let t;s.type===2?t=new vt(i,i.nextSibling,this,e):s.type===1?t=new s.ctor(i,s.name,s.strings,this,e):s.type===6&&(t=new St(i,this,e)),this._$AV.push(t),s=n[++o]}a!==s?.index&&(i=Y.nextNode(),a++)}return Y.currentNode=B,r}p(e){let t=0;for(let n of this._$AV)n!==void 0&&(n.strings===void 0?n._$AI(e[t]):(n._$AI(e,n,t),t+=n.strings.length-2)),t++}},vt=class e{get _$AU(){return this._$AM?._$AU??this._$Cv}constructor(e,t,n,r){this.type=2,this._$AH=J,this._$AN=void 0,this._$AA=e,this._$AB=t,this._$AM=n,this.options=r,this._$Cv=r?.isConnected??!0}get parentNode(){let e=this._$AA.parentNode,t=this._$AM;return t!==void 0&&e?.nodeType===11&&(e=t.parentNode),e}get startNode(){return this._$AA}get endNode(){return this._$AB}_$AI(e,t=this){e=X(this,e,t),H(e)?e===J||e==null||e===``?(this._$AH!==J&&this._$AR(),this._$AH=J):e!==this._$AH&&e!==q&&this._(e):e._$litType$===void 0?e.nodeType===void 0?it(e)?this.k(e):this._(e):this.T(e):this.$(e)}O(e){return this._$AA.parentNode.insertBefore(e,this._$AB)}T(e){this._$AH!==e&&(this._$AR(),this._$AH=this.O(e))}_(e){this._$AH!==J&&H(this._$AH)?this._$AA.nextSibling.data=e:this.T(B.createTextNode(e)),this._$AH=e}$(e){let{values:t,_$litType$:n}=e,r=typeof n==`number`?this._$AC(e):(n.el===void 0&&(n.el=gt.createElement(mt(n.h,n.h[0]),this.options)),n);if(this._$AH?._$AD===r)this._$AH.p(t);else{let e=new _t(r,this),n=e.u(this.options);e.p(t),this.T(n),this._$AH=e}}_$AC(e){let t=pt.get(e.strings);return t===void 0&&pt.set(e.strings,t=new gt(e)),t}k(t){U(this._$AH)||(this._$AH=[],this._$AR());let n=this._$AH,r,i=0;for(let a of t)i===n.length?n.push(r=new e(this.O(V()),this.O(V()),this,this.options)):r=n[i],r._$AI(a),i++;i<n.length&&(this._$AR(r&&r._$AB.nextSibling,i),n.length=i)}_$AR(e=this._$AA.nextSibling,t){for(this._$AP?.(!1,!0,t);e!==this._$AB;){let t=$e(e).nextSibling;$e(e).remove(),e=t}}setConnected(e){this._$AM===void 0&&(this._$Cv=e,this._$AP?.(e))}},Z=class{get tagName(){return this.element.tagName}get _$AU(){return this._$AM._$AU}constructor(e,t,n,r,i){this.type=1,this._$AH=J,this._$AN=void 0,this.element=e,this.name=t,this._$AM=r,this.options=i,n.length>2||n[0]!==``||n[1]!==``?(this._$AH=Array(n.length-1).fill(new String),this.strings=n):this._$AH=J}_$AI(e,t=this,n,r){let i=this.strings,a=!1;if(i===void 0)e=X(this,e,t,0),a=!H(e)||e!==this._$AH&&e!==q,a&&(this._$AH=e);else{let r=e,o,s;for(e=i[0],o=0;o<i.length-1;o++)s=X(this,r[n+o],t,o),s===q&&(s=this._$AH[o]),a||=!H(s)||s!==this._$AH[o],s===J?e=J:e!==J&&(e+=(s??``)+i[o+1]),this._$AH[o]=s}a&&!r&&this.j(e)}j(e){e===J?this.element.removeAttribute(this.name):this.element.setAttribute(this.name,e??``)}},yt=class extends Z{constructor(){super(...arguments),this.type=3}j(e){this.element[this.name]=e===J?void 0:e}},bt=class extends Z{constructor(){super(...arguments),this.type=4}j(e){this.element.toggleAttribute(this.name,!!e&&e!==J)}},xt=class extends Z{constructor(e,t,n,r,i){super(e,t,n,r,i),this.type=5}_$AI(e,t=this){if((e=X(this,e,t,0)??J)===q)return;let n=this._$AH,r=e===J&&n!==J||e.capture!==n.capture||e.once!==n.once||e.passive!==n.passive,i=e!==J&&(n===J||r);r&&this.element.removeEventListener(this.name,this,n),i&&this.element.addEventListener(this.name,this,e),this._$AH=e}handleEvent(e){typeof this._$AH==`function`?this._$AH.call(this.options?.host??this.element,e):this._$AH.handleEvent(e)}},St=class{constructor(e,t,n){this.element=e,this.type=6,this._$AN=void 0,this._$AM=t,this.options=n}get _$AU(){return this._$AM._$AU}_$AI(e){X(this,e)}},Ct=L.litHtmlPolyfillSupport;Ct?.(gt,vt),(L.litHtmlVersions??=[]).push(`3.3.2`);var wt=(e,t,n)=>{let r=n?.renderBefore??t,i=r._$litPart$;if(i===void 0){let e=n?.renderBefore??null;r._$litPart$=i=new vt(t.insertBefore(V(),e),e,void 0,n??{})}return i._$AI(e),i},Tt=globalThis,Q=class extends I{constructor(){super(...arguments),this.renderOptions={host:this},this._$Do=void 0}createRenderRoot(){let e=super.createRenderRoot();return this.renderOptions.renderBefore??=e.firstChild,e}update(e){let t=this.render();this.hasUpdated||(this.renderOptions.isConnected=this.isConnected),super.update(e),this._$Do=wt(t,this.renderRoot,this.renderOptions)}connectedCallback(){super.connectedCallback(),this._$Do?.setConnected(!0)}disconnectedCallback(){super.disconnectedCallback(),this._$Do?.setConnected(!1)}render(){return q}};Q._$litElement$=!0,Q.finalized=!0,Tt.litElementHydrateSupport?.({LitElement:Q});var Et=Tt.litElementPolyfillSupport;Et?.({LitElement:Q}),(Tt.litElementVersions??=[]).push(`4.2.2`);function Dt(e){if(!e.mimeType?.startsWith(`video/`)||!Number.isFinite(e.durationSeconds)||!e.durationSeconds||e.durationSeconds<=0||e.durationSeconds>15)return!1;let t=e.size;return!(typeof t==`number`&&t>12582912)}var Ot=640,kt=8,At=72,jt=16,Mt=704,Nt=.9,Pt=.85;function $(e){if(!(!Number.isFinite(e)||!e||e<=0))return e}function Ft(){return{width:globalThis.innerWidth||document.documentElement.clientWidth||0,height:globalThis.innerHeight||document.documentElement.clientHeight||0}}function It(e,t){let n=e<=Ot?kt:At;return{width:Math.max(0,e-n*2),height:Math.max(0,t-jt*2)}}function Lt(e,t,n){let r=$(e?.width),i=$(e?.height);if(!r||!i)return null;let a=It(t,n);if(a.width<=0||a.height<=0)return null;let o=Math.min(a.width/r,a.height/i);return{width:Math.max(1,Math.round(r*o)),height:Math.max(1,Math.round(i*o))}}function Rt(e,t,n){if(!e||e.mimeType?.startsWith(`video/`)||!$(e.width)||!$(e.height)||t<=0||n<=0)return!1;let r=$(e.width),i=$(e.height);if(!r||!i)return!1;let a=t<=Ot,o=It(t,n),s=o.width,c=o.height;if(s<=0||c<=0)return!1;let l=r/i,u=Math.min(s,c*l);return l<Nt&&u<(a?s:Math.min(s,Mt))*Pt}var zt=class extends Q{static properties={_images:{state:!0},_currentIndex:{state:!0},_open:{state:!0},_viewportWidth:{state:!0},_viewportHeight:{state:!0},_videoCurrentTime:{state:!0},_videoDuration:{state:!0},_videoMuted:{state:!0}};createRenderRoot(){return this.innerHTML=``,this}constructor(){super();let e=Ft();this._images=[],this._currentIndex=0,this._open=!1,this._viewportWidth=e.width,this._viewportHeight=e.height,this._videoCurrentTime=0,this._videoDuration=0,this._videoMuted=!1}connectedCallback(){super.connectedCallback(),document.addEventListener(`click`,this.#e),window.addEventListener(`resize`,this.#c),this.#l()}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener(`click`,this.#e),window.removeEventListener(`resize`,this.#c)}open(e,t){this.#l(),this.#u(),this._images=e,this._currentIndex=Math.max(0,Math.min(t,e.length-1)),this.#p(this._images[this._currentIndex]),this._open=!0,document.dispatchEvent(new CustomEvent(v,{detail:{open:!0}})),this.updateComplete.then(()=>{this.querySelector(`.media-lightbox`)?.showModal(),this.#d()})}close(){this.#u(),this.querySelector(`.media-lightbox`)?.close(),this._open=!1,document.dispatchEvent(new CustomEvent(v,{detail:{open:!1}}))}#e=e=>{let t=e.target,n=t.closest(`[data-post-media] a[data-lightbox-index]`);if(n){let t=n.closest(`[data-lightbox-group]`);if(!t)return;e.preventDefault();let r=parseInt(n.dataset.lightboxIndex??`0`,10);try{let e=JSON.parse(t.dataset.lightboxGroup??`[]`);e.length>0&&this.open(e,r)}catch{}return}let r=t.closest(`[data-post-body] img`);if(r){e.preventDefault();let t=r.closest(`[data-post-body]`);if(!t)return;let n=Array.from(t.querySelectorAll(`img`)),i=n.map(e=>({url:e.src,alt:e.alt||``,width:$(e.naturalWidth||Number(e.getAttribute(`width`))),height:$(e.naturalHeight||Number(e.getAttribute(`height`)))})),a=n.indexOf(r);i.length>0&&this.open(i,Math.max(0,a))}};#t(){this._images.length<=1||(this.#u(),this._currentIndex=(this._currentIndex-1+this._images.length)%this._images.length)}#n(){this._images.length<=1||(this.#u(),this._currentIndex=(this._currentIndex+1)%this._images.length)}#r=e=>{let t=e,n=e.target;if(t.key===`Escape`){e.preventDefault(),this.close();return}if(n instanceof HTMLInputElement||n instanceof HTMLButtonElement||n instanceof HTMLVideoElement)return;if(!this._images[this._currentIndex]?.mimeType?.startsWith(`video/`)){t.key===`ArrowLeft`?(e.preventDefault(),this.#t()):t.key===`ArrowRight`&&(e.preventDefault(),this.#n());return}let r=this.querySelector(`.media-lightbox-video`);r&&this.#i(t,r)};#i(e,t){let n=Number.isFinite(t.duration)&&t.duration>0?t.duration:null,r=e=>{let r=n==null?Math.max(0,e):Math.max(0,Math.min(e,n));t.currentTime=r,this._videoCurrentTime=r},i=e.key,a=i.toLowerCase();if(i===` `||a===`k`)e.preventDefault(),t.paused?t.play().catch(()=>{}):t.pause();else if(i===`ArrowLeft`)e.preventDefault(),r(t.currentTime-5);else if(i===`ArrowRight`)e.preventDefault(),r(t.currentTime+5);else if(i===`Home`)e.preventDefault(),r(0);else if(i===`End`)n!=null&&(e.preventDefault(),r(n));else if(i.length===1&&i>=`0`&&i<=`9`)n!=null&&(e.preventDefault(),r(Number(i)/10*n));else if(i===`ArrowUp`)e.preventDefault(),t.volume=Math.min(1,t.volume+.05);else if(i===`ArrowDown`)e.preventDefault(),t.volume=Math.max(0,t.volume-.05);else if(a===`m`){e.preventDefault();let n=!t.muted;t.muted=n,this._videoMuted=n}else a===`f`&&(e.preventDefault(),this.#a(t))}#a(e){let t=document,n=e;if(document.fullscreenElement??t.webkitFullscreenElement){document.exitFullscreen?document.exitFullscreen().catch(()=>{}):t.webkitExitFullscreen?.();return}e.requestFullscreen?e.requestFullscreen().catch(()=>{}):n.webkitRequestFullscreen?n.webkitRequestFullscreen():n.webkitEnterFullscreen&&n.webkitEnterFullscreen()}#o=e=>{let t=e.target;(t===e.currentTarget||t.classList.contains(`media-lightbox-content`)||t.classList.contains(`media-lightbox-stage`))&&this.close()};#s=()=>{this.#u(),this._open&&document.dispatchEvent(new CustomEvent(v,{detail:{open:!1}})),this._open=!1};#c=()=>{this.#l()};#l(){let e=Ft();e.width===this._viewportWidth&&e.height===this._viewportHeight||(this._viewportWidth=e.width,this._viewportHeight=e.height)}#u(){this.querySelector(`.media-lightbox-video`)?.pause()}#d(){this.querySelector(`.media-lightbox-content`)?.focus()}#f=()=>{this.querySelector(`.media-lightbox-content`)?.focus({preventScroll:!0})};#p(e){this._videoCurrentTime=0,this._videoDuration=e?.durationSeconds&&e.durationSeconds>0?e.durationSeconds:0,this._videoMuted=!1}#m(){let e=this._images[this._currentIndex];if(!Dt(e)){this.#p(e);return}let t=this.querySelector(`.media-lightbox-video`);t&&(t.currentTime=0,t.muted=this._videoMuted,t.play().catch(()=>{}))}#h=e=>{let t=e.currentTarget;Number.isFinite(t.duration)&&t.duration>0&&(this._videoDuration=t.duration),this._videoCurrentTime=t.currentTime,t.muted=this._videoMuted};#g=e=>{let t=e.currentTarget;this._videoCurrentTime=t.currentTime,Number.isFinite(t.duration)&&t.duration>0&&(this._videoDuration=t.duration)};#_=e=>{let t=e.currentTarget,n=this.querySelector(`.media-lightbox-video`),r=Number.parseFloat(t.value);!n||!Number.isFinite(r)||r<0||(n.currentTime=r,this._videoCurrentTime=r)};#v=()=>{this._videoMuted=!this._videoMuted;let e=this.querySelector(`.media-lightbox-video`);e&&(e.muted=this._videoMuted)};updated(e){if(super.updated(e),!this._open||!e.has(`_currentIndex`)&&!e.has(`_open`))return;let t=this.querySelector(`.media-lightbox-stage`);t&&(t.scrollTop=0,t.scrollLeft=0,this.#m(),this.#d())}render(){if(!this._open)return J;let e=this._images[this._currentIndex],t=this._images.length>1,n=e?.mimeType?.startsWith(`video/`),r=Dt(e),i=Rt(e,this._viewportWidth,this._viewportHeight),a=r?Lt(e,this._viewportWidth,this._viewportHeight):null,o=r&&!!a&&a.height>a.width,s=a?`width:${a.width}px;height:${a.height}px;`:J,c=this._videoDuration>0?this._videoDuration:e?.durationSeconds??1,l=Math.min(this._videoCurrentTime,c),u=c>0?l/c*100:0;return K`\n      <dialog\n        class=${`media-lightbox${r?` media-lightbox-short`:``}`}\n        @keydown=${this.#r}\n        @click=${this.#o}\n        @close=${this.#s}\n      >\n        <div class=\"media-lightbox-content\" tabindex=\"-1\">\n          <button\n            type=\"button\"\n            class=\"media-lightbox-close\"\n            @click=${()=>this.close()}\n            aria-label=\"Close\"\n          >\n            <svg\n              width=\"20\"\n              height=\"20\"\n              viewBox=\"0 0 24 24\"\n              fill=\"none\"\n              stroke=\"currentColor\"\n              stroke-width=\"2\"\n              stroke-linecap=\"round\"\n              stroke-linejoin=\"round\"\n            >\n              <path d=\"M18 6 6 18\" />\n              <path d=\"m6 6 12 12\" />\n            </svg>\n          </button>\n\n          ${t?K`<div class=\"media-lightbox-counter\">\n                ${this._currentIndex+1} / ${this._images.length}\n              </div>`:J}\n          <div\n            class=${`media-lightbox-stage${i?` media-lightbox-stage-scroll`:``}`}\n          >\n            ${n?r?K`<div\n                    class=${`media-lightbox-short-frame${o?` media-lightbox-short-frame-portrait`:` media-lightbox-short-frame-landscape`}`}\n                    style=${s}\n                  >\n                    <video\n                      class=\"media-lightbox-video media-lightbox-video-short\"\n                      src=${e?.url??``}\n                      poster=${e?.posterUrl??``}\n                      autoplay\n                      playsinline\n                      loop\n                      ?muted=${this._videoMuted}\n                      @focus=${this.#f}\n                      @loadedmetadata=${this.#h}\n                      @timeupdate=${this.#g}\n                    ></video>\n                    <div\n                      class=${`media-lightbox-short-controls${o?` media-lightbox-short-controls-portrait`:``}`}\n                    >\n                      <input\n                        class=\"media-lightbox-short-progress\"\n                        type=\"range\"\n                        min=\"0\"\n                        max=${c}\n                        step=\"0.01\"\n                        .value=${String(l)}\n                        style=${`--media-progress:${u}%`}\n                        aria-label=\"Video progress\"\n                        @input=${this.#_}\n                      />\n                      <button\n                        type=\"button\"\n                        class=\"media-lightbox-short-mute\"\n                        @click=${this.#v}\n                        aria-label=${this._videoMuted?`Unmute video`:`Mute video`}\n                      >\n                        <svg\n                          width=\"16\"\n                          height=\"16\"\n                          viewBox=\"0 0 48 48\"\n                          fill=\"currentColor\"\n                          color=\"#fff\"\n                          aria-hidden=\"true\"\n                        >\n                          ${this._videoMuted?ft`\n                                <path d=\"M1.5 13.3c-.8 0-1.5.7-1.5 1.5v18.4c0 .8.7 1.5 1.5 1.5h8.7l12.9 12.9c.9.9 2.5.3 2.5-1v-9.8c0-.4-.2-.8-.4-1.1l-22-22c-.3-.3-.7-.4-1.1-.4h-.6zm46.8 31.4-5.5-5.5C44.9 36.6 48 31.4 48 24c0-11.4-7.2-17.4-7.2-17.4-.6-.6-1.6-.6-2.2 0L37.2 8c-.6.6-.6 1.6 0 2.2 0 0 5.7 5 5.7 13.8 0 5.4-2.1 9.3-3.8 11.6L35.5 32c1.1-1.7 2.3-4.4 2.3-8 0-6.8-4.1-10.3-4.1-10.3-.6-.6-1.6-.6-2.2 0l-1.4 1.4c-.6.6-.6 1.6 0 2.2 0 0 2.6 2 2.6 6.7 0 1.8-.4 3.2-.9 4.3L25.5 22V1.4c0-1.3-1.6-1.9-2.5-1L13.5 10 3.3-.3c-.6-.6-1.5-.6-2.1 0L-.2 1.1c-.6.6-.6 1.5 0 2.1L4 7.6l26.8 26.8 13.9 13.9c.6.6 1.5.6 2.1 0l1.4-1.4c.7-.6.7-1.6.1-2.2z\" />\n                              `:ft`\n                                <path d=\"M1.5 13.3c-.8 0-1.5.7-1.5 1.5v18.4c0 .8.7 1.5 1.5 1.5h8.7l12.9 12.9c.9.9 2.5.3 2.5-1V1.4c0-1.3-1.6-1.9-2.5-1L10.2 13.3H1.5z\" />\n                                <path d=\"M30.1 15.9c-.6-.6-.6-1.6 0-2.2l1.4-1.4c.6-.6 1.6-.6 2.2 0 0 0 4.1 3.5 4.1 11.7s-4.1 11.7-4.1 11.7c-.6.6-1.6.6-2.2 0l-1.4-1.4c-.6-.6-.6-1.6 0-2.2 0 0 2.6-2 2.6-8.1s-2.6-8.1-2.6-8.1z\" />\n                                <path d=\"M37.2 8c-.6-.6-.6-1.6 0-2.2l1.4-1.4c.6-.6 1.6-.6 2.2 0 0 0 5.7 5.1 5.7 19.6s-5.7 19.6-5.7 19.6c-.6.6-1.6.6-2.2 0L37.2 42c-.6-.6-.6-1.6 0-2.2 0 0 4.3-4.4 4.3-15.8S37.2 8 37.2 8z\" />\n                              `}\n                        </svg>\n                      </button>\n                    </div>\n                  </div>`:K`<video\n                    class=\"media-lightbox-video\"\n                    src=${e?.url??``}\n                    poster=${e?.posterUrl??``}\n                    controls\n                    autoplay\n                    playsinline\n                    @focus=${this.#f}\n                  ></video>`:K`<img\n                  class=${`media-lightbox-img${i?` media-lightbox-img-scroll`:``}`}\n                  src=${e?.url??``}\n                  alt=${e?.alt??``}\n                />`}\n          </div>\n          ${t?K`\n                <button\n                  type=\"button\"\n                  class=\"media-lightbox-nav media-lightbox-nav-prev\"\n                  @click=${()=>this.#t()}\n                  aria-label=\"Previous\"\n                >\n                  <svg\n                    width=\"24\"\n                    height=\"24\"\n                    viewBox=\"0 0 24 24\"\n                    fill=\"none\"\n                    stroke=\"currentColor\"\n                    stroke-width=\"2\"\n                    stroke-linecap=\"round\"\n                    stroke-linejoin=\"round\"\n                  >\n                    <path d=\"m15 18-6-6 6-6\" />\n                  </svg>\n                </button>\n                <button\n                  type=\"button\"\n                  class=\"media-lightbox-nav media-lightbox-nav-next\"\n                  @click=${()=>this.#n()}\n                  aria-label=\"Next\"\n                >\n                  <svg\n                    width=\"24\"\n                    height=\"24\"\n                    viewBox=\"0 0 24 24\"\n                    fill=\"none\"\n                    stroke=\"currentColor\"\n                    stroke-width=\"2\"\n                    stroke-linecap=\"round\"\n                    stroke-linejoin=\"round\"\n                  >\n                    <path d=\"m9 18 6-6-6-6\" />\n                  </svg>\n                </button>\n              `:J}\n        </div>\n      </dialog>\n    `}};customElements.define(`jant-media-lightbox`,zt);";
 //#endregion
 //#region src/services/export-theme/assets/client-site.css?raw
 var client_site_default = "@keyframes lightbox-fade-in{0%{opacity:0}to{opacity:1}}@keyframes lightbox-scale-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.media-lightbox{background:0 0;border:none;outline:none;width:100%;max-width:100%;height:100%;max-height:100%;padding:0}.media-lightbox[open]{animation:.2s both lightbox-fade-in}.media-lightbox::backdrop{background-color:#000}.media-lightbox-content{outline:none;width:100%;height:100dvh;position:relative}.media-lightbox-stage{box-sizing:border-box;justify-content:center;align-items:center;width:100%;height:100%;padding:64px 96px;display:flex;overflow:hidden}.media-lightbox-stage-scroll{overscroll-behavior:contain;scrollbar-gutter:stable both-edges;-webkit-overflow-scrolling:touch;align-items:flex-start;overflow:hidden auto}.media-lightbox-img{object-fit:contain;border-radius:4px;max-width:100%;max-height:100%;animation:.28s cubic-bezier(.22,1,.36,1) both lightbox-scale-in;display:block}.media-lightbox-img-scroll{width:min(100%,44rem);max-width:none;height:auto;max-height:none;margin:0 auto}.media-lightbox-close{z-index:10;-webkit-backdrop-filter:blur(8px);color:#fff;cursor:pointer;background-color:#00000080;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:background-color .15s;display:flex;position:fixed;top:16px;left:16px}.media-lightbox-close:hover{background-color:#000000b3}.media-lightbox-nav{z-index:10;-webkit-backdrop-filter:blur(8px);color:#fff;cursor:pointer;background-color:#00000080;border:none;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;transition:background-color .15s;display:flex;position:fixed;top:50%;transform:translateY(-50%)}.media-lightbox-nav:hover{background-color:#000000b3}.media-lightbox-nav-prev{left:16px}.media-lightbox-nav-next{right:16px}.media-lightbox-counter{z-index:10;font-size:var(--type-xs);color:#ffffffb3;font-variant-numeric:tabular-nums;-webkit-user-select:none;user-select:none;position:fixed;top:20px;left:50%;transform:translate(-50%)}.media-lightbox-short-frame{max-width:100%;max-height:100%;display:block;position:relative}.media-lightbox-short-controls{z-index:2;pointer-events:none;height:86px;position:absolute;bottom:0;left:0;right:0}.media-lightbox-short-progress{--media-progress:0%;z-index:1;appearance:none;pointer-events:auto;cursor:pointer;background:0 0;width:auto;height:34px;margin:0;padding:0;display:block;position:absolute;bottom:0;left:16px;right:16px}.media-lightbox-short-progress::-webkit-slider-runnable-track{background:linear-gradient(to right, #ffffffeb 0, #ffffffeb var(--media-progress), #ffffff2e var(--media-progress), #ffffff2e 100%);border-radius:999px;height:2px;transition:height .15s,background .15s}.media-lightbox-short-progress::-webkit-slider-thumb{appearance:none;opacity:.82;background-color:#fff;border:none;border-radius:999px;width:10px;height:10px;margin-top:-4px;transition:opacity .15s,transform .15s;box-shadow:0 1px 4px #00000052}.media-lightbox-short-progress::-moz-range-track{background:#ffffff2e;border:none;border-radius:999px;height:2px}.media-lightbox-short-progress::-moz-range-progress{background:#ffffffeb;border-radius:999px;height:2px}.media-lightbox-short-progress::-moz-range-thumb{opacity:.82;background-color:#fff;border:none;border-radius:999px;width:10px;height:10px;transition:opacity .15s,transform .15s;box-shadow:0 1px 4px #00000052}.media-lightbox-short-controls-portrait .media-lightbox-short-progress{width:calc(100% - 48px);right:auto}.media-lightbox-short-progress:hover::-webkit-slider-runnable-track{height:4px}.media-lightbox-short-progress:focus-visible::-webkit-slider-runnable-track{height:4px}.media-lightbox-short-progress:hover::-moz-range-track{height:4px}.media-lightbox-short-progress:focus-visible::-moz-range-track{height:4px}.media-lightbox-short-progress:hover::-moz-range-progress{height:4px}.media-lightbox-short-progress:focus-visible::-moz-range-progress{height:4px}.media-lightbox-short-progress:hover::-webkit-slider-thumb{opacity:1;transform:scale(1.05)}.media-lightbox-short-progress:focus-visible::-webkit-slider-thumb{opacity:1;transform:scale(1.05)}.media-lightbox-short-progress:hover::-moz-range-thumb{opacity:1;transform:scale(1.05)}.media-lightbox-short-progress:focus-visible::-moz-range-thumb{opacity:1;transform:scale(1.05)}.media-lightbox-short-mute{z-index:2;color:#fff;pointer-events:auto;cursor:pointer;background-color:#777;border:none;border-radius:999px;justify-content:center;align-items:center;width:44px;height:44px;transition:background-color .15s,transform .15s;display:inline-flex;position:absolute;bottom:30px;right:24px}.media-lightbox-short-mute svg{flex-shrink:0;width:16px;height:16px;display:block}.media-lightbox-short-mute:hover{background-color:#686868;transform:scale(1.03)}.media-lightbox-short-mute:focus-visible{outline:none;box-shadow:0 0 0 3px #fff3}@media (max-width:640px){.media-lightbox-stage{padding:48px 16px}.media-lightbox-img{border-radius:0}.media-lightbox-img-scroll{width:100%}.media-lightbox-close{width:36px;height:36px;top:12px;left:12px}.media-lightbox-nav{width:36px;height:36px}.media-lightbox-nav-prev{left:8px}.media-lightbox-nav-next{right:8px}.media-lightbox-short-mute{bottom:26px;right:24px}}.media-visual-frame{border-radius:var(--media-radius,.5rem);background-color:var(--color-muted);display:block;overflow:hidden}.media-visual{background-position:50%;background-repeat:no-repeat;display:block}.media-video-wrap{position:relative}.media-video-link{cursor:pointer;display:block}.media-video-wrap video{object-fit:contain;background-color:var(--color-muted);width:100%;max-height:24rem}.media-video-wrap-short video{background-color:#000}.media-feed-video-mute{z-index:1;color:#fff;cursor:pointer;background-color:#00000080;border:none;border-radius:999px;justify-content:center;align-items:center;width:28px;height:28px;transition:background-color .15s,transform .15s;display:inline-flex;position:absolute;bottom:16px;right:16px}.media-feed-video-mute svg{width:12px;height:12px}.media-feed-video-mute:hover{background-color:#0000009e;transform:scale(1.03)}.media-feed-video-mute:focus-visible{outline:none;box-shadow:0 0 0 3px #fff3}.media-feed-video-icon{transition:opacity .15s,transform .15s;position:absolute}.media-feed-video-mute[data-muted=true] .media-feed-video-icon-muted,.media-feed-video-mute[data-muted=false] .media-feed-video-icon-unmuted{opacity:1;transform:scale(1)}.media-feed-video-mute[data-muted=true] .media-feed-video-icon-unmuted,.media-feed-video-mute[data-muted=false] .media-feed-video-icon-muted{opacity:0;transform:scale(.92)}.media-video-play-overlay{pointer-events:none;justify-content:center;align-items:center;transition:opacity .15s;display:flex;position:absolute;inset:0}.media-video-play-overlay svg{filter:drop-shadow(0 2px 6px #0006);opacity:.85;width:48px;height:48px}.media-gallery-card.media-audio-card{flex-direction:column;display:flex}.media-audio-card .media-audio-el{opacity:0;pointer-events:none;width:0;height:0;position:absolute}.media-audio-card .media-audio-artwork{background:linear-gradient(160deg,#8080801f 0%,#80808008 100%);flex:1;justify-content:center;align-items:center;width:100%;min-height:0;display:flex}.media-audio-card .media-audio-artwork svg{width:32px;height:32px;color:var(--site-text-secondary);opacity:.3}.media-audio-card .media-audio-waveform{cursor:pointer;touch-action:none;width:100%;height:24px;display:none}.media-audio-card.has-waveform .media-audio-waveform{display:block}.media-audio-card.has-waveform .media-audio-range{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.media-audio-card .media-audio-controls{flex-direction:column;flex-shrink:0;padding:0 0 6px;display:flex}.media-audio-card .media-audio-range{appearance:none;cursor:pointer;touch-action:none;background:0 0;width:100%;height:20px;margin:0;padding:0}.media-audio-card .media-audio-range::-webkit-slider-runnable-track{background:#80808026;border-radius:1.5px;height:3px}.media-audio-card .media-audio-range::-moz-range-track{background:#80808026;border:none;border-radius:1.5px;height:3px}.media-audio-card .media-audio-range::-moz-range-progress{background:var(--site-text-primary);border-radius:1.5px;height:3px}.media-audio-card .media-audio-range::-webkit-slider-thumb{-webkit-appearance:none;background:var(--site-text-primary);opacity:0;border:none;border-radius:50%;width:10px;height:10px;margin-top:-3.5px;transition:opacity .15s}.media-audio-card .media-audio-range:hover::-webkit-slider-thumb{opacity:1}.media-audio-card.is-playing .media-audio-range::-webkit-slider-thumb{opacity:1}.media-audio-card .media-audio-range::-moz-range-thumb{background:var(--site-text-primary);opacity:0;border:none;border-radius:50%;width:10px;height:10px;transition:opacity .15s}.media-audio-card .media-audio-range:hover::-moz-range-thumb{opacity:1}.media-audio-card.is-playing .media-audio-range::-moz-range-thumb{opacity:1}.media-audio-card .media-audio-range:focus-visible{outline:2px solid var(--site-text-primary);outline-offset:2px;border-radius:2px}.media-audio-card .media-audio-row{align-items:center;gap:6px;min-width:0;padding:6px 8px 0;display:flex}.media-audio-card .media-audio-info{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.media-audio-card .media-audio-title{font-size:var(--type-2xs);font-weight:var(--fw-medium,500);color:var(--site-text-primary);text-overflow:ellipsis;white-space:nowrap;line-height:1.3;overflow:hidden}.media-audio-card .media-audio-time{font-size:var(--type-2xs);color:var(--site-text-secondary);font-variant-numeric:tabular-nums;line-height:1}.media-audio-card .media-audio-play-btn{cursor:pointer;background:var(--site-text-primary);width:28px;height:28px;color:var(--background,#fff);border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:transform .12s;display:flex}.media-audio-card .media-audio-play-btn:hover{transform:scale(1.1)}.media-audio-card .media-audio-play-btn:active{transform:scale(.92)}.media-audio-card .media-audio-play-btn svg{width:14px;height:14px}.media-audio-card .media-audio-icon-play{margin-left:2px}.media-audio-card .media-audio-icon-pause,.media-audio-card.is-playing .media-audio-icon-play{display:none}.media-audio-card.is-playing .media-audio-icon-pause{display:block}.media-gallery-card{color:var(--site-text-primary);border-radius:var(--media-radius,.5rem);background-color:var(--site-nav-hover-bg);border:1px solid var(--site-divider);text-decoration:none;transition:background-color .15s;display:block;overflow:hidden}a.media-gallery-card:hover,button.media-gallery-card:hover{background-color:var(--site-divider)}button.media-gallery-card{cursor:pointer;font:inherit;text-align:inherit}.media-gallery-card-inner{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;width:100%;height:100%;padding:16px 12px;display:flex}.media-gallery-card-icon{color:var(--site-text-secondary);opacity:.6}.media-gallery-card-summary{font-size:var(--type-xs);color:var(--site-text-secondary);-webkit-line-clamp:2;word-break:break-word;-webkit-box-orient:vertical;line-height:1.4;display:-webkit-box;overflow:hidden}.media-gallery-card-meta{font-size:var(--type-xs);color:var(--site-text-secondary)}.media-lightbox-video{background-color:#000;border-radius:4px;outline:none;max-width:100%;max-height:100%;animation:.28s cubic-bezier(.22,1,.36,1) both lightbox-scale-in}.media-lightbox-video:focus,.media-lightbox-video:focus-visible{outline:none}.media-lightbox-video-short{object-fit:contain;width:100%;max-width:none;height:100%;max-height:none;display:block}@media (max-width:640px){.media-lightbox-video{border-radius:0}}[data-post-media] img{background:0 0}.media-gallery-scroll-wrap{--_fade:1.5rem;--_mask-left:black;--_mask-right:black}.media-gallery-scroll-wrap>[data-post-media]{-webkit-mask-image:linear-gradient(to right, var(--_mask-left) 0%, black var(--_fade), black calc(100% - var(--_fade)), var(--_mask-right) 100%);mask-image:linear-gradient(to right, var(--_mask-left) 0%, black var(--_fade), black calc(100% - var(--_fade)), var(--_mask-right) 100%);-webkit-mask-image:linear-gradient(to right, var(--_mask-left) 0%, black var(--_fade), black calc(100% - var(--_fade)), var(--_mask-right) 100%)}.media-gallery-scroll-wrap.can-scroll-start{--_mask-left:transparent}.media-gallery-scroll-wrap.can-scroll-end{--_mask-right:transparent}\n/*$vite$:1*/";

package/dist/{github-sync-C0Fi4LKt.js → github-sync-8Vv06aCr.js}

@@ -1,4 +1,4 @@
 import "./url-umUptr5z.js";
-import "./export-I9XFTWyO.js";
-import { i as classifyRepoForSync, o as createGitHubSyncService } from "./github-sync-DBAwA3H9.js";
+import "./export-CR9Megtb.js";
+import { i as classifyRepoForSync, o as createGitHubSyncService } from "./github-sync-DYZq9rQp.js";
 export { classifyRepoForSync, createGitHubSyncService };

package/dist/{github-sync-DBAwA3H9.js → github-sync-DYZq9rQp.js}

@@ -1,4 +1,4 @@
-import { c as parseMarkdownDocument, r as parseFrontMatter, t as createExportService } from "./export-I9XFTWyO.js";
+import { c as parseMarkdownDocument, r as parseFrontMatter, t as createExportService } from "./export-CR9Megtb.js";
 import { r as getInstallationToken } from "./github-app-D0GvNnqp.js";
 import { r as parseRepoSlug, t as createGitHubClient } from "./github-api-Bh0PH3zr.js";
 //#region src/lib/markdown-to-tiptap.ts

package/dist/index.js

@@ -1,6 +1,6 @@
 import { _ as url_exports } from "./url-umUptr5z.js";
-import { A as NAV_ITEM_TYPES, C as toPostView, D as MAX_MEDIA_ATTACHMENTS, E as FORMATS, M as STATUSES, N as TEXT_ATTACHMENT_CONTENT_FORMATS, O as MAX_PINNED_POSTS, S as toNavItemViews, T as toSearchResultView, _ as createMediaContext, b as toMediaView, f as defaultFeedRenderer, j as SORT_ORDERS, k as MEDIA_KINDS, t as createApp, v as toArchiveGroups, w as toPostViews, x as toNavItemView, y as toArchiveGroupsWithMedia } from "./app-CPVwpmb3.js";
-import { T as time_exports, a as markdown_exports } from "./export-I9XFTWyO.js";
+import { A as NAV_ITEM_TYPES, C as toPostView, D as MAX_MEDIA_ATTACHMENTS, E as FORMATS, M as STATUSES, N as TEXT_ATTACHMENT_CONTENT_FORMATS, O as MAX_PINNED_POSTS, S as toNavItemViews, T as toSearchResultView, _ as createMediaContext, b as toMediaView, f as defaultFeedRenderer, j as SORT_ORDERS, k as MEDIA_KINDS, t as createApp, v as toArchiveGroups, w as toPostViews, x as toNavItemView, y as toArchiveGroupsWithMedia } from "./app-C481ssbr.js";
+import { T as time_exports, a as markdown_exports } from "./export-CR9Megtb.js";
 import "./env-CgaH9Mut.js";
-import "./github-sync-DBAwA3H9.js";
+import "./github-sync-DYZq9rQp.js";
 export { FORMATS, MAX_MEDIA_ATTACHMENTS, MAX_PINNED_POSTS, MEDIA_KINDS, NAV_ITEM_TYPES, SORT_ORDERS, STATUSES, TEXT_ATTACHMENT_CONTENT_FORMATS, createApp, createMediaContext, defaultFeedRenderer, markdown_exports as markdown, time_exports as time, toArchiveGroups, toArchiveGroupsWithMedia, toMediaView, toNavItemView, toNavItemViews, toPostView, toPostViews, toSearchResultView, url_exports as url };

package/dist/node.js

@@ -1,8 +1,8 @@
 import "./url-umUptr5z.js";
-import { F as BUILTIN_COLOR_THEMES, I as getPublicAssetBasePath, L as isAssetPath, P as buildThemeStyle, a as resolveDatabaseDialect, c as resolveConfig, d as getFontThemeCssVariables, g as schema_exports, h as createNodeDatabase, i as createSiteService, l as BUILTIN_FONT_THEMES, m as sqliteSchemaBundle, n as createNodeCliRuntime, o as getHostBasedStartupConfigurationIssues, p as pgSchemaBundle, r as createNodeRequestRuntime, s as createStorageDriver, t as createApp, u as getCjkSerifCssVariables } from "./app-CPVwpmb3.js";
-import { t as createExportService } from "./export-I9XFTWyO.js";
+import { F as BUILTIN_COLOR_THEMES, I as getPublicAssetBasePath, L as isAssetPath, P as buildThemeStyle, a as resolveDatabaseDialect, c as resolveConfig, d as getFontThemeCssVariables, g as schema_exports, h as createNodeDatabase, i as createSiteService, l as BUILTIN_FONT_THEMES, m as sqliteSchemaBundle, n as createNodeCliRuntime, o as getHostBasedStartupConfigurationIssues, p as pgSchemaBundle, r as createNodeRequestRuntime, s as createStorageDriver, t as createApp, u as getCjkSerifCssVariables } from "./app-C481ssbr.js";
+import { t as createExportService } from "./export-CR9Megtb.js";
 import { b as getSiteResolutionMode, i as getConfiguredSingleSitePathPrefix, l as getEnvString, r as getConfiguredSingleSiteOrigin, x as shouldTrustProxy, y as getPort } from "./env-CgaH9Mut.js";
-import "./github-sync-DBAwA3H9.js";
+import "./github-sync-DYZq9rQp.js";
 import { drizzle } from "drizzle-orm/better-sqlite3";
 import { serve } from "@hono/node-server";
 import Database from "better-sqlite3";
@@ -474,7 +474,7 @@ async function createNodeRequestHandler(options) {
 async function start(env = process.env, app) {
 	const handler = await createNodeRequestHandler({
 		env,
-		app: async () => app ?? (await import("./app-Z83YzveI.js")).createApp()
+		app: async () => app ?? (await import("./app-BgMwEN-M.js")).createApp()
 	});
 	const hostname = resolveHost(env);
 	const port = resolvePort(env);