:root{color-scheme:light dark;--bg:#f1f3f5;--panel:#fff;--text:#171c21;--muted:#6f7882;--line:#dde1e5;--accent:#2d9cdb;--accent-dark:#177fba;--header:rgba(241,243,245,.92);--danger:#d84b4b;--ok:#24a866;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif}
@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#0f151c;--panel:#171f27;--text:#eef2f5;--muted:#98a3ae;--line:#2b3743;--header:rgba(15,21,28,.92)}}
:root[data-theme=dark]{--bg:#0f151c;--panel:#171f27;--text:#eef2f5;--muted:#98a3ae;--line:#2b3743;--header:rgba(15,21,28,.92)}
:root[data-theme=light]{--bg:#f1f3f5;--panel:#fff;--text:#171c21;--muted:#6f7882;--line:#dde1e5;--header:rgba(241,243,245,.92)}
*{box-sizing:border-box}html{background:var(--bg);scroll-padding-top:70px}body{margin:0;min-height:100vh;background:var(--bg);color:var(--text);-webkit-tap-highlight-color:transparent}body.locked{overflow:hidden}button,input,select{font:inherit;color:inherit}.app-header{position:sticky;top:0;z-index:20;padding:max(env(safe-area-inset-top),8px) 12px 8px;background:var(--header);border-bottom:1px solid var(--line);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);transition:transform .22s}.app-header.compact{transform:translateY(calc(-100% + 4px))}.header-row{height:44px;display:grid;grid-template-columns:42px 1fr auto;align-items:center;max-width:760px;margin:auto}.logo,.icon-button,.back-button,.reader-actions button{border:0;background:transparent;cursor:pointer}.logo{width:34px;height:34px;border-radius:10px;background:var(--accent);color:white;font-weight:900;font-size:20px}.header-actions{display:flex}.icon-button{width:40px;height:40px;padding:9px}.icon-button svg,.search-field svg{width:22px;height:22px;stroke:currentColor;stroke-width:1.8;fill:none}.feed-picker{justify-self:center;border:0;background:transparent;font-size:17px;font-weight:750;padding:8px 12px;border-radius:11px}.chevron{margin-left:4px;color:var(--muted)}.feed-menu{position:absolute;top:calc(100% - 5px);left:50%;transform:translateX(-50%);padding:6px;width:210px;background:var(--panel);border:1px solid var(--line);border-radius:13px;box-shadow:0 12px 35px #0003}.feed-menu button{display:block;width:100%;border:0;background:transparent;padding:10px;border-radius:9px;text-align:left}.feed-menu button:hover{background:color-mix(in srgb,var(--accent) 12%,transparent)}
main,.screen-content{max-width:760px;margin:auto;padding:12px 12px calc(28px + env(safe-area-inset-bottom))}.empty-state{text-align:center;padding:18vh 24px 40px}.empty-icon,.about-logo{width:66px;height:66px;margin:0 auto 18px;border-radius:19px;display:grid;place-items:center;background:var(--accent);color:#fff;font-size:36px;font-weight:900}.empty-state h1{font-size:24px;margin:0 0 8px}.empty-state p,.muted,.search-hint{color:var(--muted);line-height:1.45}.primary,.secondary,.danger{border:0;border-radius:12px;padding:12px 17px;font-weight:700;cursor:pointer}.primary{background:var(--accent);color:white}.primary:hover{background:var(--accent-dark)}.secondary{background:color-mix(in srgb,var(--accent) 13%,var(--panel));color:var(--accent)}.danger{background:color-mix(in srgb,var(--danger) 14%,var(--panel));color:var(--danger)}.wide{width:100%;margin-top:9px}.feed{display:grid;gap:12px}.feed-sentinel{height:1px}.post-card{background:var(--panel);border:1px solid var(--line);border-radius:14px;overflow:hidden}.post-head{padding:14px 15px 8px}.post-title{font-size:18px;line-height:1.27;font-weight:700;margin:0;cursor:pointer}.meta{display:flex;gap:10px;flex-wrap:wrap;color:var(--muted);font-size:13px;margin-top:7px}.preview{padding:0 15px 14px;line-height:1.5}.preview p{white-space:pre-line;margin:12px 0}.read-more{border:0;background:transparent;color:var(--accent);font-weight:650;padding:1px 0;cursor:pointer}.tags{display:flex;gap:6px;flex-wrap:wrap;padding:0 15px 15px}.tag{font-size:12px;color:var(--muted);background:color-mix(in srgb,var(--line) 55%,transparent);padding:4px 7px;border-radius:7px}.reply-link{display:block;margin:0 15px 10px;padding:9px 11px;border-left:3px solid var(--accent);background:color-mix(in srgb,var(--accent) 8%,transparent);color:var(--text);font-size:13px;text-decoration:none}
.carousel{position:relative;margin:4px -15px 0;background:#090c10;overflow:hidden}.carousel-track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain}.carousel-track::-webkit-scrollbar{display:none}.carousel figure{flex:0 0 100%;width:100%;margin:0;scroll-snap-align:start}.carousel img{display:block;width:100%;height:auto;max-height:650px;object-fit:contain;cursor:zoom-in}.carousel figcaption{padding:7px 12px;color:#ccd2d8;background:#10151b;font-size:12px}.carousel-count{position:absolute;right:10px;top:10px;padding:4px 8px;border-radius:12px;background:#000a;color:white;font-size:12px}.reader-gallery{margin:0}.reader-gallery img{max-height:none}
.sheet-backdrop{position:fixed;inset:0;z-index:40;background:#0007}.sheet{position:fixed;z-index:41;left:50%;bottom:0;transform:translateX(-50%);width:min(520px,100%);padding:10px 18px calc(14px + env(safe-area-inset-bottom));background:var(--panel);border-radius:20px 20px 0 0;box-shadow:0 -15px 50px #0004}.sheet-handle{width:38px;height:5px;border-radius:5px;background:var(--line);margin:0 auto 14px}.sheet h2{margin:0 0 15px}.sheet label,.settings-list label{display:grid;gap:6px;margin:13px 0;color:var(--muted);font-size:13px}.sheet select,.settings-list select{border:1px solid var(--line);background:var(--bg);border-radius:11px;padding:11px}.text-button{border:0;background:transparent;color:var(--muted);padding:11px}.estimate{font-size:12px;color:var(--muted);line-height:1.4}.progress{margin:14px 0}.progress-bar{height:7px;background:var(--line);border-radius:8px;overflow:hidden}.progress-bar span{display:block;height:100%;width:0;background:var(--accent);transition:width .2s}.progress p{font-size:13px;color:var(--muted);margin:7px 0}
.screen,.reader{position:fixed;z-index:30;inset:0;background:var(--bg);overflow:auto}.screen>header,.reader>header{position:sticky;top:0;z-index:3;min-height:calc(54px + env(safe-area-inset-top));padding-top:env(safe-area-inset-top);display:grid;grid-template-columns:50px 1fr 50px;align-items:center;text-align:center;background:var(--header);border-bottom:1px solid var(--line);backdrop-filter:blur(18px);font-weight:700}.back-button{font-size:38px;line-height:1}.search-field{height:38px;display:flex;align-items:center;gap:7px;background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:0 10px}.search-field svg{width:18px}.search-field input{width:100%;border:0;outline:0;background:transparent}.settings-list{display:grid;gap:12px}.settings-list section{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:15px}.settings-list h2{font-size:15px;margin:0 0 10px}.toggle-row{grid-template-columns:1fr auto!important;align-items:center}.toggle-row span{display:grid;gap:3px}.toggle-row strong{color:var(--text)}.toggle-row small,.settings-list small{color:var(--muted);line-height:1.4}.storage-row{display:flex;justify-content:space-between;padding:7px 0 10px}
.reader{transform:translateX(100%);transition:transform .26s ease}.reader.open{transform:translateX(0)}.reader>header{grid-template-columns:50px 1fr 80px}.reader-actions{display:flex;align-items:center;justify-content:flex-end}.reader-actions a,.reader-actions button{width:38px;color:var(--accent);text-decoration:none;font-size:21px}.reader-content{max-width:720px;margin:auto;padding:18px 16px 55px;line-height:1.55}.reader-content h1{font-size:25px;line-height:1.2;margin:0 0 8px}.reader-content .content-block{margin:16px 0}.reader-content p{white-space:pre-line}.reader-content a{color:var(--accent)}.notice{display:block;padding:12px;border-radius:10px;background:color-mix(in srgb,var(--accent) 9%,transparent);color:var(--muted)!important;text-decoration:none}.about-content{max-width:520px;margin:auto;padding:12vh 28px;text-align:center;line-height:1.5}.about-content a{color:var(--accent)}
.viewer{position:fixed;z-index:80;inset:0;background:#050608;color:#fff;touch-action:pan-y}.viewer-stage{position:absolute;inset:0;display:grid;place-items:center;overflow:hidden}.viewer-stage img{max-width:100%;max-height:100%;object-fit:contain;touch-action:pinch-zoom}.viewer-close{position:absolute;z-index:2;top:calc(12px + env(safe-area-inset-top));right:13px;width:42px;height:42px;border:0;border-radius:50%;background:#0009;color:#fff;font-size:30px}.viewer-counter{position:absolute;z-index:2;bottom:calc(16px + env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);padding:5px 9px;border-radius:14px;background:#0009;font-size:13px}.onboarding{position:fixed;z-index:90;inset:0;display:grid;place-items:center;padding:24px;background:var(--bg)}.onboarding>div{max-width:360px;text-align:center;line-height:1.5}.toast{position:fixed;z-index:100;left:50%;bottom:calc(24px + env(safe-area-inset-bottom));transform:translateX(-50%);padding:10px 14px;border-radius:11px;background:#111c26;color:white;box-shadow:0 8px 24px #0004;font-size:13px;white-space:nowrap}
[hidden]{display:none!important}@media(max-width:430px){.header-row{grid-template-columns:38px 1fr auto}.icon-button{width:36px;padding:7px}.feed-picker{font-size:16px;padding:7px 5px}.post-title{font-size:17px}.reader-content h1{font-size:23px}}@media(min-width:761px){.post-card{border-radius:16px}.carousel{margin-left:0;margin-right:0;border-radius:11px}.preview>.carousel{margin-left:-15px;margin-right:-15px;border-radius:0}}