@import"https://fonts.googleapis.com/css2?family=Merriweather:wght@400;700;900&family=Open+Sans:wght@400;500;600;700&display=swap";.journal-header{position:fixed;top:0;left:0;right:0;z-index:1001;background:linear-gradient(135deg,#252b3db3,#2f364a99);padding-top:env(safe-area-inset-top);padding-bottom:4px;padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right));backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-bottom:1px solid rgba(255,255,255,.1);box-shadow:0 4px 30px #0000001a;display:flex;align-items:center;justify-content:space-between;height:calc(48px + env(safe-area-inset-top))}.journal-header:hover{background:linear-gradient(135deg,#252b3dcc,#2f364ab3)}.journal-logo{max-width:1200px;cursor:pointer;display:flex;flex-direction:column;justify-content:center}.journal-tagline{font-family:Open Sans,Arial,sans-serif;font-size:8px;color:#a64253b3;letter-spacing:1px;text-transform:uppercase;line-height:1;margin-top:-1px;opacity:0;max-height:0;transition:opacity .3s ease,max-height .3s ease}.journal-tagline.visible{opacity:1;max-height:12px}.header-actions{display:flex;align-items:center;gap:12px}.journal-name{font-family:Merriweather,Georgia,serif;font-size:20px;font-weight:900;color:#800020;letter-spacing:.5px;text-transform:uppercase;text-shadow:0 2px 4px rgba(0,0,0,.5)}.back-button{display:flex;align-items:center;justify-content:center;width:36px;height:32px;border:1px solid rgba(255,255,255,.15);background:#00000040;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border-radius:8px;cursor:pointer;transition:all .25s ease;color:#f5f5f5;padding:0}.back-button:hover{background:#6d001a66;border-color:#d4af374d;color:#d4af37;transform:translate(-2px)}.back-button:active{transform:translate(-1px) scale(.95)}.back-button svg{width:20px;height:20px}.burger-btn{position:relative;width:36px;height:32px;border:1px solid rgba(255,255,255,.12);background:linear-gradient(135deg,#252b3d80,#2f364a59);backdrop-filter:blur(8px) saturate(150%);-webkit-backdrop-filter:blur(8px) saturate(150%);border-radius:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;cursor:pointer;padding:5px 6px;transition:background .25s ease,border-color .25s ease,box-shadow .25s ease;z-index:1012;box-shadow:0 4px 12px #0003}.burger-btn span:not(.filter-badge){display:block;width:16px;height:2px;background:#f5f5f5;transition:transform .3s ease,opacity .3s ease}.filter-btn span:not(.filter-badge){display:none}.burger-btn:hover{background:linear-gradient(135deg,#2f364ab3,#3940548c);border-color:#d4af3733;box-shadow:0 6px 16px #0000004d}.burger-btn.open span:nth-child(1){transform:translateY(6px) rotate(45deg)}.burger-btn.open span:nth-child(2){opacity:0}.burger-btn.open span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}.filter-btn.has-filters{border-color:#d4af3766;background:linear-gradient(135deg,#d4af3726,#d4af3714)}.filter-btn.has-filters:hover{border-color:#d4af3799;background:linear-gradient(135deg,#d4af3740,#d4af3726)}.filter-badge{position:absolute;bottom:-6px;right:-6px;min-width:18px;height:18px;padding:0 5px;font-size:11px;font-weight:700;color:#1a1f2e;background:#d4af37;border-radius:9px;display:flex!important;align-items:center;justify-content:center;line-height:1;z-index:1}.menu-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:1010;animation:backdropFadeIn .25s ease-out}@keyframes backdropFadeIn{0%{opacity:0}to{opacity:1}}.drawer-menu{position:fixed;top:0;right:0;bottom:0;width:340px;max-width:88vw;background:linear-gradient(180deg,#1a1f2e,#252b3d);border-left:1px solid rgba(255,255,255,.08);box-shadow:-12px 0 60px #00000080;z-index:1011;display:flex;flex-direction:column;padding:0;transform:translate(100%);transition:transform .35s cubic-bezier(.32,.72,0,1);overflow:hidden}.drawer-menu.open{transform:translate(0)}.drawer-header{padding:20px 20px 16px;padding-top:calc(20px + env(safe-area-inset-top));padding-right:max(20px,env(safe-area-inset-right));display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.06);background:#0003}.drawer-header h3{font-family:Merriweather,Georgia,serif;font-size:18px;font-weight:700;color:#f5f5f5;letter-spacing:.3px;margin:0}.close-drawer-btn{background:#ffffff0f;border:1px solid rgba(255,255,255,.1);color:#fff9;width:32px;height:32px;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;padding:0}.close-drawer-btn:hover{background:#ffffff1a;color:#f5f5f5;border-color:#fff3}.close-drawer-btn:active{transform:scale(.95)}.profile-card{margin:16px;margin-right:max(16px,env(safe-area-inset-right));background:linear-gradient(145deg,#1e2332f2,#161a26fa);border:1px solid rgba(255,255,255,.06);border-radius:14px;position:relative;overflow:hidden;box-shadow:0 8px 32px #00000059,0 2px 8px #0003,inset 0 1px #ffffff0d}.profile-card-header{padding:18px 16px 10px}.profile-info-row{display:flex;align-items:center;gap:14px}.profile-avatar-wrapper{position:relative;flex-shrink:0}.profile-avatar{width:46px;height:46px;border-radius:50%;object-fit:cover;border:2px solid rgba(255,255,255,.12);box-shadow:0 4px 12px #0006;transition:transform .2s ease,box-shadow .2s ease}.profile-avatar:hover{transform:scale(1.05);box-shadow:0 6px 16px #00000080}.profile-avatar-placeholder{width:46px;height:46px;border-radius:50%;background:linear-gradient(145deg,#800020,#5a0014);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:17px;font-family:Merriweather,Georgia,serif;border:2px solid rgba(255,255,255,.1);box-shadow:0 4px 12px #0006;transition:transform .2s ease,box-shadow .2s ease}.profile-avatar-placeholder:hover{transform:scale(1.05);box-shadow:0 6px 16px #00000080}.profile-status-dot{position:absolute;bottom:1px;right:1px;width:10px;height:10px;background:#4ade80;border:2px solid #1a1f2e;border-radius:50%;box-shadow:0 2px 4px #0000004d}.profile-info{flex:1;min-width:0;display:flex;flex-direction:column}.profile-name{font-family:Merriweather,serif;font-size:15px;font-weight:700;color:#f5f5f5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:.3px}.profile-email{font-size:12px;color:#ffffff80;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:Open Sans,sans-serif}.profile-member-since{display:inline-block;font-size:10px;color:#d4af37;margin-top:2px;text-transform:uppercase;letter-spacing:.5px;opacity:.9}.settings-toggle-btn{width:36px;height:36px;border-radius:8px;background:transparent;border:1px solid transparent;color:#fff9;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.settings-toggle-btn:hover{background:#ffffff0d;color:#fff}.settings-toggle-btn.active{background:#80002033;color:#d4af37;border-color:#d4af3733}.settings-menu-container{display:flex;flex-direction:column;background:#00000026;border-top:1px solid rgba(255,255,255,.04);padding:8px;gap:2px;animation:settingsSlideDown .2s ease-out}@keyframes settingsSlideDown{0%{opacity:0;max-height:0}to{opacity:1;max-height:120px}}.settings-menu-item{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;text-align:left;background:transparent;border:none;border-radius:8px;color:#ffffffb3;font-size:13px;font-family:Open Sans,sans-serif;cursor:pointer;transition:all .15s ease}.settings-menu-item svg{opacity:.6;transition:opacity .15s ease}.settings-menu-item:hover{background:#ffffff0d;color:#f5f5f5;padding-left:14px}.settings-menu-item:hover svg{opacity:.85}.settings-menu-item.sign-out{color:#fca5a5e6}.settings-menu-item.sign-out:hover{background:#dc262614;color:#fca5a5}.profile-primary-actions{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;padding:6px 14px 14px}.action-tile{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:6px;padding:14px 12px;background:#ffffff06;border:1px solid rgba(255,255,255,.06);border-radius:10px;color:#f5f5f5;text-decoration:none;transition:all .2s ease;min-height:72px;cursor:pointer}.action-tile:hover{background:#ffffff0d;border-color:#ffffff1f;transform:translateY(-1px);box-shadow:0 4px 16px #00000040}.action-tile:active{transform:translateY(0) scale(.98);background:#ffffff12}.action-tile-icon{color:#ffffffb3;display:flex;align-items:center;justify-content:center;transition:color .2s ease,transform .2s ease}.action-tile-icon svg{width:20px;height:20px}.action-tile:hover .action-tile-icon{color:#d4af37;transform:scale(1.08)}.action-tile-text{display:flex;flex-direction:column;gap:2px}.action-tile-title{font-size:12px;font-weight:600;letter-spacing:.2px;font-family:Open Sans,sans-serif;color:#ffffffe6}.action-tile-subtitle{font-size:10px;color:#ffffff73;font-family:Open Sans,sans-serif}.guest-card{margin:16px;margin-right:max(16px,env(safe-area-inset-right));padding:24px 20px;background:linear-gradient(145deg,#1e2332f2,#161a26fa);border:1px solid rgba(255,255,255,.06);border-radius:14px;text-align:center;box-shadow:0 8px 32px #00000059,0 2px 8px #0003,inset 0 1px #ffffff0d}.guest-icon{width:52px;height:52px;margin:0 auto 14px;background:linear-gradient(145deg,#80002033,#5a001426);border:1px solid rgba(255,255,255,.08);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#ffffffb3;box-shadow:0 4px 12px #0000004d}.guest-welcome{font-family:Merriweather,Georgia,serif;font-size:15px;font-weight:600;color:#f5f5f5;margin:0 0 6px}.guest-subtitle{font-size:12px;color:#ffffff80;margin:0 0 20px;line-height:1.4}.guest-signin-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:14px 24px;background:linear-gradient(135deg,#800020,#5c0016);border:1px solid rgba(212,175,55,.3);border-radius:12px;color:#f5f5f5;font-size:14px;font-weight:600;font-family:Open Sans,-apple-system,sans-serif;cursor:pointer;transition:all .25s ease;box-shadow:0 4px 16px #8000204d}.guest-signin-btn:hover{transform:translateY(-2px);box-shadow:0 6px 24px #80002066;border-color:#d4af3780}.guest-signin-btn:active{transform:translateY(0)}.nav-section{flex:1;padding:12px 16px;padding-right:max(16px,env(safe-area-inset-right));overflow-y:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.1) transparent}.nav-section::-webkit-scrollbar{width:4px}.nav-section::-webkit-scrollbar-track{background:transparent}.nav-section::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:2px}.nav-section-label{display:block;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:1.2px;color:#ffffff4d;margin:4px 0 10px 4px}.admin-section{border-top:1px solid rgba(128,0,32,.3);margin-top:8px;padding-top:12px}.admin-section .nav-section-label{color:#d4af3799}.admin-section .nav-menu-item{color:#d4af37cc}.admin-section .nav-menu-item:hover{background:#80002026;color:#d4af37}.nav-menu-item{display:flex;align-items:center;gap:12px;width:100%;padding:12px 14px;background:transparent;border:none;border-radius:10px;color:#ffffffb3;font-size:14px;font-weight:500;font-family:Open Sans,-apple-system,sans-serif;cursor:pointer;transition:all .15s ease;text-decoration:none;text-align:left;margin-bottom:2px}.nav-menu-item:hover{background:#ffffff0d;color:#f5f5f5;padding-left:18px}.nav-menu-item:active{background:#ffffff14;transform:scale(.98)}.nav-menu-item svg{flex-shrink:0;opacity:.55;transition:opacity .15s ease,color .15s ease}.nav-menu-item:hover svg{opacity:.85;color:#d4af37}.nav-footer{padding:14px 16px;padding-right:max(16px,env(safe-area-inset-right));padding-bottom:calc(14px + env(safe-area-inset-bottom));border-top:1px solid rgba(255,255,255,.04);background:linear-gradient(180deg,#0000001a,#0003)}.donate-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:14px 20px;background:linear-gradient(135deg,#2f3640,#353b48,#2d3436);border:1px solid rgba(212,175,55,.3);border-radius:12px;color:#d4af37;font-size:14px;font-weight:600;font-family:Open Sans,-apple-system,sans-serif;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);text-decoration:none;box-shadow:0 4px 12px #00000040,0 1px 3px #00000026,inset 0 1px #ffffff0d;letter-spacing:.3px;position:relative;overflow:hidden}.donate-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(212,175,55,.1),transparent);transition:left .5s ease}.donate-btn:hover:before{left:100%}.donate-btn:hover{background:linear-gradient(135deg,#3d4452,#434a56,#363d44);border-color:#d4af3780;transform:translateY(-2px);box-shadow:0 8px 20px #0000004d,0 2px 6px #0003,inset 0 1px #ffffff14,0 0 12px #d4af3726;color:#e8c547}.donate-btn:hover svg{transform:rotate(-6deg) scale(1.08);filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.donate-btn:active{transform:translateY(0) scale(.98);box-shadow:0 2px 8px #00000040,inset 0 1px #ffffff0d}.donate-btn svg{opacity:.95;transition:transform .3s cubic-bezier(.4,0,.2,1),filter .3s ease;flex-shrink:0}@media (max-width: 768px){.journal-header{height:calc(48px + env(safe-area-inset-top))}.journal-name{font-size:20px;letter-spacing:.5px}.burger-btn{width:38px;height:34px}.burger-btn span{width:17px}.drawer-menu{width:320px}}@media (max-width: 480px){.journal-header{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right));height:calc(44px + env(safe-area-inset-top))}.journal-name{font-size:18px}.burger-btn{width:36px;height:32px}.burger-btn span{width:16px}.drawer-menu{width:calc(100% - 48px);max-width:calc(100% - 48px);border-left:1px solid rgba(255,255,255,.08);border-radius:0}.drawer-header{padding:16px 14px 14px;padding-top:calc(16px + env(safe-area-inset-top))}.drawer-header h3{font-size:16px}.profile-card{margin:12px;border-radius:12px}.profile-card-header{padding:14px 12px 8px}.profile-info-row{gap:14px}.profile-avatar,.profile-avatar-placeholder{width:46px;height:46px;font-size:17px}.profile-name{font-size:15px}.profile-email{font-size:12px}.profile-member-since{font-size:10px}.settings-toggle-btn{width:36px;height:36px}.settings-toggle-btn svg{width:20px;height:20px}.settings-menu-container{padding:8px}.settings-menu-item{padding:12px;font-size:14px}.profile-primary-actions{padding:14px;gap:10px}.action-tile{padding:14px 12px;min-height:72px;gap:6px}.action-tile-icon svg{width:22px;height:22px}.action-tile-title{font-size:13px}.action-tile-subtitle{font-size:10px}.guest-card{margin:14px;padding:24px 20px;border-radius:14px}.guest-icon{width:52px;height:52px;margin-bottom:14px}.guest-welcome{font-size:16px}.guest-subtitle{font-size:13px;margin-bottom:20px}.guest-signin-btn{padding:14px 24px;font-size:14px;border-radius:12px}.nav-section{padding:14px 16px}.nav-section-label{font-size:10px;margin:4px 0 10px 4px}.nav-menu-item{padding:14px 16px;font-size:15px;border-radius:10px;gap:12px}.nav-menu-item:hover{padding-left:20px}.nav-menu-item svg{width:18px;height:18px}.nav-footer{padding:16px;padding-bottom:calc(16px + env(safe-area-inset-bottom))}.donate-btn{padding:14px 20px;font-size:14px;border-radius:12px}.donate-btn svg{width:18px;height:18px}}.filter-actions{display:flex;gap:10px;padding-top:16px;margin-top:16px;margin-left:0;margin-right:0;border-top:1px solid rgba(255,255,255,.1)}.filter-action-btn{flex:1;padding:10px 12px;border-radius:8px;font-size:13px;font-weight:600;letter-spacing:.3px;cursor:pointer;transition:all .2s ease;font-family:Open Sans,Arial,sans-serif;text-transform:uppercase;white-space:nowrap;min-width:0;overflow:hidden;text-overflow:ellipsis}.filter-action-discard{background:#ffffff0f;color:#f5f5f5cc;border:1px solid rgba(255,255,255,.15)}.filter-action-discard:hover:not(:disabled){background:#ffffff1a;border-color:#ffffff40;color:#f5f5f5}.filter-action-apply{background:linear-gradient(135deg,var(--burgundy-primary, #800020) 0%,var(--burgundy-secondary, #5c0016) 100%);color:#f5f5f5;border:1px solid rgba(255,255,255,.2)}.filter-action-apply:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #80002066;border-color:#d4af374d}.filter-action-btn:disabled{opacity:.4;cursor:not-allowed}.filter-action-btn:active:not(:disabled){transform:translateY(0) scale(.98)}.filter-unsaved-banner{background:linear-gradient(135deg,#ffc10726,#ff980026);border:1px solid rgba(255,193,7,.3);border-radius:8px;padding:12px 16px;margin-bottom:16px;display:flex;align-items:center;gap:8px;font-size:13px;color:#ffc107;font-weight:600}.filter-section{background:#ffffff05;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:14px}.filter-quick-btn{padding:4px 10px;border-radius:4px;border:1px solid rgba(255,255,255,.2);background-color:#ffffff0d;color:#fffc;font-size:11px;font-weight:500;cursor:pointer;transition:all .2s ease}.filter-quick-btn:hover{background-color:#ffffff1a;border-color:#ffffff4d}.category-chips{display:flex;flex-wrap:wrap;gap:8px}.category-chip{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:20px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;border:1px solid rgba(255,255,255,.15);background:#ffffff0a;color:#fff9;font-family:Open Sans,Arial,sans-serif}.category-chip:hover{background:#ffffff14;border-color:#ffffff40;color:#fffc}.category-chip.selected{background:color-mix(in srgb,var(--chip-color, #800020) 20%,transparent);border-color:color-mix(in srgb,var(--chip-color, #800020) 50%,transparent);color:#fff}.category-chip.selected:hover{background:color-mix(in srgb,var(--chip-color, #800020) 30%,transparent);border-color:color-mix(in srgb,var(--chip-color, #800020) 60%,transparent)}.category-chip-icon{font-size:14px;line-height:1}.category-chip-label{white-space:nowrap}.category-compact-view{display:flex;flex-direction:column;gap:10px}.category-compact-label{display:flex;align-items:center;gap:8px;color:#fffc;font-size:14px;font-weight:500}.category-compact-icon{font-size:16px}.category-compact-hint{font-size:12px;color:#fff6;font-style:italic;margin-left:auto}.category-mini-chips{display:flex;flex-wrap:wrap;gap:6px}.category-mini-chip{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;font-size:16px;cursor:pointer;transition:all .2s ease;border:1px solid rgba(255,255,255,.12);background:#ffffff0a;padding:0}.category-mini-chip:hover{background:color-mix(in srgb,var(--chip-color, #800020) 25%,transparent);border-color:color-mix(in srgb,var(--chip-color, #800020) 50%,transparent);transform:scale(1.1)}@media (max-width: 480px){.category-chip{padding:5px 10px;font-size:12px;gap:4px}.category-chip-icon{font-size:12px}.category-chips{gap:6px}.filter-section{padding:12px}.filter-quick-btn{padding:3px 8px;font-size:10px}.category-mini-chip{width:28px;height:28px;font-size:14px}.category-compact-hint{display:none}.category-compact-label{font-size:13px}}.signin-trap-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d9;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px;animation:overlayFadeIn .3s ease}.signin-trap-overlay.closing{animation:overlayFadeOut .3s ease forwards}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}@keyframes overlayFadeOut{0%{opacity:1}to{opacity:0}}.signin-trap-modal{position:relative;background:linear-gradient(145deg,#1a1520,#0f0c14);border:1px solid rgba(128,0,32,.4);border-radius:16px;max-width:440px;width:100%;overflow:hidden;box-shadow:0 24px 80px #0009,0 0 60px #80002026,inset 0 1px #ffffff0d;animation:modalSlideIn .4s cubic-bezier(.2,.8,.2,1)}.signin-trap-overlay.closing .signin-trap-modal{animation:modalSlideOut .3s ease forwards}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes modalSlideOut{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(20px) scale(.98)}}.signin-trap-accent{height:4px;background:linear-gradient(90deg,#722f37,#a64253,#722f37);background-size:200% 100%;animation:accentShimmer 3s ease-in-out infinite}@keyframes accentShimmer{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.signin-trap-content{padding:36px 32px 28px}.signin-trap-headline{font-family:Merriweather,Georgia,serif;font-size:24px;font-weight:700;color:#fff;margin:0 0 12px;line-height:1.3;letter-spacing:-.3px}.signin-trap-description{font-family:Inter,system-ui,sans-serif;font-size:15px;color:#ffffffb3;line-height:1.6;margin:0 0 28px}.signin-trap-features{list-style:none;padding:0;margin:0 0 32px;display:flex;flex-direction:column;gap:14px}.signin-trap-feature{display:flex;align-items:center;gap:14px}.feature-icon{font-size:20px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#80002033;border-radius:8px;flex-shrink:0}.feature-text{font-family:Inter,system-ui,sans-serif;font-size:14px;color:#ffffffd9;font-weight:500}.signin-trap-actions{display:flex;flex-direction:column;gap:12px}.signin-trap-cta{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;padding:16px 24px;background:linear-gradient(135deg,#722f37,#8b3a42);color:#fff;border:none;border-radius:10px;font-family:Inter,system-ui,sans-serif;font-size:16px;font-weight:600;cursor:pointer;transition:all .25s ease;box-shadow:0 4px 16px #722f3766,inset 0 1px #ffffff1a}.signin-trap-cta:hover{background:linear-gradient(135deg,#8b3a42,#a64253);transform:translateY(-2px);box-shadow:0 8px 24px #722f3780,inset 0 1px #ffffff26}.signin-trap-cta:active{transform:translateY(0);box-shadow:0 2px 8px #722f3766,inset 0 1px #ffffff1a}.signin-trap-cta .google-icon{width:20px;height:20px}.signin-trap-dismiss{background:none;border:none;color:#ffffff80;font-family:Inter,system-ui,sans-serif;font-size:14px;font-weight:400;cursor:pointer;padding:10px;transition:color .2s ease}.signin-trap-dismiss:hover{color:#ffffffb3}.signin-trap-dismiss.tier-2{font-size:13px;color:#fff6}.signin-trap-dismiss.tier-3{font-size:12px;color:#ffffff59}.signin-trap-tier-dots{display:flex;justify-content:center;gap:8px;padding-bottom:20px}.tier-dot{width:6px;height:6px;border-radius:50%;background:#fff3;transition:all .3s ease}.tier-dot.active{background:#a64253;box-shadow:0 0 8px #a6425380}.tier-dot.passed{background:#a6425366}@media (max-width: 480px){.signin-trap-overlay{padding:16px;align-items:flex-end}.signin-trap-modal{max-width:100%;border-radius:20px 20px 0 0;animation:modalSlideUp .4s cubic-bezier(.2,.8,.2,1)}.signin-trap-overlay.closing .signin-trap-modal{animation:modalSlideDown .3s ease forwards}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes modalSlideDown{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100%)}}.signin-trap-content{padding:28px 24px 20px}.signin-trap-headline{font-size:22px}.signin-trap-description{font-size:14px;margin-bottom:24px}.signin-trap-features{margin-bottom:28px}.signin-trap-cta{padding:14px 20px;font-size:15px}}@media (min-width: 481px) and (max-width: 768px){.signin-trap-modal{max-width:400px}}@media (prefers-reduced-motion: reduce){.signin-trap-overlay,.signin-trap-modal,.signin-trap-accent{animation:none}.signin-trap-cta,.signin-trap-dismiss{transition:none}}.fm-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:1050}.fm-panel{position:fixed;top:0;right:0;bottom:0;width:340px;max-width:88vw;background:#1a1d24;border-left:1px solid rgba(255,255,255,.08);z-index:1051;display:flex;flex-direction:column;animation:fm-slide .2s ease-out}@keyframes fm-slide{0%{transform:translate(100%)}to{transform:translate(0)}}.fm-header{display:flex;align-items:center;gap:8px;padding:14px 16px;padding-top:calc(14px + env(safe-area-inset-top));border-bottom:1px solid rgba(255,255,255,.08);background:#0003}.fm-title{font-size:15px;font-weight:600;color:#f0f0f0;letter-spacing:.3px}.fm-active-count{font-size:11px;font-weight:600;color:#800020;background:#80002026;padding:2px 8px;border-radius:10px;border:1px solid rgba(128,0,32,.3)}.fm-unsaved{width:6px;height:6px;background:#ffc107;border-radius:50%;animation:fm-pulse 1.5s ease-in-out infinite}@keyframes fm-pulse{0%,to{opacity:1}50%{opacity:.4}}.fm-close{margin-left:auto;display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;background:#ffffff0f;border-radius:6px;color:#fff9;cursor:pointer;transition:all .15s ease}.fm-close:hover{background:#ffffff1a;color:#fff}.fm-quick-actions{padding:8px 16px;border-bottom:1px solid rgba(255,255,255,.05)}.fm-clear-all{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:500;color:#e57373;background:#e573731a;border:1px solid rgba(229,115,115,.2);border-radius:6px;cursor:pointer;transition:all .15s ease}.fm-clear-all:hover{background:#e5737333;border-color:#e5737366;color:#fff}.fm-clear-all svg{opacity:.8}.fm-content{flex:1;overflow-y:auto;padding:8px 0}.fm-content::-webkit-scrollbar{width:4px}.fm-content::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:2px}.fm-section{border-bottom:1px solid rgba(255,255,255,.05)}.fm-section:last-child{border-bottom:none}.fm-section-header{width:100%;display:flex;align-items:center;gap:8px;padding:12px 16px;background:transparent;border:none;cursor:pointer;text-align:left;transition:background .15s ease}.fm-section-header:hover{background:#ffffff08}.fm-section-title{font-size:13px;font-weight:600;color:#e0e0e0;letter-spacing:.2px}.fm-section-meta{font-size:11px;color:#fff6;margin-left:auto;font-weight:500;padding:2px 6px;border-radius:4px;transition:all .15s ease}.fm-section-meta.has-filter{color:#800020;background:#80002026;border:1px solid rgba(128,0,32,.25)}.fm-chevron{color:#ffffff4d;transition:transform .2s ease;flex-shrink:0}.fm-chevron.open{transform:rotate(180deg)}.fm-section-body{padding:0 16px 14px}.fm-bulk-actions{display:flex;gap:6px;margin-bottom:10px}.fm-bulk-actions button{padding:4px 10px;font-size:11px;font-weight:500;color:#fff9;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:4px;cursor:pointer;transition:all .15s ease}.fm-bulk-actions button:hover{background:#ffffff14;color:#fff;border-color:#ffffff26}.fm-chips{display:flex;flex-wrap:wrap;gap:6px}.fm-chip{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;font-size:12px;font-weight:500;color:#ffffff80;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:4px;cursor:pointer;transition:all .15s ease}.fm-chip-label{flex:1}.fm-chip-only-btn{display:flex;align-items:center;justify-content:center;width:18px;height:18px;margin-left:2px;margin-right:-4px;font-size:12px;color:#ffffff40;border-radius:50%;transition:all .15s ease}.fm-chip-only-btn:hover,.fm-chip-only-btn:active{color:#fff;background:#800020cc;transform:scale(1.1)}.fm-chip.only-active{box-shadow:0 0 0 2px #80002080}.fm-chip.only-active .fm-chip-only-btn{color:#d4af37}.fm-chip:hover{background:#ffffff14;border-color:#ffffff1f;color:#ffffffb3}.fm-chip.active{background:#6c757d80;border-color:#6c757db3;color:#fff}.fm-chip-dot{font-size:12px;line-height:1}.fm-chip.active .fm-chip-dot{opacity:1}.fm-source-list{display:flex;flex-direction:column;gap:2px}.fm-source-row{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:4px;cursor:pointer;transition:background .12s ease}.fm-source-row:hover{background:#ffffff0a}.fm-source-dot{width:4px;height:14px;border-radius:2px;flex-shrink:0}.fm-source-name{flex:1;font-size:12px;color:#ffffffb3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fm-checkbox{width:14px;height:14px;accent-color:#800020;cursor:pointer}.fm-hint{font-size:11px;color:#fff6;margin:0 0 10px}.fm-keyword-input{display:flex;gap:6px;margin-bottom:10px}.fm-keyword-input input{flex:1;padding:6px 10px;font-size:12px;color:#f0f0f0;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:4px;outline:none;transition:border-color .15s ease}.fm-keyword-input input::placeholder{color:#ffffff4d}.fm-keyword-input input:focus{border-color:#80002080}.fm-keyword-input button{padding:6px 12px;font-size:11px;font-weight:600;color:#fff;background:#800020;border:none;border-radius:4px;cursor:pointer;transition:all .15s ease}.fm-keyword-input button:hover:not(:disabled){background:#9a0028}.fm-keyword-input button:disabled{opacity:.4;cursor:not-allowed}.fm-keyword-list{display:flex;flex-wrap:wrap;gap:6px}.fm-keyword-tag{display:inline-flex;align-items:center;gap:4px;padding:3px 6px 3px 8px;font-size:11px;color:#ffffffb3;background:#80002033;border:1px solid rgba(128,0,32,.3);border-radius:3px}.fm-keyword-tag button{display:flex;align-items:center;justify-content:center;width:14px;height:14px;padding:0;font-size:12px;font-weight:600;color:#ffffff80;background:transparent;border:none;border-radius:2px;cursor:pointer;transition:all .12s ease}.fm-keyword-tag button:hover{color:#fff;background:#ffffff1a}.fm-footer{display:flex;gap:8px;padding:12px 16px;padding-bottom:calc(12px + env(safe-area-inset-bottom));border-top:1px solid rgba(255,255,255,.08);background:#0003}.fm-btn{flex:1;padding:8px 14px;font-size:12px;font-weight:600;border-radius:5px;cursor:pointer;transition:all .15s ease}.fm-btn:disabled{opacity:.35;cursor:not-allowed}.fm-btn-ghost{color:#fff9;background:transparent;border:1px solid rgba(255,255,255,.12)}.fm-btn-ghost:hover:not(:disabled){background:#ffffff0d;border-color:#fff3;color:#fff}.fm-btn-primary{color:#fff;background:#800020;border:none}.fm-btn-primary:hover:not(:disabled){background:#9a0028}@media (max-width: 768px){.fm-panel{width:320px}.fm-chip-only-btn{display:none}}@media (max-width: 480px){.fm-panel{width:calc(100% - 48px);max-width:calc(100% - 48px)}.fm-header{padding:16px 18px;padding-top:calc(16px + env(safe-area-inset-top))}.fm-title{font-size:16px}.fm-section-header{padding:14px 18px}.fm-section-title{font-size:14px}.fm-section-body{padding:0 18px 16px}.fm-chip{padding:8px 12px;font-size:13px}.fm-source-row{padding:10px 12px}.fm-source-name{font-size:14px}.fm-checkbox{width:18px;height:18px}.fm-hint{font-size:12px}.fm-keyword-input input{padding:10px 14px;font-size:14px}.fm-keyword-input button{padding:10px 16px;font-size:13px}.fm-footer{padding:16px 18px;padding-bottom:calc(16px + env(safe-area-inset-bottom))}.fm-btn{padding:12px 18px;font-size:14px}}.confirm-dialog-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px}.confirm-dialog{background:linear-gradient(135deg,#1a1f2e,#252b3d);border:1px solid rgba(255,255,255,.15);border-radius:12px;box-shadow:0 20px 60px #00000080;max-width:450px;width:100%;overflow:hidden}.confirm-dialog-header{padding:24px 24px 16px;border-bottom:1px solid rgba(255,255,255,.1)}.confirm-dialog-header h3{margin:0;font-size:20px;font-weight:600;color:var(--text-primary, #f5f5f5);letter-spacing:.3px}.confirm-dialog-body{padding:24px}.confirm-dialog-body p{margin:0;font-size:15px;line-height:1.6;color:var(--text-secondary, rgba(245, 245, 245, .8))}.confirm-dialog-actions{padding:16px 24px 24px;display:flex;gap:12px;justify-content:flex-end}.confirm-dialog-btn{padding:10px 24px;border-radius:8px;font-size:14px;font-weight:600;letter-spacing:.5px;cursor:pointer;transition:all .2s ease;border:none;font-family:Open Sans,Arial,sans-serif}.confirm-dialog-btn-secondary{background:#ffffff0f;color:var(--text-secondary, rgba(245, 245, 245, .8));border:1px solid rgba(255,255,255,.15)}.confirm-dialog-btn-secondary:hover{background:#ffffff1a;border-color:#ffffff40}.confirm-dialog-btn-primary{background:linear-gradient(135deg,var(--burgundy-primary, #800020) 0%,var(--burgundy-secondary, #5c0016) 100%);color:#f5f5f5;border:1px solid rgba(255,255,255,.2)}.confirm-dialog-btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px #80002066}.confirm-dialog-btn:active{transform:translateY(0)}.progress-ring-container{position:relative;display:flex;align-items:center;justify-content:center;cursor:default;background:none;border:none;padding:0;margin:0}.progress-ring-container.clickable{cursor:pointer}.progress-ring{display:block;transition:transform .2s ease}.progress-ring-container.clickable:hover .progress-ring{transform:scale(1.1)}.progress-ring-container.clickable:hover .progress-ring-progress,.progress-ring-container.clickable:hover .progress-ring-center{filter:drop-shadow(0 0 4px rgba(212,175,55,.6))}.progress-ring-track{stroke:#ffffff26}.progress-ring-progress{stroke:#d4af37;transition:stroke-dashoffset .3s ease-out,stroke .3s ease}.progress-ring-inner{stroke:#ffffff40;transition:stroke .3s ease}.progress-ring-center{fill:#d4af37;transition:fill .3s ease,opacity .3s ease,transform .3s ease;transform-origin:center}.progress-ring-checkmark{stroke:#5eead4;opacity:0;transform:scale(.5);transform-origin:center;transition:opacity .3s ease,transform .3s ease}.progress-ring-container.tier-gold .progress-ring-progress{stroke:gold;filter:drop-shadow(0 0 4px rgba(255,215,0,.5))}.progress-ring-container.tier-gold .progress-ring-center{fill:gold}.progress-ring-container.tier-gold .progress-ring-inner{stroke:#ffd70059}.progress-ring-container.tier-blue .progress-ring-progress{stroke:#4a9eff;filter:drop-shadow(0 0 4px rgba(74,158,255,.5))}.progress-ring-container.tier-blue .progress-ring-center{fill:#4a9eff}.progress-ring-container.tier-blue .progress-ring-inner{stroke:#4a9eff59}.progress-ring-container.tier-green .progress-ring-progress{stroke:#4ade80;filter:drop-shadow(0 0 4px rgba(74,222,128,.5))}.progress-ring-container.tier-green .progress-ring-center{fill:#4ade80}.progress-ring-container.tier-green .progress-ring-inner{stroke:#4ade8059}.progress-ring-container.tier-white .progress-ring-progress{stroke:#e5e5e5}.progress-ring-container.tier-white .progress-ring-center{fill:#e5e5e5}.progress-ring-container.tier-white .progress-ring-inner{stroke:#e5e5e559}.progress-ring-container.tier-gray .progress-ring-progress{stroke:#6b7280}.progress-ring-container.tier-gray .progress-ring-center{fill:#6b7280}.progress-ring-container.tier-gray .progress-ring-inner{stroke:#6b728059}.progress-ring-container.complete .progress-ring-track{stroke:#5eead433;transition:stroke .3s ease}.progress-ring-container.complete .progress-ring-progress{stroke:#5eead4;filter:drop-shadow(0 0 6px rgba(94,234,212,.6));transition:stroke .3s ease,filter .3s ease}.progress-ring-container.complete .progress-ring-inner{stroke:#5eead459;transition:stroke .3s ease}.progress-ring-container.complete .progress-ring-center{opacity:0;transform:scale(0)}.progress-ring-container.complete .progress-ring-checkmark{opacity:1;transform:scale(1)}.edit-profile-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px}.edit-profile-modal{background:linear-gradient(135deg,#1a1f2e,#252b3d);border:1px solid rgba(255,255,255,.15);border-radius:12px;box-shadow:0 20px 60px #00000080;max-width:450px;width:100%;overflow:hidden;max-height:90vh;display:flex;flex-direction:column}.edit-profile-header{padding:20px 24px;border-bottom:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;align-items:center}.edit-profile-header h3{margin:0;font-size:20px;font-weight:600;color:var(--text-primary, #f5f5f5);letter-spacing:.3px}.edit-profile-close{background:none;border:none;color:#fff9;font-size:20px;cursor:pointer;padding:4px 8px;transition:color .2s ease}.edit-profile-close:hover{color:#ffffffe6}.edit-profile-welcome{padding:16px 24px;background:#80002026;border-bottom:1px solid rgba(128,0,32,.3)}.edit-profile-welcome p{margin:0;font-size:14px;line-height:1.5;color:#ffffffd9}.edit-profile-body{padding:24px;overflow-y:auto;flex:1}.edit-profile-avatar-section{display:flex;flex-direction:column;align-items:center;margin-bottom:24px}.edit-profile-avatar-preview{width:100px;height:100px;border-radius:50%;overflow:hidden;border:3px solid var(--burgundy-primary, #800020);box-shadow:0 4px 20px #8000204d}.edit-profile-avatar-preview img{width:100%;height:100%;object-fit:cover}.edit-profile-avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--burgundy-primary, #800020) 0%,var(--burgundy-secondary, #5c0016) 100%);color:#f5f5f5;font-size:40px;font-weight:600}.edit-profile-avatar-hint{margin:12px 0 0;font-size:13px;color:#ffffff80;text-align:center}.edit-profile-modal-crop{max-width:500px}.edit-profile-crop-container{position:relative;width:100%;height:300px;background:#000}.edit-profile-crop-controls{padding:16px 24px;border-bottom:1px solid rgba(255,255,255,.1)}.edit-profile-zoom-label{display:flex;align-items:center;gap:12px;color:#ffffffb3;font-size:14px}.edit-profile-zoom-slider{flex:1;height:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#fff3;border-radius:2px;outline:none}.edit-profile-zoom-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:var(--burgundy-primary, #800020);cursor:pointer;border:2px solid #fff;box-shadow:0 2px 6px #0000004d}.edit-profile-zoom-slider::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--burgundy-primary, #800020);cursor:pointer;border:2px solid #fff;box-shadow:0 2px 6px #0000004d}.edit-profile-field{margin-bottom:20px;position:relative}.edit-profile-field label{display:block;margin-bottom:8px;font-size:14px;font-weight:500;color:var(--gold-accent, #d4af37);letter-spacing:.3px}.edit-profile-field input{width:100%;padding:12px 14px;border-radius:8px;border:1px solid rgba(255,255,255,.2);background:#ffffff0d;color:#f5f5f5;font-size:15px;font-family:Open Sans,Arial,sans-serif;transition:border-color .2s ease,background-color .2s ease;box-sizing:border-box}.edit-profile-field input:focus{outline:none;border-color:var(--burgundy-primary, #800020);background:#ffffff14}.edit-profile-field input::placeholder{color:#ffffff4d}.edit-profile-field-footer{display:flex;justify-content:space-between;align-items:center;margin-top:6px;min-height:18px}.edit-profile-char-count{font-size:11px;color:#fff6;margin-left:auto}.edit-profile-name-status{font-size:12px;font-weight:500;transition:color .2s ease}.edit-profile-name-status.checking{color:#fff6}.edit-profile-name-status.available{color:#4caf50}.edit-profile-name-status.taken,.edit-profile-name-status.profane{color:#ff6b6b}.edit-profile-name-status.invalid{color:#fff6}.edit-profile-field-hint{display:block;margin-top:6px;font-size:12px;color:#fff6;line-height:1.4}.edit-profile-error{margin-top:16px;padding:12px;background:#ff64641a;border:1px solid rgba(255,100,100,.3);border-radius:8px;color:#ff8080;font-size:14px}.edit-profile-actions{padding:16px 24px 24px;display:flex;gap:12px;justify-content:flex-end;border-top:1px solid rgba(255,255,255,.1)}.edit-profile-btn{padding:10px 24px;border-radius:8px;font-size:14px;font-weight:600;letter-spacing:.5px;cursor:pointer;transition:all .2s ease;border:none;font-family:Open Sans,Arial,sans-serif}.edit-profile-btn:disabled{opacity:.5;cursor:not-allowed}.edit-profile-btn-secondary{background:#ffffff0f;color:var(--text-secondary, rgba(245, 245, 245, .8));border:1px solid rgba(255,255,255,.15)}.edit-profile-btn-secondary:hover:not(:disabled){background:#ffffff1a;border-color:#ffffff40}.edit-profile-btn-primary{background:linear-gradient(135deg,var(--burgundy-primary, #800020) 0%,var(--burgundy-secondary, #5c0016) 100%);color:#f5f5f5;border:1px solid rgba(255,255,255,.2)}.edit-profile-btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #80002066}.edit-profile-btn:active:not(:disabled){transform:translateY(0)}.edit-profile-avatar-preview{position:relative}.edit-profile-avatar-uploading{position:absolute;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;border-radius:50%}.edit-profile-spinner{width:30px;height:30px;border:3px solid rgba(255,255,255,.2);border-top-color:var(--gold-accent, #d4af37);border-radius:50%;animation:spin .8s linear infinite}.edit-profile-avatar-controls{display:flex;gap:8px;margin-top:12px}.edit-profile-upload-btn{padding:8px 16px;border-radius:6px;border:1px solid var(--burgundy-primary, #800020);background:#80002033;color:#f5f5f5;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:Open Sans,Arial,sans-serif}.edit-profile-upload-btn:hover:not(:disabled){background:#80002066}.edit-profile-upload-btn:disabled{opacity:.5;cursor:not-allowed}.edit-profile-remove-btn{padding:8px 12px;border-radius:6px;border:1px solid rgba(255,255,255,.2);background:#ffffff0d;color:#ffffffb3;font-size:13px;cursor:pointer;transition:all .2s ease;font-family:Open Sans,Arial,sans-serif}.edit-profile-remove-btn:hover:not(:disabled){background:#ff64641a;border-color:#ff64644d;color:#ff8080}.edit-profile-remove-btn:disabled{opacity:.5;cursor:not-allowed}.edit-profile-danger-zone{padding:20px 24px;border-top:1px solid rgba(255,100,100,.2);background:#ff323208}.edit-profile-danger-zone h4{margin:0 0 8px;font-size:14px;font-weight:600;color:#ff6b6b;text-transform:uppercase;letter-spacing:.5px}.edit-profile-danger-zone p{margin:0 0 12px;font-size:13px;color:#ffffff80;line-height:1.4}.edit-profile-delete-btn{padding:10px 18px;border-radius:6px;border:1px solid rgba(255,100,100,.4);background:#ff32321a;color:#ff6b6b;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:Open Sans,Arial,sans-serif}.edit-profile-delete-btn:hover:not(:disabled){background:#ff323233;border-color:#ff646499}.edit-profile-delete-btn:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 480px){.edit-profile-overlay{padding:16px}.edit-profile-modal{max-height:85vh}.edit-profile-header{padding:16px 20px}.edit-profile-body{padding:20px}.edit-profile-avatar-preview{width:80px;height:80px}.edit-profile-avatar-placeholder{font-size:32px}.edit-profile-avatar-controls{flex-direction:column;width:100%}.edit-profile-upload-btn,.edit-profile-remove-btn{width:100%;text-align:center}.edit-profile-actions{padding:16px 20px 20px;flex-direction:column-reverse}.edit-profile-btn{width:100%;padding:12px 24px}.edit-profile-danger-zone{padding:16px 20px}.edit-profile-crop-container{height:250px}.edit-profile-crop-controls{padding:12px 20px}}.onboarding-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000eb;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);z-index:4000;display:flex;align-items:center;justify-content:center;padding:20px;animation:fadeIn .3s ease-out}.onboarding-card{width:100%;max-width:380px;background:linear-gradient(145deg,#2d3347,#1e2233);border:1px solid rgba(255,255,255,.15);border-radius:24px;padding:32px 24px;text-align:center;position:relative;animation:slideUp .4s ease-out;box-shadow:0 20px 60px #00000080}.skip-button{position:absolute;top:16px;right:16px;background:transparent;border:none;color:#ffffff80;font-size:14px;cursor:pointer;padding:8px 12px;transition:color .2s ease}.skip-button:hover{color:#fffc}.onboarding-icon{font-size:48px;margin-bottom:12px}.onboarding-title{font-family:Merriweather,Georgia,serif;font-size:24px;font-weight:700;color:var(--gold-accent);margin-bottom:20px}.onboarding-content{font-family:Open Sans,Arial,sans-serif;font-size:15px;line-height:1.6;color:#ffffffd9;margin-bottom:24px}.onboarding-visual{margin:20px 0;display:flex;justify-content:center}.scroll-visual .scroll-demo{position:relative}.scroll-visual .phone-outline{width:120px;height:180px;border:2px solid rgba(255,255,255,.3);border-radius:16px;position:relative;overflow:hidden;background:#0000004d}.scroll-visual .article-preview{height:60px;display:flex;align-items:center;justify-content:center;font-size:10px;color:#ffffff80;border-bottom:1px solid rgba(255,255,255,.1);transition:transform .5s ease}.scroll-visual .article-preview.current{background:var(--burgundy-primary);color:#fff;font-weight:600}.scroll-visual .scroll-arrows{position:absolute;right:-35px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:20px}.scroll-visual .arrow{font-size:24px;color:var(--gold-accent);animation:bounce 1.5s infinite}.scroll-visual .arrow.up{animation-delay:0s}.scroll-visual .arrow.down{animation-delay:.75s}.read-visual .read-demo{width:160px}.read-visual .content-box{border:2px solid rgba(255,255,255,.3);border-radius:12px;padding:16px;background:#0000004d;position:relative}.read-visual .text-lines{display:flex;flex-direction:column;gap:8px}.read-visual .line{height:8px;background:#fff3;border-radius:4px}.read-visual .line.short{width:60%}.read-visual .scroll-indicator{margin-top:16px;display:flex;flex-direction:column;align-items:center;gap:4px;color:var(--gold-accent)}.read-visual .scroll-indicator span:first-child{font-size:24px;animation:pulse 1.5s infinite}.read-visual .scroll-indicator .label{font-size:11px;opacity:.8}.nav-visual .nav-demo{position:relative}.nav-visual .phone-outline.nav-phone{width:160px;height:120px;border:2px solid rgba(255,255,255,.3);border-radius:16px;display:flex;background:#0000004d;overflow:visible}.nav-visual .edge-zone{width:32px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(90deg,var(--gold-accent) 0%,transparent 100%);opacity:.4;position:relative}.nav-visual .edge-zone.right{background:linear-gradient(-90deg,var(--gold-accent) 0%,transparent 100%)}.nav-visual .edge-zone .pulse-ring{width:20px;height:20px;border:2px solid var(--gold-accent);border-radius:50%;animation:pulseRing 1.5s infinite}.nav-visual .edge-zone .edge-label{position:absolute;bottom:-24px;font-size:9px;color:var(--gold-light);white-space:nowrap}.nav-visual .center-content{flex:1;display:flex;align-items:center;justify-content:center;color:#ffffff80;font-size:12px}.nav-visual .drag-hint{position:absolute;left:50%;top:-30px;transform:translate(-50%);color:var(--gold-accent);font-size:20px}.nav-visual .gesture-arrow{animation:bounce 1s infinite}.onboarding-progress{display:flex;justify-content:center;gap:10px;margin-bottom:24px}.progress-dot{width:10px;height:10px;border-radius:50%;background:#fff3;transition:all .3s ease}.progress-dot.active{background:var(--gold-accent);transform:scale(1.2)}.progress-dot.completed{background:var(--gold-light)}.onboarding-next{width:100%;padding:16px 24px;background:var(--burgundy-primary);color:#fff;border:none;border-radius:12px;font-family:Open Sans,Arial,sans-serif;font-size:16px;font-weight:600;cursor:pointer;transition:background .2s ease,transform .15s ease}.onboarding-next:hover{background:var(--burgundy-secondary)}.onboarding-next:active{transform:scale(.98)}.keyboard-visual .keyboard-demo{display:flex;flex-direction:column;gap:16px;padding:16px}.keyboard-visual .key-row{display:flex;justify-content:center;gap:24px}.keyboard-visual .key-item{display:flex;flex-direction:column;align-items:center;gap:8px}.keyboard-visual .key{padding:12px 20px;background:#ffffff1a;border:2px solid rgba(255,255,255,.3);border-radius:8px;color:var(--gold-accent);font-family:SF Mono,Consolas,monospace;font-size:14px;font-weight:600;min-width:50px;text-align:center;box-shadow:0 4px #0000004d;transition:transform .1s ease,box-shadow .1s ease}.keyboard-visual .key.combo{font-size:12px;padding:12px 14px}.keyboard-visual .key:hover{transform:translateY(2px);box-shadow:0 2px #0000004d}.keyboard-visual .key-label{font-size:11px;color:#fff9;text-transform:uppercase;letter-spacing:.5px}.desktop-outline{border-radius:8px}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.1)}}@keyframes pulseRing{0%{transform:scale(.8);opacity:1}to{transform:scale(1.5);opacity:0}}.ad-content{display:flex;flex-direction:column;align-items:center;justify-content:center}.ad-text{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.ad-label{position:absolute;top:16px;left:16px;z-index:10}.ad-label-text{background:linear-gradient(135deg,var(--burgundy-primary) 0%,var(--burgundy-secondary) 100%);color:var(--text-primary);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:1px;padding:4px 10px;border-radius:4px;box-shadow:0 2px 8px #6d001a4d}.ad-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:40px 24px;max-width:400px;margin:0 auto}.ad-placeholder-icon{color:var(--burgundy-light);opacity:.6;margin-bottom:8px}.ad-placeholder-title{font-family:Merriweather,Georgia,serif;font-size:22px;font-weight:700;color:var(--text-primary);margin:0}.ad-placeholder-subtitle{font-size:14px;color:var(--text-secondary);margin:0;line-height:1.5}.ad-setup-hint{margin-top:24px;padding:16px 20px;background:#6d001a1a;border:1px solid rgba(109,0,26,.2);border-radius:8px;text-align:left;width:100%}.ad-setup-hint p{font-size:12px;font-weight:600;color:var(--burgundy-light);margin:0 0 8px;text-transform:uppercase;letter-spacing:.5px}.ad-setup-hint ol{margin:0;padding-left:20px;font-size:13px;color:var(--text-secondary);line-height:1.8}.ad-setup-hint li{margin-bottom:4px}.ad-adsense-container{width:100%;min-height:250px;display:flex;align-items:center;justify-content:center}@media (max-width: 768px){.ad-placeholder{padding:32px 20px}.ad-placeholder-title{font-size:20px}.ad-placeholder-subtitle{font-size:13px}.ad-setup-hint{padding:14px 16px}.ad-setup-hint ol{font-size:12px}}@media (max-width: 480px){.ad-label{top:12px;left:12px}.ad-label-text{font-size:10px;padding:3px 8px}.ad-placeholder-icon svg{width:40px;height:40px}.ad-placeholder-title{font-size:18px}}.floating-pill-container{position:fixed;bottom:24px;right:24px;z-index:900}.floating-pill{display:flex;align-items:center;justify-content:center;gap:10px;height:44px;padding:0 20px;border-radius:24px;background:#1a1f2ed1;border:1px solid rgba(212,175,55,.15);box-shadow:0 8px 24px #00000040;color:#f5f5f5;text-decoration:none;font-family:Open Sans,Arial,sans-serif;font-weight:600;font-size:13px;letter-spacing:.3px;white-space:nowrap}.floating-pill.donate-pill{cursor:pointer;opacity:1;transform:translateY(0);transition:opacity .25s ease,transform .25s ease,background .2s ease,border-color .2s ease}.floating-pill.donate-pill:hover{background:#242938f2;border-color:#d4af3759;box-shadow:0 10px 28px #0000004d;transform:translateY(-2px)}.floating-pill.donate-pill:active{transform:translateY(0) scale(.98)}.floating-pill.donate-pill.hidden{opacity:0;transform:translateY(5px);pointer-events:none}.floating-pill.hint-pill{position:absolute;top:0;right:0;opacity:0;transform:translateY(5px);pointer-events:none;transition:opacity .25s ease,transform .25s ease}.floating-pill.hint-pill.visible{opacity:1;transform:translateY(0)}.donate-icon{font-size:16px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.donate-text{white-space:nowrap;opacity:.9}.floating-pill.donate-pill:hover .donate-text{opacity:1}.hint-content{display:flex;align-items:center;gap:8px;white-space:nowrap}.hint-content span{color:#f5f5f5d9;font-size:13px;font-weight:500;display:flex;align-items:center;gap:8px;letter-spacing:.3px}.hint-content kbd{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:3px;padding:2px 6px;font-family:Courier New,monospace;font-size:11px;font-weight:500;color:#d4af37e6;box-shadow:0 1px 3px #0003;min-width:28px;text-align:center;display:inline-block}.floating-privacy-link{display:block;text-align:center;margin-top:6px;color:#888;font-size:10px;font-family:Open Sans,Arial,sans-serif;text-decoration:none;letter-spacing:.3px}@media (max-width: 768px){.floating-pill-container{display:none}}.article-categories{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.article-sources-group{display:flex;flex-wrap:wrap;gap:6px;align-items:center;position:relative;z-index:10}.article-source,.article-source-badge{padding:6px 14px;border-radius:20px;font-size:12px;font-weight:600;color:#fffffff2;text-transform:uppercase;letter-spacing:.5px;border:1px solid rgba(255,255,255,.3);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;z-index:10}.article-source.active{opacity:1;transform:scale(1);border-color:#ffffff4d}.article-source.inactive{opacity:.6;border:1px solid rgba(255,255,255,.15);transform:scale(.95)}.article-source.inactive:hover{opacity:.85;transform:scale(1);border-color:#ffffff40}.article-content-wrapper{transition:opacity .3s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.4,0,.2,1);opacity:1;transform:translateY(0)}.article-content-wrapper.transitioning{opacity:0;transform:translateY(-5px)}.article-category,.category-badge{display:inline-flex;align-items:center;gap:4px;padding:6px 12px;border-radius:20px;font-size:11px;font-weight:600;color:#fffffff2;text-transform:uppercase;letter-spacing:.5px;background:#6c757d80;border:1px solid rgba(108,117,125,.7);box-shadow:0 2px 4px #0003}.article-category .category-icon{font-size:12px;line-height:1}.article-category.disabled{opacity:.6;border-color:#ffffff1a;box-shadow:none}.article-category.clickable{transition:transform .15s ease,filter .15s ease,box-shadow .15s ease}.article-category.clickable:hover{transform:scale(1.05);filter:brightness(1.15);box-shadow:0 3px 8px #0000004d}.article-category.clickable:active{transform:scale(.98)}.article-title,.article-detail-title{font-size:32px;font-weight:700;line-height:1.3;margin-bottom:16px;color:#f5f5f5;letter-spacing:-.5px;font-family:Merriweather,Georgia,serif}.article-title.has-original{cursor:pointer;transition:color .15s ease}.article-title.has-original:hover{color:#fff}.title-toggle-hint{display:block;font-size:11px;font-weight:400;color:#fff6;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;letter-spacing:0;margin-top:4px}.article-meta,.article-detail-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:18px;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.1);flex-wrap:wrap}.article-meta-right{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.article-date{color:#b8b8b8;font-size:14px;font-weight:500}.article-link-inline{color:#a64253;text-decoration:none;font-size:13px;font-weight:500;opacity:.7;transition:opacity .2s ease;font-family:Open Sans,Arial,sans-serif;white-space:nowrap}.article-link-inline:hover{opacity:1;color:#d4af37}.share-icon-button{padding:6px;background:#ffffff0d;border:1px solid rgba(255,255,255,.15);border-radius:50%;color:#fff9;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;width:28px;height:28px;flex-shrink:0}.share-icon-button:hover{background:#ffffff1a;border-color:#ffffff4d;color:#ffffffe6;transform:scale(1.1)}.share-icon-button:active{transform:scale(.95)}.share-icon-button svg{width:16px;height:16px}.mobile-share-button{display:none}.article-video-wrapper{position:relative;width:80%;max-width:600px;margin:0 auto 20px}.article-video-wrapper .article-video-container{width:100%;margin:0}.article-video-container{position:relative;width:80%;max-width:600px;margin:0 auto 20px;border-radius:8px;overflow:hidden;background:#2f364a;aspect-ratio:16 / 9}.article-video-fallback-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:0}.article-video-iframe,.article-video-native{position:relative;z-index:1;width:100%;height:100%;display:block;border:none;object-fit:contain}.article-video-placeholder{width:100%;height:100%;background:#1a1a1a}.video-mute-toggle{position:absolute;bottom:12px;right:12px;z-index:10;background:#00000080;color:#fff;border:none;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:.7;transition:opacity .2s ease,background .2s ease;padding:0}.video-mute-toggle:hover{opacity:1;background:#000c}.article-image-container,.article-detail-image{width:80%;max-width:600px;height:auto;margin:0 auto 20px;overflow:hidden;background:#2f364a;border-radius:8px}.article-image,.article-detail-image img{width:100%;height:auto;object-fit:contain;display:block}.article-summary{font-size:17px;line-height:1.8;color:#e8eaed;font-family:Open Sans,Arial,sans-serif;font-weight:400}.article-summary .summary-paragraph{display:block;margin-bottom:12px}.article-summary .summary-paragraph:last-child{margin-bottom:0}.article-summary .summary-list{margin:10px 0;padding-left:28px;list-style-type:disc}.article-summary .summary-list li{margin-bottom:6px;line-height:1.6;padding-left:4px}.article-summary .summary-list li:last-child{margin-bottom:0}.article-summary .summary-list li::marker{color:#9aa0a6}@media (max-width: 768px){.desktop-share-button{display:none}.mobile-share-button{display:flex;width:100%;padding:12px;margin-top:20px;background:#ffffff14;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.15);border-radius:12px;color:#ffffffe6;font-size:14px;font-weight:600;cursor:pointer;align-items:center;justify-content:center;gap:8px;transition:all .2s ease;font-family:Open Sans,Arial,sans-serif}.mobile-share-button:active{background:#ffffff26;transform:scale(.98)}.article-video-wrapper,.article-video-container,.article-image-container,.article-detail-image{width:100%;max-width:100%;margin-bottom:16px;border-radius:8px}.article-title,.article-detail-title{font-size:22px;margin-bottom:14px;line-height:1.25}.article-summary{font-size:17px;line-height:1.65}.article-meta,.article-detail-meta{flex-direction:column;align-items:flex-start;gap:10px;margin-bottom:16px;padding-bottom:16px}.article-meta-right{width:100%;justify-content:space-between}.article-category,.category-badge{padding:5px 12px;font-size:11px}.article-date{font-size:13px}.article-link-inline{font-size:12px}}@media (max-width: 480px){.article-title,.article-detail-title{font-size:22px;margin-bottom:14px}.article-summary{font-size:16px;line-height:1.6}.article-category,.category-badge{padding:4px 10px;font-size:10px}.article-date{font-size:12px}}@media (min-width: 769px) and (max-width: 1024px){.article-title,.article-detail-title{font-size:28px}}@media (min-width: 1920px){.article-video-wrapper,.article-video-container,.article-image-container,.article-detail-image{width:75%;max-width:700px}.article-title,.article-detail-title{font-size:36px}.article-summary{font-size:18px}}:root{--burgundy-primary: #6d001a;--burgundy-secondary: #8b0028;--burgundy-light: #a64253;--burgundy-dark: #4a0012;--gold-accent: #d4af37;--gold-light: #f0d682;--bg-primary: #1a1f2e;--bg-secondary: #252b3d;--bg-tertiary: #2f364a;--text-primary: #f5f5f5;--text-secondary: #b8b8b8;--text-tertiary: #6a6a6a;--border-color: #3a3a3a;--card-shadow: rgba(0, 0, 0, .3);--summary-bg: #0d1117}body{font-family:Open Sans,Segoe UI,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(180deg,#1a1f2e,#0f1419);color:var(--text-primary);overflow:hidden;padding:0;margin:0;overscroll-behavior:none;-webkit-overflow-scrolling:touch;touch-action:pan-y}html{height:100%;overflow:hidden}.mobile-swipe-zone{display:none;position:fixed;bottom:0;width:calc((100vw - 900px)/2 + 32px);height:85vh;height:85dvh;background-color:transparent;z-index:999;pointer-events:auto;touch-action:none;-webkit-user-select:none;user-select:none}.mobile-swipe-zone-right{right:0}.mobile-swipe-zone-left{left:0}.mobile-swipe-zone-hint{position:absolute;top:50%;transform:translateY(-50%);width:100%;height:40%;display:flex;align-items:center;justify-content:center;background:linear-gradient(to var(--hint-gradient-direction, right),rgba(255,255,255,.08) 0%,rgba(255,255,255,.15) 60%,rgba(255,255,255,.05) 100%);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.15);box-shadow:inset 0 0 30px #ffffff0d,0 4px 20px #00000026;pointer-events:none;opacity:0;animation:hintFadeIn .5s ease-out .3s forwards}.mobile-swipe-zone-right .mobile-swipe-zone-hint{--hint-gradient-direction: left;border-right:none;border-top-left-radius:20px;border-bottom-left-radius:20px;padding-left:8px}.mobile-swipe-zone-left .mobile-swipe-zone-hint{--hint-gradient-direction: right;border-left:none;border-top-right-radius:20px;border-bottom-right-radius:20px;padding-right:8px}.mobile-swipe-zone-hint-arrow{display:flex;flex-direction:column;align-items:center;gap:2px;color:#ffffffb3;font-size:18px;animation:hintPulse 2s ease-in-out infinite}.mobile-swipe-zone-hint-arrow span{line-height:1}@keyframes hintFadeIn{0%{opacity:0;transform:translateY(-50%) scale(.95)}to{opacity:1;transform:translateY(-50%) scale(1)}}@keyframes hintPulse{0%,to{opacity:.7;transform:translateY(0)}50%{opacity:1;transform:translateY(-3px)}}html,body{position:fixed;width:100%;height:100%}.article-scroller{height:100vh;height:100dvh;overflow-y:scroll;scroll-snap-type:none;scroll-behavior:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;overscroll-behavior-y:contain;position:fixed;top:0;left:0;right:0;bottom:0;scroll-padding:0;background:linear-gradient(135deg,#0f0c1d,#1a1526,#231d35);display:flex;flex-direction:column}.article-scroller.no-scroll{overflow:hidden}.article-scroller::-webkit-scrollbar{display:none}.article-card{height:100vh;height:100dvh;min-height:100vh;min-height:100dvh;max-height:100vh;max-height:100dvh;width:100%;scroll-snap-align:start;scroll-snap-stop:always;display:flex;align-items:center;justify-content:center;padding-top:calc(env(safe-area-inset-top) + 50px);padding-bottom:8px;padding-left:16px;padding-right:16px;position:relative;background:transparent;box-sizing:border-box;flex-shrink:0}.article-content{max-width:900px;width:100%;background:linear-gradient(135deg,#252b3d99,#2f364a66);border-radius:12px;overflow:hidden;box-shadow:0 20px 60px var(--card-shadow);display:flex;flex-direction:column;height:calc(100dvh - env(safe-area-inset-top) - 96px);max-height:calc(100dvh - env(safe-area-inset-top) - 96px);border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative}.article-text{padding:28px 32px;overflow-y:auto;flex:1;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;scroll-behavior:smooth;overscroll-behavior-y:contain;position:relative}.new-indicator{color:var(--burgundy-primary);font-weight:700;margin-right:4px}.article-card .article-title{font-size:26px}.article-text::-webkit-scrollbar{width:8px}.article-text::-webkit-scrollbar-track{background:var(--bg-primary);border-radius:4px}.article-text::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border-radius:4px}.article-text::-webkit-scrollbar-thumb:hover{background:#3a4052}.summary-key-link{color:var(--gold-accent);text-decoration:none;font-weight:600;border-bottom:1px solid transparent;transition:all .2s ease;cursor:pointer;padding:0 1px}.summary-key-link:hover{color:var(--gold-light);border-bottom-color:var(--gold-light);text-shadow:0 0 8px rgba(212,175,55,.3)}.summary-key-link:active{color:var(--gold-accent);transform:scale(.98)}.summary-paragraph{display:block;margin-bottom:12px}.summary-paragraph:last-child{margin-bottom:0}.article-summary strong{font-weight:700;color:inherit}.summary-list{margin:10px 0;padding-left:28px;list-style-type:disc}.summary-list li{margin-bottom:6px;line-height:1.6;padding-left:4px}.summary-list li:last-child{margin-bottom:0}.summary-list li::marker{color:var(--text-secondary)}.scroll-indicator{position:absolute;bottom:40px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;color:var(--text-tertiary);font-size:14px;opacity:0;animation:fadeInOut 2s ease-in-out infinite;pointer-events:none;z-index:10}.article-card.active .scroll-indicator{animation:fadeInOut 2s ease-in-out infinite}@keyframes fadeInOut{0%,to{opacity:0}50%{opacity:1}}.scroll-arrow{font-size:24px;animation:bounce 2s ease-in-out infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(10px)}}.loading-container{height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;background:var(--bg-primary);color:var(--text-secondary)}.loading-spinner{width:50px;height:50px;border:4px solid var(--bg-tertiary);border-top-color:var(--burgundy-primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 768px){.mobile-swipe-zone{display:block;width:32px}.article-card{padding-top:calc(env(safe-area-inset-top) + 60px);padding-bottom:calc(20px + env(safe-area-inset-bottom));padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right));height:100vh;height:100dvh;min-height:100vh;min-height:100dvh;max-height:100vh;max-height:100dvh;box-sizing:border-box}.article-content{height:calc(100vh - 110px);height:calc(100dvh - 110px);max-height:calc(100vh - 110px);max-height:calc(100dvh - 110px);border-radius:12px;width:100%}.header-compact .article-content{height:calc(100vh - 95px);height:calc(100dvh - 95px);max-height:calc(100vh - 95px);max-height:calc(100dvh - 95px)}.article-text{padding:20px 16px;overscroll-behavior:contain;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y;position:relative;will-change:scroll-position}.article-card .article-title{font-size:22px}.scroll-indicator{bottom:60px;font-size:13px}.article-text::-webkit-scrollbar{width:6px}.article-text::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:3px}}@media (max-width: 480px){.mobile-swipe-zone{width:28px}.article-card{padding-top:calc(env(safe-area-inset-top) + 52px);padding-bottom:6px;padding-left:12px;padding-right:12px;height:100vh;height:100dvh;min-height:100vh;min-height:100dvh;max-height:100vh;max-height:100dvh;box-sizing:border-box}.article-content{border-radius:10px;height:calc(100dvh - env(safe-area-inset-top) - 82px);max-height:calc(100dvh - env(safe-area-inset-top) - 82px)}.article-text{padding:18px 16px}.article-card .article-title{font-size:22px}.scroll-indicator{bottom:50px;font-size:12px}.scroll-arrow{font-size:20px}}@media (min-width: 769px) and (max-width: 1024px){.mobile-swipe-zone{display:block;width:calc((100vw - 700px)/2 + 30px)}.article-content{max-width:700px;height:calc(100vh - 96px);max-height:calc(100vh - 96px)}.article-text{padding:28px 30px}.article-card .article-title{font-size:28px}}@media (min-width: 1920px){.article-content{max-width:1100px;height:calc(100vh - 96px);max-height:calc(100vh - 96px)}.article-text{padding:32px 40px}.article-card .article-title{font-size:36px}}@media (prefers-contrast: high){.article-card{border:2px solid var(--border-color)}.article-link{border:2px solid var(--bg-primary)}}@media (prefers-reduced-motion: reduce){.article-scroller{scroll-behavior:auto}.scroll-indicator,.scroll-arrow{animation:none}.article-link{transition:none}}.admin-menu-container{position:absolute;top:12px;right:12px;z-index:100}.article-scroller.no-scroll .admin-menu-container{display:none}.admin-menu-trigger{background:#0006;border:none;padding:8px 10px;cursor:pointer;color:#ffffffb3;opacity:.6;transition:opacity .2s ease,background .2s ease;border-radius:6px;display:flex;align-items:center;justify-content:center}.admin-menu-trigger:hover{opacity:1;background:#0009;color:#fffffff2}.admin-menu-dropdown{position:absolute;top:100%;right:0;margin-top:4px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 4px 12px #0000004d;min-width:150px;z-index:1000;overflow:hidden}.admin-menu-item{display:flex;align-items:center;gap:8px;width:100%;padding:10px 14px;border:none;background:transparent;color:var(--text-primary);font-size:14px;cursor:pointer;text-align:left;transition:background .15s ease}.admin-menu-item:hover{background:var(--bg-tertiary)}.admin-menu-item-danger{color:#ef4444}.admin-menu-item-danger:hover{background:#ef44441a}.update-notification{position:fixed;bottom:80px;left:50%;transform:translate(-50%);z-index:10000;animation:slideUp .3s ease-out}@keyframes slideUp{0%{opacity:0;transform:translate(-50%) translateY(20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.update-notification-content{display:flex;align-items:center;gap:10px;background:linear-gradient(135deg,#722f37,#8b3d46);color:#fff;padding:12px 16px;border-radius:12px;box-shadow:0 4px 20px #0000004d;font-size:14px;font-weight:500}.update-icon{font-size:16px}.update-message{white-space:nowrap}.update-button{background:#fff;color:#722f37;border:none;padding:6px 14px;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.update-button:hover{transform:scale(1.05);box-shadow:0 2px 8px #ffffff4d}.update-button:active{transform:scale(.98)}.dismiss-button{background:transparent;border:none;color:#ffffffb3;font-size:16px;cursor:pointer;padding:4px 8px;margin-left:-4px;transition:color .15s ease}.dismiss-button:hover{color:#fff}@media (max-width: 480px){.update-notification{bottom:90px;left:16px;right:16px;transform:none}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.update-notification-content{justify-content:center;padding:14px 16px}}@supports (padding-bottom: env(safe-area-inset-bottom)){.update-notification{bottom:calc(80px + env(safe-area-inset-bottom))}@media (max-width: 480px){.update-notification{bottom:calc(90px + env(safe-area-inset-bottom))}}}:root{--bg-primary: #121212;--bg-secondary: #1e1e1e;--text-primary: #e8eaed;--text-secondary: #9aa0a6;--accent-blue: #8ab4f8}.App{width:100%;height:100vh;overflow:hidden}.app-loading,.app-error,.app-empty{height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:30px;background:linear-gradient(135deg,#0f0c1d,#1a1526,#231d35);color:#f5f5f5;padding:20px;text-align:center;animation:fadeIn .6s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.app-loading h1,.app-loading h2,.app-error h2,.app-empty h2{font-family:Merriweather,Georgia,serif;font-size:32px;font-weight:900;color:#800020;letter-spacing:2px;text-shadow:0 4px 16px rgba(128,0,32,.6);margin:0;text-transform:uppercase}.app-loading p,.app-error p,.app-empty p{font-family:Open Sans,Arial,sans-serif;font-size:13px;color:#a64253;letter-spacing:3px;font-weight:600;margin:0;max-width:500px;opacity:.9;text-transform:uppercase}.app-loading-description{text-transform:none!important;letter-spacing:.3px!important;font-size:14px!important;font-weight:400!important;color:#f5f5f580!important;line-height:1.5}.app-loading-privacy{color:#a64253;font-family:Open Sans,Arial,sans-serif;font-size:11px;text-decoration:none;letter-spacing:.5px;opacity:.6}.loading-spinner{width:70px;height:70px;border:4px solid rgba(128,0,32,.2);border-top-color:#800020;border-radius:50%;animation:spin 1.2s ease-in-out infinite;box-shadow:0 0 30px #80002066;position:relative}.loading-spinner:before{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:50%;border:2px solid transparent;border-top-color:#a6425380;animation:spin 2s linear infinite reverse}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-icon,.empty-icon{font-size:64px}.retry-button{padding:16px 48px;background:#80002026;color:#f5f5f5;border:2px solid rgba(128,0,32,.4);border-radius:8px;font-size:16px;font-weight:700;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);margin-top:10px;font-family:Merriweather,Georgia,serif;letter-spacing:2px;text-transform:uppercase;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 8px 32px #8000204d;position:relative;overflow:hidden}.retry-button:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#80002066,#a6425366);opacity:0;transition:opacity .4s ease}.retry-button:hover{background:#80002040;border-color:#80002099;transform:translateY(-4px);box-shadow:0 12px 48px #80002080}.retry-button:hover:before{opacity:1}.retry-button:active{transform:translateY(-2px);box-shadow:0 8px 32px #80002066}.empty-state{flex:1;min-height:calc(100vh - 60px);min-height:calc(100dvh - 60px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:linear-gradient(135deg,#0f0c1d,#1a1526,#231d35);color:#f5f5f5;padding:20px;text-align:center}.empty-state h2{font-family:Merriweather,Georgia,serif;font-size:28px;font-weight:900;color:#800020;letter-spacing:2px;text-shadow:0 4px 16px rgba(128,0,32,.6);margin:0}.empty-state p{font-family:Open Sans,Arial,sans-serif;font-size:14px;color:#a64253;margin:0;max-width:300px}.open-filters-button:hover{background-color:#8b3a44!important;transform:translateY(-2px);box-shadow:0 4px 12px #722f3766}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;width:100%;overflow:hidden}body{background-color:#121212;color:#e8eaed}