.article-detail-overlay{position:fixed;inset:0;background:#1e1e1e99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;display:flex;justify-content:center;align-items:center;padding:20px;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.read-progress-bar{position:fixed;top:0;left:0;right:0;height:3px;background:#fff3;z-index:1001}.read-progress-fill{height:100%;background:#c4a77d;transition:width .1s linear}.article-detail-modal{background:#faf8f3;width:100%;max-width:720px;max-height:90vh;border-radius:12px;box-shadow:0 25px 80px #00000040;position:relative;animation:slideUp .4s cubic-bezier(.16,1,.3,1);display:flex;flex-direction:column}@keyframes slideUp{0%{opacity:0;transform:translateY(40px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.close-btn{position:absolute;top:16px;right:20px;background:#0000000d;border:none;font-size:1.8rem;color:#666;cursor:pointer;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s ease;z-index:10}.close-btn:hover{background:#0000001a;color:#222}.article-detail-content{overflow-y:auto;padding:50px 50px 40px;scroll-behavior:smooth}.article-detail-header{margin-bottom:35px}.article-detail-header .meta-top{font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:.75rem;color:#777;text-transform:uppercase;letter-spacing:.08em;margin-bottom:16px}.article-detail-header h1{font-size:2.2rem;font-weight:400;line-height:1.25;color:#111;margin-bottom:20px;letter-spacing:-.01em}.article-meta{font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:.85rem;color:#666;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.article-meta .separator{color:#bbb}.read-badge{color:#5a8f5a;font-weight:500}.article-detail-image{margin:0 -50px 35px;position:relative}.article-detail-image img{width:100%;height:380px;object-fit:cover;display:block}.article-body{font-size:1.1rem;line-height:1.75;color:#333}.article-body .lead{font-size:1.25rem;color:#444;font-style:italic;margin-bottom:35px;padding-bottom:30px;border-bottom:1px solid #E5E3DD;line-height:1.6}.article-text p{margin-bottom:1.4em;text-align:justify;-webkit-hyphens:auto;hyphens:auto}.article-text p:last-child{margin-bottom:0}.article-detail-footer{margin-top:50px;padding-top:30px;border-top:1px solid #E5E3DD;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:15px}.back-btn{background:none;border:none;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:.9rem;color:#555;cursor:pointer;padding:8px 0;transition:color .2s}.back-btn:hover{color:#000}.article-actions{display:flex;align-items:center}.mark-read-btn{background:#333;color:#faf8f3;border:none;padding:10px 24px;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:.85rem;cursor:pointer;border-radius:6px;transition:all .2s ease}.mark-read-btn:hover{background:#222;transform:translateY(-1px)}.read-confirmation{font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:.85rem;color:#5a8f5a;font-weight:500}.article-detail-modal.loading,.article-detail-modal.error{min-height:300px;display:flex;align-items:center;justify-content:center}.loading-spinner{font-family:Helvetica Neue,Helvetica,Arial,sans-serif;color:#777;font-size:.95rem}.error-message{color:#c44;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;padding:40px;text-align:center}.article-detail-content::-webkit-scrollbar{width:8px}.article-detail-content::-webkit-scrollbar-track{background:transparent}.article-detail-content::-webkit-scrollbar-thumb{background:#d0cec5;border-radius:4px}.article-detail-content::-webkit-scrollbar-thumb:hover{background:#bbb9b0}@media(max-width:768px){.article-detail-overlay{padding:0}.article-detail-modal{max-height:100vh;max-width:100%;border-radius:0}.article-detail-content{padding:60px 25px 30px}.article-detail-header h1{font-size:1.7rem}.article-detail-image{margin:0 -25px 30px}.article-detail-image img{height:250px}.article-body{font-size:1rem}.article-body .lead{font-size:1.1rem}.close-btn{top:12px;right:15px;background:#faf8f3e6}}@media(max-width:480px){.article-detail-header h1{font-size:1.4rem}.article-meta{font-size:.8rem}.article-detail-footer{flex-direction:column;align-items:flex-start}}.calendar{background:#faf8f3;border:1px solid #E5E3DD;border-radius:8px;padding:20px;font-family:Helvetica Neue,Helvetica,Arial,sans-serif}.calendar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #E5E3DD}.calendar-month-year{font-size:.95rem;font-weight:500;color:#333;text-transform:uppercase;letter-spacing:.05em}.calendar-nav{background:none;border:none;font-size:1.4rem;color:#666;cursor:pointer;padding:0 8px;line-height:1;transition:color .2s,transform .15s ease}.calendar-nav:hover{color:#222}.calendar-nav:active{transform:scale(.9)}.calendar-weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin-bottom:8px}.calendar-weekday{text-align:center;font-size:.7rem;color:#888;text-transform:uppercase;letter-spacing:.05em;font-weight:500}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.calendar-day{aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;border:none;background:transparent;border-radius:6px;cursor:pointer;position:relative;transition:all .2s ease;padding:4px}.calendar-day.empty{cursor:default}.calendar-day:not(.empty):hover{background:#f0ede5}.calendar-day.today{background:#f0ede5}.calendar-day.today .day-number{font-weight:600;color:#222}.calendar-day.has-news{cursor:pointer}.calendar-day.has-news:not(.selected):hover{background:#e8e5dc}.calendar-day.selected{background:#333}.calendar-day.selected .day-number{color:#faf8f3}.calendar-day.selected .news-count{color:#ccc}.calendar-day.fully-read:not(.selected){opacity:.6}.calendar-day.fully-read:not(.selected) .news-count.read{background:#999}.calendar-day:disabled{cursor:default;opacity:.4}.calendar-day:disabled:hover{background:transparent}.day-number{font-size:.85rem;color:#444;line-height:1.2}.news-count{font-size:.65rem;color:#666;background:#e0ded5;padding:1px 4px;border-radius:8px;margin-top:2px;min-width:16px;text-align:center;transition:all .3s ease}.news-count.read{background:#c0bdb5;color:#666}.calendar-filter-info{margin-top:16px;padding-top:12px;border-top:1px solid #E5E3DD;display:flex;justify-content:space-between;align-items:center;font-size:.8rem;color:#666;animation:slideIn .3s ease}@keyframes slideIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.clear-filter{background:none;border:none;color:#666;font-size:.75rem;cursor:pointer;text-decoration:underline;text-underline-offset:2px;padding:0;transition:color .2s}.clear-filter:hover{color:#222}@media(max-width:900px){.calendar{padding:15px}.day-number{font-size:.8rem}.news-count{font-size:.6rem;padding:1px 3px;min-width:14px}}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#f7f5f0;color:#222;font-family:Georgia,Times New Roman,Times,serif;line-height:1.6;-webkit-font-smoothing:antialiased}.app-layout{display:flex;min-height:100vh;max-width:1200px;margin:0 auto}.sidebar{width:320px;padding:40px 20px 40px 40px;position:sticky;top:0;height:100vh;overflow-y:auto}.sidebar-header{margin-bottom:30px;padding-bottom:20px;border-bottom:1px solid #E0DED5}.publication-title{font-size:1.5rem;font-weight:400;color:#111;margin-bottom:6px;letter-spacing:-.02em}.publication-tagline{font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:.8rem;color:#888;font-style:italic}.main-content{flex:1;padding:40px}.main-header{margin-bottom:60px;padding-bottom:20px;border-bottom:1px solid #E0DED5;display:flex;justify-content:space-between;align-items:baseline;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:.85rem;color:#555;letter-spacing:.05em;flex-wrap:wrap;gap:15px}.date{font-weight:500}nav{display:flex;flex-wrap:wrap;gap:20px}nav a{text-decoration:none;color:#555;transition:color .2s}nav a:hover,nav a.active{color:#000;text-decoration:underline}.content-area{padding-bottom:80px}article{margin-bottom:80px;transition:opacity .4s ease,transform .3s ease;animation:fadeInUp .5s ease forwards}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}article.article-read{opacity:.65}article.article-read:hover{opacity:.85}article.article-read h2{color:#666}article.article-read .summary{color:#777}article.article-read .article-image{opacity:.7}article.article-reading{transform:scale(.995);transition:transform .15s ease}h2{font-size:1.5rem;font-weight:400;margin-bottom:12px;line-height:1.3;color:#111;display:flex;align-items:baseline;flex-wrap:wrap;gap:12px}.reading-time{font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:.7rem;color:#999;text-transform:uppercase;letter-spacing:.05em;font-weight:400;white-space:nowrap}article.article-read .reading-time{color:#aaa}.meta-top{font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:.75rem;color:#777;margin-bottom:12px;text-transform:uppercase;letter-spacing:.05em}article.article-read .meta-top{color:#999}.article-image{width:100%;height:240px;object-fit:cover;border-radius:8px;margin-bottom:20px;opacity:.95;display:block;transition:opacity .3s ease}p.summary{font-size:1.05rem;color:#333;margin-bottom:16px;transition:color .3s ease}.article-footer{font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:.85rem;display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}a.read-more{color:#222;text-decoration:underline;text-underline-offset:3px;cursor:pointer;transition:all .2s ease}a.read-more:hover{color:#555;text-decoration-color:#999}article.article-read a.read-more{color:#777}.timestamp{color:#999;font-size:.8rem}.read-indicator{font-size:.75rem;color:#888;background:#e8e5dc;padding:2px 8px;border-radius:4px;margin-left:auto;transition:all .3s ease}article.article-read .read-indicator{background:#d5d2c9;color:#777}.end-mark{text-align:center;margin-top:40px;color:#ccc;font-size:1.5rem}.loading,.error,.no-articles{text-align:center;padding:60px 20px;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;color:#777}.error{color:#c44}@media(max-width:900px){.app-layout{flex-direction:column}.sidebar{width:100%;height:auto;position:relative;padding:20px;border-bottom:1px solid #E0DED5}.sidebar-header{margin-bottom:20px}.main-content{padding:30px 20px}.main-header{margin-bottom:40px}}@media(max-width:600px){article{margin-bottom:50px}.article-image{height:180px}h2{font-size:1.3rem}.reading-time{font-size:.65rem}.main-header{flex-direction:column;align-items:flex-start}nav{gap:15px}}