@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;--measure: 720px;--header-height: 56px}}@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{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{position:sticky;bottom:0;left:0;right:0;background:var(--color-chrome);border-top:1px solid var(--color-chrome-border);padding:var(--space-4) 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{color:var(--color-text-muted);font-size:var(--text-sm);margin-bottom:var(--space-5)}.hero-image{width:100%;margin-bottom:var(--space-5)}.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)}}@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)}.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{.post-list{display:flex;flex-direction:column;gap:.2rem}.post-meta{display:grid;grid-template-columns:11rem 1fr;gap:var(--space-2)}.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-meta{grid-template-columns:1fr;gap:0}}}@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-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-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)}}@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{color:inherit;text-decoration:none}.gallery-card h2{font-size:1.125rem;margin-top:var(--space-2)}.gallery-image{width:100%;aspect-ratio:3 / 2;object-fit:cover}.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-cover{width:120px;aspect-ratio:2 / 3;object-fit:cover}}@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:200px}.series-cover-image{width:100%;aspect-ratio:2 / 3;object-fit:cover;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:flex;gap:var(--space-5);align-items:baseline;padding:var(--space-1) 0}.chapter-date{font-variant-numeric:tabular-nums;white-space:nowrap;flex-shrink:0;color:var(--color-text-faint)}}