@keyframes blink{0%,49%{opacity:1}50%,to{opacity:0}}@keyframes rainbow{0%{color:red}17%{color:#f0f}33%{color:#00f}50%{color:#0ff}67%{color:#0f0}83%{color:#ff0}to{color:red}}@keyframes marquee{0%{transform:translate(100%)}to{transform:translate(-100%)}}@keyframes starTwinkle{0%,to{opacity:.3}50%{opacity:1}}.app.web1{background:navy;background-image:radial-gradient(white 1px,transparent 1px),radial-gradient(white 1px,transparent 1px);background-size:50px 50px,30px 30px;background-position:0 0,15px 15px;min-height:100vh;padding:20px;font-family:Times New Roman,Times,serif}.app.web1 *{font-family:inherit}.app.web1 .header{background:linear-gradient(to bottom,silver,gray);border:3px outset #C0C0C0;padding:20px;margin-bottom:20px;text-align:center}.app.web1 .header-brand{gap:10px}.app.web1 .logo-icon{width:48px;height:48px;background:#000;border:3px inset #C0C0C0;border-radius:0;box-shadow:none}.app.web1 .logo-icon svg path{fill:#ff0}.app.web1 .title{font-family:Comic Sans MS,Chalkboard SE,Comic Neue,cursive;font-size:36px;font-weight:700;animation:rainbow 3s linear infinite;text-shadow:3px 3px 0 #000000,-1px -1px 0 #000000,1px -1px 0 #000000,-1px 1px 0 #000000;letter-spacing:2px}.app.web1 .date{font-family:Courier New,Courier,monospace;color:#000;font-size:14px;background:#ff0;display:inline-block;padding:5px 10px;border:2px solid #000000}.app.web1 .status{margin:15px 0;padding:10px;background:#000;border:2px inset #808080;display:inline-flex;gap:10px}.app.web1 .status span{color:#0f0;font-family:Courier New,Courier,monospace;font-size:14px}.app.web1 .status-dot{background:#0f0;animation:blink 1s steps(1) infinite;box-shadow:0 0 10px #0f0}.app.web1 .status-separator{color:#0f0!important}.app.web1 .refresh-button{font-family:Comic Sans MS,cursive;font-size:16px;font-weight:700;background:linear-gradient(to bottom,silver,gray);border:3px outset #C0C0C0;border-radius:0;color:navy;padding:10px 20px;box-shadow:none;cursor:pointer}.app.web1 .refresh-button:hover:not(:disabled){background:linear-gradient(to bottom,#e0e0e0,#a0a0a0);color:red}.app.web1 .refresh-button:active:not(:disabled){border-style:inset;box-shadow:none}.app.web1 .refresh-button svg{stroke:currentColor}.app.web1 .top-nav{margin-bottom:10px}.app.web1 .top-nav-links{gap:0}.app.web1 .nav-link{font-family:Courier New,monospace;font-size:14px;font-weight:700;color:#0f0;background:#000;border:2px outset #C0C0C0;border-radius:0;padding:6px 15px}.app.web1 .nav-link:hover{color:#ff0;background:navy}.app.web1 .nav-link.active{color:#ff0;background:navy;border-style:inset;box-shadow:none}.app.web1 .theme-toggle{background:linear-gradient(to bottom,silver,gray);border:3px outset #C0C0C0;border-radius:0;padding:6px 12px;font-family:Comic Sans MS,cursive;font-size:12px;color:navy;cursor:pointer;box-shadow:none}.app.web1 .theme-toggle:hover{background:linear-gradient(to bottom,#e0e0e0,#a0a0a0)}.app.web1 .theme-toggle:active{border-style:inset}.app.web1 .archive-link-section{margin-top:20px}.app.web1 .archive-link{font-family:Comic Sans MS,cursive;font-size:18px;font-weight:700;color:#ff0;background:navy;border:3px outset #C0C0C0;border-radius:0;padding:12px 24px;box-shadow:5px 5px #000;animation:blink 1s steps(1) infinite}.app.web1 .archive-link:hover{background:#f0f;color:#fff}.app.web1 .archive-link:active{border-style:inset;box-shadow:none}.app.web1 .page-nav{margin-bottom:15px}.app.web1 .back-link{font-family:Courier New,monospace;font-size:14px;color:#0f0;background:#000;border:2px outset #C0C0C0;border-radius:0;padding:6px 14px;box-shadow:none}.app.web1 .back-link:hover{color:#ff0;background:navy}.app.web1 .back-link:active{border-style:inset}.app.web1 .updated-at{font-family:Courier New,monospace;font-size:12px;color:#0f0}.app.web1 .main-content{max-width:800px;margin:0 auto}.app.web1 hr,.app.web1:before{content:"";display:block;height:5px;background:linear-gradient(to right,red,#ff7f00,#ff0,#0f0,#00f,indigo,#9400d3);border:none;margin:20px 0}.app.web1 .news-list{display:flex;flex-direction:column;gap:15px}.app.web1 .news-card{background:#fff;border:3px outset #C0C0C0;border-radius:0;padding:15px;box-shadow:5px 5px #000;display:block}.app.web1 .news-card:before{content:"★ NEW! ★";display:inline-block;background:red;color:#ff0;font-family:Comic Sans MS,cursive;font-size:12px;font-weight:700;padding:2px 8px;margin-bottom:10px;animation:blink .5s steps(1) infinite}.app.web1 .card-number{width:40px;height:40px;background:#f0f;border:2px solid #000000;border-radius:0;box-shadow:none;float:left;margin-right:15px}.app.web1 .card-number span{color:#ff0;font-family:Impact,Arial Black,sans-serif;font-size:24px;text-shadow:1px 1px 0 #000000}.app.web1 .card-body{overflow:hidden}.app.web1 .card-title{font-family:Comic Sans MS,cursive;font-size:18px;font-weight:700;color:navy;margin-bottom:10px;text-decoration:underline}.app.web1 .card-title a{color:#00f}.app.web1 .card-title a:hover{color:red;background:#ff0}.app.web1 .card-title a:visited{color:purple}.app.web1 .card-description{font-family:Times New Roman,serif;font-size:14px;color:#000;line-height:1.5;margin-bottom:15px;border-left:3px solid #00FFFF;padding-left:10px;background:#f0f0f0}.app.web1 .card-footer{border-top:2px dashed #808080;padding-top:10px;margin-top:10px;display:flex;flex-wrap:wrap;gap:10px;align-items:center}.app.web1 .card-source{font-family:Courier New,monospace;font-size:12px;color:green;background:#c0ffc0;padding:2px 8px;border:1px solid #008000;text-transform:none;display:flex;align-items:center;gap:6px}.app.web1 .source-favicon{width:24px;height:24px;border:2px solid #008000;border-radius:0;opacity:1}.app.web1 .card-thumbnail{width:150px;height:112px;float:right;margin-left:15px;margin-bottom:10px;border:4px inset #C0C0C0;background:gray;border-radius:0;box-shadow:none;overflow:hidden}.app.web1 .card-thumbnail img{width:100%;height:100%;object-fit:cover;filter:contrast(1.1) saturate(1.2)}.app.web1 .card-read-time{display:block;font-family:Courier New,monospace;font-size:11px;color:gray;margin-bottom:8px}.app.web1 .card-actions{display:flex;gap:8px}.app.web1 .action-button{font-family:Comic Sans MS,cursive;font-size:12px;background:linear-gradient(to bottom,silver,gray);border:2px outset #C0C0C0;border-radius:0;color:navy;padding:5px 12px;box-shadow:none;text-decoration:none}.app.web1 .action-button:hover{background:#ff0;color:red}.app.web1 .action-button:active{border-style:inset}.app.web1 .action-button.primary{background:#00f;color:#fff;border-color:navy}.app.web1 .action-button.primary:hover{background:#f0f}.app.web1 .news-card.featured{background:#ff0;border:6px double #FF0000;padding:0;box-shadow:8px 8px #f0f;display:block;overflow:hidden}.app.web1 .news-card.featured:before{content:"🔥 HOT NEWS!! 🔥";display:block;background:red;color:#fff;font-family:Impact,Arial Black,sans-serif;font-size:18px;padding:8px;text-align:center;animation:blink .3s steps(1) infinite;letter-spacing:3px}.app.web1 .news-card.featured .card-thumbnail{float:left;width:200px;height:180px;margin:15px;border:5px inset #C0C0C0;border-radius:0}.app.web1 .news-card.featured .card-body{padding:15px}.app.web1 .news-card.featured .card-title{font-size:24px;color:red;text-decoration:underline}.app.web1 .news-card.featured .card-title a{color:red}.app.web1 .news-card.featured .card-description{font-size:16px;background:#ffc;border-left:5px solid #FF0000}.app.web1 .news-card.featured .card-footer{padding:10px 15px 15px;border-top:3px dashed #FF0000}.app.web1 .news-list.hero-layout{display:flex;flex-direction:column;gap:15px}.app.web1 .card-date-badge{padding:0;margin:0}.app.web1 .hero-layout .card-date-badge{display:block;padding:5px 15px 0}.app.web1 .card-date-badge span{font-family:Courier New,monospace;font-size:12px;color:red;font-weight:700}.app.web1 .news-grid-wrapper{position:static}.app.web1 .news-grid{position:static;display:flex;flex-direction:column;gap:15px;overflow-y:visible;padding-right:0}.app.web1 .news-grid .news-card{display:block;padding:15px}.app.web1 .news-grid .news-card .card-thumbnail{float:right;width:150px;height:112px;margin-left:15px;margin-bottom:10px;border:4px inset #C0C0C0;border-radius:0}.app.web1 .news-grid .news-card .card-body{padding:0}.app.web1 .news-grid .news-card .card-number{float:left;margin:0 15px 10px 0}.app.web1 .news-grid .news-card .card-footer{padding:0;clear:both}.app.web1 .main-content{max-width:800px}.app.web1 .loading-state,.app.web1 .error-state,.app.web1 .empty-state{background:#000;border:3px double #00FF00;border-radius:0;padding:40px;text-align:center;box-shadow:none}.app.web1 .loading-state p,.app.web1 .error-state p,.app.web1 .empty-state p{color:#0f0;font-family:Courier New,monospace;font-size:16px}.app.web1 .loading-state h3,.app.web1 .error-state h3,.app.web1 .empty-state h3{color:#f0f;font-family:Comic Sans MS,cursive;font-size:24px;animation:rainbow 2s linear infinite}.app.web1 .loading-spinner{width:60px;height:60px;border:5px solid #00FF00;border-top-color:#f0f;animation:spin .5s linear infinite}.app.web1 .spinner{border-color:#0f0;border-top-color:#ff0}.app.web1 .header:after{content:"👁️ VISITOR #" attr(data-visitors) " 👁️";display:block;font-family:Courier New,monospace;font-size:14px;color:#0f0;background:#000;padding:5px 15px;margin-top:15px;border:2px inset #808080}.app.web1 .main-content:before{content:"🚧 UNDER CONSTRUCTION 🚧";display:block;text-align:center;font-family:Comic Sans MS,cursive;font-size:14px;color:#ff0;background:red;padding:8px;margin-bottom:20px;animation:blink 1s steps(1) infinite;border:2px dashed #FFFF00}.app.web1 .main-content:after{content:"📝 Sign my Guestbook! 📝 | 💌 Email me! 💌 | 🔗 Links 🔗";display:block;text-align:center;font-family:Comic Sans MS,cursive;font-size:14px;color:#0ff;background:navy;padding:15px;margin-top:30px;border:3px ridge #C0C0C0}.app.web1 .header .title{overflow:hidden}@media (max-width: 640px){.app.web1{padding:10px}.app.web1 .title{font-size:32px}.app.web1 .news-card{padding:10px}.app.web1 .card-number{float:none;margin-bottom:10px}.app.web1 .top-nav{flex-wrap:wrap;gap:8px}.app.web1 .card-thumbnail{float:none;width:100%;height:140px;margin:0 0 10px}.app.web1 .subscribe-bar-form{flex-direction:column}.app.web1 .subscribe-bar-button{width:100%}.app.web1 .section-header{flex-direction:column;gap:8px;align-items:flex-start}}.app.web1 .subscribe-bar{background:#000;border:3px double #FFFF00;border-radius:0;padding:20px;margin-top:20px;box-shadow:5px 5px #f0f}.app.web1 .subscribe-bar-heading{font-family:Comic Sans MS,cursive;color:#ff0;animation:rainbow 3s linear infinite;text-shadow:2px 2px 0 #000000}.app.web1 .subscribe-bar-text{font-family:Courier New,monospace;color:#0f0;font-size:14px}.app.web1 .subscribe-bar-form{max-width:none}.app.web1 .subscribe-bar-input{font-family:Courier New,monospace;background:#fff;border:3px inset #C0C0C0;border-radius:0;color:#000;font-size:14px;padding:10px}.app.web1 .subscribe-bar-input:focus{outline:2px solid #0000FF;box-shadow:none}.app.web1 .subscribe-bar-input::placeholder{color:gray}.app.web1 .subscribe-bar-button{font-family:Comic Sans MS,cursive;background:#00f;border:3px outset #C0C0C0;border-radius:0;color:#fff;font-size:14px;font-weight:700;padding:10px 20px}.app.web1 .subscribe-bar-button:hover:not(:disabled){background:#f0f}.app.web1 .subscribe-bar-button:active:not(:disabled){border-style:inset}.app.web1 .subscribe-bar-message{font-family:Courier New,monospace}.app.web1 .newsletter-success{color:#0f0;font-family:Courier New,monospace}.app.web1 .newsletter-error{color:red;font-family:Courier New,monospace}.app.web1 .section-header{background:linear-gradient(to bottom,silver,gray);border:2px outset #C0C0C0;padding:8px 15px;margin-bottom:15px}.app.web1 .section-title{font-family:Comic Sans MS,cursive;color:navy;font-size:20px}.app.web1 .archive-count{font-family:Courier New,monospace;color:navy;font-size:12px}.app.web1 .sort-controls{margin-bottom:10px;gap:4px}.app.web1 .sort-label{font-family:Courier New,monospace;font-size:12px;color:#0f0;font-weight:700}.app.web1 .sort-btn{font-family:Courier New,monospace;font-size:12px;font-weight:700;background:linear-gradient(to bottom,silver,gray);border:2px outset #C0C0C0;border-radius:0;color:navy;padding:4px 10px;cursor:pointer;box-shadow:none}.app.web1 .sort-btn:hover{background:#ff0;color:red}.app.web1 .sort-btn.active{background:navy;color:#0f0;border-style:inset;box-shadow:none;font-weight:700}.app.web1 .search-bar{margin-bottom:15px}.app.web1 .search-icon{color:gray;left:12px}.app.web1 .search-input{font-family:Courier New,monospace;background:#fff;border:3px inset #C0C0C0;border-radius:0;color:#000;font-size:14px;padding:10px 10px 10px 40px;box-shadow:none}.app.web1 .search-input:focus{outline:2px solid #0000FF;box-shadow:none}.app.web1 .search-input::placeholder{color:gray}.app.web1 .archive-section{border-top:5px solid;border-image:linear-gradient(to right,red,#ff7f00,#ff0,#0f0,#00f,indigo,#9400d3) 1;padding-top:20px;margin-top:20px}@media (min-width: 641px){.app.web1 .archive-section .news-card{position:relative}.app.web1 .archive-section .news-card .card-thumbnail{position:absolute;top:15px;right:15px}.app.web1 .archive-section .news-card:has(.card-thumbnail) .card-body:before{content:"";float:right;width:170px;height:130px}}.app.web1 .pagination{margin-top:20px}.app.web1 .pagination-button{font-family:Comic Sans MS,cursive;background:linear-gradient(to bottom,silver,gray);border:2px outset #C0C0C0;border-radius:0;color:navy;padding:8px 16px;font-size:13px;box-shadow:none}.app.web1 .pagination-button:hover:not(:disabled){background:#ff0;color:red}.app.web1 .pagination-button:active:not(:disabled){border-style:inset;box-shadow:none}.app.web1 .pagination-button:disabled{opacity:.5}.app.web1 .pagination-info{font-family:Courier New,monospace;color:#0f0;font-size:14px}.app.web1 .card-date-separator{color:green}.app.web1 .card-date{font-family:Courier New,monospace;color:gray;font-size:11px}.app.web1 .category-filter{margin-bottom:10px;gap:4px}.app.web1 .category-chip{font-family:Courier New,monospace;font-size:12px;font-weight:700;background:linear-gradient(to bottom,silver,gray);border:2px outset #C0C0C0;border-radius:0;color:navy;padding:4px 10px;cursor:pointer;box-shadow:none}.app.web1 .category-chip:hover{background:#ff0;color:red}.app.web1 .category-chip.active{background:navy;color:#0f0;border-style:inset;box-shadow:none;font-weight:700}.app.web1 .category-badge{font-family:Courier New,monospace;font-size:11px;font-weight:700;background:none;border:1px solid #808080;border-radius:0;padding:1px 6px;color:navy;text-transform:uppercase}.app.web1 .news-card.no-number .card-number{display:none}.app.web1,.app.web1 *{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32'%3E%3Ctext y='24' font-size='24'%3E👆%3C/text%3E%3C/svg%3E"),auto}.app.web1 a,.app.web1 button{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32'%3E%3Ctext y='24' font-size='24'%3E👉%3C/text%3E%3C/svg%3E"),pointer}.app.web1::-webkit-scrollbar{width:20px}.app.web1::-webkit-scrollbar-track{background:gray;border:2px inset #C0C0C0}.app.web1::-webkit-scrollbar-thumb{background:linear-gradient(to bottom,silver,gray);border:2px outset #C0C0C0}:root{--bg-color: #e4e9f0;--card-bg: #e4e9f0;--shadow-dark: rgba(163, 177, 198, .5);--shadow-light: rgba(255, 255, 255, .8);--primary: #6366f1;--primary-dark: #4f46e5;--text-primary: #1e293b;--text-secondary: #64748b;--text-muted: #94a3b8;--status-green: #22c55e;--border-radius: 24px;--border-radius-sm: 16px;--transition: all .25s ease}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg-color);color:var(--text-primary);line-height:1.6;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none}.app{min-height:100vh;padding:24px 24px 60px}.top-nav{display:flex;align-items:center;justify-content:space-between;max-width:900px;margin:0 auto 16px}.top-nav-links{display:flex;gap:4px}.header{display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:20px;position:relative;width:100%;max-width:900px;margin-left:auto;margin-right:auto}.header-brand{display:flex;align-items:center;gap:16px;margin-bottom:12px}.logo-icon{width:48px;height:48px;background:var(--bg-color);border-radius:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:6px 6px 12px var(--shadow-dark),-6px -6px 12px var(--shadow-light)}.logo-icon svg{width:26px;height:26px}.title{font-size:36px;font-weight:700;color:var(--text-primary);letter-spacing:-1px}.date{font-size:15px;color:var(--text-secondary)}.status{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--text-muted);margin-bottom:16px}.nav-link{padding:6px 16px;font-size:14px;font-weight:500;color:var(--text-secondary);border-radius:10px;transition:var(--transition);text-decoration:none}.nav-link:hover{color:var(--primary)}.nav-link.active{color:var(--primary);background:var(--bg-color);box-shadow:inset 4px 4px 8px var(--shadow-dark),inset -4px -4px 8px var(--shadow-light);font-weight:600}.status-dot{width:8px;height:8px;background:var(--status-green);border-radius:50%;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.status-separator{color:var(--text-muted)}.refresh-button{display:inline-flex;align-items:center;gap:10px;padding:16px 32px;background:var(--bg-color);border:none;border-radius:16px;color:var(--primary);font-size:16px;font-weight:500;cursor:pointer;box-shadow:8px 8px 16px var(--shadow-dark),-8px -8px 16px var(--shadow-light);transition:var(--transition)}.refresh-button:hover:not(:disabled){color:var(--primary-dark)}.refresh-button:active:not(:disabled){box-shadow:inset 4px 4px 8px var(--shadow-dark),inset -4px -4px 8px var(--shadow-light)}.refresh-button:disabled{opacity:.7;cursor:not-allowed}.refresh-button svg{stroke:currentColor}.settings-toggle{position:absolute;top:0;right:0;width:48px;height:48px;background:var(--bg-color);border:none;border-radius:14px;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:6px 6px 12px var(--shadow-dark),-6px -6px 12px var(--shadow-light);transition:var(--transition)}.settings-toggle:hover{color:var(--text-secondary)}.theme-toggle{padding:8px 16px;background:var(--bg-color);border:none;border-radius:12px;color:var(--text-secondary);font-size:13px;font-weight:500;cursor:pointer;box-shadow:4px 4px 8px var(--shadow-dark),-4px -4px 8px var(--shadow-light);transition:var(--transition)}.theme-toggle:hover{color:var(--primary)}.theme-toggle:active{box-shadow:inset 3px 3px 6px var(--shadow-dark),inset -3px -3px 6px var(--shadow-light)}.main-content{max-width:1100px;margin:0 auto}.news-list{display:flex;flex-direction:column;gap:24px}.news-list.hero-layout{display:grid;grid-template-columns:1fr 1fr;gap:24px}.news-grid-wrapper{position:relative;min-height:0}.news-grid{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;gap:16px;overflow-y:auto;padding-right:8px}.news-grid::-webkit-scrollbar{width:6px}.news-grid::-webkit-scrollbar-track{background:transparent}.news-grid::-webkit-scrollbar-thumb{background:var(--shadow-dark);border-radius:3px}.news-grid::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.news-card.featured{display:flex;flex-direction:column;gap:0;padding:0;overflow:hidden;position:relative}.news-card.featured .card-thumbnail{width:100%;height:280px;border-radius:24px 24px 0 0;box-shadow:none;order:-2}.news-card.featured .card-thumbnail img{opacity:1}.news-card.featured .card-body{padding:24px 24px 0}.news-card.featured .card-title{font-size:24px}.news-card.featured .card-description{font-size:16px}.news-card.featured .card-footer{padding:0 24px 24px}.news-grid .news-card{padding:20px;box-shadow:0 1px 3px #00000014;border:1px solid rgba(0,0,0,.06);flex-shrink:0;grid-template-rows:1fr auto;min-height:190px;position:relative}.news-grid .news-card.no-number{grid-template-columns:auto 1fr}.news-grid .news-card .card-title{font-size:17px;margin-bottom:8px}.news-grid .news-card .card-description{font-size:14px;overflow:hidden;margin-bottom:12px}.news-grid .news-card .card-number{width:44px;height:44px}.news-grid .news-card .card-number span{font-size:16px}.news-grid .news-card .card-thumbnail{position:absolute;right:12px;width:100px;height:75px;border-radius:10px}.news-grid .news-card:has(.card-thumbnail) .card-body:before{content:"";float:right;width:112px;height:85px}.news-card{display:grid;grid-template-columns:auto 1fr auto;gap:0 24px;padding:32px;background:var(--card-bg);border-radius:var(--border-radius);box-shadow:12px 12px 24px var(--shadow-dark),-12px -12px 24px var(--shadow-light);transition:var(--transition)}.card-number{grid-column:1;grid-row:1 / 3;align-self:start;width:56px;height:56px;background:var(--bg-color);border-radius:16px;display:flex;align-items:center;justify-content:center;box-shadow:inset 4px 4px 8px var(--shadow-dark),inset -4px -4px 8px var(--shadow-light)}.card-number span{font-size:20px;font-weight:700;color:var(--primary)}.card-body{grid-column:2;grid-row:1;min-width:0}.card-title{font-size:22px;font-weight:600;line-height:1.4;margin-bottom:16px;color:var(--text-primary)}.card-title a{transition:var(--transition)}.card-title a:hover{color:var(--primary)}.card-description{font-size:16px;line-height:1.7;color:var(--text-secondary);margin-bottom:20px}.card-error{font-size:14px;color:#dc2626;margin-bottom:16px;padding:12px 16px;background:#fef2f2;border-radius:8px}.card-footer{grid-column:2 / -1;grid-row:2;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}.card-source{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.source-favicon{width:24px;height:24px;border-radius:6px;opacity:.85;flex-shrink:0}.card-thumbnail{grid-column:3;grid-row:1;align-self:start;width:180px;height:135px;border-radius:16px;overflow:hidden;background:var(--bg-color);box-shadow:inset 4px 4px 8px var(--shadow-dark),inset -4px -4px 8px var(--shadow-light)}.card-thumbnail img{width:100%;height:100%;object-fit:cover;opacity:.9;transition:var(--transition)}.news-card:hover .card-thumbnail img{opacity:1}.card-read-time{display:block;font-size:12px;font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px}.card-actions{display:flex;gap:12px}.action-button{display:inline-flex;align-items:center;gap:6px;padding:10px 16px;background:var(--bg-color);border:none;border-radius:10px;color:var(--text-secondary);font-size:13px;font-weight:500;cursor:pointer;box-shadow:4px 4px 8px var(--shadow-dark),-4px -4px 8px var(--shadow-light);transition:var(--transition);text-decoration:none}.action-button:hover:not(:disabled){color:var(--primary)}.action-button:active:not(:disabled){box-shadow:inset 2px 2px 4px var(--shadow-dark),inset -2px -2px 4px var(--shadow-light)}.action-button:disabled{opacity:.6;cursor:not-allowed}.action-button.primary{background:var(--primary);color:#fff;box-shadow:4px 4px 8px var(--shadow-dark),-4px -4px 8px var(--shadow-light)}.action-button.primary:hover{background:var(--primary-dark);color:#fff}.loading-state,.error-state,.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;padding:80px 24px;text-align:center;background:var(--card-bg);border-radius:var(--border-radius);box-shadow:12px 12px 24px var(--shadow-dark),-12px -12px 24px var(--shadow-light)}.loading-state p,.error-state p,.empty-state p{color:var(--text-secondary);font-size:16px}.loading-state h3,.error-state h3,.empty-state h3{font-size:20px;color:var(--text-primary)}.error-hint{font-size:14px;color:var(--text-muted)}.loading-spinner{width:48px;height:48px;border:4px solid var(--shadow-dark);border-top-color:var(--primary);border-radius:50%;animation:spin 1s linear infinite}.spinner{width:18px;height:18px;border:2.5px solid rgba(99,102,241,.3);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}.spinner-small{width:14px;height:14px;border:2px solid rgba(99,102,241,.3);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000004d;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:24px;z-index:1000;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal{width:100%;max-width:440px;background:var(--bg-color);border-radius:var(--border-radius);box-shadow:20px 20px 40px var(--shadow-dark),-20px -20px 40px var(--shadow-light);animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px 28px;border-bottom:1px solid rgba(0,0,0,.06)}.modal-header h2{font-size:20px;font-weight:600}.modal-body{padding:28px}.modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:20px 28px;border-top:1px solid rgba(0,0,0,.06)}.setting-group{display:flex;flex-direction:column;gap:10px}.setting-group label{font-weight:600;font-size:15px}.setting-description{font-size:14px;color:var(--text-secondary);line-height:1.5}.setting-description a{color:var(--primary)}.setting-description a:hover{text-decoration:underline}.input-group{margin-top:12px}.neu-input{width:100%;padding:16px 20px;background:var(--bg-color);border:none;border-radius:12px;color:var(--text-primary);font-size:15px;box-shadow:inset 4px 4px 8px var(--shadow-dark),inset -4px -4px 8px var(--shadow-light);transition:var(--transition)}.neu-input:focus{outline:none;box-shadow:inset 6px 6px 12px var(--shadow-dark),inset -6px -6px 12px var(--shadow-light)}.neu-input::placeholder{color:var(--text-muted)}.neu-button{display:inline-flex;align-items:center;gap:8px;padding:12px 20px;background:var(--bg-color);border:none;border-radius:12px;color:var(--text-primary);font-size:14px;font-weight:500;cursor:pointer;box-shadow:4px 4px 8px var(--shadow-dark),-4px -4px 8px var(--shadow-light);transition:var(--transition)}.neu-button:hover:not(:disabled){color:var(--primary)}.neu-button:active:not(:disabled){box-shadow:inset 3px 3px 6px var(--shadow-dark),inset -3px -3px 6px var(--shadow-light)}.neu-button.primary{background:var(--primary);color:#fff}.neu-button.primary:hover:not(:disabled){background:var(--primary-dark);color:#fff}.neu-button.secondary{color:var(--text-secondary)}.neu-button-icon{width:40px;height:40px;padding:0;background:var(--bg-color);border:none;border-radius:12px;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:4px 4px 8px var(--shadow-dark),-4px -4px 8px var(--shadow-light);transition:var(--transition)}.neu-button-icon:hover{color:var(--text-primary)}.subscribe-bar{max-width:900px;margin:48px auto 0;padding:40px 36px;background:linear-gradient(135deg,#6366f1,#a855f7,#6366f1);border-radius:var(--border-radius);text-align:center;box-shadow:12px 12px 24px var(--shadow-dark),-12px -12px 24px var(--shadow-light)}.subscribe-bar-heading{font-size:26px;font-weight:700;color:#fff;margin-bottom:8px}.subscribe-bar-text{font-size:16px;color:#ffffffd9;margin-bottom:24px;line-height:1.5}.subscribe-bar-form{display:flex;gap:12px;max-width:480px;margin:0 auto}.subscribe-bar-input{flex:1;padding:14px 20px;background:#fffffff2;border:none;border-radius:14px;color:var(--text-primary);font-size:15px;transition:var(--transition)}.subscribe-bar-input:focus{outline:none;box-shadow:0 0 0 3px #ffffff80}.subscribe-bar-input::placeholder{color:var(--text-muted)}.subscribe-bar-button{padding:14px 28px;background:#fff;border:none;border-radius:14px;color:var(--primary);font-size:15px;font-weight:700;cursor:pointer;transition:var(--transition);white-space:nowrap}.subscribe-bar-button:hover:not(:disabled){background:#ffffffe6;transform:translateY(-1px)}.subscribe-bar-button:active:not(:disabled){transform:translateY(0)}.subscribe-bar-button:disabled{opacity:.7;cursor:not-allowed}.subscribe-bar-message{margin-top:16px;font-size:14px;font-weight:500}.subscribe-bar .newsletter-success{color:#bbf7d0}.subscribe-bar .newsletter-error{color:#fecaca}.newsletter-success{color:var(--status-green)}.newsletter-error{color:#dc2626}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.section-title{font-size:24px;font-weight:700;color:var(--text-primary)}.archive-count{font-size:14px;color:var(--text-muted);font-weight:500}.sort-controls{display:flex;align-items:center;gap:8px;margin-bottom:16px;flex-wrap:wrap}.sort-label{font-size:13px;color:var(--text-muted);font-weight:500}.sort-btn{padding:6px 14px;border:none;border-radius:20px;background:var(--bg-color);color:var(--text-muted);font-size:13px;font-weight:500;cursor:pointer;box-shadow:3px 3px 6px var(--shadow-dark),-3px -3px 6px var(--shadow-light);transition:var(--transition)}.sort-btn:hover{color:var(--text-secondary)}.sort-btn.active{color:var(--primary);font-weight:600;box-shadow:inset 3px 3px 6px var(--shadow-dark),inset -3px -3px 6px var(--shadow-light)}.search-bar{position:relative;margin-bottom:24px}.search-icon{position:absolute;left:20px;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none}.search-input{width:100%;padding:16px 20px 16px 50px;background:var(--bg-color);border:none;border-radius:var(--border-radius-sm);color:var(--text-primary);font-size:15px;box-shadow:inset 4px 4px 8px var(--shadow-dark),inset -4px -4px 8px var(--shadow-light);transition:var(--transition)}.search-input:focus{outline:none;box-shadow:inset 6px 6px 12px var(--shadow-dark),inset -6px -6px 12px var(--shadow-light)}.search-input::placeholder{color:var(--text-muted)}.search-spinner{position:absolute;right:20px;top:50%;transform:translateY(-50%)}.archive-section{max-width:900px;margin:48px auto 0;padding-top:48px;border-top:2px solid rgba(0,0,0,.06)}.pagination{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:32px}.pagination-button{display:inline-flex;align-items:center;padding:12px 24px;background:var(--bg-color);border:none;border-radius:14px;color:var(--primary);font-size:14px;font-weight:500;cursor:pointer;box-shadow:6px 6px 12px var(--shadow-dark),-6px -6px 12px var(--shadow-light);transition:var(--transition)}.pagination-button:hover:not(:disabled){color:var(--primary-dark)}.pagination-button:active:not(:disabled){box-shadow:inset 3px 3px 6px var(--shadow-dark),inset -3px -3px 6px var(--shadow-light)}.pagination-button:disabled{opacity:.5;cursor:not-allowed}.pagination-info{font-size:14px;color:var(--text-muted);font-weight:500}.card-date-separator{color:var(--text-muted)}.card-date{font-size:13px;color:var(--text-muted);text-transform:none;letter-spacing:0}.card-date-badge{display:block}.hero-layout .card-date-badge{display:block;padding:0 24px;margin-top:16px}.hero-layout .card-date-badge span{font-size:13px;font-weight:600;color:var(--primary);text-transform:uppercase;letter-spacing:.5px}.news-grid .card-date-badge{padding:0;margin:0}.news-grid .card-date-badge span{font-size:12px}.news-card.no-number{grid-template-columns:1fr auto}.news-card.no-number .card-footer{grid-column:1 / -1}.archive-section .news-card{position:relative}.archive-section .card-date-badge{grid-column:1}.archive-section .card-date-badge span{font-size:13px;font-weight:600;color:var(--primary);text-transform:uppercase;letter-spacing:.5px}.archive-section .news-card .card-thumbnail{position:absolute;top:0;right:32px}.archive-section .news-card:has(.card-thumbnail) .card-body:before{content:"";float:right;width:204px;height:155px}.archive-link-section{max-width:1100px;margin:48px auto 0;text-align:center}.archive-link{display:inline-flex;align-items:center;gap:8px;padding:18px 36px;background:var(--bg-color);border-radius:16px;color:var(--primary);font-size:17px;font-weight:600;text-decoration:none;box-shadow:8px 8px 16px var(--shadow-dark),-8px -8px 16px var(--shadow-light);transition:var(--transition)}.archive-link:hover{color:var(--primary-dark)}.archive-link:active{box-shadow:inset 4px 4px 8px var(--shadow-dark),inset -4px -4px 8px var(--shadow-light)}.page-nav{max-width:900px;margin:0 auto 24px}.back-link{display:inline-flex;align-items:center;gap:6px;padding:10px 20px;background:var(--bg-color);border-radius:12px;color:var(--text-secondary);font-size:14px;font-weight:500;text-decoration:none;box-shadow:6px 6px 12px var(--shadow-dark),-6px -6px 12px var(--shadow-light);transition:var(--transition)}.back-link:hover{color:var(--primary)}.back-link:active{box-shadow:inset 3px 3px 6px var(--shadow-dark),inset -3px -3px 6px var(--shadow-light)}.section-header-right{display:flex;align-items:center;gap:16px}.updated-at{font-size:13px;color:var(--text-muted)}.category-filter{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.category-chip{padding:6px 16px;border:none;border-radius:20px;background:var(--bg-color);color:var(--text-muted);font-size:13px;font-weight:500;cursor:pointer;box-shadow:3px 3px 6px var(--shadow-dark),-3px -3px 6px var(--shadow-light);transition:var(--transition)}.category-chip:hover{color:var(--chip-color, var(--text-secondary))}.category-chip.active{color:var(--chip-color, var(--primary));font-weight:600;box-shadow:inset 3px 3px 6px var(--shadow-dark),inset -3px -3px 6px var(--shadow-light)}.category-badge{display:inline-block;padding:2px 8px;border-radius:10px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.3px;background:color-mix(in srgb,var(--badge-color, var(--primary)) 15%,transparent);color:var(--badge-color, var(--primary));line-height:1.4}.category-sections{max-width:1100px;margin:48px auto 0;display:flex;flex-direction:column;gap:40px}.category-carousel-header{display:flex;align-items:center;gap:10px;margin-bottom:16px}.category-dot{width:12px;height:12px;border-radius:50%;flex-shrink:0}.category-carousel-title{font-size:20px;font-weight:600;color:var(--text-primary)}.category-carousel-track{display:flex;overflow-x:auto;gap:16px;scroll-snap-type:x mandatory;padding-bottom:8px;-webkit-overflow-scrolling:touch}.category-carousel-track::-webkit-scrollbar{height:6px}.category-carousel-track::-webkit-scrollbar-track{background:transparent}.category-carousel-track::-webkit-scrollbar-thumb{background:var(--shadow-dark);border-radius:3px}.carousel-card{flex:0 0 360px;height:240px;scroll-snap-align:start;border-radius:var(--border-radius-sm);box-shadow:0 4px 20px #00000026;transition:var(--transition);display:flex;flex-direction:column;text-decoration:none;color:inherit;cursor:pointer;position:relative;overflow:hidden;background:var(--bg-color)}.carousel-card-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.carousel-card-bg img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.carousel-card:hover .carousel-card-bg img{transform:scale(1.05)}.carousel-card-content{position:relative;z-index:1;margin-top:auto;padding:16px 20px;background:linear-gradient(to top,#1e293beb,#1e293bd9 60%,#1e293b66);display:flex;flex-direction:column;gap:6px}.carousel-card:not(.has-thumbnail) .carousel-card-content{background:var(--bg-color);height:100%;justify-content:flex-end;box-shadow:inset 4px 4px 8px var(--shadow-dark),inset -4px -4px 8px var(--shadow-light);border-radius:var(--border-radius-sm)}.carousel-card:not(.has-thumbnail) .carousel-card-title{color:var(--text-primary)}.carousel-card:not(.has-thumbnail) .carousel-card-summary{color:var(--text-secondary)}.carousel-card:not(.has-thumbnail) .carousel-card-source{color:var(--text-muted)}.carousel-card:hover{box-shadow:0 6px 28px #00000038;transform:translateY(-2px)}.carousel-card:hover .carousel-card-title{color:var(--primary)}.carousel-card:not(.has-thumbnail):hover .carousel-card-title{color:var(--primary)}.carousel-card-title{font-size:16px;font-weight:600;line-height:1.35;color:#fff;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color .2s ease}.carousel-card-summary{font-size:13px;line-height:1.45;color:#ffffffbf;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.carousel-card-source{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:500;color:#fff9;text-transform:uppercase;letter-spacing:.3px;margin-bottom:2px}.carousel-card-source .source-favicon{width:16px;height:16px;border-radius:3px;opacity:.85}.carousel-card-meta{display:flex;align-items:center;gap:8px;font-size:11px;color:#ffffff8c}.carousel-card-meta .meta-sep{opacity:.4}.carousel-card:not(.has-thumbnail) .carousel-card-meta{color:var(--text-muted)}.carousel-card-skeleton{pointer-events:none}.skeleton-line{height:14px;background:linear-gradient(90deg,var(--shadow-dark) 25%,var(--shadow-light) 50%,var(--shadow-dark) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s infinite;border-radius:4px}.skeleton-title{height:18px;width:85%}.skeleton-text{width:100%}.skeleton-text.short{width:60%}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (max-width: 768px){.news-list.hero-layout{grid-template-columns:1fr}.news-grid-wrapper{position:static}.news-grid{position:static;overflow-y:visible;padding-right:0}.news-grid .news-card{box-shadow:12px 12px 24px var(--shadow-dark),-12px -12px 24px var(--shadow-light);border:none}}@media (max-width: 640px){.news-card.featured .card-thumbnail{height:200px}.news-card.featured .card-title{font-size:20px}.news-card.featured .card-body{padding:20px 20px 0}.news-card.featured .card-footer{padding:0 20px 20px}.news-grid .news-card{padding:16px}.app{padding:24px 16px 40px}.logo-icon{width:72px;height:72px;border-radius:18px}.logo-icon svg{width:36px;height:36px}.title{font-size:36px}.date{font-size:16px}.status{flex-wrap:wrap;justify-content:center}.refresh-button{padding:14px 28px;font-size:15px}.settings-toggle{position:relative;margin-top:16px}.theme-toggle{font-size:12px;padding:6px 12px}.news-card{display:flex;flex-direction:column;gap:20px;padding:24px}.card-number{width:48px;height:48px}.card-number span,.card-title{font-size:18px}.card-description{font-size:15px}.card-footer{flex-direction:column;align-items:flex-start}.card-actions{width:100%}.action-button{flex:1;justify-content:center}.card-thumbnail{width:100%;height:180px;order:-1;margin-bottom:8px}.archive-section .news-card .card-thumbnail{position:static}.archive-section .news-card:has(.card-thumbnail) .card-body:before{display:none}.subscribe-bar{padding:32px 20px;margin-top:32px}.subscribe-bar-heading{font-size:22px}.subscribe-bar-text{font-size:14px}.subscribe-bar-form{flex-direction:column}.subscribe-bar-button{width:100%}.section-header{flex-direction:column;gap:12px;align-items:flex-start}.archive-section{margin-top:32px;padding-top:32px}.news-card.no-number{display:flex;flex-direction:column}.category-sections{margin:32px 16px 0}.carousel-card{flex:0 0 300px;height:220px}}