Something went wrong. Try again.
Something went wrong. Try again.
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517@import "tailwindcss";
@theme { --font-sans: "Inter", system-ui, sans-serif; --font-serif: "Iowan Old Style", "Palatino Linotype", "Book Antiqua", Georgia, serif; --font-mono: "SFMono-Regular", "Cascadia Mono", "JetBrains Mono", Consolas, monospace;
--color-canvas: #f7f7f5; --color-surface: #ffffff; --color-surface-muted: #f1f1ee; --color-surface-subtle: #f7f7f4; --color-surface-raised: #fcfcfb; --color-surface-overlay: #ffffff;
--color-content: #151515; --color-content-muted: #6f6f69; --color-content-subtle: #8a8a84;
--color-border-subtle: #e3e3dd; --color-border-strong: #cfcfc8;
--color-accent: #1f1f1f; --color-accent-foreground: #ffffff; --color-accent-muted: #ecece7; --color-accent-hover: #2b2b2b; --color-accent-active: #353535; --color-accent-border-active: #44443f;
--color-danger: #c53b31; --color-danger-foreground: #ffffff; --color-danger-surface: #f8ecea; --color-danger-surface-hover: #f4e1de; --color-danger-surface-active: #edd2cd; --color-danger-border: #d8b7b3; --color-danger-border-hover: #cda49f; --color-danger-content: #8f312b;
--color-interactive-hover: #f3f3ef; --color-interactive-active: #ebebe5; --color-focus-ring: rgb(21 21 21 / 0.1);
--color-background: var(--color-surface); --color-muted: var(--color-surface-muted); --color-foreground: var(--color-content); --color-muted-foreground: var(--color-content-muted); --color-border: var(--color-border-subtle); --scrollbar-thumb: rgb(122 122 116 / 0.45); --scrollbar-thumb-hover: rgb(104 104 98 / 0.62); --scrollbar-track: transparent; --scrollbar-size: 10px;
--spacing-titlebar: 2.5rem;}
*,::before,::after { @apply border-border select-none;}
:root { @apply bg-canvas text-content font-sans;}
:root[data-platform="windows"][data-window-effect="mica"] { --color-canvas: rgb(247 247 245 / 0.74); --color-surface: rgb(255 255 255 / 0.68); --color-surface-muted: rgb(241 241 238 / 0.76); --color-surface-subtle: rgb(247 247 244 / 0.64); --color-surface-raised: rgb(252 252 251 / 0.78); --color-surface-overlay: rgb(255 255 255 / 0.9); --scrollbar-thumb: rgb(108 108 102 / 0.42); --scrollbar-thumb-hover: rgb(88 88 83 / 0.58); --scrollbar-size: 11px;}
:root[data-platform="linux"] { --scrollbar-thumb: rgb(118 118 112 / 0.5); --scrollbar-thumb-hover: rgb(97 97 92 / 0.64); --scrollbar-size: 11px;}
.theme-dark,:root[data-theme="dark"] { --color-canvas: #141412; --color-surface: #1a1a18; --color-surface-muted: #20201d; --color-surface-subtle: #242420; --color-surface-raised: #2a2a26; --color-surface-overlay: #20201d;
--color-content: #f1f1ea; --color-content-muted: #b5b5ab; --color-content-subtle: #909086;
--color-border-subtle: #30302b; --color-border-strong: #44443d;
--color-accent: #f1f1ea; --color-accent-foreground: #121210; --color-accent-muted: #262622; --color-accent-hover: #e5e5dd; --color-accent-active: #d7d7cf; --color-accent-border-active: #b3b3aa;
--color-danger: #ff8f84; --color-danger-foreground: #2b0907; --color-danger-surface: #3c1918; --color-danger-surface-hover: #4a1f1e; --color-danger-surface-active: #572423; --color-danger-border: #6d3530; --color-danger-border-hover: #8d4540; --color-danger-content: #ffb8af;
--color-interactive-hover: #262622; --color-interactive-active: #2d2d28; --color-focus-ring: rgb(241 241 234 / 0.12); --scrollbar-thumb: rgb(133 133 126 / 0.42); --scrollbar-thumb-hover: rgb(165 165 157 / 0.58);}
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) { --color-canvas: #141412; --color-surface: #1a1a18; --color-surface-muted: #20201d; --color-surface-subtle: #242420; --color-surface-raised: #2a2a26; --color-surface-overlay: #20201d;
--color-content: #f1f1ea; --color-content-muted: #b5b5ab; --color-content-subtle: #909086;
--color-border-subtle: #30302b; --color-border-strong: #44443d;
--color-accent: #f1f1ea; --color-accent-foreground: #121210; --color-accent-muted: #262622; --color-accent-hover: #e5e5dd; --color-accent-active: #d7d7cf; --color-accent-border-active: #b3b3aa;
--color-danger: #ff8f84; --color-danger-foreground: #2b0907; --color-danger-surface: #3c1918; --color-danger-surface-hover: #4a1f1e; --color-danger-surface-active: #572423; --color-danger-border: #6d3530; --color-danger-border-hover: #8d4540; --color-danger-content: #ffb8af;
--color-interactive-hover: #262622; --color-interactive-active: #2d2d28; --color-focus-ring: rgb(241 241 234 / 0.12); }}
:root[data-platform="windows"][data-window-effect="mica"][data-theme="dark"] { --color-canvas: rgb(20 20 18 / 0.78); --color-surface: rgb(26 26 24 / 0.7); --color-surface-muted: rgb(32 32 29 / 0.8); --color-surface-subtle: rgb(36 36 32 / 0.66); --color-surface-raised: rgb(42 42 38 / 0.8); --color-surface-overlay: rgb(32 32 29 / 0.92); --scrollbar-thumb: rgb(151 151 144 / 0.38); --scrollbar-thumb-hover: rgb(189 189 181 / 0.54);}
@media (prefers-color-scheme: dark) { :root[data-platform="windows"][data-window-effect="mica"]:not([data-theme="light"]) { --color-canvas: rgb(20 20 18 / 0.78); --color-surface: rgb(26 26 24 / 0.7); --color-surface-muted: rgb(32 32 29 / 0.8); --color-surface-subtle: rgb(36 36 32 / 0.66); --color-surface-raised: rgb(42 42 38 / 0.8); --color-surface-overlay: rgb(32 32 29 / 0.92); }}
html,body,#root { height: 100vh; width: 100vw;}
body { margin: 0;}
.app-shell { isolation: isolate;}
.app-panel-blur { position: relative;}
.read-view-content { color: var(--color-content); font-family: inherit; font-size: var(--reader-font-size, 1.045rem); line-height: var(--reader-line-height, 1.82); letter-spacing: var(--reader-letter-spacing, -0.005em); overflow-wrap: break-word; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility;}
.reader-article,.reader-article * { -webkit-user-select: text; user-select: text;}
.reader-article button,.reader-article img { -webkit-user-select: none; user-select: none;}
.read-view-content > :first-child { margin-top: 0;}
.read-view-content > :last-child { margin-bottom: 0;}
.read-view-content h1,.read-view-content h2,.read-view-content h3,.read-view-content h4,.read-view-content h5,.read-view-content h6 { margin: 2.25em 0 0.82em; color: var(--color-content); font-weight: 600; line-height: 1.14; letter-spacing: -0.032em; text-wrap: balance;}
.read-view-content h1 { font-size: clamp(1.65rem, 1.1vw + 1.2rem, 2.2rem);}
.read-view-content h2 { font-size: clamp(1.35rem, 0.8vw + 1.05rem, 1.75rem);}
.read-view-content h3 { font-size: clamp(1.15rem, 0.45vw + 1rem, 1.35rem);}
.read-view-content p,.read-view-content ul,.read-view-content ol,.read-view-content blockquote,.read-view-content pre,.read-view-content table,.read-view-content figure { margin: 1.1em 0;}
.read-view-content p { text-wrap: pretty; max-width: 38rem;}
.read-view-content p + p { margin-top: 0.95em;}
.read-view-content ul,.read-view-content ol { padding-left: 1.45rem;}
.read-view-content li { margin: 0.42em 0;}
.read-view-content a { color: var(--color-content); text-decoration: underline; text-decoration-color: color-mix(in srgb, var(--color-content) 36%, transparent); text-decoration-thickness: 1px; text-underline-offset: 0.18em;}
.read-view-content a:hover { text-decoration-color: currentColor;}
.read-view-content strong,.read-view-content b { font-weight: 650;}
.read-view-content blockquote { border-left: 2px solid var(--color-border-strong); padding-left: 1.05rem; color: var(--color-content-muted); font-style: italic;}
.read-view-content hr { margin: 1.75rem 0; border: 0; border-top: 1px solid var(--color-border-subtle);}
.read-view-content img { display: block; max-width: 100%; height: auto; border: 1px solid var(--color-border-subtle); border-radius: 1rem;}
.read-view-content pre,.read-view-content code { font-family: ui-monospace, SFMono-Regular, Consolas, monospace;}
.read-view-content pre { overflow-x: auto; border: 1px solid var(--color-border-subtle); border-radius: 1rem; background: var(--color-surface-subtle); padding: 0.95rem 1rem; line-height: 1.6; font-size: 0.93em;}
.read-view-content :not(pre) > code { border: 1px solid var(--color-border-subtle); border-radius: 0.45rem; background: var(--color-surface-subtle); padding: 0.1rem 0.32rem; font-size: 0.92em;}
.read-view-content table { width: 100%; border-collapse: collapse; font-size: 0.95em;}
.read-view-content th,.read-view-content td { border-bottom: 1px solid var(--color-border-subtle); padding: 0.7rem 0.8rem; text-align: left; vertical-align: top;}
.read-view-content thead th { color: var(--color-content-muted); font-size: 0.78em; font-weight: 600; letter-spacing: 0.04em; text-transform: uppercase;}
.reader-article { --reader-font-size: 1.045rem; --reader-line-height: 1.82; --reader-letter-spacing: -0.005em;}
.reader-font-sans { font-family: var(--font-sans);}
.reader-font-serif { font-family: var(--font-serif); --reader-line-height: 1.88; --reader-letter-spacing: -0.003em;}
.reader-font-serif .read-view-content p { max-width: 37rem;}
.reader-font-serif .read-view-content h1,.reader-font-serif .read-view-content h2,.reader-font-serif .read-view-content h3,.reader-font-serif .read-view-content h4,.reader-font-serif .read-view-content h5,.reader-font-serif .read-view-content h6 { letter-spacing: -0.025em;}
.reader-font-mono { font-family: var(--font-mono); --reader-font-size: 0.98rem; --reader-line-height: 1.74; --reader-letter-spacing: -0.01em;}
.reader-font-mono .read-view-content p { max-width: 40rem;}
.reader-size-xs { --reader-font-size: 0.95rem;}
.reader-size-sm { --reader-font-size: 1rem;}
.reader-size-md { --reader-font-size: 1.045rem;}
.reader-size-lg { --reader-font-size: 1.11rem;}
.reader-size-xl { --reader-font-size: 1.18rem;}
@media (max-width: 1100px) { .read-view-content { font-size: calc(var(--reader-font-size, 1.045rem) - 0.03rem); line-height: calc(var(--reader-line-height, 1.82) - 0.08); }}
@media (max-width: 900px) { .read-view-content { font-size: calc(var(--reader-font-size, 1.045rem) - 0.08rem); line-height: calc(var(--reader-line-height, 1.82) - 0.12); }
.read-view-content h1, .read-view-content h2, .read-view-content h3, .read-view-content h4, .read-view-content h5, .read-view-content h6 { margin-top: 1.9em; }}
@supports ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) { .app-panel-blur { -webkit-backdrop-filter: saturate(1.2) blur(18px); backdrop-filter: saturate(1.2) blur(18px); }
:root[data-platform="windows"][data-window-effect="mica"] .app-panel-blur { -webkit-backdrop-filter: saturate(1.28) blur(26px); backdrop-filter: saturate(1.28) blur(26px); }
:root[data-theme="dark"] .app-panel-blur, .theme-dark .app-panel-blur { -webkit-backdrop-filter: saturate(1.16) blur(22px); backdrop-filter: saturate(1.16) blur(22px); }
:root[data-platform="windows"][data-window-effect="mica"][data-theme="dark"] .app-panel-blur { -webkit-backdrop-filter: saturate(1.22) blur(30px); backdrop-filter: saturate(1.22) blur(30px); }}
:root[data-platform="windows"],:root[data-platform="linux"] { scrollbar-color: var(--scrollbar-thumb) var(--scrollbar-track); scrollbar-width: thin;}
:root[data-platform="windows"] *,:root[data-platform="linux"] * { scrollbar-color: inherit; scrollbar-width: inherit;}
:root[data-platform="windows"] *::-webkit-scrollbar,:root[data-platform="linux"] *::-webkit-scrollbar { width: var(--scrollbar-size); height: var(--scrollbar-size);}
:root[data-platform="windows"] *::-webkit-scrollbar-track,:root[data-platform="linux"] *::-webkit-scrollbar-track { background: var(--scrollbar-track);}
:root[data-platform="windows"] *::-webkit-scrollbar-thumb,:root[data-platform="linux"] *::-webkit-scrollbar-thumb { min-height: 28px; border: 3px solid transparent; border-radius: 999px; background: var(--scrollbar-thumb); background-clip: padding-box;}
:root[data-platform="windows"] *::-webkit-scrollbar-thumb:hover,:root[data-platform="linux"] *::-webkit-scrollbar-thumb:hover { background: var(--scrollbar-thumb-hover); background-clip: padding-box;}
:root[data-platform="windows"] *::-webkit-scrollbar-corner,:root[data-platform="linux"] *::-webkit-scrollbar-corner { background: transparent;}