:root{--bg-paper: #f4f1ea;--text-primary: #2c2c2c;--text-secondary: #555;--accent-red: #b91c1c;--border-color: #d1d5db;--bg-body: #f3f0eb;--font-headline: "Playfair Display", serif;--font-body: "Merriweather", serif;--font-ui: "Inter", sans-serif}.dark-mode{--bg-paper: #2a2a2a;--text-primary: #f3e9d2;--text-secondary: #a8a29e;--accent-red: #c8b084;--border-color: #464038;--bg-body: #1a1a1a}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-body);font-family:var(--font-body);color:var(--text-primary);line-height:1.6;padding:20px;transition:background-color .3s ease,color .3s ease}.paper-container{max-width:1200px;margin:0 auto;background-color:var(--bg-paper);padding:40px;box-shadow:0 0 20px #0000001a;transition:background-color .3s ease}.main-header{text-align:center;border-bottom:4px double var(--border-color);margin-bottom:30px;padding-bottom:10px}.top-bar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;font-family:var(--font-ui);font-size:.8rem;text-transform:uppercase;border-bottom:1px solid var(--border-color);padding-bottom:5px;margin-bottom:10px}.website-url{font-weight:700;justify-self:start}.date-navigation{justify-self:center}.social-icons{justify-self:end}.brand-name{font-family:var(--font-headline);font-size:4rem;font-weight:900;text-transform:uppercase;letter-spacing:-1px;margin:10px 0;line-height:1}.meta-bar{display:flex;justify-content:space-between;font-family:var(--font-headline);font-weight:700;border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color);padding:5px 0;margin-bottom:15px}.main-nav ul{list-style:none;display:flex;justify-content:center;gap:30px;padding:10px 0}.main-nav a{text-decoration:none;color:var(--text-primary);font-family:var(--font-ui);font-weight:700;text-transform:uppercase;font-size:.9rem;transition:color .2s}.main-nav a:hover,.main-nav a.active{color:var(--accent-red)}.hidden-date-input{position:absolute;opacity:0;pointer-events:none;width:0;height:0}.date-navigation{display:flex;align-items:center;gap:10px}.date-nav-btn{background:none;border:1px solid var(--border-color);padding:4px 10px;font-size:1.2rem;cursor:pointer;color:var(--text-primary);transition:all .2s;font-family:var(--font-ui)}.date-nav-btn:hover{background-color:var(--accent-red);color:var(--bg-paper);border-color:var(--accent-red)}.date-nav-btn:active{transform:scale(.95)}.clickable-date{cursor:pointer;transition:color .2s;padding:0 10px}.clickable-date:hover{color:var(--accent-red)}.hero-section{margin-bottom:40px}.hero-content{display:grid;grid-template-columns:2fr 1fr;gap:30px;align-items:start}.hero-text .headline{font-family:var(--font-headline);font-size:3rem;line-height:1.1;margin-bottom:15px}.hero-text .author{display:block;font-family:var(--font-ui);font-size:.8rem;font-weight:700;margin-bottom:10px;text-transform:uppercase}.hero-text .summary{font-size:1.1rem;text-align:justify}.hero-text .summary:first-letter{font-size:3.5rem;float:left;line-height:.8;margin-right:10px;font-family:var(--font-headline);font-weight:700}.hero-image-placeholder{background-color:#ddd;height:300px;width:100%;display:flex;align-items:center;justify-content:center;font-family:var(--font-ui);color:#888;border:1px solid #ccc;overflow:hidden}.summary-text{font-size:1.2rem;align-items:center;justify-content:center;font-family:var(--font-ui);color:#888;border:1px solid #ccc;overflow:hidden}.hero-image{width:100%;height:100%;object-fit:cover;display:block;border-radius:4px}.news-item-image{width:100%;height:200px;margin-bottom:15px;overflow:hidden;border-radius:4px}.news-item-image img{width:100%;height:100%;object-fit:cover;display:block;border:1px solid #ccc}.section-divider{border:0;border-top:1px solid var(--border-color);margin:30px 0}.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding-top:20px}.news-item{border-right:1px solid #ccc;padding-right:20px}.news-item:nth-child(3n){border-right:none;padding-right:0}.news-item h3{font-family:var(--font-headline);font-size:1.5rem;margin-bottom:10px;line-height:1.2}.news-item .meta{font-family:var(--font-ui);font-size:.75rem;color:var(--text-secondary);margin-bottom:10px;text-transform:uppercase}.news-item p{font-size:.95rem;text-align:justify}.hero-link,.news-item-link{text-decoration:none;color:inherit;display:block}.hero-link:hover .headline,.news-item-link:hover h3{color:var(--accent-red)}.read-full-story,.read-more{display:inline-block;margin-top:10px;font-family:var(--font-ui);font-weight:700;font-size:.9rem;color:var(--accent-red)}.news-detail-container{max-width:900px;margin:0 auto;padding:20px}.back-button{background:none;border:2px solid var(--border-color);padding:10px 20px;font-family:var(--font-ui);font-weight:700;cursor:pointer;margin-bottom:30px;transition:all .2s}.back-button:hover{background-color:var(--border-color);color:var(--bg-paper)}.news-detail-header{border-bottom:2px solid var(--border-color);padding-bottom:20px;margin-bottom:30px}.news-meta{display:flex;gap:10px;margin-bottom:15px}.category-badge,.engagement-badge{display:inline-block;padding:5px 12px;font-family:var(--font-ui);font-size:.75rem;font-weight:700;text-transform:uppercase;border:1px solid var(--border-color)}.engagement-high{background-color:#ffe0e0;border-color:var(--accent-red)}.engagement-medium{background-color:#fff4e0;border-color:#d4a017}.engagement-low{background-color:#e0e0e0}.detail-headline{font-family:var(--font-headline);font-size:3rem;line-height:1.1;margin-bottom:15px}.article-info{display:flex;gap:20px;flex-wrap:wrap;font-family:var(--font-ui);font-size:.85rem;color:var(--text-secondary)}.news-detail-body{line-height:1.8}.summary-section,.full-text-section{margin-bottom:40px}.summary-section h2,.full-text-section h2{font-family:var(--font-headline);font-size:1.5rem;margin-bottom:15px;border-bottom:1px solid #ccc;padding-bottom:10px}.summary-text{font-size:1.2rem;font-weight:500;line-height:1.6}.full-text p{margin-bottom:15px;text-align:justify}.hoxlabs-footer{background-color:var(--bg-paper);color:var(--text-primary);padding:30px 20px;margin-top:60px;font-family:var(--font-ui);border-top:5px solid var(--accent-red)}.footer-container{max-width:1200px;margin:0 auto}.footer-bottom{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px;font-size:.85rem;color:var(--text-secondary)}.journey-text{font-weight:700;color:var(--text-primary);text-transform:uppercase}.legal-info{display:flex;gap:20px;flex-wrap:wrap;align-items:center}.legal-info a{color:var(--text-secondary);text-decoration:none;transition:color .2s}.legal-info a:hover{color:var(--accent-red)}@media(max-width:768px){.paper-container{padding:15px}.main-header{margin-bottom:15px;padding-bottom:5px}.top-bar{display:flex;flex-direction:column;gap:5px;align-items:center;padding-bottom:5px}.website-url{display:none}.date-navigation{font-size:.9rem}.brand-name{font-size:1.8rem;margin:10px 0;line-height:1.1}.meta-bar{flex-direction:column;gap:5px;align-items:center;font-size:.8rem;padding:5px 0}.main-nav ul{flex-wrap:wrap;gap:10px;justify-content:center;padding:5px 0}.main-nav a{font-size:.8rem}.hero-content{grid-template-columns:1fr;gap:15px}.hero-text .headline{font-size:1.8rem;margin-bottom:10px}.hero-text .summary:first-letter{font-size:2.5rem;margin-right:5px}.news-grid{grid-template-columns:1fr;padding-top:10px}.news-item{border-right:none;border-bottom:1px solid #ccc;padding-right:0;padding-bottom:15px;margin-bottom:15px}.detail-headline{font-size:1.6rem}.news-detail-container{padding:10px}.footer-bottom{flex-direction:column;text-align:center}.legal-info{justify-content:center}}.login-container{min-height:60vh;display:flex;align-items:center;justify-content:center;padding:40px 0}.login-card{background-color:var(--bg-paper);width:100%;max-width:400px;padding:40px;border:1px solid var(--border-color);box-shadow:5px 5px 15px #0000000d;position:relative}.login-card:before{content:"";position:absolute;inset:5px;border:2px double var(--border-color);pointer-events:none}.login-header{font-family:var(--font-headline);font-size:2.5rem;text-align:center;margin-top:0;margin-bottom:30px;color:var(--text-primary);border-bottom:2px solid var(--text-primary);padding-bottom:10px}.login-error{background-color:#b91c1c1a;border:1px solid var(--accent-red);color:var(--accent-red);padding:10px;margin-bottom:20px;font-family:var(--font-ui);font-size:.9rem;text-align:center}.login-form{display:flex;flex-direction:column;gap:20px;position:relative;z-index:1}.form-group{display:flex;flex-direction:column;gap:5px}.form-group label{font-family:var(--font-ui);font-weight:700;font-size:.8rem;text-transform:uppercase;color:var(--text-secondary)}.login-input{padding:10px;border:1px solid var(--border-color);background-color:#ffffff80;font-family:var(--font-body);font-size:1rem;color:var(--text-primary);outline:none;transition:border-color .2s}.login-input:focus{border-color:var(--accent-red)}.login-btn{margin-top:10px;padding:12px;background-color:var(--text-primary);color:var(--bg-paper);border:none;font-family:var(--font-ui);font-weight:900;text-transform:uppercase;cursor:pointer;transition:all .2s;letter-spacing:1px}.login-btn:hover{background-color:var(--accent-red);transform:translateY(-1px)}.login-btn:disabled{opacity:.7;cursor:not-allowed}.google-btn-container{margin-top:15px;position:relative;z-index:1}.google-btn{width:100%;padding:10px;background-color:transparent;border:2px solid var(--border-color);color:var(--text-primary);font-family:var(--font-ui);font-weight:700;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:10px}.google-btn:hover{border-color:var(--text-primary);background-color:#00000005}.toggle-container{margin-top:25px;text-align:center;font-family:var(--font-ui);font-size:.9rem;color:var(--text-secondary);position:relative;z-index:1}.toggle-link{color:var(--accent-red);font-weight:700;cursor:pointer;margin-left:5px;text-decoration:underline}.toggle-link:hover{color:var(--text-primary)}.profile-container{display:flex;justify-content:center;align-items:flex-start;min-height:60vh;padding:40px 0}.subscriber-card{background-color:var(--bg-paper);border:4px double var(--border-color);padding:40px;width:100%;max-width:500px;position:relative;box-shadow:5px 5px 15px #0000000d}.subscriber-badge{position:absolute;top:-15px;right:20px;background-color:var(--accent-red);color:var(--bg-paper);padding:5px 15px;font-family:var(--font-ui);font-weight:700;text-transform:uppercase;font-size:.8rem;box-shadow:2px 2px 5px #0003}.card-header{text-align:center;border-bottom:2px solid var(--text-primary);margin-bottom:30px;padding-bottom:10px}.card-header h2{font-family:var(--font-headline);font-size:2.2rem;margin-bottom:5px}.card-header .subtitle{font-family:var(--font-ui);font-size:.9rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px}.profile-details{display:flex;flex-direction:column;gap:25px}.detail-row{display:flex;flex-direction:column;gap:8px}.detail-label{font-family:var(--font-ui);font-weight:700;font-size:.8rem;text-transform:uppercase;color:var(--text-secondary)}.detail-value{font-family:Courier Prime,monospace;font-size:1.1rem;border-bottom:1px dashed var(--border-color);padding-bottom:5px}.settings-section{margin-top:20px;border-top:1px solid var(--border-color);padding-top:20px}.setting-item{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;flex-wrap:wrap}.setting-item label{font-family:var(--font-ui);font-weight:600;font-size:1rem}.coming-soon-badge{display:flex;align-items:center;gap:10px;background-color:#0000000d;padding:5px 10px;border:1px dashed var(--border-color);border-radius:4px}.coming-soon-badge span:first-child{font-family:var(--font-ui);font-weight:600;color:var(--text-secondary);text-decoration:line-through}.coming-soon-badge .badge{background-color:var(--text-secondary);color:var(--bg-paper);font-size:.7rem;padding:2px 6px;border-radius:4px;text-transform:uppercase;font-weight:700}.setting-hint{width:100%;font-size:.8rem;color:var(--text-secondary);margin-top:8px;font-style:italic;font-family:var(--font-ui)}.switch{position:relative;display:inline-block;width:50px;height:24px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;inset:0;background-color:#ccc;transition:.4s;border-radius:24px}.slider:before{position:absolute;content:"";height:16px;width:16px;left:4px;bottom:4px;background-color:#fff;transition:.4s;border-radius:50%}input:checked+.slider{background-color:var(--accent-red)}input:checked+.slider:before{transform:translate(26px)}.time-input{padding:8px;font-family:var(--font-ui);font-size:1rem;border:1px solid var(--border-color);border-radius:4px;background:transparent;color:var(--text-primary)}.save-btn{width:100%;padding:12px;background-color:var(--text-primary);color:var(--bg-paper);border:none;font-family:var(--font-ui);font-weight:900;text-transform:uppercase;cursor:pointer;transition:all .2s;margin-top:20px}.save-btn:hover{background-color:var(--accent-red)}.save-btn:disabled{opacity:.7;cursor:wait}.logout-btn{width:100%;padding:12px;background-color:transparent;color:var(--text-primary);border:1px solid var(--text-primary);font-family:var(--font-ui);font-weight:700;text-transform:uppercase;cursor:pointer;transition:all .2s;margin-top:10px}.logout-btn:hover{background-color:#ff00001a;color:red;border-color:red}.status-message{text-align:center;margin-top:15px;font-family:var(--font-ui);font-size:.9rem;min-height:20px}.status-success{color:green}.status-error{color:var(--accent-red)}.newsletter-popup-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0006;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn .4s ease-out}.newsletter-popup-content{background-color:var(--bg-paper);padding:30px 40px;border-radius:8px;box-shadow:0 15px 35px #0003,0 0 0 1px var(--border-color);width:90%;max-width:450px;position:relative;border-top:5px solid var(--accent-red);animation:slideUp .5s cubic-bezier(.16,1,.3,1);color:var(--text-primary)}.popup-close-btn{position:absolute;top:15px;right:15px;background:none;border:none;font-size:24px;color:var(--text-secondary);cursor:pointer;line-height:1;transition:color .2s,transform .2s}.popup-close-btn:hover{color:var(--accent-red);transform:scale(1.1)}.popup-header{margin-bottom:20px;display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid var(--border-color);padding-bottom:10px}.popup-header h3{font-family:var(--font-headline);font-size:1.5rem;color:var(--text-primary);margin:0}.popup-badge{background-color:var(--accent-red);color:var(--bg-paper);font-family:var(--font-ui);font-size:.7rem;font-weight:700;padding:3px 8px;border-radius:3px;letter-spacing:.5px}.popup-body{text-align:center}.popup-title{font-family:var(--font-headline);font-size:1.8rem;margin-bottom:15px;line-height:1.2}.popup-description{font-family:var(--font-body);font-size:1rem;color:var(--text-secondary);margin-bottom:25px;line-height:1.6}.popup-actions{display:flex;flex-direction:column;gap:15px}.popup-subscribe-btn{background-color:var(--text-primary);color:var(--bg-paper);border:2px solid var(--text-primary);padding:12px 20px;font-family:var(--font-ui);font-size:1.05rem;font-weight:700;text-transform:uppercase;cursor:pointer;transition:all .3s ease;border-radius:4px}.popup-subscribe-btn:hover{background-color:transparent;color:var(--text-primary)}.popup-subscribe-btn.requires-login{background-color:var(--accent-red);border-color:var(--accent-red)}.popup-subscribe-btn.requires-login:hover{background-color:transparent;color:var(--accent-red)}.popup-later-btn{background:none;border:none;color:var(--text-secondary);font-family:var(--font-ui);font-size:.9rem;text-decoration:underline;cursor:pointer;transition:color .2s}.popup-later-btn:hover{color:var(--text-primary)}.popup-status{padding:15px;font-family:var(--font-ui);font-weight:600;border-radius:4px;margin-top:15px}.popup-status.loading{color:var(--text-secondary);background-color:#0000000d}.popup-status.success{color:#166534;background-color:#dcfce7;border:1px solid #86efac;display:flex;align-items:center;justify-content:center;gap:10px}.success-icon{font-size:1.2rem;font-weight:700}.popup-status.error{color:#991b1b;background-color:#fee2e2;border:1px solid #fca5a5}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.dark-mode .popup-subscribe-btn{border-color:var(--text-primary)}.dark-mode .popup-status.loading{background-color:#ffffff0d}.dark-mode .popup-status.success{background-color:#16653433;border-color:#166534;color:#4ade80}.dark-mode .popup-status.error{background-color:#991b1b33;border-color:#991b1b;color:#fca5a5}@media(max-width:600px){.newsletter-popup-content{padding:25px 20px;width:95%}.popup-title{font-size:1.5rem}.popup-description{font-size:.95rem}}