*{margin:0;padding:0;box-sizing:border-box}:root{--color-bg: #ffffff;--color-bg-subtle: #f9fafb;--color-accent: #111827;--color-accent-hover: #374151;--color-text: #111827;--color-text-secondary: #6b7280;--color-border: #e5e7eb;--radius: 6px}html{scroll-behavior:smooth}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--color-bg);color:var(--color-text);line-height:1.6;font-size:16px;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}::selection{background:var(--color-accent);color:#fff}.app{min-height:100vh;display:flex;flex-direction:column}.ad-banner{width:100%;max-width:1000px;margin:0 auto;padding:1rem 2rem}.header{background:var(--color-bg);padding:1.25rem 2rem;border-bottom:1px solid var(--color-border)}.header-content{max-width:1000px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.header .logo{font-size:1.25rem;font-weight:600;color:var(--color-text)}.nav{display:flex;gap:2rem}.nav a{color:var(--color-text-secondary);font-size:.95rem}.nav a:hover{color:var(--color-text)}.nav a.active{color:var(--color-accent)}.main{flex:1;max-width:1000px;margin:0 auto;padding:4rem 2rem;width:100%}.hero{max-width:600px;margin-bottom:4rem}.hero h1{font-size:2.5rem;font-weight:600;color:var(--color-text);margin-bottom:1rem;letter-spacing:-.5px;line-height:1.2}.hero p{font-size:1.125rem;color:var(--color-text-secondary)}.home-section{margin-bottom:3rem}.section-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:1rem}.section-header h2{font-size:1.25rem;font-weight:600;color:var(--color-text)}.view-all{font-size:.9rem;color:var(--color-text-secondary)}.view-all:hover{color:var(--color-text)}.domain-grid{display:flex;flex-direction:column;gap:.75rem}.domain-card,.article-preview{padding:1rem 1.25rem;border:1px solid var(--color-border);border-radius:var(--radius);display:flex;justify-content:space-between;align-items:center}.domain-card:hover,.article-preview:hover{border-color:var(--color-text)}.domain-card h3,.article-preview h3{font-size:1rem;font-weight:600;color:var(--color-text)}.domain-meta,.article-date{font-size:.8rem;color:var(--color-text-secondary);white-space:nowrap}.article-grid{display:flex;flex-direction:column;gap:.75rem}.btn{display:inline-block;background:var(--color-accent);color:#fff;padding:.625rem 1.25rem;border-radius:var(--radius);font-size:.9rem;font-weight:500}.btn:hover{background:var(--color-accent-hover)}.domains h1,.articles h1{font-size:2rem;font-weight:600;color:var(--color-text);margin-bottom:.5rem}.domains>p,.articles>p{color:var(--color-text-secondary);margin-bottom:2rem}.domain-lists{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.domain-category{padding:1.5rem;border:1px solid var(--color-border);border-radius:var(--radius)}.domain-category h2{font-size:1rem;font-weight:600;color:var(--color-text);margin-bottom:.25rem}.domain-category p{color:var(--color-text-secondary);font-size:.875rem}.article-list{display:flex;flex-direction:column;gap:1rem}.article-card{padding:1.5rem;border:1px solid var(--color-border);border-radius:var(--radius)}.article-card h2{font-size:1.125rem;font-weight:600;color:var(--color-text);margin-bottom:.25rem}.article-card:hover h2{color:var(--color-accent)}.article-meta{color:var(--color-text-secondary);font-size:.8rem;margin-bottom:.5rem}.article-card>p:last-child{color:var(--color-text-secondary);font-size:.95rem}.domain-list-page h1{font-size:2rem;font-weight:600;color:var(--color-text);margin-bottom:.25rem}.back-link{display:inline-block;font-size:.9rem;color:var(--color-text-secondary);margin-bottom:1.5rem}.back-link:hover{color:var(--color-text)}.list-meta{font-size:.9rem;color:var(--color-text-secondary);margin-bottom:.5rem}.list-description{color:var(--color-text-secondary);margin-bottom:2rem}.domain-table{display:flex;flex-direction:column;gap:.5rem}.domain-row{padding:.75rem 1rem;border:1px solid var(--color-border);border-radius:var(--radius);font-family:monospace;font-size:.95rem;display:flex;justify-content:space-between;align-items:center}.domain-row:hover{border-color:var(--color-text)}.domain-name{color:var(--color-text)}.footer{padding:2rem;border-top:1px solid var(--color-border);text-align:center}.footer p{font-size:.85rem;color:var(--color-text-secondary)}@media(max-width:768px){.header-content{flex-direction:column;gap:1rem}.main{padding:2rem 1.5rem}.hero h1{font-size:2rem}.domain-lists{grid-template-columns:1fr}}