:root{--bg:#f6f7f9;--card:#fff;--border:#e4e7eb;--text:#1a1d21;--muted:#6b7280;--accent:#2563eb;--danger:#dc2626;--content-width:880px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);overscroll-behavior-x:none;margin:0;overflow-x:clip}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button{cursor:pointer;border:1px solid var(--accent);background:var(--accent);color:#fff;border-radius:8px;padding:8px 14px;font-size:14px}button:disabled{opacity:.5;cursor:default}button.link{color:var(--accent);background:0 0;border:none;padding:4px 6px}button.link.danger{color:var(--danger)}button.btn-soft{background:var(--bg);border:1px solid var(--border);color:var(--text);border-radius:8px;padding:10px 18px;font-size:14px;font-weight:500}button.btn-soft:hover{background:#eef0f3}button.btn-soft.danger{color:var(--danger)}.settings-row.account-actions{flex-wrap:wrap;gap:10px;margin-top:20px}.account-tile{flex-wrap:wrap;align-items:center;gap:16px 20px;display:flex}.account-tile .account-tile-info{flex:auto}.account-tile .settings-row.account-actions{margin-top:0}input{border:1px solid var(--border);background:#fff;border-radius:8px;width:100%;padding:10px 12px;font-size:14px}input:focus,input:focus-visible{border-color:var(--accent);outline:none}.muted{color:var(--muted)}.small{font-size:12px}.ok{color:#16a34a}.error{color:var(--danger);font-size:14px}.center{place-items:center;min-height:100vh;padding:20px;display:grid}.card{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:16px}.login{width:360px;max-width:90vw}.login form{flex-direction:column;gap:10px;margin-top:12px;display:flex}.login label{color:var(--muted);font-size:13px}.auth-title{margin:12px 0 0;font-size:16px;font-weight:600}.auth-steps{margin:8px 0 0}.auth-links{text-align:center;margin-top:14px}.auth-forgot{text-align:center;margin-top:4px;display:block}.app:not(.app--reader){flex-direction:column;display:flex;position:fixed;inset:0;overflow:hidden}.topbar{border-bottom:1px solid var(--border);z-index:10;padding-top:env(safe-area-inset-top);background:#fff;flex-shrink:0}.topbar-inner{width:100%;max-width:var(--content-width);align-items:center;gap:16px;margin:0 auto;padding:12px 20px;display:flex;position:relative}.brand{align-items:center;gap:9px;font-size:18px;font-weight:700;display:inline-flex}.brand-logo{object-fit:cover;border-radius:7px;width:28px;height:28px;display:block}.topbar nav{gap:32px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.topbar nav a{color:var(--muted);font-weight:500}.topbar nav a.active{color:var(--text);border-bottom:2px solid var(--accent);padding-bottom:2px}.topbar nav a:hover{text-decoration:none}.refresh-btn{width:34px;height:34px;color:var(--muted);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex}.refresh-btn:hover{color:var(--text)}.refresh-btn.spinning svg{animation:.8s linear infinite refresh-spin}@keyframes refresh-spin{to{transform:rotate(360deg)}}.pull-indicator{color:var(--muted);pointer-events:none;justify-content:center;display:none;position:absolute;top:10px;left:0;right:0}.pull-indicator.armed{color:var(--accent)}.pull-indicator svg{transition:color .15s}.pull-indicator svg.spinning{animation:.8s linear infinite refresh-spin}.spacer{flex:1}.content{max-width:var(--content-width);margin:0 auto;padding:20px;position:relative}.app:not(.app--reader) .content{-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;width:100%;min-height:0;padding-bottom:max(20px, env(safe-area-inset-bottom));flex:1;overflow-y:auto}.addbar{gap:8px;display:flex}.ltbar{margin-bottom:16px}.ltbar-row{gap:8px;display:flex}.ltbar-btn{color:var(--muted);border:1px solid var(--border);background:#fff;border-radius:10px;flex:1;justify-content:center;align-items:center;padding:10px;display:flex}.ltbar-btn.active{background:var(--accent);border-color:var(--accent);color:#fff}.ltbar-btn.valued{border-color:var(--accent);color:var(--accent)}.ltbar-panel{max-height:0;transition:max-height .26s;overflow:hidden}.ltbar-panel.open{max-height:360px}.ltbar-panel-inner{padding-top:12px}.filter-panel{flex-direction:column;gap:12px;display:flex}.filter-group{flex-direction:column;gap:6px;display:flex}.filter-label{color:var(--muted);font-size:12px;font-weight:600}.chips{flex-wrap:wrap;gap:6px;display:flex}.chip{color:var(--muted);border:1px solid var(--border);background:#fff;border-radius:999px;padding:6px 12px;font-size:13px}.chip.active{background:var(--accent);border-color:var(--accent);color:#fff}.actions-panel{flex-wrap:wrap;align-items:center;gap:4px 10px;display:flex}.search-field{position:relative}.search-field input{padding-right:38px}.search-clear{width:26px;height:26px;color:var(--muted);background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.card.selectable{cursor:pointer;align-items:center;gap:14px;display:flex}.card.selectable .item-title{display:block}.card.selectable .thumb{float:none;margin:0}.card.selectable .item-body{flex:1}.select-check{border:2px solid var(--border);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:13px;line-height:1;display:flex}.selected .select-check{background:var(--accent);border-color:var(--accent)}.card.selected{border-color:var(--accent)}.nl-row.selectable{border:1px solid var(--border);cursor:pointer;border-radius:12px;align-items:center;gap:10px;display:flex}.nl-row.selected{border-color:var(--accent)}.nl-row-text{min-width:0}.page-marker{text-align:right;color:var(--muted);margin:0;padding:2px 4px;font-size:12px;list-style:none}.scroll-sentinel{height:1px}.has-fab{padding-bottom:84px}.status-fab{left:50%;bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:20;-webkit-backdrop-filter:saturate(180%)blur(12px);border:1px solid var(--border);background:#ffffffeb;border-radius:999px;gap:4px;max-width:calc(100vw - 24px);padding:5px;display:flex;position:fixed;transform:translate(-50%);box-shadow:0 8px 30px #0000002e}.status-fab-btn{color:var(--muted);white-space:nowrap;background:0 0;border:none;border-radius:999px;padding:9px 16px;font-weight:500}.status-fab-btn.active{background:var(--accent);color:#fff}.swipe-row{border-radius:12px;position:relative;overflow:hidden}.swipe-pane{display:flex;position:absolute;top:0;bottom:0;overflow:hidden}.swipe-pane--leading{justify-content:flex-start;left:0}.swipe-pane--trailing{justify-content:flex-end;right:0}.swipe-act{background:0 0;border:none;border-radius:0;flex-shrink:0;justify-content:center;align-items:center;width:88px;height:100%;display:flex}.swipe-act svg{display:block}.swipe-fg{background:var(--card);touch-action:pan-y;will-change:transform;position:relative}.swipe-fg--anim{transition:transform .2s}.row-actions{flex-shrink:0;align-items:center;display:inline-flex}.row-actions-items{align-items:center;gap:4px;display:inline-flex}.row-actions-toggle{display:none}.cards{flex-direction:column;gap:12px;display:flex}.item{padding:14px;display:block;position:relative}.item.clickable{cursor:pointer}.item-body{min-width:0}.item-title{color:var(--text);-webkit-line-clamp:2;overflow-wrap:anywhere;-webkit-box-orient:vertical;font-size:16px;font-weight:600;display:-webkit-box;overflow:hidden}.thumb{object-fit:cover;float:left;border-radius:8px;width:120px;height:84px;margin:8px 12px 4px 0}.subtitle{color:var(--muted);margin:6px 0;font-size:14px}.subtitle-empty{opacity:.7;font-style:italic}.meta{clear:both;flex-wrap:nowrap;align-items:center;gap:4px;margin-top:6px;display:flex;overflow:hidden}.badge{color:var(--accent);background:#eef2ff;border-radius:99px;flex-shrink:0;padding:2px 8px;font-size:11px}.site{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;min-width:0;padding-left:6px;font-size:12px;overflow:hidden}.meta:has(.row-actions.open) .site{display:none}@media (width>=721px){.item:not(.selectable) .thumb{float:none;width:200px;height:auto;margin:0;position:absolute;top:14px;bottom:14px;left:14px}.item:not(.selectable) .item-body{min-height:92px;padding-left:216px}}.nl-list-view{max-width:none}.split{grid-template-columns:300px 1fr;gap:16px;display:grid}.list-pane{border-right:1px solid var(--border);padding-right:12px}.settings{flex-direction:column;gap:12px;display:flex}.settings-row{align-items:center;gap:8px;margin-top:4px;display:flex}.inbound{border:1px solid var(--border);background:#fff;border-radius:8px;margin-bottom:12px;padding:14px 16px}.inbound code{cursor:pointer;word-break:break-all;color:var(--accent);margin-top:4px;font-size:12px;display:block}.inbound-copy{cursor:pointer;padding-right:40px;position:relative}.inbound-copy:hover{border-color:var(--accent)}.inbound-copy .copy-icon{color:var(--muted);display:inline-flex;position:absolute;top:12px;right:12px}.inbound-copy:hover .copy-icon{color:var(--accent)}.lang-picker{appearance:none;background-color:var(--card);border:1px solid var(--border);color:var(--text);cursor:pointer;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'/></svg>");background-position:right 12px center;background-repeat:no-repeat;border-radius:8px;min-width:160px;padding:10px 38px 10px 14px;font-size:14px}.lang-picker:focus,.lang-picker:focus-visible{border-color:var(--accent);outline:none}.settings-section{margin-bottom:28px}.settings-title{text-transform:uppercase;letter-spacing:.04em;color:var(--muted);margin:0 0 12px;font-size:13px;font-weight:600}.faq-item{background:var(--card);border:1px solid var(--border);border-radius:8px;margin-bottom:8px;overflow:hidden}.faq-item>summary{cursor:pointer;justify-content:space-between;align-items:center;gap:8px;padding:12px 14px;font-size:14px;font-weight:600;list-style:none;display:flex}.faq-item>summary::-webkit-details-marker{display:none}.faq-item>summary:after{content:"›";color:var(--muted);font-size:18px;transition:transform .15s;transform:rotate(90deg)}.faq-item[open]>summary:after{transform:rotate(-90deg)}.faq-body{padding:0 14px 14px;font-size:14px;line-height:1.5}.faq-body p{margin:0 0 8px}.faq-body p:last-child{margin-bottom:0}.faq-icon{vertical-align:-.2em;width:1.1em;height:1.1em;color:var(--accent,#2563eb)}.faq-item--nested{background:var(--bg);margin-bottom:8px}.faq-item--nested:last-child{margin-bottom:0}.nl-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.nl-li .swipe-row{border:1px solid var(--border)}.nl-row{background:var(--card);cursor:pointer;padding:10px 12px;position:relative}.nl-li.read .nl-subject{color:var(--muted);font-weight:500}.nl-subject{font-size:14px;font-weight:600}.nl-actions{gap:4px;margin-top:6px;display:flex}.app--reader{height:100dvh;overflow:hidden}.content--reader{max-width:none;height:100%;margin:0;padding:0}.nl-reader{background:#f0f1f2;flex-direction:column;height:100dvh;display:flex}.nl-reader-bar{padding:10px 12px;padding-top:max(10px, env(safe-area-inset-top));color:#fff;background:#000;flex-shrink:0;align-items:center;gap:12px;display:flex}.nl-reader-back{color:#fff;background:#ffffff26;border:none;border-radius:50%;flex-shrink:0;place-items:center;width:36px;height:36px;padding:0;font-size:24px;line-height:1;display:grid}.nl-reader-title{text-align:center;white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:17px;font-weight:600;overflow:hidden}.nl-reader-delete{color:#ff6b6b;background:0 0;border:none;flex-shrink:0;padding:6px 4px;font-size:13px}.nl-reader-status{padding:20px}.nl-frame--fullscreen{background:#fff;border:none;border-radius:0;flex:1;width:100%;max-width:720px;height:auto;min-height:0;margin:0 auto}.nl-toast{left:50%;bottom:calc(24px + env(safe-area-inset-bottom,0px));z-index:10001;color:#fff;text-align:center;background:#1c1c1ef5;border-radius:12px;max-width:calc(100% - 32px);padding:12px 18px;font-size:15px;font-weight:500;animation:.18s ease-out nl-toast-in;position:fixed;transform:translate(-50%);box-shadow:0 8px 24px #00000040}.nl-toast--error{background:#b00020f5}@keyframes nl-toast-in{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}.read-head{justify-content:space-between;align-items:center;display:flex}.read-pane--frame{flex-direction:column;gap:12px;min-height:0;display:flex}.nl-frame{border:1px solid var(--border);background:#fff;border-radius:8px;flex:1;width:100%;height:70vh;min-height:400px}.nl-ctx-menu{z-index:10000;color:#fff;background:#1c1c1e;border-radius:12px;flex-direction:column;width:200px;padding:8px;display:flex;position:fixed;box-shadow:0 8px 24px #00000040}.nl-ctx-menu .nl-ctx-item{text-align:left;color:#fff;cursor:pointer;background:0 0;border:none;border-radius:8px;width:100%;padding:10px 12px;font-size:15px;display:block}.nl-ctx-item:hover:not(:disabled){background:#ffffff14}.nl-ctx-item:disabled{opacity:.6;cursor:default}.nl-ctx-open{color:#5ac8fa;text-decoration:none}.nl-ctx-sep{background:#ffffff1f;height:1px;margin:4px 8px}.feed-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.feed-list li{border:1px solid var(--border);background:#fff;border-radius:8px;justify-content:space-between;align-items:center;padding:12px 14px;display:flex}.feed-title{font-weight:600}.landing{max-width:960px;margin:0 auto;padding:20px}.landing-nav{align-items:center;gap:12px;padding:8px 0 24px;display:flex}.landing-nav .brand{gap:12px;font-size:26px}.landing-nav .brand-logo{border-radius:11px;width:44px;height:44px}.btn-cta{background:var(--accent);color:#fff;border-radius:8px;padding:12px 20px;font-weight:600;display:inline-block}.btn-cta:hover{filter:brightness(.95);text-decoration:none}.small-cta{padding:8px 14px}.btn-ghost{border:1px solid var(--border);color:var(--text);background:#fff;border-radius:8px;padding:12px 20px;font-weight:600;display:inline-block}.btn-ghost:hover{border-color:var(--accent);text-decoration:none}.hero{text-align:center;padding:56px 16px 48px}.hero h1{letter-spacing:-.02em;margin:0 0 16px;font-size:44px;line-height:1.1}.hero-sub{color:var(--muted);max-width:560px;margin:0 auto 28px;font-size:18px}.hero-actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.features{grid-template-columns:repeat(3,1fr);gap:16px;margin:24px 0 48px;display:grid}.feature{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:20px}.feature-icon{font-size:28px}.feature h3{margin:10px 0 6px;font-size:16px}.landing-faq{max-width:640px;margin:0 auto 48px}.landing-faq .settings-title{text-align:center}.landing-footer{text-align:center;border-top:1px solid var(--border);padding:24px 0}@media (width<=720px){.hero h1{font-size:32px}.hero{padding:32px 8px}.features{grid-template-columns:1fr}.landing{padding:16px}.landing-nav{justify-content:center}.landing-nav .link,.landing-nav .btn-cta{display:none}.landing-nav .brand{justify-content:center}.topbar-inner{flex-wrap:wrap;gap:8px 12px;padding:2px 14px 10px}.brand{justify-content:center;width:100%;margin-bottom:6px}.topbar nav{order:3;justify-content:center;gap:24px;width:100%;position:static;transform:none}.spacer,.topbar .email,.refresh-btn{display:none}.pull-indicator{display:flex}.content{padding:14px}.content.content--reader{padding:0}.nl-list-view{max-width:none}.nl-reader-bar{gap:8px;padding:8px 10px}.nl-reader-title{font-size:15px}.nl-reader-delete{padding:4px 2px;font-size:12px}.thumb{width:88px;height:60px}.item{gap:10px;padding:12px}.item-title{font-size:15px}.row-actions{margin-left:auto;position:relative}.row-actions-toggle{width:30px;height:30px;color:var(--muted);opacity:1;background:0 0;border:none;justify-content:center;align-items:center;padding:0;transition:width .2s,opacity .2s;display:inline-flex;overflow:hidden}.row-actions.open .row-actions-toggle{opacity:0;pointer-events:none;width:0}.row-actions-items{opacity:0;pointer-events:none;white-space:nowrap;max-width:0;transition:max-width .26s,opacity .22s,transform .26s;overflow:hidden;transform:translate(8px)}.row-actions.open .row-actions-items{opacity:1;pointer-events:auto;max-width:340px;transform:translate(0)}}