[autofix.ci] apply automated fixes

Author: autofix-ci[bot]

lunaria/styles.ts

@@ -9,7 +9,7 @@ export const BaseStyles = html`
         Segoe UI Emoji;
       --ln-font-body: 'Geist', var(--ln-font-fallback);
       --ln-font-mono: 'Geist Mono', monospace;
-  
+
       /* Light theme colors */
       --ln-color-white: #f9fafb;
       --ln-color-gray-1: #f3f4f6;
@@ -23,7 +23,7 @@ export const BaseStyles = html`
       --ln-color-blue: #3b82f6;
       --ln-color-orange: #f97316;
       --ln-color-purple: #a855f7;
-  
+
       /** Contextual colors */
       --ln-color-background: var(--ln-color-white);
       --ln-color-link: var(--ln-color-blue);
@@ -33,7 +33,7 @@ export const BaseStyles = html`
       --ln-color-table-border: var(--ln-color-gray-3);
       --ln-color-table-background: var(--ln-color-gray-1);
     }
-  
+
     @media (prefers-color-scheme: dark) {
       :root {
         /* Dark theme colors */
@@ -51,17 +51,17 @@ export const BaseStyles = html`
         --ln-color-purple: #c084fc;
       }
     }
-  
+
     * {
       box-sizing: border-box;
       margin: 0;
     }
-  
+
     html {
       background: var(--ln-color-background);
       scrollbar-gutter: stable;
     }
-  
+
     body {
       color: var(--ln-color-black);
       display: flex;
@@ -72,7 +72,7 @@ export const BaseStyles = html`
       margin-block: 2rem;
       margin-inline: 1rem;
     }
-  
+
     h1,
     h2,
     h3,
@@ -85,116 +85,116 @@ export const BaseStyles = html`
       letter-spacing: -0.025em;
       line-height: 1.3;
     }
-  
+
     h1,
     h2 {
       max-width: 40ch;
     }
-  
+
     h1 {
       font-size: 2.25rem;
       font-weight: 900;
     }
-  
+
     h2 {
       font-size: 1.875rem;
       margin-top: 4rem;
     }
-  
+
     h3,
     h4 {
       margin-top: 3rem;
     }
-  
+
     h5,
     h6 {
       margin-top: 2rem;
     }
-  
+
     main {
       max-width: 60ch;
       margin-inline: auto;
     }
-  
+
     p + p {
       margin-top: 1.25rem;
     }
-  
+
     a {
       color: var(--ln-color-link);
       text-decoration: none;
     }
-  
+
     h2 a {
       color: inherit;
     }
-  
+
     a:hover {
       text-decoration: underline;
     }
-  
+
     ul {
       font-size: 0.875rem;
     }
-  
+
     .progress-details {
       margin-bottom: 1.25rem;
     }
-  
+
     details summary {
       cursor: pointer;
       user-select: none;
     }
-  
+
     details summary:hover strong,
     details summary:hover::marker {
       color: var(--ln-color-gray-5);
     }
-  
+
     details p {
       margin-top: 1.2rem;
     }
-  
+
     details h3 {
       margin-top: 1.2rem;
       font-size: 0.8rem;
     }
-  
+
     details h4 {
       margin-top: 1rem;
       font-size: 0.8rem;
     }
-  
+
     details > :last-child {
       margin-bottom: 1rem;
     }
-  
+
     .create-button {
       padding: 0.1em 0.5em;
       font-weight: bold;
       font-size: 0.75rem;
     }
-  
+
     .status-by-file {
       margin-bottom: 1rem;
       border-collapse: collapse;
       border: 1px solid var(--ln-color-table-border);
       font-size: 0.8125rem;
       column-gap: 64px;
     }
-  
+
     .status-by-file tr:first-of-type td {
       padding-top: 0.5rem;
     }
-  
+
     .status-by-file tr:last-of-type td {
       padding-bottom: 0.5rem;
     }
-  
+
     .status-by-file tr td:first-of-type {
       padding-inline: 1rem;
     }
-  
+
     .status-by-file th {
       border-bottom: 1px solid var(--ln-color-table-border);
       background: var(--ln-color-table-background);
@@ -203,75 +203,75 @@ export const BaseStyles = html`
       white-space: nowrap;
       padding-inline: 0.3rem;
     }
-  
+
     .status-by-file th,
     .status-by-file td {
       padding-block: 0.2rem;
     }
-  
+
     .status-by-file tbody tr:hover td {
       background: var(--ln-color-table-background);
     }
-  
+
     .status-by-file th:first-of-type,
     .status-by-file td:first-of-type {
       text-align: left;
       padding-inline-start: 1rem;
     }
-  
+
     .status-by-file th:last-of-type,
     .status-by-file td:last-of-type {
       text-align: center;
       padding-inline-end: 1rem;
     }
-  
+
     .status-by-file td:not(:first-of-type) {
       min-width: 2rem;
       text-align: center;
       cursor: default;
     }
-  
+
     .status-by-file td:not(:first-of-type) a {
       text-decoration: none;
     }
-  
+
     .progress-summary {
       font-size: 0.8125rem;
     }
-  
+
     .progress-bar {
       display: flex;
       flex-direction: row;
       margin-top: 0.5rem;
     }
-  
+
     .progress-bar div:first-of-type {
       border-radius: 36px 0px 0px 36px;
     }
-  
+
     .progress-bar div:last-of-type {
       border-radius: 0px 36px 36px 0px;
     }
-  
+
     .up-to-date-bar,
     .outdated-bar,
     .missing-bar {
       width: 1rem;
       height: 1rem;
     }
-  
+
     .up-to-date-bar {
       background-color: var(--ln-color-done);
     }
-  
+
     .outdated-bar {
       background-color: var(--ln-color-outdated);
     }
-  
+
     .missing-bar {
       background-color: var(--ln-color-missing);
     }
-  
+
     .capitalize {
       text-transform: capitalize;
     }
@@ -284,15 +284,15 @@ export const CustomStyles = html`
       --theme-navbar-height: 6rem;
       --theme-mobile-toc-height: 4rem;
       --theme-accent-secondary: hsla(22, 100%, 60%, 1);
-  
+
       --fg: oklch(98.5% 0 0);
       --fg-muted: oklch(70.9% 0 0);
       --bg: oklch(14.5% 0 0);
       --bg-subtle: oklch(17.8% 0 0);
       --border: oklch(26.9% 0 0);
       --border-subtle: oklch(23.9% 0 0);
       --border-hover: oklch(37.1% 0 0);
-  
+
       --ln-color-link: #539bf5;
       --ln-color-table-background: var(--bg-subtle);
       --ln-color-table-border: var(--border);
@@ -302,11 +302,11 @@ export const CustomStyles = html`
       --ln-color-outdated: #fb923c;
       --ln-color-done: #c084fc;
     }
-  
+
     html {
       background-color: var(--bg);
     }
-  
+
     h1,
     h2,
     h3,
@@ -315,25 +315,25 @@ export const CustomStyles = html`
       color: var(--fg);
       font-weight: 500;
     }
-  
+
     .progress-summary {
       color: var(--fg-muted);
     }
-  
+
     p {
       color: var(--fg-muted);
     }
-  
+
     p a {
       color: var(--fg);
       text-decoration: underline;
     }
-  
+
     .status-by-file a,
     .progress-details a {
       color: var(--fg);
     }
-  
+
     .create-button {
       background-color: hsl(213deg 89% 64% / 20%);
       border-radius: 0.5em;