:root{--mdc-color-electric-blue: #2155ff;--mdc-color-deep-blue: #051c2c;--mdc-color-cyan: #00a9f4;--mdc-color-white: #ffffff;--mdc-color-black: #000000;--mdc-color-gray-03: #f7f7f7;--mdc-color-gray-06: #f0f0f0;--mdc-color-gray-10: #e6e6e6;--mdc-color-gray-18: #d1d1d1;--mdc-color-gray-30: #b3b3b3;--mdc-color-gray-54: #757575;--mdc-color-gray-70: #4d4d4d;--mdc-color-gray-80: #333333;--color-bg: var(--mdc-color-white);--color-surface: var(--mdc-color-gray-03);--color-text: var(--mdc-color-black);--color-text-secondary: var(--mdc-color-gray-54);--color-text-muted: var(--mdc-color-gray-70);--color-accent: var(--mdc-color-electric-blue);--color-accent-hover: #1a44cc;--color-border: var(--mdc-color-gray-10);--color-border-strong: var(--mdc-color-black);--color-brand-line: var(--mdc-color-electric-blue);--font-serif: "Source Serif 4", Georgia, "Times New Roman", serif;--font-sans: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Calibri, Corbel, Helvetica, Roboto, sans-serif;--font-weight-light: 300;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-bold: 700;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 2rem;--text-4xl: 2.5rem;--text-hero: clamp(2.5rem, 2rem + 4vw, 4.75rem);--space-8: .5rem;--space-16: 1rem;--space-24: 1.5rem;--space-32: 2rem;--space-48: 3rem;--shadow-sm: 0 1.6px 3.6px 0 rgba(0, 0, 0, .08), 0 .3px .9px 0 rgba(0, 0, 0, .06);--shadow-md: 0 6.4px 14.4px 0 rgba(0, 0, 0, .1), 0 1.2px 3.6px 0 rgba(0, 0, 0, .08);--shadow-lg: 0 25.6px 57.6px 0 rgba(0, 0, 0, .18), 0 4.8px 14.4px 0 rgba(0, 0, 0, .12);--radius-card: 8px;--gradient-card: linear-gradient( 135deg, rgba(255, 255, 255, .9), rgba(255, 255, 255, .98) );--transition-fast: .12s linear;--transition-medium: .3s ease;--header-height: 56px}[data-theme=dark]{--color-bg: var(--mdc-color-deep-blue);--color-surface: #0a2840;--color-text: var(--mdc-color-white);--color-text-secondary: #a0b4c4;--color-text-muted: #7a94a8;--color-accent: var(--mdc-color-cyan);--color-accent-hover: #33bbf7;--color-border: rgba(255, 255, 255, .1);--color-border-strong: rgba(255, 255, 255, .3);--color-brand-line: var(--mdc-color-cyan);--shadow-sm: 0 1.6px 3.6px 0 rgba(0, 0, 0, .3), 0 .3px .9px 0 rgba(0, 0, 0, .2);--shadow-md: 0 6.4px 14.4px 0 rgba(0, 0, 0, .4), 0 1.2px 3.6px 0 rgba(0, 0, 0, .3);--shadow-lg: 0 25.6px 57.6px 0 rgba(0, 0, 0, .5), 0 4.8px 14.4px 0 rgba(0, 0, 0, .4);--gradient-card: linear-gradient( 135deg, rgba(10, 40, 64, .85), rgba(10, 40, 64, .95) )}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;font-size:16px}body{font-family:var(--font-sans);font-weight:var(--font-weight-light);font-size:var(--text-base);line-height:1.6;color:var(--color-text);background-color:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color var(--transition-fast),color var(--transition-fast);min-height:100vh}img,picture,video,canvas,svg{display:block;max-width:100%}a{color:inherit;text-decoration:none}h1,h2,h3,h4{font-family:var(--font-serif);font-weight:var(--font-weight-regular);line-height:1.15;color:var(--color-text);letter-spacing:-.01em}.topbar{display:flex;flex-direction:column;background-color:var(--color-bg);border-bottom:1px solid var(--color-border);box-shadow:var(--shadow-sm);padding:12px 24px;position:sticky;top:0;z-index:100}.topbar-header{display:flex;align-items:center;justify-content:space-between;gap:20px;width:100%}.topbar-logo{font-size:1.25rem;font-weight:700;letter-spacing:-.02em;color:var(--color-text);text-decoration:none}.topbar-logo em{font-family:var(--font-serif);font-style:italic;color:var(--color-accent);font-weight:400}.search-container{flex-grow:1;max-width:600px;position:relative}.search-container input{width:100%;padding:10px 16px 10px 40px;border-radius:20px;border:1px solid var(--color-border);background-color:var(--color-surface);color:var(--color-text);font-family:var(--font-sans);font-size:.9rem;outline:none;transition:all .2s ease}.search-container input:focus{border-color:var(--color-accent);box-shadow:0 0 0 2px #2155ff40;background-color:var(--color-bg)}.search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--color-text-muted);pointer-events:none;font-size:1rem}.theme-btn{background:none;border:1px solid var(--color-border);border-radius:50%;width:38px;height:38px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--color-text);font-size:1.1rem;transition:all .2s ease}.theme-btn:hover{background-color:var(--color-surface);transform:scale(1.05)}.quick-apps{display:flex;gap:12px;margin-top:12px;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}.quick-apps::-webkit-scrollbar{display:none}.quick-apps a{text-decoration:none;font-size:.8rem;font-weight:600;color:var(--color-text-secondary);background-color:var(--color-surface);padding:6px 14px;border-radius:14px;white-space:nowrap;border:1px solid transparent;transition:all var(--transition-fast)}.quick-apps a:hover,.quick-apps a.active{background-color:var(--color-bg);color:var(--color-accent);border-color:var(--color-border);box-shadow:var(--shadow-sm)}.content-layout{display:grid;grid-template-columns:3fr 1fr;gap:24px;max-width:1400px;margin:24px auto;padding:0 24px}.feed-section{display:flex;flex-direction:column;gap:24px}.featured-grid{display:grid;grid-template-columns:2fr 1fr;gap:20px}.card{background:var(--color-bg);background-image:var(--gradient-card);border:1px solid var(--color-border);border-radius:var(--radius-card);box-shadow:var(--shadow-sm);overflow:hidden;display:flex;flex-direction:column;cursor:pointer;position:relative;transition:transform .22s cubic-bezier(.165,.84,.44,1),box-shadow .22s ease;text-decoration:none}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.card img{width:100%;aspect-ratio:16/10;object-fit:cover;border-bottom:1px solid var(--color-border);display:block}.card-body{padding:16px;display:flex;flex-direction:column;gap:8px;flex-grow:1}.card-category{font-size:.7rem;font-weight:700;text-transform:uppercase;color:var(--color-accent);letter-spacing:.05em}.card-title{font-size:1.1rem;font-weight:600;line-height:1.35;color:var(--color-text);margin-bottom:4px}.card.large .card-title{font-size:1.4rem;font-family:var(--font-serif)}.card-excerpt{font-size:.85rem;color:var(--color-text-secondary)}.card-footer{font-size:.75rem;color:var(--color-text-muted);display:flex;align-items:center;justify-content:space-between;margin-top:auto;border-top:1px solid var(--color-border);padding:12px 16px}.card.large{grid-column:span 1}.standard-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.sidebar-section{display:flex;flex-direction:column;gap:24px}.widget{background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-card);box-shadow:var(--shadow-sm);padding:20px}.widget-title{font-size:.95rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--color-text);border-bottom:1px solid var(--color-border);padding-bottom:10px;margin-bottom:14px;display:flex;align-items:center;justify-content:space-between}.widget-list{list-style:none;display:flex;flex-direction:column;gap:12px}.widget-item{display:flex;align-items:center;justify-content:space-between;font-size:.85rem;padding-bottom:8px;border-bottom:1px dotted var(--color-border)}.widget-item:last-child{border-bottom:none;padding-bottom:0}.widget-item-title{font-weight:500;color:var(--color-text)}.widget-item-value{color:var(--color-accent);font-weight:600}.article-header{text-align:center;max-width:800px;margin:0 auto 30px}.article-title{font-size:2.5rem;font-family:var(--font-serif);color:var(--color-text);line-height:1.2;margin-bottom:16px}.article-meta{color:var(--color-text-muted);font-size:.9rem;display:flex;justify-content:center;gap:16px}.article-hero-image{width:100%;max-height:600px;object-fit:cover;border-radius:var(--radius-card);margin-bottom:40px;box-shadow:var(--shadow-md)}.article-content{font-size:1.1rem;line-height:1.8;color:var(--color-text-secondary);max-width:800px;margin:0 auto}.article-content h1,.article-content h2,.article-content h3{color:var(--color-text);font-family:var(--font-serif);margin-top:2em;margin-bottom:1em}.article-content p{margin-bottom:1.5em}.article-content img{border-radius:8px;margin:2em 0}@media (max-width: 1100px){.content-layout{grid-template-columns:1fr}.sidebar-section{display:grid;grid-template-columns:1fr 1fr;gap:20px}}@media (max-width: 768px){.topbar-header{flex-direction:column;align-items:stretch}.featured-grid,.sidebar-section{grid-template-columns:1fr}.content-layout{padding:0 12px;margin:12px auto}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}