@layer base,components,pages;@layer base{:root{--color-text: #111;--color-text-muted: #666;--color-text-faint: #888;--color-surface: #fff;--color-sunken: #f4f4f4;--color-input-bg: #fff;--color-border: #ccc;--color-border-subtle: #ddd;--color-border-faint: #eee;--color-accent: #111;--color-accent-text: #fff;--color-accent-faint: rgba(0, 0, 0, .1);--color-error: #c00;--color-error-bg: #fff0f0;--color-info-bg: #f0f4ff;--color-info-border: #b8c8ff;--color-chrome: #aaa;--color-chrome-border: #555;--color-published: #2f6e5b;--color-draft: #888;--color-scheduled: #9a5b21;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--text-xs: .8125rem;--text-sm: .875rem;--radius: 4px;--radius-pill: 999px;--date-column: 10rem;--image-max-height: 60vh;--image-frame: 1 / 1;--measure: 760px;--header-height: 56px;--admin-sidebar-width: 14rem;--admin-form-width: 40rem;--admin-details-width: 22rem;--image-tile-width: 10rem}}@layer base{*,*:before,*:after{box-sizing:border-box}*:not(dialog){margin:0}@media(prefers-reduced-motion:no-preference){html{interpolate-size:allow-keywords}}body{line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}p{text-wrap:pretty}h1,h2,h3,h4,h5,h6{text-wrap:balance}#root,#__next{isolation:isolate}}@layer base{@font-face{font-family:Charter;src:url(/fonts/charter_regular-webfont-0c4500a9d203a33bd879a9a0bee1190d.woff?vsn=d) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Charter;src:url(/fonts/charter_bold-webfont-78342dfad83c591ee5e926f2ffbd0671.woff?vsn=d) format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Charter;src:url(/fonts/charter_italic-webfont-a043b97f0bac1546f96bc31abd6956bb.woff?vsn=d) format("woff2");font-weight:400;font-style:italic;font-display:swap}}@layer base{html{overflow-y:scroll}body{min-height:100vh;display:flex;flex-direction:column;font-family:Charter,Georgia,serif}[hidden]{display:none!important}[data-phx-session],[data-phx-teleported-src]{display:contents}.container{width:100%;max-width:var(--measure);margin:0 auto;padding:0 var(--space-5)}header{position:fixed;top:0;left:0;right:0;z-index:100;background:var(--color-chrome);border-bottom:1px solid var(--color-chrome-border)}header nav{display:flex;justify-content:space-between;align-items:center;height:var(--header-height)}header nav ul{display:flex;align-items:center;list-style:none;gap:var(--space-5)}header nav a{text-decoration:none;color:inherit}main{flex:1;padding-top:calc(var(--header-height) + var(--space-4));padding-bottom:var(--space-6)}footer{border-top:1px solid var(--color-border-subtle);padding:var(--space-3) 0}footer .container{display:flex;align-items:center;justify-content:space-between;color:var(--color-text-muted);font-size:var(--text-sm)}footer .copy{text-align:left}footer ul{display:flex;list-style:none;gap:var(--space-4);margin:0;padding:0}footer ul a{text-decoration:none;color:inherit}}@layer components{article .meta{display:flex;flex-wrap:wrap;gap:var(--space-2);color:var(--color-text-muted);font-size:var(--text-sm);margin-bottom:var(--space-5)}article .meta .permalink{color:inherit}article .meta>*+*:before{content:"\b7";display:inline-block;margin-right:var(--space-2);color:var(--color-text-faint)}.hero-image{max-width:100%;max-height:var(--image-max-height);width:auto;margin-inline:auto;margin-bottom:var(--space-5)}.image-credit{margin-top:2.5rem;color:var(--color-text-muted);font-size:var(--text-sm)}.image-credit a{color:inherit}.content>*+*,.prose>*+*{margin-top:var(--space-4)}.content h1,.content h2,.content h3{margin-top:var(--space-6)}.content blockquote{border-left:2px solid var(--color-border);padding-left:var(--space-4);color:var(--color-text-muted)}.content pre{overflow-x:auto;padding:var(--space-4);background:var(--color-sunken)}.content table{border-collapse:collapse;width:100%}.content th,.content td{border:1px solid var(--color-border-subtle);padding:.375rem var(--space-2);text-align:left}.prose ul{padding-left:1.25rem}.prose ul ul{margin-top:var(--space-2)}.post-nav{display:flex;justify-content:space-between;gap:var(--space-4);margin-top:2.5rem;padding-top:var(--space-4);border-top:1px solid var(--color-border-subtle)}.post-nav .next{margin-left:auto;text-align:right}}@layer components{.breadcrumbs{font-size:var(--text-sm);margin-bottom:var(--space-4)}.breadcrumbs ol{display:flex;flex-wrap:wrap;gap:var(--space-2);list-style:none;padding:0;margin:0}.breadcrumbs li+li:before{content:"/";margin-right:var(--space-2);color:var(--color-text-faint)}.breadcrumbs a{color:inherit}.breadcrumbs [aria-current=page]{color:var(--color-text-muted)}}@layer components{.btn{padding:var(--space-2) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius);font-size:1rem;cursor:pointer;background:var(--color-accent);color:var(--color-accent-text);width:100%;text-align:center;text-decoration:none}.btn:hover{opacity:.85}.btn.btn-secondary{background:transparent;color:var(--color-accent);border-color:var(--color-accent)}.btn.btn-secondary:hover{background:var(--color-accent-faint)}.btn:disabled{opacity:.5;cursor:not-allowed}}@layer components{.flash-group{position:fixed;top:calc(var(--header-height) + var(--space-2));right:var(--space-4);z-index:200;display:flex;flex-direction:column;gap:var(--space-2)}.flash{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius);width:20rem;max-width:calc(100vw - 2rem);border:1px solid;cursor:pointer}.flash-info{background:var(--color-info-bg);border-color:var(--color-info-border);color:var(--color-text)}.flash-error{background:var(--color-error-bg);border-color:var(--color-error);color:var(--color-error)}.flash-body{flex:1;font-size:var(--text-sm)}.flash-title{font-weight:600;margin-bottom:var(--space-1)}}@layer components{.form{display:flex;flex-direction:column;gap:var(--space-4);margin-bottom:var(--space-5)}.form-field{display:flex;flex-direction:column;gap:var(--space-1)}.form-field label{font-size:var(--text-sm);font-weight:500;color:var(--color-text-muted)}.form-field input,.form-select,.form-textarea{padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius);font-size:1rem;width:100%;box-sizing:border-box;background:var(--color-input-bg);color:var(--color-text)}.form-field input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--color-chrome-border);box-shadow:0 0 0 2px var(--color-accent-faint)}.form-field input[readonly]{opacity:.6;cursor:not-allowed}.form-field-checkbox .form-label{display:flex;align-items:center;gap:var(--space-2);cursor:pointer}.form-checkbox{width:1rem;height:1rem;cursor:pointer}.input-error{border-color:var(--color-error)}.form-label-row{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-4)}.form-label-aside{font-size:var(--text-xs);color:var(--color-text-muted);font-variant-numeric:tabular-nums}.field-hint{font-size:var(--text-xs);color:var(--color-text-muted)}.field-error{font-size:var(--text-xs);color:var(--color-error)}.form-actions{display:flex;flex-direction:column;gap:var(--space-2);margin-top:var(--space-2)}.form-divider{border:none;border-top:1px solid var(--color-border);margin:var(--space-4) 0}}@layer components{.image-picker{margin-bottom:var(--space-5)}.image-picker-fieldset{display:flex;flex-direction:column;gap:var(--space-2);min-width:0;padding:0;border:none}.image-picker-legend{padding:0;margin-bottom:var(--space-1);font-size:var(--text-sm);font-weight:500;color:var(--color-text-muted)}.image-picker-card{padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-sunken)}.image-picker-card.phx-drop-target-active{border-color:var(--color-chrome-border);background:var(--color-accent-faint)}.image-picker-row{display:grid;grid-template-columns:10rem 1fr;gap:var(--space-4)}.image-picker-thumb{width:10rem;aspect-ratio:var(--image-frame);object-fit:cover;border:1px solid var(--color-border-subtle);border-radius:var(--radius);background:var(--color-surface)}.image-picker-details{display:flex;flex-direction:column;gap:var(--space-2);min-width:0}.image-picker-id{font-weight:500;color:var(--color-text)}.image-picker-alt{font-size:var(--text-sm)}.image-picker-remove{margin-top:auto}.image-picker-progress{width:100%}.image-picker-actions{display:flex;gap:var(--space-2)}.image-picker-empty-card{display:flex;flex-direction:column;gap:var(--space-5)}.image-picker-combobox{position:relative}.image-picker-query{width:100%;padding:var(--space-2) calc(var(--space-6) + var(--space-3)) var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius);font-size:1rem;background:var(--color-input-bg);color:var(--color-text)}.image-picker-query:focus{outline:none;border-color:var(--color-chrome-border);box-shadow:0 0 0 2px var(--color-accent-faint)}.image-picker-toggle{position:absolute;top:var(--space-1);right:var(--space-1);bottom:var(--space-1);display:flex;align-items:center;padding:0 var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);color:var(--color-text);cursor:pointer}.image-picker-toggle:hover,.image-picker-toggle:focus-visible{border-color:var(--color-chrome-border)}.image-picker-results{position:absolute;top:calc(100% + var(--space-1));left:0;right:0;z-index:100;display:flex;flex-direction:column;max-height:20rem;overflow-y:auto;padding:var(--space-1);list-style:none;border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface)}.image-picker-empty{padding:var(--space-2);font-size:var(--text-sm);color:var(--color-text-muted)}.image-picker-empty:not(:only-child){display:none}.image-picker-result{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-1) var(--space-2);border:none;border-radius:var(--radius);background:transparent;color:var(--color-text);font-size:var(--text-sm);text-align:left;cursor:pointer}.image-picker-result:hover,.image-picker-result:focus-visible{background:var(--color-accent-faint)}.image-picker-result-image{flex:none;width:3rem;aspect-ratio:var(--image-frame);object-fit:cover;border-radius:var(--radius);background:var(--color-sunken)}.image-picker-result-text{display:flex;flex-direction:column;min-width:0}.image-picker-result-name,.image-picker-result-alt{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.image-picker-result-alt{font-size:var(--text-xs);color:var(--color-text-muted)}.image-picker-drop{font-size:var(--text-sm);color:var(--color-text-muted);text-align:center}.image-picker-link{color:var(--color-text);text-decoration:underline;cursor:pointer}}@layer components{.post-list{display:flex;flex-direction:column;gap:.2rem}.post-entry{display:grid;grid-template-columns:var(--date-column) 1fr;column-gap:var(--space-4);align-items:baseline}.post-date{font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--color-text-muted)}.empty{color:var(--color-text-muted)}@media(max-width:480px){.post-entry{display:block}}}@layer components{.state{font-size:var(--text-xs);padding:.125rem var(--space-2);border-radius:var(--radius-pill);border:1px solid;white-space:nowrap}.state-published{border-color:var(--color-published);color:var(--color-published)}.state-draft{border-color:var(--color-draft);color:var(--color-text-muted)}.state-scheduled{border-color:var(--color-scheduled);color:var(--color-scheduled)}}@layer components{.data-table{width:100%;border-collapse:collapse}.data-table th{text-align:left;font-size:var(--text-sm);color:var(--color-text-muted);border-bottom:1px solid var(--color-border-subtle);padding:var(--space-2) var(--space-2) var(--space-2) 0}.data-table td{border-bottom:1px solid var(--color-border-faint);padding:.625rem var(--space-2) .625rem 0;vertical-align:top}.data-table .muted{font-size:var(--text-xs);color:var(--color-text-faint)}.data-table td.actions{text-align:right;white-space:nowrap}.data-table td.actions a{cursor:pointer}.data-table td.actions a+a{margin-left:var(--space-3)}@media(max-width:640px){.data-table thead{display:none}.data-table tr{display:grid;gap:var(--space-1);padding:var(--space-3) 0;border-bottom:1px solid var(--color-border-faint)}.data-table td{border:none;padding:0}.data-table td.actions{text-align:left}}}@layer components{.user-menu{position:relative;display:flex;align-items:center}.user-menu>summary{list-style:none;cursor:pointer;display:flex;align-items:center;border-radius:var(--radius-pill)}.user-menu>summary::-webkit-details-marker{display:none}.user-menu>summary:focus-visible{outline:2px solid var(--color-chrome-border);outline-offset:2px}.avatar{width:32px;height:32px;border-radius:50%;display:block;background:var(--color-border-subtle)}.user-menu-panel{position:absolute;right:0;top:calc(100% + var(--space-2));z-index:200;min-width:14rem;display:flex;flex-direction:column;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:0 4px 12px #0000001f;overflow:hidden}.user-menu-email{padding:.625rem var(--space-3);border-bottom:1px solid var(--color-border-faint);font-size:var(--text-xs);color:var(--color-text-muted);word-break:break-all}.user-menu-panel a{padding:.625rem var(--space-3);text-decoration:none;color:inherit}.user-menu-panel a:hover{background:var(--color-sunken)}}@layer pages{.admin-topbar{padding-inline:var(--space-5)}.admin-shell{flex:1;display:flex;padding-top:var(--header-height)}.admin-sidebar{flex:none;align-self:flex-start;position:sticky;top:var(--header-height);width:var(--admin-sidebar-width);height:calc(100vh - var(--header-height));overflow-y:auto;padding:var(--space-5) var(--space-3);background:var(--color-sunken);border-right:1px solid var(--color-border-subtle)}.admin-sidebar ul{display:flex;flex-direction:column;gap:var(--space-1);list-style:none}.admin-sidebar a{display:block;padding:var(--space-2) var(--space-3);border-radius:var(--radius);color:inherit;text-decoration:none}.admin-sidebar a:hover{background:var(--color-accent-faint)}.admin-sidebar a[aria-current=page]{background:var(--color-accent);color:var(--color-accent-text)}.admin-main{flex:1;min-width:0;padding:var(--space-5) var(--space-6) var(--space-6)}.admin-form-column{max-width:var(--admin-form-width)}.post-editor{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:var(--space-6)}.post-editor-preview{position:sticky;top:calc(var(--header-height) + var(--space-5));max-width:var(--measure);max-height:calc(100vh - var(--header-height) - 2 * var(--space-5));overflow-y:auto;padding-left:var(--space-6);border-left:1px solid var(--color-border-subtle)}.post-editor-preview-label{margin-bottom:var(--space-4);font-size:var(--text-sm);font-weight:500;color:var(--color-text-muted)}.post-editor-preview-empty{color:var(--color-text-faint)}.admin-header{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-5)}.admin-header .btn{width:auto}.admin-dashboard{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--space-5)}.permalink-lookup{display:flex;flex-direction:column;gap:var(--space-3);flex:0 1 18rem;min-width:0;margin-bottom:var(--space-6)}.permalink-lookup form{display:flex;align-items:center;gap:var(--space-2)}.permalink-lookup-label{flex:none;font-size:var(--text-sm);font-weight:500;color:var(--color-text-muted)}.permalink-lookup-code{flex:1;min-width:0;padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius);font-family:ui-monospace,monospace;font-size:1rem;background:var(--color-input-bg);color:var(--color-text)}.permalink-lookup-code:focus{outline:none;border-color:var(--color-chrome-border);box-shadow:0 0 0 2px var(--color-accent-faint)}.permalink-lookup-result{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2) var(--space-4);padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-sunken)}.permalink-lookup-result div{display:flex;gap:var(--space-2);min-width:0}.permalink-lookup-result dt{color:var(--color-text-muted)}.permalink-lookup-result dt:after{content:":"}.permalink-lookup-target{grid-column:1 / -1}.permalink-lookup-target dt{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.permalink-lookup-target dd{overflow-wrap:anywhere}.admin-nav{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-6)}.admin-nav .btn{width:auto}.admin-stats{display:flex;gap:var(--space-6);margin-bottom:var(--space-5)}.stat{display:flex;flex-direction:column}.stat-value{font-size:1.75rem;font-variant-numeric:tabular-nums}.stat-label{font-size:var(--text-sm);color:var(--color-text-muted)}.image-library{display:grid;grid-template-columns:minmax(0,1fr) var(--admin-details-width);align-items:start;gap:var(--space-6)}.view-toggle{display:flex;gap:var(--space-1)}.view-toggle-option{display:flex;padding:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius);color:var(--color-text-muted)}.view-toggle-option:hover{background:var(--color-accent-faint)}.view-toggle-option[aria-current=true]{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-accent-text)}.image-filters{margin-bottom:var(--space-4)}.image-filters-query{width:100%;padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius);font-size:1rem;background:var(--color-input-bg);color:var(--color-text)}.image-filters-query:focus{outline:none;border-color:var(--color-chrome-border);box-shadow:0 0 0 2px var(--color-accent-faint)}.image-row{position:relative}.image-row:hover{background:var(--color-sunken)}.image-row-selected,.image-row-selected:hover{background:var(--color-accent-faint)}.image-row-link:after{content:"";position:absolute;inset:0}.image-row-alt{max-width:24rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--color-text-muted)}.image-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--image-tile-width),1fr));gap:var(--space-3);list-style:none}.image-tile{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-1);border:2px solid transparent;border-radius:var(--radius);color:inherit;text-decoration:none}.image-tile:hover{background:var(--color-sunken)}.image-tile[aria-current=true]{border-color:var(--color-accent)}.image-tile-image{width:100%;aspect-ratio:var(--image-frame);object-fit:cover;border-radius:var(--radius);background:var(--color-sunken)}.image-tile-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--text-sm)}.image-details{position:sticky;top:calc(var(--header-height) + var(--space-5));display:flex;flex-direction:column;gap:var(--space-4);max-height:calc(100vh - var(--header-height) - 2 * var(--space-5));overflow-y:auto;padding:var(--space-4);border:1px solid var(--color-border-subtle);border-radius:var(--radius);background:var(--color-surface)}.image-details-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-2)}.image-details-title{min-width:0;font-size:1.125rem;overflow-wrap:anywhere}.image-details-close{display:flex;flex:none;padding:var(--space-1);border-radius:var(--radius);color:var(--color-text-muted)}.image-details-close:hover{background:var(--color-accent-faint);color:var(--color-text)}.image-details-preview{width:100%;max-height:18rem;object-fit:contain;border-radius:var(--radius);background:var(--color-sunken)}.image-details-facts{display:grid;gap:var(--space-1);font-size:var(--text-sm)}.image-details-facts div{display:flex;gap:var(--space-2);min-width:0}.image-details-facts dt{flex:none;width:4rem;color:var(--color-text-muted)}.image-details-facts dd{min-width:0;overflow-wrap:anywhere}.image-details .form{margin-bottom:0}.image-details-section{display:flex;flex-direction:column;gap:var(--space-2);padding-top:var(--space-4);border-top:1px solid var(--color-border-faint)}.image-details-heading{font-size:var(--text-sm);font-weight:500;color:var(--color-text-muted)}.image-details-none{color:var(--color-text-faint)}.image-uses{display:flex;flex-direction:column;gap:var(--space-1);list-style:none}.image-uses li{display:flex;justify-content:space-between;align-items:baseline;gap:var(--space-2)}.image-uses-role{flex:none;font-size:var(--text-xs);color:var(--color-text-faint)}}@layer pages{.page-narrow{max-width:400px;margin:var(--space-6) auto;padding:0 var(--space-4)}.page-header{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-4)}.login-heading{font-size:1.5rem;font-weight:600;margin-bottom:var(--space-2)}.login-notice{color:var(--color-text-muted);margin-bottom:var(--space-4);font-size:.9rem}.dev-notice{background:var(--color-info-bg);border:1px solid var(--color-info-border);border-radius:var(--radius);padding:var(--space-3) var(--space-4);margin-bottom:var(--space-4);font-size:var(--text-sm)}.form-tip{margin-top:var(--space-6);padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius);font-size:var(--text-sm);color:var(--color-text-muted)}}@layer pages{.gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--space-5)}.gallery-card a,.collection-card a{display:block;color:inherit;text-decoration:none}.gallery-card a:hover h2,.collection-card a:hover h2{text-decoration:underline}.gallery-card h2{font-size:1.125rem;margin-top:var(--space-2)}.gallery-image{width:100%;aspect-ratio:var(--image-frame);object-fit:contain;background:var(--color-sunken)}.gallery-placeholder{background:var(--color-border-faint);border:1px solid var(--color-border-subtle)}.gallery-date{font-size:var(--text-sm);color:var(--color-text-muted)}.collection-list{display:flex;flex-direction:column;gap:var(--space-4)}.collection-card h2{font-size:1.125rem;margin-top:var(--space-2)}.collection-cover{width:120px;aspect-ratio:var(--image-frame);object-fit:contain;background:var(--color-sunken)}}@layer pages{.home{display:flex;flex-direction:column;gap:var(--space-4)}.home-links{display:flex;flex-wrap:wrap;gap:var(--space-4)}.home-links a{text-decoration:none;color:inherit}}@layer pages{.series-page{display:flex;gap:var(--space-6);align-items:flex-start}.series-cover{flex-shrink:0;width:170px}.series-cover-image{width:100%;height:auto;border-radius:var(--radius);display:block}.series-info{flex:1;min-width:0}.series-info h1{margin-top:0}.chapter-list{list-style:none;padding:0;margin:0}.chapter-entry{display:grid;grid-template-columns:var(--date-column) 1fr;column-gap:var(--space-4);align-items:baseline;padding:var(--space-1) 0}.chapter-date{font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--color-text-faint)}@media(max-width:480px){.chapter-entry{display:block}}}