/* Shared mobile-first surfaces: editorial feed with compact community-style actions. */
:root{--bg:#f5f6f7;--surface:#fff;--text:#202429;--muted:#626d76;--line:#e2e5e8;--green:#c74312;--green-soft:#fff0e8;--action:#cf4512;--soft:#eef0f2;--radius:16px;--shadow:none;color-scheme:light;font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif}
html[data-theme="dark"]{--bg:#101315;--surface:#181c1f;--text:#edf0f2;--muted:#a4afb7;--line:#30363b;--green:#ff9d75;--green-soft:#39261f;--action:#ce4615;--soft:#252b30;color-scheme:dark}
html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;scroll-padding-top:90px}
body{background:var(--bg);color:var(--text);min-height:100dvh}
button,.icon-button,.chip,.nav-item,.bottom-nav a,.tabs a,.read-link,.follow-button{touch-action:manipulation;user-select:none;-webkit-user-select:none}
a,button,input,select,textarea{transition:none}
.sidebar,.panel,.news-card,.entity-panel,.empty-state,.search,.edition-switcher summary,.edition-switcher nav{background:var(--surface);border-color:var(--line)}
.sidebar{padding:24px 16px 20px}.sidebar .brand{padding-left:12px}.brand{font-size:28px}.nav-label{margin:28px 12px 12px;font-size:10px}.nav-item{font-size:14px;padding:12px;min-height:48px;color:var(--muted)}
.nav-item.active,.tabs .selected,.icon-button.saved,.bottom-nav a.active{color:var(--green)}
.nav-item.active{background:var(--green-soft)}.little-note{padding:0 12px;margin-bottom:18px}.little-note strong{color:var(--text)}
.topbar{height:64px;padding:0 24px;position:sticky;top:0;z-index:40;background:var(--surface)}.top-actions{gap:8px}.desktop-caption{font-size:13px}
main{max-width:1280px;padding:20px 24px 28px}.content-grid{grid-template-columns:minmax(0,1fr) 272px;gap:20px;align-items:start}.primary-content{min-width:0}.right-rail{position:sticky;top:84px}.right-rail .panel{margin-bottom:16px}.panel{padding:20px}.panel h2{font-size:15px}.panel-heading a{font-size:12px;min-height:44px;display:inline-flex;align-items:center}
.feed-toolbar{gap:12px;margin-bottom:12px;flex-wrap:wrap}.feed-toolbar .tabs{flex:1 1 260px}.feed-toolbar .search{flex:1 1 240px;width:auto;max-width:340px;min-width:0}.tabs{gap:6px}.tabs a{font-size:13px;min-height:44px;padding:12px 14px;text-align:center;color:var(--muted)}
.search{min-width:0;padding:2px 4px 2px 12px;border-radius:24px;background:var(--soft)}.search input{font-size:16px;color:var(--text);height:42px}.search input::placeholder{color:var(--muted);opacity:1}
.icon-button,.follow-button{min-width:44px;min-height:44px}.icon-button{color:var(--muted)}.icon-button:active,.theme-toggle:active{background:var(--green-soft);color:var(--green)}
.theme-sun{display:none}html[data-theme="dark"] .theme-sun{display:block}html[data-theme="dark"] .theme-moon{display:none}.sidebar-theme{display:none}.reading-mode .sidebar-theme{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding:12px;margin-top:16px;font-size:13px}
.filter-bar{gap:10px;margin-bottom:16px}.chips{min-width:0;overscroll-behavior-x:contain;padding-bottom:2px;gap:8px}.chip{padding:10px 13px;min-height:44px;font-size:12px;background:var(--soft);color:var(--muted);border-color:transparent;flex-shrink:0}.chip.chosen{background:var(--green-soft);border-color:var(--green);color:var(--green)}.topics .chip{background:var(--soft);font-size:12px;min-height:40px}
.news-grid{grid-template-columns:minmax(0,1fr);gap:14px}.news-card,.news-card.featured,.news-card.text-card{display:block;min-height:0;grid-column:auto;box-shadow:none}.card-body{padding:16px 18px;gap:0}.card-meta{gap:8px;margin-bottom:10px}.card-meta strong{font-size:12px}.card-meta small{font-size:11px;color:var(--muted)}.card-meta>div{min-width:0}.card-meta strong{overflow-wrap:anywhere}.source-logo.tiny{width:30px;height:30px;border-radius:50%}.card-meta .inline-form{align-self:flex-start}
.news-card h2,.featured h2{font-size:20px;line-height:1.35;letter-spacing:-.35px;margin-bottom:8px;overflow-wrap:anywhere}.news-card p{font-size:14px;line-height:1.65;color:var(--muted);margin:0 0 12px}
.card-body>.card-image,.featured .card-body>.card-image{width:100%;height:auto;min-height:0;aspect-ratio:1.9;max-height:420px;border-radius:12px;margin:0 0 12px;background:var(--soft)}.card-body>.card-image img{height:100%;object-fit:cover}.image-category{background:var(--surface);color:var(--text);font-size:11px}
.card-bottom{margin-top:0;font-size:12px;gap:10px;flex-wrap:wrap;color:var(--muted)}.card-bottom>a{display:inline-flex;align-items:center;gap:6px;background:var(--soft);min-height:40px;padding:9px 13px;border-radius:22px}.read-link{color:var(--text)}.read-link .icon{width:17px;height:17px}.dismiss-form{margin-top:8px}.dismiss-form button{min-height:44px;font-size:12px}.recommend-reason{font-size:12px;line-height:1.5}
.source-row{padding:12px 0;border-color:var(--line)}.source-row strong{font-size:12px}.source-row small{font-size:11px;max-width:none}.source-row>div{min-width:0}.source-row strong{overflow-wrap:anywhere}.follow-button{font-size:12px;padding:8px 12px;background:var(--surface);border-color:var(--line);color:var(--green);border-radius:22px}.follow-button.following{background:var(--green-soft)}.source-logo{background:var(--soft);color:var(--text)}.source-row:nth-child(n) .source-logo{background:var(--soft);color:var(--text)}
.button{min-height:44px;background:var(--action);border-color:var(--action);color:#fff;border-radius:22px;font-size:14px}.secondary{background:var(--soft);color:var(--text);border-color:var(--line)}.button:active{filter:brightness(.9)}.secondary:active{background:var(--green-soft);color:var(--green)}
.page-heading{margin:0 0 20px;align-items:flex-start}.page-heading p{font-size:14px;line-height:1.65}h1{font-size:28px;letter-spacing:-.6px;overflow-wrap:anywhere}.page-heading .search{max-width:300px}.eyebrow{font-size:10px}.entity-panel{margin-bottom:16px}.entity-panel p,.directory-card p,.panel>p,.profile-panel>p,.muted{font-size:14px;line-height:1.65}.entity-panel a{font-size:14px}.directory-card h2{overflow-wrap:anywhere}.directory-grid{gap:14px}
.auth-panel{padding:24px;max-width:480px;width:100%}.auth-panel h2{margin:12px 0 18px}.auth-form input:not([type=hidden]),.admin-form input:not([type=checkbox]),.admin-form textarea,.admin-form select{background:var(--soft);border-color:var(--line);color:var(--text);font-size:16px}.auth-links,.auth-small-link,.auth-links a,.auth-form small{font-size:13px}.auth-small-link,.auth-links a{display:inline-block;min-height:36px;padding:8px 0}.auth-form{margin:18px 0;gap:16px}.auth-divider{margin:18px 0}.onboarding-choice>span{background:var(--soft);border-color:var(--line);color:var(--text)}.onboarding-choice input:checked+span{background:var(--green-soft);color:var(--green)}.onboarding-progress li{font-size:12px}.onboarding-options{gap:10px}.onboarding-form fieldset>p{font-size:14px}
.interest-options{grid-template-columns:repeat(2,minmax(0,1fr))}.interest-option{padding:10px}.interest-option>span{font-size:13px;overflow-wrap:anywhere}.check{align-items:flex-start;line-height:1.6}.profile-panel p{overflow-wrap:anywhere}.profile-panel form+form{margin-top:16px}
.article-actions{flex-wrap:wrap}.article-detail{max-width:800px}.excerpt{color:var(--text)}.pagination{gap:12px;flex-wrap:wrap}.main-footer{padding:12px 24px 24px;line-height:1.6}.rail-footer{font-size:11px}.empty-state{padding:36px 20px}.reader-stage{background:var(--bg)}.reader-controls,.reader-help{background:var(--surface);color:var(--text);border-color:var(--line)}.reader-exit{background:var(--action);color:#fff}.reader-unavailable p{color:var(--muted)}.edition-switcher nav{box-shadow:0 10px 35px #00000025}.source-favicon{background:#fff}
@media(hover:hover) and (pointer:fine){a:hover{color:var(--green)}.button:hover{background:var(--action);filter:brightness(.92)}.secondary:hover{background:var(--green-soft);color:var(--green)}.news-card:hover{border-color:var(--line);box-shadow:none}.nav-item:hover,.chip:hover,.icon-button:hover{background:var(--soft);color:var(--text)}.chip.chosen:hover{background:var(--green-soft);color:var(--green)}.reader-exit:hover{background:var(--action);color:#fff}}
@media(hover:none){a:hover{color:inherit}.button:hover{background:var(--action);color:#fff}.secondary:hover{background:var(--soft);color:var(--text)}.chip:hover,.nav-item:hover{background:var(--soft)}.news-card:hover{box-shadow:none;border-color:var(--line)}.icon-button:hover{background:transparent;color:var(--muted)}.follow-button:hover{background:var(--surface)}.nav-item.active:hover,.chip.chosen:hover{background:var(--green-soft);color:var(--green)}}
@media(max-width:1100px){.right-rail{display:none}.content-grid{grid-template-columns:minmax(0,1fr)}main{max-width:820px}.feed-toolbar .search{max-width:340px}}
@media(max-width:760px){.app-shell{margin-left:0}.topbar{height:calc(60px + env(safe-area-inset-top));padding:env(safe-area-inset-top) max(12px,env(safe-area-inset-right)) 0 max(16px,env(safe-area-inset-left));gap:8px}.brand{font-size:25px}.top-actions{gap:2px}.edition-switcher summary{min-width:44px;min-height:44px;padding:8px}.top-actions>.icon-button{width:44px}.flags-switcher nav{position:fixed;top:calc(64px + env(safe-area-inset-top));right:12px;max-width:calc(100vw - 24px)}
 main{padding:14px max(12px,env(safe-area-inset-right)) calc(88px + env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left))}.feed-toolbar{gap:10px;margin-bottom:12px}.feed-toolbar .search{order:0;max-width:none;flex-basis:100%;width:100%}.feed-toolbar .tabs{order:1;flex-basis:100%;width:100%;justify-content:flex-start}.tabs a{flex:1;padding:12px 8px}.filter-bar{margin-bottom:12px;flex-wrap:wrap}.filter-bar .chips{width:100%}.news-grid{gap:12px}.card-body{padding:14px}.news-card h2,.featured h2{font-size:19px}.news-card p{font-size:14px}.card-body>.card-image,.featured .card-body>.card-image{aspect-ratio:1.6;max-height:320px}.news-card{border-radius:14px}.card-bottom{gap:8px}.card-bottom>a{min-height:44px;padding:10px 12px}
 .page-heading{gap:12px;flex-direction:column;margin-bottom:16px}.page-heading .search{width:100%;max-width:none}h1{font-size:25px}.directory-grid,.interest-options{grid-template-columns:minmax(0,1fr)}.entity-panel{padding:16px}.entity-panel .inline-form{margin-left:0}.panel{padding:18px}.auth-panel{padding:20px}.auth-panel h2{font-size:21px}.article-actions{gap:10px}.article-actions .button{font-size:13px;line-height:1.5}.main-footer{display:none}.bottom-nav{background:var(--surface);padding:6px max(8px,env(safe-area-inset-right)) calc(6px + env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));border-color:var(--line)}.bottom-nav a{min-width:0;flex:1;min-height:52px;justify-content:center;font-size:11px;color:var(--muted)}.bottom-nav a.active{color:var(--green)}.bottom-nav a.active .icon{fill:none}.reader-controls{gap:4px;padding:7px}.reading-mode main{padding:0}.reading-mode .sidebar{height:100dvh}.reading-mode .sidebar-theme{margin-top:12px}.reader-unavailable{padding:24px 18px}.reader-stage{padding-bottom:calc(90px + env(safe-area-inset-bottom))}}
@media(max-width:360px){.top-actions{gap:0}.top-actions>.icon-button,.edition-switcher summary{min-width:40px;width:40px}.onboarding-options{grid-template-columns:minmax(0,1fr)}.reader-control{width:44px;height:44px}.auth-panel{padding:16px}.card-body{padding:12px}}
@media(pointer:coarse){input,textarea,select,.search input,.admin-form input:not([type=checkbox]){font-size:16px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

@media(min-width:761px){.sidebar{width:236px}.app-shell{margin-left:236px}.reader-stage{left:236px}}
.card-bottom .icon{width:16px;height:16px}
.notice{color:var(--text)}.demo-notice{background:var(--soft);color:var(--muted)}.warning{background:#fff0ce;color:#754b09}.error-text,.onboarding-error{color:#b32e20}.notice .live-dot{background:var(--green)}.saved .icon{fill:var(--green-soft)}
html[data-theme="dark"] .warning{background:#493821;color:#ffe0a0}html[data-theme="dark"] .error-text,html[data-theme="dark"] .onboarding-error{color:#ffb4a8}
.reader-unavailable .button,.reader-unavailable .button:hover{color:#fff}.reader-control:disabled{cursor:default}.theme-toggle .icon{pointer-events:none}
.admin-grid>.panel{min-width:0}th{background:var(--soft)}table{font-size:13px}.table-scroll{overscroll-behavior-x:contain}td a,.text-button{font-size:13px;display:inline-flex;align-items:center;min-height:44px}.error-text{overflow-wrap:anywhere}.admin-form label{font-size:14px}.admin-form textarea{resize:vertical}
.mobile-menu{display:none}.app-backdrop[hidden]{display:none}.app-backdrop{position:fixed;inset:0;border:0;background:#060b1080;z-index:70}.app-menu-open{overflow:hidden}
@media(max-width:760px){.mobile-menu{display:flex;flex-shrink:0}.mobile-brand{margin-right:auto;font-size:23px;gap:2px}.topbar{padding-left:max(8px,env(safe-area-inset-left));gap:4px}.top-actions{flex-shrink:0}.app-menu-open .sidebar{display:flex;width:min(84vw,280px);height:100dvh;z-index:80;padding-top:calc(24px + env(safe-area-inset-top));padding-bottom:calc(20px + env(safe-area-inset-bottom));overflow-y:auto}.app-backdrop{left:min(84vw,280px)}.app-menu-open .sidebar-theme{display:flex;align-items:center;justify-content:space-between;padding:10px;font-size:13px}.app-menu-open .sidebar-bottom{padding-top:20px}}
@media(max-width:360px){.topbar .brand{font-size:20px}.topbar .brand .icon{width:22px;height:22px}.top-actions>.icon-button,.edition-switcher summary{min-width:44px;width:44px}}
.filter-bar .chips{width:100%;max-width:100%}.feed-toolbar>*{max-width:100%}
.news-card.text-card .card-body{height:auto;min-height:0}.card-image[hidden],.image-failed[hidden]{display:none!important}
.publisher-frame[hidden],.reader-unavailable[hidden],.reader-control[hidden],.reader-help[hidden]{display:none!important}
@font-face{font-family:"Reddit Sans";src:url("/assets/fonts/RedditSans-Regular.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Reddit Sans";src:url("/assets/fonts/RedditSans-SemiBold.woff2") format("woff2");font-weight:600 800;font-style:normal;font-display:swap}
:root{font-family:"Reddit Sans",system-ui,-apple-system,"Segoe UI",sans-serif;--bg:#fff;--surface:#fff;--text:#0f1a1c;--muted:#576f76;--line:#e5e9ed;--green:#0045ac;--green-soft:#eef3fa;--action:#0045ac;--soft:#eaedef;--category:#176aa5}
html[data-theme="dark"]{--bg:#0e1113;--surface:#181c1f;--text:#dbe4e9;--muted:#82959b;--line:#30383d;--green:#8bb9ff;--green-soft:#1d3047;--action:#266ad4;--soft:#2a3236;--category:#85b9e0}
.brand span,.brand{color:var(--text)}:focus-visible{outline-color:var(--green)}.news-card h2{font-weight:600}.nav-item.active{background:var(--soft);color:var(--text)}.tabs .selected{color:var(--text)}.tabs .selected:after{background:var(--text)}
.filter-bar .chip,.topics .chip,.card-bottom>a.category-label{background:none;border:0;border-radius:0;box-shadow:none;padding:8px 6px;min-height:44px;color:var(--category)}.filter-bar .chip.chosen{background:none;color:var(--category);border-bottom:2px solid currentColor}.category-label{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--category)}.category-label .icon{width:17px;height:17px}.filter-bar .chip{color:var(--category)}
[data-category="vijesti"]{--category:#176aa5}[data-category="tehnologija"]{--category:#6f50bb}[data-category="biznis"]{--category:#187356}[data-category="sport"]{--category:#bd3e4a}[data-category="kultura"]{--category:#a02b83}[data-category="zdravlje"]{--category:#137d82}[data-category="zabava-i-lifestyle"],[data-category="zabava-lifestyle"]{--category:#7548a5}
html[data-theme="dark"] [data-category="vijesti"]{--category:#85b9e0}html[data-theme="dark"] [data-category="tehnologija"]{--category:#bda5f3}html[data-theme="dark"] [data-category="biznis"]{--category:#80d1b0}html[data-theme="dark"] [data-category="sport"]{--category:#f19ca6}html[data-theme="dark"] [data-category="kultura"]{--category:#e8a0d8}html[data-theme="dark"] [data-category="zdravlje"]{--category:#80d2d6}html[data-theme="dark"] [data-category="zabava-i-lifestyle"],html[data-theme="dark"] [data-category="zabava-lifestyle"]{--category:#c1a4ea}
.card-media{position:relative;margin-bottom:12px}.card-media .card-image{width:100%;aspect-ratio:1.9;min-height:0;max-height:420px;border-radius:12px}.card-media .card-image img{height:100%;object-fit:cover}.recommend-overlay{position:absolute;right:10px;top:10px;z-index:2}.recommend-form{margin:0 0 8px}.recommend-overlay{margin:0}.recommend-button{display:inline-flex;align-items:center;gap:7px;min-height:44px;border:1px solid var(--line);border-radius:22px;background:var(--surface);color:var(--text);padding:9px 13px;font-size:13px;font-weight:600;box-shadow:0 2px 8px #00000018}.recommend-button .icon{width:18px;height:18px;transform:rotate(-90deg)}.recommend-button.recommended{background:var(--green-soft);color:var(--green)}.recommend-button:disabled{opacity:.65;cursor:default}.recommend-button:active{background:var(--soft)}.recommend-count{font-variant-numeric:tabular-nums}
.suggestions{margin:0 0 18px}.suggestions h2{font-size:16px;font-weight:600;margin:0 0 10px}.suggested-track{display:flex;gap:10px;overflow-x:auto;overscroll-behavior-x:contain;padding-bottom:4px}.suggested-item{flex:1 0 180px;max-width:calc(50% - 5px);display:flex;flex-direction:column;gap:8px;border:1px solid var(--line);border-radius:12px;padding:14px;background:var(--surface)}.suggested-item small{font-size:11px;color:var(--muted)}.suggested-item strong{font-size:14px;line-height:1.45;overflow-wrap:anywhere;font-weight:600}.suggested-item .category-label{margin-top:auto}
@media(hover:hover) and (pointer:fine){.filter-bar .chip:hover,.topics .chip:hover,.card-bottom>a.category-label:hover{background:none;color:var(--category);text-decoration:underline}.recommend-button:hover{background:var(--soft)}}
@media(hover:none){.filter-bar .chip:hover,.topics .chip:hover,.chip.chosen:hover{background:none;color:var(--category)}}
@media(max-width:760px){.card-media .card-image{aspect-ratio:1.6;max-height:320px}.recommend-overlay{right:8px;top:8px}.recommend-button{font-size:12px;padding:8px 11px}.suggested-item{flex-basis:220px;max-width:80%}}
.card-media[hidden]{display:none!important}