:root{font-family:Roboto,Inter,ui-sans-serif,system-ui,sans-serif;color:#202124;background:#fff;--blue:#1a73e8;--line:#e0e0e0;--muted:#5f6368;--hover:#f1f3f4}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{border:0;background:none;cursor:pointer;color:inherit}header{height:64px;display:flex;align-items:center;gap:18px;border-bottom:1px solid var(--line);padding:0 20px;position:fixed;inset:0 0 auto;z-index:3;background:#fff}.logo{font-size:20px;font-weight:500;min-width:238px}.logo span,.brand-mark{display:inline-grid;place-items:center;background:var(--blue);color:#fff;border-radius:50%;width:34px;height:34px;font-weight:700;margin-right:8px}.search{height:46px;max-width:720px;flex:1;border-radius:8px;background:#f1f3f4;display:flex;align-items:center;padding:0 16px;font-size:24px}.search input{border:0;outline:0;background:transparent;width:100%;padding:0 12px}.icon,.avatar{width:40px;height:40px;border-radius:50%;font-size:20px}.icon:hover,.avatar:hover{background:var(--hover)}.avatar{background:#7b1fa2;color:#fff;font-weight:600}.mobile-menu{display:none}aside{position:fixed;top:64px;bottom:0;width:280px;padding:20px 12px;border-right:1px solid var(--line);overflow:auto;background:#fff;z-index:2}.subscribe{height:48px;padding:0 22px;border-radius:24px;box-shadow:0 1px 3px #0003;color:var(--blue);font-weight:600;margin:0 8px 18px}nav button,#feeds button,#folders button{width:100%;height:40px;text-align:left;border-radius:0 20px 20px 0;padding:0 18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}nav button:hover,#feeds button:hover{background:var(--hover)}nav button.active,#feeds button.active{background:#e8f0fe;color:#1967d2;font-weight:600}nav b,#feeds b{float:right}aside h3{font-size:11px;color:var(--muted);letter-spacing:.08em;margin:24px 18px 8px}aside footer{font-size:12px;padding:30px 18px;color:var(--muted)}aside footer a{color:inherit}aside footer button{font-size:12px}main{margin-left:280px;padding-top:64px}.toolbar{height:72px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 28px;position:sticky;top:64px;background:#fff;z-index:1}.toolbar h2{font-size:18px;margin:0}.toolbar small{color:var(--muted)}.toolbar button{padding:9px 12px;border-radius:4px}.toolbar button:hover{background:var(--hover)}#items{max-width:1000px;margin:auto;outline:0}.item{border-bottom:1px solid var(--line);padding:18px 28px;background:#fff;position:relative}.item.unread{border-left:4px solid var(--blue);padding-left:24px}.item.selected{box-shadow:inset 0 0 0 2px #aecbfa}.item-head{display:flex;align-items:baseline;gap:10px}.feed-title{font-size:13px;font-weight:600}.item h2{font-size:18px;margin:7px 0}.item h2 a{text-decoration:none;color:inherit}.meta{font-size:12px;color:var(--muted);margin-left:auto}.content{line-height:1.65;color:#3c4043;max-width:780px}.content img{max-width:100%;height:auto}.actions{display:flex;gap:6px;margin-top:12px}.actions button{padding:7px 9px;border-radius:50%;font-size:18px}.actions button:hover{background:var(--hover)}.actions .on{color:#f9ab00}.compact .content,.compact .actions{display:none}.compact .item{padding-top:8px;padding-bottom:8px}.compact .item h2{font-size:14px;margin:2px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.empty{text-align:center;color:var(--muted);padding:80px 20px}.auth{min-height:100vh;background:#f8f9fa;display:grid;place-items:center;padding:20px}.auth-card{background:#fff;border:1px solid #dadce0;border-radius:12px;width:min(420px,100%);padding:42px;text-align:center}.auth-card .brand-mark{margin:auto}.auth-card label{text-align:left;display:block;font-size:13px;margin:18px 0}.auth-card input,dialog input{display:block;width:100%;margin-top:7px;border:1px solid #dadce0;border-radius:4px;padding:13px}.auth-card button:not(.text),dialog button:not(.text){background:var(--blue);color:#fff;padding:11px 20px;border-radius:4px;font-weight:600}.text{color:var(--blue);padding:11px}.error{color:#b3261e;font-size:13px}dialog{border:0;border-radius:10px;box-shadow:0 8px 32px #0004;width:min(500px,calc(100% - 30px));padding:28px}dialog::backdrop{background:#0005}.dialog-actions{text-align:right;margin-top:22px}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#303134;color:#fff;padding:12px 20px;border-radius:4px;opacity:0;pointer-events:none;transition:.2s;z-index:10}#toast.show{opacity:1}.trend{display:grid;grid-template-columns:1fr 100px 100px 100px;gap:10px;padding:14px 28px;border-bottom:1px solid var(--line)}@media(max-width:760px){header{padding:0 10px}.mobile-menu{display:block}.logo{min-width:0;font-size:0}.logo span{font-size:16px}.search{height:42px}.search span{display:none}.search input{padding:0}.avatar{display:none}aside{transform:translateX(-100%);transition:.2s;box-shadow:4px 0 12px #0002}aside.open{transform:none}main{margin-left:0}.toolbar{padding:0 14px}.toolbar #density{display:none}.item{padding-left:16px;padding-right:16px}.trend{grid-template-columns:1fr 50px 50px 50px;font-size:12px;padding:12px}}