*,*:before,*:after{box-sizing:border-box}*{margin:0}html,body{height:100%}body{line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}#root,#__next{isolation:isolate}.loader:after{content:" ";display:block;width:64px;height:64px;margin:8px;border-radius:50%;border:6px solid #fff;border-color:#fff transparent #fff transparent;animation:lds-dual-ring 1.2s linear infinite}:root{--color-toast-bg: #d4edda;--color-toast-error-bg: #f8d7da;--color-toast-error-text: #721c24}.App{--color-text: #323232;--color-text-lighter: #a0a0a0;--color-text-lightest: #ccc;--color-bg: #f8f8f8;--color-card-bg: #fff;--color-accent: #646cff;--color-accent-hover: #535bf2;--color-accent-contrast: #fff;--color-red: #ff6464;--color-border: #eaeaea;--color-error-bg: #f8d7da;--color-error-text: #721c24;--color-underlay-bg: #f2f2f2;--color-underlay-accent: #ccc;--color-entry-detail-bg: #fff;--color-topbar-bg: #fff;--color-toast-bg: #d4edda;--color-toast-error-bg: #f8d7da;--color-toast-error-text: #721c24}.App.dark-theme{--color-text: #fff;--color-text-lighter: #ccc;--color-text-lightest: #aaa;--color-bg: #1a1a1a;--color-card-bg: #2a2a2a;--color-accent: #646cff;--color-accent-hover: #535bf2;--color-accent-contrast: #fff;--color-red: #ff6464;--color-border: #2a2a2a;--color-error-bg: #721c24;--color-error-text: #fff;--color-underlay-bg: #2a2a2a;--color-underlay-accent: #ccc;--color-entry-detail-bg: #2a2a2a;--color-topbar-bg: #2a2a2a;--color-toast-bg: #d4edda;--color-toast-error-bg: #721c24;--color-toast-error-text: #fff}.App{color:var(--color-text);background-color:var(--color-bg);position:fixed;inset:0}.App.logged-in{max-width:1280px;margin:0 auto;width:100%}.App.logged-in .top-bar{width:100%;display:flex;align-items:center;justify-content:space-between;padding:0 12px;height:48px;background-color:var(--color-topbar-bg);border-bottom:1px solid var(--color-border);z-index:2;color:var(--color-text)}.App.logged-in .top-bar .logo{font-size:18px;font-weight:500;text-decoration:none;display:flex;align-items:center;justify-content:center}.App.logged-in .top-bar .logo img{width:32px;border-radius:50%;margin-right:16px}.App.logged-in .top-bar .user{display:flex;align-items:center}.App.logged-in .top-bar .user .user-name{margin-right:12px}.App.logged-in .top-bar .user .user-avatar{width:24px;height:24px;border-radius:50%;object-fit:cover}.App.logged-in .page-container{display:flex;flex-direction:column;align-items:center;justify-content:space-between;height:calc(100vh - 48px)}@media(min-width:40rem){.App.logged-in .page-container{flex-direction:row-reverse;padding:16px}}.App.logged-in .page-container main{flex:1;width:100%;overflow-y:auto;display:flex;flex-direction:column}@media(min-width:40rem){.App.logged-in .page-container main{flex-direction:column;justify-content:flex-start;height:100%}}.App.logged-in .page-container .nav-menu{width:100%;display:flex;align-items:center;justify-content:space-between;background-color:var(--color-topbar-bg);border-top:1px solid var(--color-border);height:64px}.App.logged-in .page-container .nav-menu .menu-item{justify-content:center;width:100%;color:var(--color-text);text-decoration:none;display:flex;flex-direction:column;justify-content:space-between;align-items:center}.App.logged-in .page-container .nav-menu .menu-item svg{width:16px;height:16px}.App.logged-in .page-container .nav-menu .menu-item.active{color:var(--color-accent)}@media(min-width:40rem){.App.logged-in .page-container .nav-menu{margin:16px 0;flex-direction:column;width:192px;height:100%;display:flex;align-items:center;justify-content:flex-start;padding:12px;gap:12px;border:1px solid var(--color-border);border-radius:12px}.App.logged-in .page-container .nav-menu .menu-item{display:flex;flex-direction:row;justify-content:flex-start;width:100%;align-items:center;gap:8px;padding:8px 16px;border-radius:8px;transition:background-color .1s ease-in-out}.App.logged-in .page-container .nav-menu .menu-item.active,.App.logged-in .page-container .nav-menu .menu-item:hover{background-color:var(--color-bg)}.App.logged-in .page-container .nav-menu .menu-item svg{width:24px;height:24px}}*,body{font-family:Roboto,sans-serif}:root{font-family:Roboto,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}a{font-weight:500;color:var(--color-accent);text-decoration:inherit}a:hover{color:var(--color-accent-hover)}body{margin:0}h1{font-size:36px;line-height:1.1}.form-item{margin-bottom:16px}.form-item input{width:100%;padding:12px 16px;border-radius:4px;border:1px solid var(--color-border);font-size:14px;font-weight:400;background-color:var(--color-bg);color:var(--color-text)}.form-item input:focus,.form-item input:focus-visible{outline:4px auto -webkit-focus-ring-color;border-color:var(--color-accent)}button{padding:12px 16px;border-radius:4px;border:1px solid var(--color-border);font-size:14px;font-weight:500;transition:background-color .1s ease-in-out;background-color:var(--color-accent);color:var(--color-accent-contrast)}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color;border-color:var(--color-accent)}button:hover{background-color:var(--color-accent-hover)}button:disabled{background-color:var(--color-border);color:var(--color-text-lighter)}button.icon-button{padding:8px;border:none;background-color:transparent;color:var(--color-accent);display:flex;align-items:center;column-gap:4px;cursor:pointer}button.icon-button i{font-size:20px;color:var(--color-accent)}button.icon-button:focus,button.icon-button:focus-visible{outline:4px auto -webkit-focus-ring-color;border-color:var(--color-accent)}button.icon-button:hover{background-color:var(--color-accent)}button.icon-button:hover i{color:var(--color-accent-contrast)}button.icon-button:disabled{background-color:transparent;color:var(--color-text-lightest)}button.icon-button:disabled i{color:var(--color-text-lightest)}.auth-page{flex-direction:column;align-items:center;justify-content:center;padding:32px 24px;background-color:var(--color-card-bg);border-radius:12px;margin:96px auto;width:100%;max-width:384px;border:1px solid var(--color-border)}.auth-page h1{margin-bottom:32px}.auth-page .actions{display:flex;align-items:center;justify-content:flex-end;margin-top:16px}.auth-page .actions button{margin-left:16px}.error{background-color:var(--color-error-bg);color:var(--color-error-text);padding:12px 16px;margin-bottom:16px}main.feed-page{display:flex;flex-direction:column;position:relative;overflow-y:auto;background-image:repeating-linear-gradient(to bottom,transparent,transparent 3px,var(--color-underlay-bg) 3px,var(--color-underlay-bg) 20px),repeating-linear-gradient(to right,var(--color-underlay-accent),var(--color-underlay-accent) 3px,var(--color-underlay-bg) 3px,var(--color-underlay-bg) 20px)}main.feed-page .feed-page-inner{padding:16px;background-color:var(--color-bg);flex:1}main.feed-page .pull-indicator{position:absolute;top:16px;left:0;width:100%;background-color:transparent;display:flex;align-items:center;justify-content:center;font-size:24px;color:var(--color-text-lighter);transition:transform .2s ease-in-out;z-index:100}main.feed-page .pull-indicator i{transition:transform .2s ease-in-out}main.feed-page .pull-indicator.flip i{transform:rotate(180deg)}main.feed-page .entry{border-bottom:1px solid var(--color-border);display:flex;align-items:top;justify-content:space-between;position:relative;transition:all .3s ease-in-out;flex-wrap:wrap}main.feed-page .entry:first-child{padding-top:0}main.feed-page .entry:last-child{padding-bottom:0;border-bottom:none}main.feed-page .entry.expanded{background-color:var(--color-card-bg);box-shadow:0 2px 8px #0000001a}main.feed-page .entry.expanded .entry-info{display:none}main.feed-page .entry.read .entry-title{color:var(--color-text-lighter)!important}main.feed-page .entry.read .entry-summary{color:var(--color-text-lighter)!important}main.feed-page .entry.read .entry-date,main.feed-page .entry.read .entry-feed{color:var(--color-text-lighter)!important}main.feed-page .entry .entry-info{flex:1;font-size:16px;z-index:3;background-color:var(--color-bg);padding:12px;border-radius:8px;cursor:pointer;transition:background-color .2s ease-in-out}@media(min-width:40rem){main.feed-page .entry .entry-info:hover{background-color:var(--color-card-bg)}}main.feed-page .entry .entry-info .entry-title{font-weight:500;margin-right:4px;color:var(--color-text)}main.feed-page .entry .entry-info .entry-summary{font-weight:400;color:var(--color-text-lighter)}main.feed-page .entry .entry-info .entry-date{font-weight:400;color:var(--color-text-lighter)}main.feed-page .entry .entry-info .entry-feed{font-weight:400;color:var(--color-text-lighter)}main.feed-page .entry .entry-info .entry-img{width:12px;border-radius:50%;object-fit:cover;display:inline-block;margin-right:4px}main.feed-page .entry .mark-read-activator{position:absolute;right:16px;color:var(--color-text-lighter);display:flex;align-items:center;justify-content:center;flex-direction:column;z-index:2;top:50%;transform:translateY(-50%)}main.feed-page .entry .mark-read-activator .icon-wrapper{font-size:24px;transition:color .2s ease-in-out}main.feed-page .entry .mark-read-activator .text{font-size:16px;text-transform:uppercase;font-weight:700;transition:color .2s ease-in-out}main.feed-page .entry .mark-read-activator.activated{color:var(--color-accent)}main.feed-page .entry .mark-read-activator.activated .icon-wrapper i{color:var(--color-accent)}main.feed-page .entry-detail-inline{width:100%;padding:12px;margin-top:12px;border-top:1px solid var(--color-border);animation:slideDown .3s ease-in-out;overflow:hidden}main.feed-page .entry-detail-inline .entry-detail-actions{margin-bottom:16px;margin-top:8px;display:flex;align-items:center;justify-content:flex-end}main.feed-page .entry-detail-inline .entry-detail-title{font-size:20px;margin-bottom:12px;font-weight:600}main.feed-page .entry-detail-inline .entry-detail-title a{color:var(--color-text)}main.feed-page .entry-detail-inline .entry-detail-title a:hover{color:var(--color-accent)}main.feed-page .entry-detail-inline .entry-detail-content{color:var(--color-text);line-height:1.6}main.feed-page .entry-detail-inline .entry-detail-content p{font-size:16px;margin-bottom:16px}main.feed-page .entry-detail-inline .entry-detail-content figure{margin-bottom:16px}main.feed-page .entry-detail-inline .entry-detail-content figure img{width:100%;object-fit:cover;border-radius:8px}main.feed-page .entry-detail-inline .entry-detail-content figure figcaption{font-size:14px;color:var(--color-text-lighter);margin-top:4px;text-align:center}main.feed-page .entry-detail-inline .entry-detail-content a{color:var(--color-accent);text-decoration:underline}main.feed-page .entry-detail-inline .entry-detail-content a:hover{color:var(--color-accent-hover)}@keyframes slideDown{0%{opacity:0;max-height:0;transform:translateY(-10px)}to{opacity:1;max-height:5000px;transform:translateY(0)}}main.feed-page .actions{margin-top:16px}main.feed-page .actions button{width:100%;margin-bottom:16px}.feeds-page{padding:16px;background-color:var(--color-bg);flex:1;width:100%}.feeds-page .feed-list{margin-bottom:16px}.feeds-page .feed-list .feed-item{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--color-border)}.feeds-page .feed-list .feed-item .feed-item-icon{width:24px;height:24px;border-radius:50%;object-fit:cover;margin-right:12px}.feeds-page .feed-list .feed-item .feed-item-title{font-size:14px;font-weight:500;color:var(--color-text);text-decoration:none;flex:1}.feeds-page .feed-list .feed-item .feed-item-delete{font-size:16px;color:var(--color-text-lighter)}.feeds-page .feed-list .feed-item .feed-item-delete:hover{color:var(--color-red)}.feeds-page .add-feed-wrapper{display:flex;align-items:center;justify-content:center}.feeds-page .add-feed-wrapper .add-feed-form{width:100%;display:flex}.feeds-page .add-feed-wrapper .add-feed-form .form-item:first-child{flex:1;margin-right:8px}.toast{position:fixed;left:0;right:0;margin-left:auto;margin-right:auto;top:64px;padding:12px 16px;border-radius:4px;background-color:var(--color-toast-bg);color:var(--color-text);font-size:14px;font-weight:500;z-index:10;width:calc(100% - 16px);opacity:0;transform:translateY(-50%);transition:all .3s ease-in-out}.toast.toast-show{opacity:1;transform:translateY(0)}.toast.toast-hide{opacity:0;transform:translateY(-50%)}.toast.toast-error{background-color:var(--color-toast-error-bg);color:var(--color-toast-error-text)}.entries-top-actions{display:flex;align-items:center;justify-content:space-between;column-gap:8px}.entries-top-actions span{font-size:14px;font-weight:500;color:var(--color-text-lighter)}.add-feed-options{width:100%;background:var(--color-topbar-bg);padding:8px 12px;font-size:18px;border-radius:4px;margin-bottom:16px}.add-feed-options a.add-feed-option{display:block}.add-feed-options .add-feed-options-header{color:var(--color-text-lighter);font-size:16px;margin-bottom:8px}.loading,.no-entries,.no-feeds{text-align:center;margin-top:48px;font-size:18px;color:var(--color-text-lighter)}.loading i,.no-entries i,.no-feeds i{margin-right:12px}.loader{display:inline-block;width:80px;height:80px}.loader:after{content:" ";display:block;width:64px;height:64px;margin:8px;border-radius:50%;border:6px solid var(--color-topbar-bg);border-color:var(--color-topbar-bg) transparent var(--color-topbar-bg) transparent;animation:lds-dual-ring 1.2s linear infinite}@keyframes lds-dual-ring{0%{transform:rotate(0)}to{transform:rotate(360deg)}}