body.scroll-locked{overflow:hidden}:root{--color-dark: #0a0d15;--color-light: #d4cfc6;--color-accent: #5543db;--color-success: #2ecc71;--color-success-bg: rgba(46, 204, 113, .15);--color-warning: #e67e22;--color-warning-bg: rgba(231, 76, 60, .15);--color-error: #e74c3c;--color-error-bg: rgba(231, 76, 60, .15);--color-danger: #e74c3c;--color-surface: #1a1d25;--color-syncing-bg: rgba(85, 67, 219, .15);--text-secondary: #989898;--spacing-base: 8px;--spacing-double: 16px;--spacing-triple: 24px;--spacing-quad: 32px;--font-size-xs: .8rem;--font-size-sm: .9rem;--font-size-md: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.3rem;--font-size-3xl: 1.5rem;--font-size-4xl: 1.75rem;--font-size-5xl: 2rem;--font-size-6xl: 2.5rem;--font-size-7xl: 3rem;--font-size-8xl: 3.5rem;--font-size-9xl: 4rem;--font-size-10xl: 4.5rem;--font-size-11xl: 5rem;--font-size-12xl: 5.5rem;--font-size-13xl: 6rem;--font-size-14xl: 6.5rem;--font-size-15xl: 7rem;--font-size-16xl: 7.5rem;--font-size-17xl: 8rem;--font-size-18xl: 8.5rem;--font-size-19xl: 9rem;--transition-spring: cubic-bezier(.175, .885, .32, 1.275);--bottom-menu-height: 64px;--scrollbar-width: 0px;--icon-error: "⚠";--icon-success: "✓";--icon-info: "ℹ";--icon-selection: "⏸";--icon-syncing: "⟳";--icon-offline: "⚠";--icon-static: "▣";--motion-duration-enter: .28s;--motion-duration-exit: .22s;--motion-duration-cross: .26s;--ease-standard: cubic-bezier(.2, 0, 0, 1);--ease-decel: cubic-bezier(0, 0, .2, 1);--ease-accel: cubic-bezier(.4, 0, 1, 1)}*{margin:0;padding:0;box-sizing:border-box}html{background-color:var(--color-dark);overflow-y:scroll;overscroll-behavior:none;-webkit-overflow-scrolling:touch;height:100%}body{background-color:var(--color-dark);color:var(--color-light);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5;-webkit-font-smoothing:antialiased;padding-right:var(--scrollbar-width);overscroll-behavior:none;-webkit-overflow-scrolling:touch;height:100%;position:relative;margin:0}body.bottom-menu-active{overflow:hidden;padding-right:var(--scrollbar-width)}main{max-width:800px;margin:0 auto;padding:var(--spacing-double)}h2{font-size:var(--font-size-lg)}h3{font-size:var(--font-size-md)}.button{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-double) var(--spacing-double);border:none;border-radius:8px;font-size:var(--font-size-md);font-weight:600;cursor:pointer;transition:all .2s ease;text-decoration:none;width:100%}.button__icon{width:24px;height:24px;flex-shrink:0}.button--primary{background:var(--color-accent);color:var(--color-light);box-shadow:0 4px 16px #5543db66}.button--primary:hover{background:#6b5bff;transform:translateY(-2px);box-shadow:0 6px 20px #5543db80}@media(min-width:600px){.button--primary{padding:12px 24px;font-size:var(--font-size-lg)}}@media(min-width:1440px){.button--primary{padding:14px 28px;font-size:var(--font-size-xl)}}.button--discreet{background:none;border:none;color:#fff9;font-size:var(--font-size-sm);font-weight:500;cursor:pointer;padding:var(--spacing-base) var(--spacing-double);border-radius:6px;transition:all .2s ease;text-decoration:none}.button--discreet:hover{color:var(--color-light);background:#ffffff0d}.button--discreet.active{color:var(--color-accent);background:#5543db1a}@media(min-width:600px){.legal-nav__links{gap:var(--spacing-triple)}.button--discreet{font-size:var(--font-size-md);padding:var(--spacing-double) var(--spacing-triple)}}.close-button{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:8px;border-radius:6px;transition:all .2s ease;display:flex;align-items:center;justify-content:center;width:44px;height:44px}.close-button:hover{background:#ffffff1a;color:var(--color-light)}.close-button svg{width:24px;height:24px}.close-button:focus{outline:2px solid var(--color-accent);outline-offset:2px}.segmented-toggle{display:inline-flex;align-items:stretch;border:1px solid rgba(255,255,255,.2);border-radius:8px;overflow:hidden}.segmented-toggle__option{appearance:none;background:transparent;color:var(--color-light);padding:8px 12px;border:none;cursor:pointer;font-size:var(--font-size-sm)}.segmented-toggle__option[aria-checked=true]{background:#ffffff1a;color:var(--color-light)}.segmented-toggle__option:focus{outline-offset:-2px}.switch{display:inline-flex;align-items:center;cursor:pointer}.switch input{position:absolute;opacity:0;pointer-events:none}.switch__track{position:relative;width:44px;height:24px;border-radius:999px;background:#ffffff2e;transition:background .2s ease,box-shadow .2s ease;display:inline-flex;align-items:center;box-sizing:border-box;padding:2px}.switch__thumb{position:absolute;left:2px;width:20px;height:20px;border-radius:50%;background:#fff;transition:transform .2s ease;box-shadow:0 1px 3px #0006}.switch input:checked+.switch__track{background:var(--color-accent)}.switch input:checked+.switch__track .switch__thumb{transform:translate(20px)}.switch:focus-within .switch__track{box-shadow:0 0 0 2px #ffffff40 inset}.error-box{margin:var(--spacing-triple) 0 0 0;background:#c0392b;color:#fff;padding:var(--spacing-double);border-radius:8px;text-align:center;font-size:var(--font-size-md)}.error-content{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-double)}.error-message{margin:0;line-height:1.4}.retry-button{margin-top:var(--spacing-base);padding:8px 24px;font-size:var(--font-size-md);border-radius:6px;background:#222;color:#fff;border:none;cursor:pointer;transition:background-color .2s ease;display:flex;align-items:center;gap:8px;min-width:80px;justify-content:center}.retry-button:hover:not(:disabled){background:#333}.retry-button:active:not(:disabled){transform:scale(.98)}.retry-button:disabled{opacity:.6;cursor:not-allowed}.retry-spinner .loading-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.2);border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite}.section-header{display:flex;align-items:center;gap:var(--spacing-double);padding:12px 0;color:var(--color-accent);font-size:var(--font-size-sm);font-weight:500;text-transform:uppercase;letter-spacing:.05em}.section-header:after{content:"";flex-grow:1;height:1px;background-color:var(--color-accent);opacity:.3}#main-app{background-color:var(--color-dark)}.feed-status{position:fixed;top:calc(64px + env(safe-area-inset-top,0px));left:0;right:0;z-index:99;background:var(--color-dark);opacity:0;transform:translateY(-100%);pointer-events:none;transition:opacity .3s ease-out,transform .3s ease-out}.feed-status--showing{opacity:1;transform:translateY(0);pointer-events:none}.feed-status--visible{opacity:1;transform:translateY(0);pointer-events:auto}.feed-status--hiding{opacity:0;transform:translateY(-100%);pointer-events:none}.feed-status__background{position:absolute;inset:0;background:var(--color-dark);z-index:-1}.feed-status__content{display:flex;align-items:center;justify-content:center;gap:var(--spacing-base);padding:var(--spacing-base);min-height:48px;max-width:800px;margin:0 auto;position:relative;z-index:1}.feed-status__icon{width:20px;height:20px;flex-shrink:0;display:flex;align-items:center;justify-content:center;position:relative}.feed-status__text{font-size:var(--font-size-xs);font-weight:500;color:var(--color-light)}.feed-status--type-online .feed-status__background{background:var(--color-success-bg)}.feed-status--type-online .feed-status__icon:before{content:var(--icon-success);color:var(--color-success);font-size:var(--font-size-md)}.feed-status--type-offline .feed-status__background{background:var(--color-error-bg)}.feed-status--type-offline .feed-status__icon:before{content:var(--icon-error);color:var(--color-error);font-size:var(--font-size-md)}.feed-status--type-syncing .feed-status__background{background:var(--color-syncing-bg)}.feed-status--type-syncing .feed-status__icon:before{content:var(--icon-syncing);color:var(--color-accent);font-size:var(--font-size-md)}.feed-status--type-synced .feed-status__background{background:var(--color-success-bg)}.feed-status--type-synced .feed-status__icon:before{content:var(--icon-success);color:var(--color-success);font-size:var(--font-size-md)}.feed-status--type-error .feed-status__background{background:var(--color-error-bg)}.feed-status--type-error .feed-status__icon:before{content:var(--icon-error);color:var(--color-error);font-size:var(--font-size-md)}@media(min-width:601px){.feed-status__content{padding:var(--spacing-base) var(--spacing-double);gap:var(--spacing-double)}.feed-status__text{font-size:var(--font-size-sm)}}.landing{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;background:linear-gradient(135deg,var(--color-dark) 0%,#1a1a2e 100%)}.landing-header{display:flex;justify-content:center;align-items:center;min-height:72px;padding-top:calc(var(--spacing-base) + env(safe-area-inset-top,0px));padding-right:var(--spacing-base);padding-bottom:var(--spacing-base);padding-left:var(--spacing-base);border-bottom:1px solid rgba(255,255,255,.1)}.landing-header__content{display:flex;justify-content:center;align-items:center;width:100%}.landing-header__logo{display:flex;align-items:center;gap:var(--spacing-base)}.landing-header__logo-image{width:32px;height:32px;border-radius:6px;display:block}@media(min-width:600px){.landing-header{min-height:80px;padding-top:calc(var(--spacing-base) + env(safe-area-inset-top,0px));padding-right:var(--spacing-double);padding-bottom:var(--spacing-base);padding-left:var(--spacing-double)}.landing-header__logo-image{width:40px;height:40px}}@media(min-width:1024px){.landing-header{min-height:88px;padding-top:calc(var(--spacing-base) + env(safe-area-inset-top,0px));padding-right:var(--spacing-triple);padding-bottom:var(--spacing-base);padding-left:var(--spacing-triple)}.landing-header__logo-image{width:44px;height:44px}}@media(min-width:1440px){.landing-header{min-height:96px;padding-top:calc(var(--spacing-base) + env(safe-area-inset-top,0px));padding-right:var(--spacing-quad);padding-bottom:var(--spacing-base);padding-left:var(--spacing-quad)}.landing-header__logo-image{width:48px;height:48px}}.landing-hero{flex:1;display:flex;align-items:center;justify-content:center;padding:var(--spacing-triple) var(--spacing-base);padding-bottom:calc(var(--spacing-triple) + env(safe-area-inset-bottom,0px));min-height:0}.landing-hero__content{text-align:center;max-width:800px;width:100%;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-double);padding:var(--spacing-base) 0}.landing-hero__logo{display:flex;justify-content:center;align-items:center}.landing-hero__logo-image{width:75px;height:75px;border-radius:8px;box-shadow:0 8px 32px #5543db80}.landing-hero__title{font-size:var(--font-size-8xl);font-weight:700;color:var(--color-light);margin-bottom:var(--spacing-base);letter-spacing:-.02em}.landing-hero__description{font-size:var(--font-size-md);color:var(--color-light);line-height:1.6;margin-bottom:var(--spacing-double);max-width:215px}.landing-hero__description-mini{font-size:var(--font-size-md);color:#ffffffb3;line-height:1.6;margin-bottom:var(--spacing-double);max-width:215px}.landing-hero__button{width:160px}@media(min-width:600px){.landing-hero{padding:var(--spacing-triple) var(--spacing-double)}.landing-hero__logo-image{width:85px;height:85px}.landing-hero__title{font-size:var(--font-size-10xl)}.landing-hero__description{font-size:var(--font-size-lg);max-width:600px}.landing-hero__description-mini{max-width:600px}.landing-hero__button{width:150px}}@media(min-width:1024px){.landing-hero{padding:var(--spacing-quad) var(--spacing-triple)}.landing-hero__title{font-size:var(--font-size-12xl)}.landing-hero__description{font-size:var(--font-size-xl)}.landing-hero__button{width:170px}}@media(min-width:1440px){.landing-hero{padding:var(--spacing-quad) var(--spacing-quad)}.landing-hero__title{font-size:var(--font-size-14xl)}.landing-hero__description{font-size:var(--font-size-2xl)}}.action-modal__overlay{position:fixed;inset:0;background:#00000080;z-index:999;opacity:0;transition:opacity var(--motion-duration-enter) var(--ease-standard)}.action-modal__overlay.active{opacity:1}.action-modal__panel{position:fixed;inset:0;width:100vw;height:100vh;height:100dvh;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);background-color:var(--color-dark);border-bottom:1px solid rgba(212,207,198,.1);z-index:1000;display:flex;flex-direction:column;transition:transform var(--motion-duration-enter) var(--ease-decel);will-change:transform;backface-visibility:hidden;touch-action:pan-y;overflow:hidden}.action-modal__panel--top{transform:translateY(-100%);transition:transform var(--motion-duration-enter) var(--ease-decel)}.action-modal__panel--top.active{transform:translateY(0)}.action-modal__panel--top.slide-out-to-top{transform:translateY(-100%)}.action-modal__panel--bottom{transform:translateY(100%);transition:transform var(--motion-duration-enter) var(--ease-decel)}.action-modal__panel--bottom.active{transform:translateY(0)}.action-modal__panel--bottom.slide-out-to-bottom{transform:translateY(100%)}.action-modal__panel--top.exiting,.action-modal__panel--bottom.exiting{transition-duration:var(--motion-duration-exit);transition-timing-function:var(--ease-accel)}.modal-handoff--bottom-from-top .action-modal__panel--bottom{z-index:1001}.modal-handoff--bottom-from-top .action-modal__panel--bottom.entering{transition-duration:var(--motion-duration-cross)!important;transition-timing-function:var(--ease-decel)!important;transition-delay:20ms!important;transform:translateY(0)!important}.modal-handoff--bottom-from-top .action-modal__panel--top.exiting{transition-duration:var(--motion-duration-cross);transition-timing-function:var(--ease-accel);transform:translateY(-100%)}@keyframes push-away-up{0%{transform:translateY(0)}30%{transform:translateY(-10%)}to{transform:translateY(-100%)}}.modal-handoff--bottom-from-top .action-modal__panel--top.exiting.pushed{animation:push-away-up var(--motion-duration-cross) var(--ease-accel) forwards;transition:none}.modal-handoff--bottom-from-top .action-modal__overlay{opacity:1}.modal-handoff--top-from-bottom .action-modal__panel--top{z-index:1001}.modal-handoff--top-from-bottom .action-modal__panel--top.entering{transition-duration:var(--motion-duration-cross)!important;transition-timing-function:var(--ease-decel)!important;transition-delay:20ms!important;transform:translateY(0)!important}.modal-handoff--top-from-bottom .action-modal__panel--bottom.exiting{transition-duration:var(--motion-duration-cross);transition-timing-function:var(--ease-accel);transform:translateY(100%)}@keyframes push-away-down{0%{transform:translateY(0)}30%{transform:translateY(10%)}to{transform:translateY(100%)}}.modal-handoff--top-from-bottom .action-modal__panel--bottom.exiting.pushed{animation:push-away-down var(--motion-duration-cross) var(--ease-accel) forwards;transition:none}.modal-handoff--top-from-bottom .action-modal__overlay{opacity:1}.action-modal__overlay{z-index:999}.action-modal__header{height:56px;padding:0 var(--spacing-base);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(212,207,198,.1);flex-shrink:0}.action-modal__header h2{font-size:var(--font-size-lg);font-weight:600;color:var(--color-light);margin:0 10px}.action-modal__content{flex:1;background:var(--color-dark);display:flex;flex-direction:column;min-height:0;overflow:hidden}.action-modal__content-area{flex:1;overflow-y:auto;overflow-x:hidden;padding:var(--spacing-double);display:flex;flex-direction:column;min-height:0;-webkit-overflow-scrolling:touch}.action-modal__content-container{position:relative;flex:1;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;min-height:0;-webkit-overflow-scrolling:touch}.action-modal__info{margin-bottom:var(--spacing-double);padding:var(--spacing-base);background:#5543db1a;border-bottom:1px solid rgba(85,67,219,.2);border-top:1px solid rgba(85,67,219,.2)}.action-modal__info p{margin:0 0 var(--spacing-base) 0!important;color:var(--color-light)!important;font-size:var(--font-size-sm)!important;line-height:1.4!important}.action-modal__info p:last-child{margin-bottom:0!important}.action-modal__tip{font-size:var(--font-size-xs)!important;color:var(--color-light)!important;opacity:.7!important;font-style:italic!important;margin-top:var(--spacing-base)!important}.input-wrapper{margin-bottom:var(--spacing-double)}.input-wrapper input{width:100%!important;padding:12px 16px!important;background:var(--color-surface)!important;border:1px solid rgba(255,255,255,.2)!important;border-radius:8px!important;color:var(--color-light)!important;font-size:var(--font-size-md)!important;transition:border-color .2s ease!important;box-sizing:border-box!important}.input-wrapper input:focus{outline:none;border-color:var(--color-accent)}.input-wrapper input::placeholder{color:var(--text-secondary)}#feed-adder-form,#page-adder-form,#feed-manager-list{display:flex;flex-direction:column;flex:1;min-height:0;padding:var(--spacing-base);padding-bottom:var(--spacing-double)}#feed-url-input.valid,#page-url-input.valid{border-color:var(--color-success)!important}#feed-url-input.invalid,#page-url-input.invalid{border-color:var(--color-warning)!important}input[type=checkbox]{accent-color:var(--color-accent);width:19px;height:19px;min-width:19px;min-height:19px;margin:0}.action-modal__footer{border-top:1px solid rgba(212,207,198,.1);background:var(--color-dark);flex-shrink:0;position:relative;z-index:1002}.action-modal__panel--top .action-modal__footer{display:none}.action-modal__status{background:var(--color-surface);border-top:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1);border-left:none;border-right:none;border-radius:0;padding:var(--spacing-base) var(--spacing-base) var(--spacing-base) var(--spacing-base);animation:slideDown .3s ease-out}.action-modal__status.error{background:#e74c3c1a;border-top:1px solid rgba(231,76,60,.3);border-bottom:1px solid rgba(231,76,60,.3)}.action-modal__status.error .action-modal__status-icon,.action-modal__status.error #status-message-top,.action-modal__status.error #status-message-bottom{color:var(--color-danger)}.action-modal__status.success{background:#2ecc711a;border-top:1px solid rgba(46,204,113,.3);border-bottom:1px solid rgba(46,204,113,.3)}.action-modal__status.success .action-modal__status-icon,.action-modal__status.success #status-message-top,.action-modal__status.success #status-message-bottom{color:var(--color-success)}.action-modal__status.info{background:#5543db1a;border-top:1px solid rgba(85,67,219,.3);border-bottom:1px solid rgba(85,67,219,.3)}.action-modal__status.info .action-modal__status-icon{color:var(--color-accent)}.action-modal__status.info #status-message-top,.action-modal__status.info #status-message-bottom{color:var(--color-light)}.action-modal__status.syncing{background:#5543db1a;border-top:1px solid rgba(85,67,219,.3);border-bottom:1px solid rgba(85,67,219,.3)}.action-modal__status.syncing .action-modal__status-icon{color:var(--color-accent)}.action-modal__status.syncing #status-message-top,.action-modal__status.syncing #status-message-bottom{color:var(--color-light)}.action-modal__status.selection{background:#5543db1a;border-top:1px solid rgba(85,67,219,.3);border-bottom:1px solid rgba(85,67,219,.3)}.action-modal__status.selection .action-modal__status-icon{color:var(--color-accent)}.action-modal__status.selection #status-message-top,.action-modal__status.selection #status-message-bottom{color:var(--color-light)}.action-modal__status-content{display:flex;align-items:center;justify-content:center;gap:var(--spacing-base);min-height:25px}.action-modal__status-icon{width:20px;height:20px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-md);color:var(--color-accent)}#status-message-top,#status-message-bottom{color:var(--color-light);font-size:var(--font-size-xs);font-weight:500}.action-modal__info{margin-bottom:var(--spacing-double);padding:var(--spacing-base);background:#5543db1a;border:1px solid rgba(85,67,219,.2);border-radius:8px}.action-modal__info p{margin:0 0 var(--spacing-base) 0;color:var(--color-light);font-size:var(--font-size-sm);line-height:1.4}.action-modal__info p:last-child{margin-bottom:0}.action-modal__actions{display:flex;justify-content:flex-end;gap:var(--spacing-base);margin:var(--spacing-base) 0;padding:var(--spacing-base) var(--spacing-base) calc(var(--spacing-double) + env(safe-area-inset-bottom,0px)) var(--spacing-base)}.action-modal__button--primary{background:var(--color-accent)!important;color:#fff!important;border:none!important;padding:12px 24px!important;border-radius:8px!important;font-weight:600!important;font-size:var(--font-size-md)!important;cursor:pointer!important;transition:all .2s ease!important;width:auto!important;min-width:120px!important;margin:0!important;box-shadow:0 4px 12px #5543db4d!important}.action-modal__button--primary:hover:not(:disabled){background:var(--color-accent-dark, #4a3bc7)}.action-modal__button--primary:disabled{background:#5543db4d!important;color:#fff9!important;cursor:not-allowed!important;border:1px solid rgba(85,67,219,.2)!important;box-shadow:none!important}#primary-button-top:not([disabled]),#primary-button-bottom:not([disabled]){pointer-events:auto}.action-modal__button--primary.danger{background:var(--color-danger)}.action-modal__button--primary.danger:hover:not(:disabled){background:#c0392b}.action-modal__button--primary.loading{position:relative;color:transparent}.action-modal__button--primary.loading:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:action-modal-spin 1s linear infinite}@keyframes action-modal-spin{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.action-modal__panel,.action-modal__overlay,.action-modal__panel--top.exiting,.action-modal__panel--bottom.exiting{transition-duration:1ms!important;animation-duration:1ms!important}}@media only screen and (min-width:576px){.action-modal__info{margin-bottom:var(--spacing-double);padding:var(--spacing-double)}.action-modal__tip{font-size:var(--font-size-sm)}.action-modal__status{padding:var(--spacing-base) var(--spacing-double)}#status-message-top,#status-message-bottom{font-size:var(--font-size-xs)}.action-modal__actions{margin-top:var(--spacing-double);padding-bottom:var(--spacing-double)}.action-modal__button--primary{padding:var(--spacing-base) var(--spacing-double);min-width:100px}}@media only screen and (min-width:768px){.action-modal__panel{left:auto;width:500px;max-width:50vw;border-left:1px solid rgba(212,207,198,.1);border-bottom:none}.action-modal__header{height:64px;padding:0 var(--spacing-double)}.action-modal__header h2{font-size:var(--font-size-xl)}.action-modal__content-area,.action-modal__info,.action-modal__actions{padding:var(--spacing-double)}}@media only screen and (min-width:1024px){.action-modal__panel{width:600px;max-width:40vw}}.article-list__container{display:flex;flex-direction:column;gap:var(--spacing-base);padding-top:calc(64px + env(safe-area-inset-top,0px));overscroll-behavior:contain}.article-list__section{display:flex;flex-direction:column;gap:var(--spacing-base)}.article-list__item-container{position:relative;border-radius:12px;overflow:hidden;background-color:var(--color-dark);margin-bottom:2px}.article-list__icon{width:36px;height:36px;background-color:var(--color-accent);border-radius:8px;display:flex;align-items:center;justify-content:center;font-weight:600;flex-shrink:0;cursor:pointer;transition:transform .2s var(--transition-spring),border-color .2s ease,background-color .2s ease;border:2px solid transparent;color:var(--color-light);font-size:var(--font-size-md)}.article-list__icon:has(.feed-favicon){background-color:transparent;border-color:#fff3}.article-list__icon:hover{transform:scale(1.05);border-color:var(--color-accent)}.article-list__icon:has(.feed-favicon):hover{transform:scale(1.05);border-color:var(--color-accent)}.article-list__icon:active{transform:scale(.95)}.article-list__item{display:flex;align-items:center;gap:var(--spacing-base);padding:8px;border-radius:12px;cursor:pointer;position:relative;touch-action:pan-y;transform-origin:center;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;z-index:2;transition:background-color .2s ease,transform .18s cubic-bezier(.4,.8,.5,1.1);background-color:var(--color-dark);will-change:transform}.article-list__item--swiping{touch-action:none}.article-list__item:not(.article-list__item--swiping):hover{background-color:#ffffff14;box-shadow:0 2px 8px #00000026;transform:translateY(-1px)}.article-list__item--swiping{transition:none;background-color:var(--color-dark)}.article-list__item--selected .article-list__icon,.article-list__item.selected .article-list__icon{background-color:#5543db33;border-color:var(--color-accent);border-width:2px}.article-list__item--selected .article-list__icon:has(.feed-favicon),.article-list__item.selected .article-list__icon:has(.feed-favicon){background-color:#ffffff26;border-color:var(--color-light);border-width:2px;box-shadow:0 0 0 1.4px var(--color-success)}.article-list__item--selected,.article-list__item.selected{background-color:#5543db26;border:1px solid rgba(85,67,219,.3)}.article-list__item--selected:not(.article-list__item--swiping):hover,.article-list__item.selected:not(.article-list__item--swiping):hover{background-color:#5543db1f;box-shadow:0 2px 8px #5543db33;transform:translateY(-1px)}.article-list__item--swiping,.article-list__item.swiping{transition:none;background-color:var(--color-dark)}.article-list__swipe-action-bg{position:absolute;top:0;left:0;height:100%;width:100%;background-color:var(--color-surface);display:flex;align-items:center;padding-left:10px;z-index:1;opacity:0;transition:opacity .15s ease-out;pointer-events:none;will-change:opacity}.article-list__item.swipe-right+.article-list__swipe-action-bg,.article-list__item--swiping+.article-list__swipe-action-bg{opacity:1}.article-list__item.selected+.article-list__swipe-action-bg,.article-list__item--selected+.article-list__swipe-action-bg{opacity:0}.swipe-action-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;opacity:0;color:var(--color-success);transform:translate(-5px);transition:opacity .15s ease-out,transform .2s cubic-bezier(.2,0,0,1);will-change:transform,opacity}.article-list__item.swipe-right+.article-list__swipe-action-bg .swipe-action-icon,.article-list__item--swiping+.article-list__swipe-action-bg .swipe-action-icon{opacity:1;transform:translate(0)}.article-list__item.swipe-threshold-met+.article-list__swipe-action-bg .swipe-action-icon,.article-list__item--swiping.swipe-threshold-met+.article-list__swipe-action-bg .swipe-action-icon{transform:scale(1.1)}.article-list__item--unread+.article-list__swipe-action-bg .swipe-action-icon:before{content:"✓";font-size:var(--font-size-3xl)}.article-list__item:not(.article-list__item--unread)+.article-list__swipe-action-bg .swipe-action-icon:before{content:"○";font-size:var(--font-size-3xl);color:var(--color-light)}.article-list__item.returning,.article-list__item--swiping.returning{transition:transform .3s cubic-bezier(.2,0,0,1);background-color:var(--color-dark)}.article-list__item.action-complete,.article-list__item--swiping.action-complete{transform:translate(0) scale(.98);transition:transform .3s cubic-bezier(.2,0,0,1);background-color:var(--color-dark)}.feed-favicon{width:100%;height:100%;object-fit:cover;border-radius:10px}.article-list__content{flex-grow:1;min-width:0}.article-list__item h2{font-size:var(--font-size-md);margin-bottom:0;color:var(--color-light);line-height:1.4}.article-list__item:not(.article-list__item--unread) h2{opacity:.7}.article-list__meta{font-size:var(--font-size-xs);opacity:.5;display:flex;gap:var(--spacing-base);align-items:center}.article-list__separator{font-size:var(--font-size-xs)}h1{font-size:var(--font-size-xl)}.article-list__welcome{margin:0;text-align:center;padding:0 20px;padding-top:calc(64px + env(safe-area-inset-top,0px))}.article-list__welcome-content{display:flex;flex-direction:column;align-items:center;gap:22px;max-width:500px;margin:0 auto}.article-list__welcome-illustration{margin-bottom:-20px}.article-list__welcome-title{font-size:var(--font-size-5xl);font-weight:700;margin:0;color:var(--color-light);line-height:1.2}.article-list__welcome-text{margin:0;color:var(--color-light);opacity:.9;font-size:var(--font-size-lg);line-height:1.5;max-width:400px}.article-list__welcome-content p{margin:0;color:var(--color-light);opacity:.8;font-size:var(--font-size-sm);line-height:1.5;max-width:400px}.article-list__button{padding:10px 20px;font-size:var(--font-size-lg);border-radius:12px;background:var(--color-accent);color:var(--color-light);border:none;cursor:pointer;transition:all .3s ease;font-weight:600;box-shadow:0 4px 12px #5543db4d}.article-list__button:hover{background:var(--color-accent);opacity:.9;transform:translateY(-2px);box-shadow:0 6px 16px #5543db66}.article-list__button:active{transform:translateY(0);box-shadow:0 2px 8px #5543db4d}.article-list__button--primary,.article-list__button--retry{background:var(--color-accent);color:var(--color-light)}.article-list__button-text{font-size:var(--font-size-sm);font-weight:500}.article-list__spinner{display:none}.article-list__loading-spinner{width:16px;height:16px;border:2px solid transparent;border-top:2px solid var(--color-accent);border-radius:50%;animation:spin 1s linear infinite}.article-list__quick-add{display:flex;flex-direction:column;align-items:center;gap:5px;margin-top:8px;max-width:300px;width:100%}.article-list__quick-add p{margin:0;color:var(--color-light);opacity:.7;font-size:var(--font-size-sm);font-weight:500}.article-list__chip-section{display:flex;flex-direction:column;align-items:center;gap:12px;width:100%;padding:16px 0;border-bottom:1px solid rgba(255,255,255,.05)}.article-list__chip-section:last-child{border-bottom:none;padding-bottom:0}.article-list__chip-section-title{margin:0;color:var(--color-accent);opacity:.9;font-size:var(--font-size-xs);font-weight:700;text-transform:uppercase;letter-spacing:.1em;text-align:center;position:relative;padding:0 16px}.article-list__chip-section-title:before,.article-list__chip-section-title:after{content:"";position:absolute;top:50%;width:20px;height:1px;background:linear-gradient(90deg,transparent,var(--color-accent),transparent);opacity:.3}.article-list__chip-section-title:before{left:-40px}.article-list__chip-section-title:after{right:-40px}.article-list__chips{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;max-width:100%}.article-list__chip{border:1px solid rgba(255,255,255,.15);background:#ffffff14;color:var(--color-light);padding:.6rem 1.2rem;border-radius:20px;font-size:var(--font-size-sm);font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);white-space:nowrap;position:relative;overflow:hidden}.article-list__chip:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s ease}.article-list__chip:hover{transform:translateY(-2px);background:#ffffff1f;border-color:#ffffff40;box-shadow:0 4px 12px #00000026}.article-list__chip:hover:before{left:100%}.article-list__chip:active{transform:translateY(-1px);background:#ffffff1a;box-shadow:0 2px 6px #0000001a}.article-list__error{background:#e74c3c1a;border:1px solid rgba(231,76,60,.2);border-radius:12px;padding:16px;display:flex;align-items:center;justify-content:center;margin:16px 0;width:100%;animation:fadeIn .3s ease}.article-list__error-content{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;margin:16px;padding:24px}.article-list__error-message{color:#e74c3c;font-size:var(--font-size-md);font-weight:500;text-align:center;margin-bottom:16px}.article-list__section-header{display:flex;align-items:center;gap:var(--spacing-double);padding:6px 0;color:var(--color-accent);font-size:var(--font-size-sm);font-weight:500;text-transform:uppercase;letter-spacing:.05em}.article-list__section-header:after{content:"";flex-grow:1;height:1px;background-color:var(--color-accent);opacity:.3}.loading-indicator{display:flex;align-items:center;justify-content:center;gap:var(--spacing-base);padding:var(--spacing-double);margin-top:48px;color:var(--color-light);opacity:.7;font-size:var(--font-size-sm)}.loading-spinner{width:16px;height:16px;border:2px solid transparent;border-top:2px solid var(--color-accent);border-radius:50%;animation:spin 1s linear infinite}.article-list__buttons-container{display:flex;align-items:flex-end;justify-content:space-between;gap:8px;width:100%;max-width:100%;padding:12px;box-sizing:border-box}.load-more-button{display:flex;align-items:center;justify-content:center;gap:12px;width:auto;max-width:300px;min-width:235px;padding:12px 16px;background:var(--color-surface);border:1px solid rgba(255,255,255,.1);border-radius:8px;color:var(--color-light);font-size:var(--font-size-xs);font-weight:500;cursor:pointer;transition:all .2s ease;box-sizing:border-box}.load-more-button:hover{background:#ffffff0d;border-color:#fff3;transform:translateY(-1px)}.load-more-button:active{transform:translateY(0)}.load-more-text{font-size:var(--font-size-sm);font-weight:500}.load-more-count{font-size:var(--font-size-xs);opacity:.6;font-weight:400}@media(min-width:600px){.article-list__buttons-container{padding:10px;gap:12px;max-width:450px;align-items:flex-end}.load-more-button{padding:12px 24px;font-size:var(--font-size-sm)}.scroll-to-top-btn{padding:12px 20px;font-size:var(--font-size-sm);bottom:20px;right:20px}}.scroll-to-top-btn{position:fixed;bottom:20px;right:20px;display:none;align-items:center;justify-content:center;gap:4px;min-width:fit-content;padding:12px 16px;background:var(--color-accent);color:var(--color-dark);border:none;border-radius:25px;font-size:var(--font-size-xs);font-weight:600;cursor:pointer;box-shadow:0 4px 12px #0000004d;transition:all .3s ease;box-sizing:border-box;z-index:1000}body[data-modal-active] .scroll-to-top-btn{display:none!important}.scroll-to-top-btn:hover{background:var(--color-accent);opacity:.9;transform:translateY(-1px)}.scroll-to-top-btn:active{transform:translateY(0)}.sync-loading-screen{background:#5543db1a;border:1px solid rgba(85,67,219,.2);border-radius:12px;padding:16px;display:flex;align-items:center;justify-content:center;margin:16px 0;width:100%;animation:fadeIn .3s ease}.sync-content{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;margin:16px;padding:24px}.sync-header{display:flex;align-items:center;justify-content:center;gap:16px;width:100%}.sync-spinner{width:24px;height:24px;border:2px solid var(--color-accent);border-top:2px solid transparent;border-radius:50%;animation:spin 1s linear infinite}.sync-header h3{margin:0;color:var(--color-light);font-size:var(--font-size-md);font-weight:500}.sync-header h2{font-size:var(--font-size-lg)}.failed-feeds-list{margin-bottom:24px;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:8px;max-height:150px;overflow-y:auto;width:100%}.failed-feed-item{display:flex;flex-direction:column;gap:4px;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.05)}.failed-feed-item:last-child{border-bottom:none}.failed-feed-item .feed-title-row{display:flex;align-items:center;justify-content:space-between;width:100%}.failed-feed-item .feed-title{color:var(--color-light);font-weight:500;font-size:var(--font-size-sm)}.failed-feed-item .feed-title-spinner{display:inline-block}.failed-feed-item .feed-error{color:#e74c3c;font-size:var(--font-size-xs);opacity:.8}.sync-actions{display:flex;flex-direction:column;gap:12px;margin-top:32px;width:100%}.retry-button,.show-articles-button{width:100%;min-width:0;padding:14px 0;border:none;border-radius:8px;font-size:var(--font-size-15px);font-weight:600;cursor:pointer;transition:background .2s,color .2s,filter .2s;box-sizing:border-box}.retry-button{background:var(--color-accent);color:var(--color-light)}.retry-button:hover:not(:disabled){filter:brightness(1.1)}.show-articles-button{background:#23232b;color:var(--color-light)}.show-articles-button:hover:not(:disabled){background:#2d2d38;color:var(--color-accent)}.feed-retry-spinner{width:16px;height:16px;border:2px solid #e74c3c;border-top:2px solid transparent;border-radius:50%;display:inline-block;margin-left:8px;vertical-align:middle;animation:spin 1s linear infinite}.sync-error{text-align:center}.sync-error h2{margin-bottom:16px}.sync-error p{color:var(--color-light);margin-bottom:24px;opacity:.8;color:#e74c3c}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInUp{to{opacity:1;transform:translateY(0)}}.swipe-return{transition:transform .25s cubic-bezier(.4,0,.2,1)}@media(min-width:600px){.article-list__item{padding:12px}h1{font-size:var(--font-size-3xl)}.preview{font-size:var(--font-size-md)}.meta{font-size:var(--font-size-sm)}.article-list__welcome{margin:28px 0 0;padding:0 32px}.article-list__welcome-content{gap:24px;max-width:600px}.article-list__welcome-illustration{margin-bottom:0}.article-list__welcome-title{font-size:var(--font-size-6xl)}.article-list__welcome-text{font-size:var(--font-size-xl)}.article-list__welcome-content p{font-size:var(--font-size-md)}.article-list__button{padding:14px 36px;font-size:var(--font-size-xl)}.article-list__quick-add{gap:24px;max-width:500px}.article-list__quick-add p{font-size:var(--font-size-md)}.article-list__chip-section{gap:18px;padding:20px 0}.article-list__chip-section-title{font-size:var(--font-size-sm);padding:0 20px}.article-list__chip-section-title:before{left:-50px;width:30px}.article-list__chip-section-title:after{right:-50px;width:30px}.article-list__chips{gap:14px;max-width:100%}.article-list__chip{padding:.7rem 1.4rem;font-size:var(--font-size-sm);border-radius:22px}.sync-content{padding:32px;margin:24px}.sync-header h2{font-size:var(--font-size-xl)}.failed-feeds-list{max-height:200px}.sync-actions{flex-direction:row}.retry-button,.show-articles-button{width:auto;min-width:120px}}@media(min-width:1024px){.article-list__welcome{padding:0 40px}.article-list__welcome-content{gap:26px;max-width:700px}.article-list__welcome-illustration{margin-bottom:-4px}.article-list__welcome-title{font-size:var(--font-size-7xl)}.article-list__welcome-text{font-size:var(--font-size-2xl)}.article-list__welcome-content p{font-size:var(--font-size-lg)}.article-list__button{padding:16px 40px;font-size:var(--font-size-2xl)}.article-list__quick-add{gap:28px;max-width:600px}.article-list__quick-add p{font-size:var(--font-size-lg)}.article-list__chip-section{gap:20px;padding:24px 0}.article-list__chip-section-title{font-size:var(--font-size-sm);padding:0 24px}.article-list__chip-section-title:before{left:-60px;width:40px}.article-list__chip-section-title:after{right:-60px;width:40px}.article-list__chips{gap:16px}.article-list__chip{padding:.8rem 1.6rem;font-size:var(--font-size-sm);border-radius:24px}}.bottom-menu{position:fixed;bottom:0;left:0;right:0;height:var(--bottom-menu-height);background-color:transparent;transform:translateY(100%);transition:transform .3s var(--transition-spring);z-index:1001;padding-bottom:env(safe-area-inset-bottom);height:calc(var(--bottom-menu-height) + env(safe-area-inset-bottom))}.bottom-menu:before{content:"";position:absolute;inset:0;background-color:var(--color-surface);z-index:-1}.bottom-menu>div{max-width:800px;margin:0 auto;height:100%;display:flex;align-items:center;justify-content:space-between;padding:0 var(--spacing-double)}.bottom-menu.active{transform:translateY(0)}.bottom-menu__actions{display:flex;align-items:center;gap:var(--spacing-base)}.bottom-menu__button{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:none;border:none;color:var(--color-light);cursor:pointer;border-radius:50%;transition:background-color .2s,transform .2s}.bottom-menu__button:hover{background-color:#d4cfc61a}.bottom-menu__button:active{transform:scale(.95)}.bottom-menu__button svg{width:24px;height:24px;opacity:.7;transition:opacity .2s}.bottom-menu__button:hover svg{opacity:1}.bottom-menu__count{font-size:var(--font-size-md);opacity:.7}.auth{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-dark) 0%,#1a1a2e 100%);padding:var(--spacing-base)}.auth__content{width:100%;max-width:400px;text-align:center}.auth__header{margin-bottom:var(--spacing-double)}.auth__logo{margin-bottom:var(--spacing-base)}.auth__logo-image{width:75px;height:75px;border-radius:8px;box-shadow:0 8px 32px #5543db80}.auth__title{font-size:var(--font-size-5xl);font-weight:700;color:var(--color-light);margin-bottom:var(--spacing-double);letter-spacing:-.02em}.auth__forms{background:#ffffff0d;border-radius:16px;padding:var(--spacing-double);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}.auth__form{width:100%}.auth__form-title{font-size:var(--font-size-3xl);font-weight:600;color:var(--color-light);margin-bottom:4px}.auth__form-subtitle{font-size:var(--font-size-sm);color:var(--color-light);opacity:.7;margin-bottom:var(--spacing-double)}.auth__form-group{margin-bottom:var(--spacing-double);text-align:left}.auth__form-group--consent{margin-bottom:var(--spacing-double)}.auth__label{display:block;font-size:var(--font-size-sm);font-weight:500;color:var(--color-light);margin-bottom:8px}.auth__input{width:100%;padding:12px 16px;border:1px solid rgba(255,255,255,.2);border-radius:8px;background:#ffffff0d;color:var(--color-light);font-size:var(--font-size-md);transition:border-color .2s ease,background-color .2s ease}.auth__input:focus{outline:none;border-color:var(--color-accent);background:#ffffff14}.auth__input::placeholder{color:#ffffff80}.auth__consent{display:flex;align-items:center;gap:12px;font-size:var(--font-size-sm);color:var(--color-light);cursor:pointer;padding-left:var(--spacing-base)}.auth__checkbox{margin:0;width:16px;height:16px;accent-color:var(--color-accent)}.auth__consent-text{line-height:1.4}.auth__switch{text-align:center;margin-top:var(--spacing-double);font-size:var(--font-size-sm);color:var(--color-light);opacity:.8}.auth__switch-link{background:none;border:none;color:var(--color-accent);cursor:pointer;font-weight:500;text-decoration:underline;margin-left:4px;font-size:var(--font-size-sm)}.auth__switch-link:hover{opacity:.8}.auth__link{background:none;border:none;color:var(--color-accent);font-weight:500;cursor:pointer;text-decoration:underline;transition:color .2s ease;font-size:var(--font-size-sm)}.auth__link:hover{color:#6b5bff}.auth-error{background:#e74c3c1a;border:1px solid rgba(231,76,60,.3);color:#e74c3c;padding:12px 16px;border-radius:8px;margin-bottom:var(--spacing-base);font-size:var(--font-size-sm);text-align:center}@media(min-width:600px){.auth{padding:var(--spacing-double)}.auth__content{max-width:450px}.auth__title{font-size:var(--font-size-6xl)}.auth__forms{padding:2.5rem}}@media(min-width:1024px){.auth__content{max-width:500px}.auth__title{font-size:var(--font-size-7xl)}.auth__form-title{font-size:var(--font-size-4xl)}}.feed-filter__panel{position:fixed;top:0;left:0;max-width:500px;width:100%;height:100vh;max-height:100vh;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);background-color:var(--color-dark);border-right:1px solid rgba(212,207,198,.1);transform:translate(-100%);transition:transform var(--motion-duration-enter) var(--ease-decel);z-index:1001;display:flex;flex-direction:column}.feed-filter__panel.active{transform:translate(0)}.feed-filter__header{min-height:64px;padding:0 var(--spacing-double);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(212,207,198,.1);background-color:var(--color-dark)}.feed-filter__header h2{font-size:var(--font-size-xl);font-weight:600;color:var(--color-light)}.feed-filter__button{background:none;border:none;color:var(--color-light);cursor:pointer;padding:8px;border-radius:8px;transition:background-color .2s ease}.feed-filter__button:hover{background-color:#ffffff1a}.feed-filter__list{flex:1;overflow-y:auto;padding:0;padding-bottom:env(safe-area-inset-bottom,0px);gap:0}.feed-filter__item{display:flex;align-items:center;gap:12px;padding:10px 20px;border:none;background:none;color:var(--color-light);width:100%;text-align:left;border-radius:8px;cursor:pointer;transition:background-color .2s;font:inherit;box-shadow:none;outline:none;margin:var(--spacing-base) 0}.feed-filter__item:active,.feed-filter__item:focus{outline:2px solid var(--color-accent)}.feed-filter__item:hover{background-color:#ffffff08}.feed-filter__item.active{background-color:#5543db1a}.feed-filter__icon{width:32px;height:32px;background-color:var(--color-accent);border-radius:6px;display:flex;align-items:center;justify-content:center;font-weight:600;flex-shrink:0;color:var(--color-light);font-size:var(--font-size-md);border:1px solid rgba(255,255,255,.1)}.feed-filter__icon:has(.feed-favicon){background-color:transparent;border-color:#fff3}.feed-favicon{width:100%;height:100%;object-fit:cover;border-radius:6px}.feed-filter__info{display:flex;flex-direction:column;gap:2px}.feed-name{font-weight:500;color:var(--color-light);font-size:var(--font-size-md)}.feed-filter__meta{display:flex;flex-direction:row;gap:8px;align-items:center}.feed-filter__count{font-size:var(--font-size-xs);opacity:.7;color:var(--color-light)}.feed-filter__sync-time{font-size:var(--font-size-xs);opacity:.5;color:var(--color-light)}.feed-filter__overlay{position:fixed;inset:0;background-color:#00000080;opacity:0;pointer-events:none;transition:opacity var(--motion-duration-enter) var(--ease-standard);z-index:1000}.feed-filter__overlay.active{opacity:1;pointer-events:auto}.error-message{padding:var(--spacing-double);color:var(--color-light);opacity:.7;text-align:center;font-size:var(--font-size-sm)}.static-indicator{font-size:var(--font-size-xs);opacity:.7;margin-left:4px}.feed-status-indicator{font-size:var(--font-size-xs);margin-left:4px;display:inline-block}.feed-status-indicator--out_of_sync{color:#ffc107;opacity:.9}.feed-status-indicator--blocked{color:#f44336;opacity:.9}@media(prefers-reduced-motion:reduce){.feed-filter__panel,.feed-filter__overlay{transition-duration:1ms!important}}.header{position:fixed;top:0;left:0;right:0;height:64px;background-color:var(--color-dark);border-bottom:1px solid rgba(212,207,198,.1);z-index:100;padding-right:calc(var(--spacing-double) + var(--scrollbar-width));width:100%;padding-top:env(safe-area-inset-top);height:calc(64px + env(safe-area-inset-top))}.header__nav{display:flex;justify-content:space-between;align-items:center;max-width:800px;height:100%;margin:0 auto;padding:0 var(--spacing-double)}.header__section{display:flex;align-items:center}.header__section--center{display:flex;flex-direction:column;align-items:center;gap:4px}.header__logo{display:flex;align-items:center;gap:8px;text-decoration:none;color:inherit}.header__logo-image{border-radius:5px}.header__button{background:none;border:none;color:var(--color-light);width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:8px;transition:background-color .2s}.header__button:hover{background-color:#d4cfc61a}.header__button--filter{color:var(--text-secondary);transition:all .2s ease}.header__button--filter:hover{background:var(--hover-bg);color:var(--text-primary)}.header__button--settings{padding:8px;border-radius:50%;color:var(--text-secondary);transition:all .2s ease}.header__button--settings:hover{background:var(--hover-bg);color:var(--text-primary)}.header__button--settings svg{width:20px;height:20px}.header__connection-status{display:flex;align-items:center;gap:6px;padding:4px 8px;border-radius:12px;font-size:var(--font-size-xs);font-weight:500;transition:all .3s ease}.header__connection-status--offline{background:#e74c3c1a;color:#e74c3c;border:1px solid rgba(231,76,60,.2)}.header__connection-status--online{background:#2ecc711a;color:#2ecc71;border:1px solid rgba(46,204,113,.2)}.header__status-indicator{width:8px;height:8px;border-radius:50%;background:currentColor;animation:pulse 2s infinite}.header__status-text{font-size:var(--font-size-xs);font-weight:500}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}#refresh-feeds-btn:disabled{opacity:.6;cursor:not-allowed}.action-menu__container{display:flex;flex-direction:column;flex:1;min-height:0;height:100%}.action-menu__scrollable{flex:1;overflow-y:auto;padding:var(--spacing-base) 0}.action-menu__section{margin-bottom:var(--spacing-double)}.action-menu__section:last-child{margin-bottom:0}.action-menu__section-title{font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#d4cfc699;margin:0 0 var(--spacing-base) 0;padding:0 var(--spacing-double)}.action-menu__item{display:flex;align-items:center;gap:var(--spacing-base);width:100%;padding:calc(var(--spacing-base) * 1.5) var(--spacing-double);background:none;border:none;color:var(--color-light);font-size:var(--font-size-md);text-align:left;cursor:pointer;transition:background-color .2s ease;margin:2px 0}.action-menu__item:hover{background:#d4cfc61a}.action-menu__item:active{background:#d4cfc626}.action-menu__item svg{flex-shrink:0;color:var(--color-light)}.action-menu__label{flex:1;font-size:var(--font-size-md);color:var(--color-light)}.action-menu__item--danger{color:var(--color-danger)}.action-menu__item--danger:hover{background:#ff6b6b1a}.action-menu__item--danger:active{background:#ff6b6b26}.action-menu__item--danger svg{color:var(--color-danger)}.action-menu__item--danger .action-menu__label{color:var(--color-danger)}.action-menu__divider{height:1px;background:#d4cfc61a;margin:var(--spacing-base) 0}.action-menu__footer{flex-shrink:0;padding:var(--spacing-base) 0}.action-menu__legal-links{display:flex;align-items:center;justify-content:center;gap:calc(var(--spacing-base) * .5);padding:0 var(--spacing-base)}.action-menu__legal-link{background:none;border:none;color:#d4cfc699;font-size:var(--font-size-xs);font-weight:500;cursor:pointer;transition:color .2s ease;text-decoration:none}.action-menu__legal-link:hover{color:var(--color-accent)}.action-menu__legal-separator{color:#d4cfc666;font-size:var(--font-size-xs);margin:0 calc(var(--spacing-base) * .5)}@media(min-width:768px){.action-menu__container{padding:var(--spacing-double) 0}}