:root{--color-primary:#100f0f;--color-primary-light:#fffcf0;--color-primary-hover:#f0eaec;--color-primary-link:#5e409d;--color-accent:#cecdc3;--color-border-accent:#e6e4d9;--color-text-muted:#6f6e69;--color-text-body:#cecdc3;--color-error-server:#942822;--color-bg-error:#fffcf0;--color-bg-page:#fffcf0;--color-footer-bg:#fffcf066;--color-border-default:#cecdc3;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-6:1.5rem;--space-8:2rem;--space-32:8rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--font-weight-bold:700;--font-weight-extrabold:800;--font-weight-medium:500;--radius-sm:.25rem;--radius-md:.5rem;--shadow-sm:0 1px 3px #0000001a, 0 1px 2px #0000000f;--shadow-md:0 4px 6px #00000012, 0 2px 4px #0000000f;--shadow-lg:0 10px 15px #0000001a, 0 4px 6px #0000000d;--sidebar-width:16rem;--sidebar-min-width:12rem;--content-max-width:48rem;--footer-height:4rem}*,:before,:after{box-sizing:border-box}html,body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;font-size:var(--text-base);background-color:var(--color-bg-page);margin:0;padding:0;line-height:1.5}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}input[type=checkbox]{cursor:pointer;accent-color:var(--color-primary)}.page-layout{background:0 0;flex-direction:column;min-height:100vh;display:flex}.page-body{background:0 0;flex:1;display:flex;overflow:hidden}.article-page-layout{flex-direction:column;min-height:100vh;display:flex}.article-page-content{max-width:var(--content-max-width);padding:var(--space-6);flex:1;margin:0 auto;display:flow-root}.error-page-layout{background-color:var(--color-bg-error);flex-direction:column;justify-content:center;align-items:center;min-height:100vh;display:flex}.sidebar{width:var(--sidebar-width);min-width:var(--sidebar-min-width);border-right:1px solid var(--color-border-default);padding:var(--space-6);background:0 0;display:none}@media (width>=768px){.sidebar{display:block}}.sidebar-header{margin-bottom:var(--space-8)}.site-title{font-size:var(--text-2xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-4);align-items:center;gap:var(--space-2);display:flex}.site-title-icon{display:inline-block;transform:rotate(90deg)}.category-filter-item{margin-bottom:var(--space-3);cursor:pointer;font-size:var(--text-lg);align-items:center;display:flex}.category-checkbox{margin-right:var(--space-2)}.main-content{padding:var(--space-6);gap:var(--space-8);max-height:calc(100vh - 3px);padding-bottom:var(--space-32);background:0 0;flex-direction:column;flex:1;display:flex;overflow-y:auto}.featured-article-card{background-image:linear-gradient(to bottom right, var(--color-primary-light), var(--color-accent));border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:var(--space-6);cursor:pointer;color:inherit;text-decoration:none;transition:box-shadow .15s;display:block}.featured-article-card:hover{box-shadow:var(--shadow-lg)}.featured-article-inner{gap:var(--space-6);flex-direction:column;align-items:center;display:flex}@media (width>=768px){.featured-article-inner{flex-direction:row}}.featured-article-inner>div:first-child{flex:1}.featured-article-title{font-size:var(--text-3xl);font-weight:var(--font-weight-extrabold);margin-bottom:var(--space-2);color:var(--color-primary)}@media (width>=768px){.featured-article-title{font-size:var(--text-5xl)}}.featured-article-thumbnail{object-fit:cover;border-radius:var(--radius-sm);border:1px solid var(--color-border-default);width:192px;height:128px}.article-list{gap:var(--space-4);display:grid}.article-card{border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);padding:var(--space-4);border-left:4px solid var(--color-border-accent);color:inherit;background:0 0;text-decoration:none;transition:background-color .15s;display:block}.article-card:hover{background-color:var(--color-primary-hover)}.article-card-inner{align-items:center;gap:var(--space-4);display:flex}.article-card-inner>div:first-child{flex:1}.article-card-title{font-size:var(--text-xl);font-weight:var(--font-weight-bold);color:var(--color-primary);margin-bottom:var(--space-1)}.article-card-meta{color:var(--color-text-muted);font-size:var(--text-sm);margin-bottom:var(--space-1)}.article-card-thumbnail{object-fit:cover;border-radius:var(--radius-sm);border:1px solid var(--color-border-default);width:96px;height:64px}.article-meta{color:var(--color-text-muted);margin-bottom:var(--space-2)}.site-footer{z-index:50;background:var(--color-footer-bg);backdrop-filter:blur(10px)saturate();border-top:2px solid var(--color-border-default);width:100%;padding:var(--space-4);justify-content:center;align-items:center;gap:var(--space-6);display:flex;position:fixed;bottom:0;left:0;box-shadow:0 -2px 8px #0000000f}.footer-social{align-items:center;gap:var(--space-6);display:flex}.footer-label{font-size:var(--text-lg);font-weight:var(--font-weight-medium)}.footer-link{font-size:var(--text-xl)}.footer-version{font-size:var(--text-sm);color:var(--color-text-muted);font-variant-numeric:tabular-nums;position:absolute;top:50%;right:30px;transform:translateY(-50%)}.back-link{color:var(--color-primary-link);margin-bottom:var(--space-4);display:inline-block}.back-link:hover{text-decoration:underline}.article-title{font-size:var(--text-4xl);font-weight:var(--font-weight-extrabold);margin-bottom:var(--space-2);color:var(--color-primary)}.article-thumbnail{float:right;width:50%;max-width:32rem;margin-left:var(--space-8);margin-bottom:var(--space-4);border-radius:var(--radius-sm);border:1px solid var(--color-border-default)}@media (width<=767px){.article-thumbnail{float:none;width:100%;max-width:100%;margin-left:0;margin-bottom:var(--space-4)}}.article-body{max-width:none;line-height:1.75}.article-body p{margin-bottom:var(--space-4)}.article-body h1,.article-body h2,.article-body h3,.article-body h4,.article-body h5,.article-body h6{color:var(--color-primary);font-weight:var(--font-weight-bold);margin-top:var(--space-8);margin-bottom:var(--space-4);line-height:1.25}.article-body h1{font-size:var(--text-4xl)}.article-body h2{font-size:var(--text-3xl)}.article-body h3{font-size:var(--text-2xl)}.article-body ul,.article-body ol{padding-left:var(--space-8);margin-bottom:var(--space-4)}.article-body li{margin-bottom:var(--space-2)}.article-body blockquote{border-left:4px solid var(--color-border-accent);padding-left:var(--space-4);color:var(--color-text-muted);margin-left:0;font-style:italic}.article-body code{background:var(--color-primary-light);border-radius:var(--radius-sm);padding:.1em .3em;font-size:.9em}.article-body pre{background:var(--color-primary-light);padding:var(--space-4);border-radius:var(--radius-md);overflow-x:auto}.article-body pre code{background:0 0;padding:0}.article-body a{color:var(--color-primary-link);text-decoration:underline}.error-code{font-size:var(--text-5xl);font-weight:var(--font-weight-bold);color:var(--color-primary);margin-bottom:var(--space-4)}.error-code--server{color:var(--color-error-server)}.error-message{font-size:var(--text-lg);color:var(--color-text-body);margin-bottom:var(--space-8)}.error-link{color:var(--color-primary-link);text-decoration:underline}