*{box-sizing:border-box;margin:0;padding:0}:root{--bg-color: #f9f9f9;--text-color: #333333;--header-bg: transparent;--card-bg: #ffffff;--accent-color: #333333;--secondary-text: #666666;--border-color: #dddddd;--code-bg: #f0f0f0;--ad-bg: #f0f0f0}@media (prefers-color-scheme: dark){:root{--bg-color: #1e1e1e;--text-color: #dcdcdc;--card-bg: #282828;--accent-color: #dcdcdc;--secondary-text: #a0a0a0;--border-color: #444444;--code-bg: #333333;--ad-bg: #333333}}body{font-family:Inter,system-ui,-apple-system,sans-serif;font-size:16px;line-height:1.7;color:var(--text-color);background:var(--bg-color);font-weight:400}.app-container{max-width:1200px;margin:0 auto;padding:0 24px;min-height:100vh;display:flex;flex-direction:column}main{flex:1;display:flex;flex-direction:column}.content-wrapper{max-width:800px;margin:0 auto;padding:48px 0;flex:1;display:flex;flex-direction:column}.home-page,.category-page{padding:0}.content-wrapper>h2{font-size:28px;margin-bottom:24px;text-align:left;color:var(--text-color);font-weight:600;letter-spacing:-.02em}.search-bar{width:100%;margin-bottom:32px;padding:14px 24px;border:1px solid var(--border-color);border-radius:12px;background:var(--card-bg);font-size:16px;color:var(--text-color)}.search-bar:focus{outline:none}.article-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:32px;flex:1;overflow-y:auto}.article-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:16px;overflow:hidden}.article-card a{text-decoration:none}.article-card h3{font-size:20px;padding:24px 24px 0;color:var(--text-color);font-weight:600}.teaser{font-size:15px;color:var(--secondary-text);padding:0 24px 24px;line-height:1.6}.read-more{display:block;padding:0 24px 24px;color:var(--accent-color);font-weight:500;text-decoration:none}.pagination{display:flex;justify-content:center;align-items:center;margin-top:32px;gap:8px}.pagination button{padding:8px 16px;background:var(--accent-color);color:var(--bg-color);border:none;border-radius:8px;cursor:pointer;font-weight:500}.pagination button:disabled{opacity:.5;cursor:not-allowed}.pagination button.active{background:var(--secondary-text);color:var(--bg-color)}.article-page{padding:0}.back-button{display:inline-block;margin-top:24px;margin-bottom:24px;color:var(--accent-color);text-decoration:none;font-weight:500}.article-page h1{font-size:36px;margin-bottom:16px;line-height:1.3;color:var(--text-color);font-weight:700;letter-spacing:-.03em}.byline{font-size:14px;color:var(--secondary-text);margin-bottom:32px;font-style:italic}.article-content{background:var(--card-bg);padding:32px;border:1px solid var(--border-color);border-radius:16px;font-size:16px;line-height:1.8}.article-content a{color:var(--accent-color);text-decoration:none}.article-content h2{font-size:24px;margin-top:48px;margin-bottom:16px;color:var(--text-color);font-weight:600}.article-content h3{font-size:20px;margin-top:32px;margin-bottom:12px;color:var(--text-color);font-weight:600}.article-content p{margin-bottom:24px;line-height:1.8}.article-content code{background:transparent;padding:3px 7px;border-radius:4px;font-family:Monaco,monospace;font-size:.95em}.article-content pre{background:var(--code-bg);padding:24px;border-radius:12px;overflow:auto;margin-bottom:24px;font-family:Monaco,monospace;font-size:14px;line-height:1.5}.share-options{text-align:center;margin-top:48px}.share-options button{margin:0 12px;padding:12px 28px;background:var(--accent-color);color:var(--bg-color);border:none;cursor:pointer;border-radius:8px;font-weight:500}.related-articles{margin-top:64px;padding:32px;background:var(--card-bg);border:1px solid var(--border-color);border-radius:16px}.related-articles h3{font-size:22px;margin-bottom:24px;color:var(--text-color);font-weight:600}.related-articles ul{list-style:none}.related-articles li{margin-bottom:16px}.related-articles a{color:var(--accent-color);text-decoration:none;font-weight:500}.legal-page{padding:0}.legal-page .content-wrapper{max-width:800px;margin:0 auto;padding:48px 0}.legal-page h1{font-size:32px;margin-bottom:24px;color:var(--text-color);font-weight:700}.legal-page h2{font-size:24px;margin-top:48px;margin-bottom:16px;color:var(--text-color);font-weight:600}.legal-page p{margin-bottom:24px;line-height:1.8}.legal-page ul{margin-left:24px;margin-bottom:24px}.legal-page li{margin-bottom:12px}.app-footer{border-top:1px solid var(--border-color);padding:32px 0;text-align:center;font-size:14px;color:var(--secondary-text);max-width:800px;margin:0 auto}.app-footer a{color:var(--accent-color);text-decoration:none;margin:0 12px}@media (max-width: 768px){.content-wrapper{max-width:100%;padding:32px 0}.app-footer{max-width:100%}.article-grid{grid-template-columns:1fr;gap:24px}.article-content{padding:24px}.pagination{flex-wrap:wrap;gap:8px}}.error{text-align:center;padding:64px;color:var(--secondary-text);font-size:18px}