@font-face{font-family:Vazir;src:url('/assets/fonts/Vazir-Regular.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Vazir;src:url('/assets/fonts/Vazir-Bold.woff2') format('woff2');font-weight:700 900;font-style:normal;font-display:swap}
:root{--bg:#f6f9fa;--surface:#fff;--ink:#183239;--muted:#63767d;--border:#e1e9ec;--accent:#006b67;--accent-soft:#e7f5ef;--accent-ink:#005c57;--hover:#eef4f5;--shadow:0 8px 30px #153f4b08;--danger:#ad283d;--radius:16px;color-scheme:light}
:root[data-theme=dark]{--bg:#111d23;--surface:#18282f;--ink:#edf5f6;--muted:#a5b8bf;--border:#2b414b;--accent:#8ce0c4;--accent-soft:#213e38;--accent-ink:#acf0d9;--hover:#243940;--shadow:none;--danger:#ff9eae;color-scheme:dark}
*{box-sizing:border-box}html{scroll-padding-top:90px}body{margin:0;font:400 16px/1.85 Vazir,Tahoma,sans-serif;background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased}body.public-body{padding-bottom:80px}body.has-player{padding-bottom:220px}button,input,textarea,select{font:inherit}button,a,input,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}a:hover{color:var(--accent-ink)}button,a{touch-action:manipulation}svg{flex-shrink:0;vertical-align:middle}img{max-width:100%;object-fit:cover}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.65;text-wrap:balance;overflow-wrap:anywhere}h1{font-size:28px;letter-spacing:-.7px}h2{font-size:20px}h3{font-size:17px}p{overflow-wrap:anywhere}button{color:inherit}button:disabled{opacity:.45;cursor:default}a,button,input,textarea,select{transition:background-color .16s,color .16s,border-color .16s}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:3px}[hidden]{display:none!important}.container{width:min(1240px,100%);padding-inline:20px;margin-inline:auto}.sr{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.skip{position:fixed;right:16px;top:-100px;background:var(--surface);padding:10px;z-index:100}.skip:focus{top:10px}input,select,textarea{border:1px solid var(--border);background:var(--surface);color:var(--ink);border-radius:10px;padding:10px 12px;min-height:46px;font-size:16px;max-width:100%}textarea{resize:vertical}input[type=checkbox]{width:18px;height:18px;min-height:18px;accent-color:var(--accent)}input[type=range]{padding:0;min-height:32px;accent-color:var(--accent);cursor:pointer;background:transparent}input[type=file]{font-size:13px}input[aria-invalid=true]{border-color:var(--danger)}.button,button.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;background:var(--accent);color:#fff;padding:10px 18px;border:1px solid transparent;border-radius:10px;font-weight:700;font-size:14px;white-space:nowrap}.button:hover{background:#005752;color:white}.secondary,button.secondary{background:var(--hover);color:var(--ink);border:1px solid var(--border)}.secondary:hover,button.secondary:hover{background:var(--border);color:var(--ink)}[data-theme=dark] .button:not(.secondary):not(.danger){color:#102e27}.icon-button{min-width:44px;width:44px;min-height:44px;height:44px;border:0;background:transparent;display:inline-flex;align-items:center;justify-content:center;border-radius:12px;padding:8px;flex-shrink:0}.icon-button:hover{background:var(--hover)}.brand{display:flex;align-items:center;gap:10px;font-size:25px;line-height:1.3;font-weight:700;letter-spacing:-.9px}.brand small{display:block;font-size:9px;font-weight:400;letter-spacing:2.5px;margin-top:3px;color:var(--muted)}.site-header{background:var(--surface);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:20}.header-inner{max-width:1240px;padding:14px 20px;display:flex;align-items:center;justify-content:space-between;margin:auto;gap:20px}.header-actions{display:flex;align-items:center;gap:4px}.desktop-nav{display:none}.header-search{display:none}.home-intro{padding-top:25px;padding-bottom:23px;display:flex;flex-direction:column;gap:18px}.today{font-size:12px;color:var(--muted);display:flex;align-items:center;gap:8px;margin-bottom:10px}.status-dot{width:6px;height:6px;border-radius:50%;background:var(--accent)}.home-intro h1{font-size:26px;margin-bottom:8px}.home-intro p{color:var(--muted);font-size:14px;margin:0}.search-box{display:flex;align-items:center;gap:10px;background:var(--surface);border:1px solid var(--border);border-radius:13px;padding:5px 12px;box-shadow:var(--shadow);width:100%}.search-box>svg{color:var(--muted)}.search-box input{border:0;background:transparent;padding:7px 0;flex:1;min-width:0;font-size:14px;outline-offset:0}.search-box button{border:0;background:var(--accent-soft);color:var(--accent-ink);border-radius:9px;width:40px;height:40px;display:grid;place-items:center}.topic-wrap{border-bottom:1px solid var(--border);background:var(--surface)}.topics{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding-block:12px;align-items:center}.topics::-webkit-scrollbar{display:none}.topics a{white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px;padding:7px 14px;font-size:13px;border-radius:10px;color:var(--muted);border:1px solid transparent}.topics a.active{background:var(--accent-soft);color:var(--accent-ink);font-weight:700}.topics a:hover{background:var(--hover);color:var(--ink)}.feed-layout{padding-top:24px;display:grid;grid-template-columns:minmax(0,1fr);gap:28px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.section-heading h2{font-size:18px;margin:0;display:flex;align-items:center;gap:8px}.section-heading>span,.section-heading>a{font-size:12px;color:var(--muted)}.feed{display:grid;grid-template-columns:minmax(0,1fr);gap:18px}.content-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;min-width:0;display:flex;flex-direction:column}.card-visual{position:relative;display:block;aspect-ratio:1.64;overflow:hidden;background:var(--hover)}.card-visual>img{width:100%;height:100%;display:block}.visual-placeholder{width:100%;height:100%;position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:color-mix(in srgb,var(--topic-color) 10%,var(--surface));color:var(--topic-color)}.visual-placeholder>svg,.visual-placeholder>span{z-index:1}.visual-placeholder>span{font-size:13px}.visual-lines{position:absolute;width:160px;height:160px;border:1px solid currentColor;opacity:.1;border-radius:50%;left:-35px;bottom:-60px;box-shadow:0 0 0 28px currentColor,0 0 0 60px currentColor}.is-music .visual-placeholder{background:#e7f1f1}.is-music .visual-placeholder>svg{width:48px;height:48px}[data-theme=dark] .visual-placeholder{background:color-mix(in srgb,var(--topic-color) 10%,#18282f);color:#8ce0c4}.type-badge{position:absolute;right:12px;bottom:12px;display:flex;align-items:center;gap:5px;padding:4px 9px;background:#ffffffed;border-radius:7px;font-size:11px;color:#183239;backdrop-filter:blur(4px)}.card-content{padding:17px 18px 12px;display:flex;flex-direction:column;flex:1}.card-meta{display:flex;gap:10px;align-items:center;justify-content:space-between;font-size:11px;color:var(--muted);margin-bottom:9px}.card-meta>a{color:var(--topic-color);font-weight:700}[data-theme=dark] .card-meta>a{color:var(--accent)}.card-meta time{font-size:10px;white-space:nowrap}.card-content h2{font-size:17px;margin:0 0 8px;line-height:1.9;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-content>p{font-size:13px;color:var(--muted);margin:0 0 12px;line-height:1.9;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-bottom{border-top:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;padding-top:6px;margin-top:auto}.play-button{background:transparent;border:0;color:var(--accent-ink);font-size:12px;display:flex;align-items:center;gap:8px;min-height:44px;padding:6px 0}.play-button svg{border-radius:50%;background:var(--accent-soft);width:30px;height:30px;padding:7px}.play-button.is-playing svg{background:var(--accent);color:var(--surface)}.save-button{color:var(--muted)}.save-button[aria-pressed=true]{color:var(--accent);background:var(--accent-soft)}.save-button[aria-pressed=true] svg{fill:var(--accent-soft);stroke-width:2.4}.read-link{display:inline-flex;align-items:center;gap:10px;font-size:12px;min-height:44px}.feed-aside{display:none}.aside-card{padding:22px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:20px}.mini-track{display:flex;align-items:center;gap:10px;padding:13px 0;border-top:1px solid var(--border)}.mini-track img{border-radius:10px;width:46px;height:46px;flex-shrink:0}.mini-track>div{flex:1;min-width:0}.mini-track a{display:block;font-size:12px;font-weight:700;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.mini-track span{display:block;font-size:11px;color:var(--muted)}.mini-track .icon-button{background:var(--accent-soft);color:var(--accent-ink);width:34px;min-width:34px;height:34px;min-height:34px}.aside-empty{padding:20px;text-align:center;color:var(--muted);font-size:13px}.aside-empty p{margin:10px 0 0}.discovery{background:var(--accent-soft);border-color:transparent}.discovery h2{font-size:18px}.discovery p{font-size:13px;color:var(--muted)}.discovery a{display:inline-flex;gap:8px;font-size:12px;align-items:center;font-weight:700}.discovery-symbol{font:700 48px/1.3 Vazir;color:var(--accent);display:block;margin-bottom:12px}.empty-state{grid-column:1/-1;min-height:330px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);padding:40px 25px}.empty-art{background:var(--accent-soft);color:var(--accent-ink);border-radius:25px;width:90px;height:90px;display:grid;place-items:center;margin-bottom:22px}.empty-state h2{font-size:21px;margin-bottom:10px}.empty-state p{max-width:420px;color:var(--muted);font-size:14px}.pagination{display:flex;justify-content:center;align-items:center;gap:18px;margin:28px 0;font-size:13px}.pagination a{display:flex;gap:8px;align-items:center;min-height:44px;padding:5px 12px;background:var(--surface);border:1px solid var(--border);border-radius:8px}.flip{transform:rotate(180deg)}.site-footer{max-width:1200px;margin:50px auto 20px;border-top:1px solid var(--border);padding:28px 20px;display:flex;flex-wrap:wrap;gap:12px 24px;align-items:center;font-size:12px;color:var(--muted)}.brand-name{font-size:23px;font-weight:700;color:var(--accent)}.site-footer p{width:100%;margin:0}.site-footer>span{margin-right:auto}.mobile-nav{position:fixed;bottom:0;left:0;right:0;z-index:40;display:flex;justify-content:space-around;align-items:center;background:var(--surface);border-top:1px solid var(--border);padding:5px 12px max(7px,env(safe-area-inset-bottom));height:calc(65px + env(safe-area-inset-bottom))}.mobile-nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-width:60px;min-height:50px;font-size:10px;color:var(--muted)}.mobile-nav a.active{color:var(--accent-ink)}.toast{position:fixed;bottom:90px;left:50%;transform:translateX(-50%);max-width:calc(100% - 30px);background:var(--ink);color:var(--surface);border-radius:12px;padding:10px 18px;z-index:100;font-size:13px;box-shadow:var(--shadow)}.has-player .toast{bottom:210px}.notice,.errors{padding:14px 17px;border-radius:12px;margin-bottom:20px;font-size:14px;display:flex;align-items:center;gap:10px;background:var(--accent-soft);color:var(--accent-ink)}.errors{background:#fce8ed;color:#8f2035;display:block}.errors p{margin:0}.errors ul{margin:5px 0}.article-wrap{max-width:1000px;padding-top:25px}.breadcrumbs{display:flex;gap:10px;font-size:12px;color:var(--muted);margin-bottom:20px}.article-panel{padding:24px 20px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}.article-header{margin-bottom:24px}.article-label{font-size:12px;color:var(--accent-ink);margin-bottom:12px}.article-header h1{font-size:27px;margin-bottom:12px}.article-meta{display:flex;flex-wrap:wrap;gap:6px 15px;align-items:center;font-size:12px;color:var(--muted)}.article-meta .icon-button:first-of-type{margin-right:auto}.article-cover{display:block;width:100%;height:auto;max-height:550px;object-fit:cover;border-radius:12px;margin-bottom:24px}.article-lead{font-size:17px;font-weight:700;line-height:2.1}.prose{font-size:16px;line-height:2.2;overflow-wrap:anywhere}.prose p{margin-bottom:18px}.prose h2{font-size:22px;margin-top:30px}.prose h3{margin-top:25px}.prose a{color:var(--accent-ink);text-decoration:underline}.prose img{max-width:100%;height:auto}.prose pre{overflow-x:auto;direction:ltr;background:var(--hover);padding:16px;border-radius:8px}.prose blockquote{border-right:3px solid var(--accent);margin-inline:0;padding:10px 18px;background:var(--hover)}.song-detail{display:flex;flex-direction:column;gap:24px;background:var(--accent-soft);border-radius:14px;padding:24px;margin-bottom:26px}.song-cover{width:210px;height:210px;align-self:center;border-radius:14px;box-shadow:0 14px 30px #003a2f14}.song-info{text-align:center}.song-info>span{font-size:12px;color:var(--accent-ink)}.song-info h2{font-size:25px;margin:10px 0 5px}.song-info p{color:var(--muted);font-size:14px}.song-info>.button{margin:5px;font-size:13px}.tag-list{display:flex;gap:8px;flex-wrap:wrap;border-top:1px solid var(--border);margin-top:26px;padding-top:20px}.tag-list a{background:var(--hover);padding:6px 10px;border-radius:8px;font-size:12px;min-height:38px}.faq{margin-top:28px}.faq details{border-top:1px solid var(--border);padding:13px 0}.faq summary{cursor:pointer;font-size:14px;font-weight:700;min-height:32px}.faq p{font-size:14px;margin:10px 0;color:var(--muted)}.related{margin-top:30px}.muted{color:var(--muted)}.actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
/* Persistent player: timeline stays available on small screens. */
.player{position:fixed;bottom:calc(65px + env(safe-area-inset-bottom));left:0;right:0;z-index:45;background:var(--surface);border-top:1px solid var(--border);box-shadow:0 -6px 30px #14383b0c;padding:9px 15px 6px}.player-inner{max-width:1200px;margin:auto;display:grid;grid-template-columns:42px minmax(0,1fr) auto 32px;gap:4px 10px;align-items:center}.player-cover{width:42px;height:42px;border-radius:9px;grid-column:1}.player-track{min-width:0}.player-track strong{display:block;font-size:12px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.player-track span{font-size:10px;color:var(--muted);display:block}.player-controls{display:flex;align-items:center;direction:ltr;gap:2px}.player-controls>.icon-button{width:34px;min-width:34px}.player-controls .previous{display:none}.play-main{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;border:0;background:var(--accent);color:white}[data-theme=dark] .play-main{color:#102e27}.player-close{grid-column:4;grid-row:1;width:32px;min-width:32px}.player-timeline{grid-row:2;grid-column:1/-1;display:flex;align-items:center;gap:9px;font-size:10px;color:var(--muted);font-variant-numeric:tabular-nums}.player-timeline input{width:100%;flex:1;min-width:0;height:22px;min-height:22px}.player-volume{display:none}.queue{display:none;position:relative}.queue summary{list-style:none}.queue summary::-webkit-details-marker{display:none}.queue-panel{position:absolute;left:0;bottom:56px;width:280px;max-height:340px;overflow-y:auto;background:var(--surface);border:1px solid var(--border);padding:15px;border-radius:13px;box-shadow:var(--shadow)}.queue-panel>strong{font-size:14px;display:block;margin-bottom:10px}.queue-panel button{display:block;width:100%;border:0;border-radius:7px;padding:10px;background:none;text-align:right;font-size:12px}.queue-panel button.active{background:var(--accent-soft);color:var(--accent-ink)}.page-loading{opacity:.65;pointer-events:none}
@media(min-width:560px){.feed{grid-template-columns:repeat(2,minmax(0,1fr))}.home-intro h1{font-size:30px}.player-controls .previous{display:inline-flex}.queue{display:block}.player-inner{grid-template-columns:46px minmax(80px,1fr) auto 44px 32px}.player-close{grid-column:5}.player-cover{width:46px;height:46px}.song-detail{flex-direction:row;align-items:center}.song-cover{width:230px;height:230px}.song-info{text-align:right}.song-info>.button{margin-inline:0 8px}.article-panel{padding:32px}.article-header h1{font-size:33px}}
@media(min-width:900px){body.public-body{padding-bottom:0}body.has-player{padding-bottom:100px}.desktop-nav{display:flex;gap:28px;font-size:13px;color:var(--muted);margin-left:auto;margin-right:32px}.desktop-nav a{padding:8px 0}.header-search{display:flex;align-items:center;gap:8px;font-size:12px;background:var(--hover);border-radius:9px;padding:9px 14px;margin-right:10px}.home-intro{padding-block:35px;flex-direction:row;align-items:center;justify-content:space-between}.search-box{max-width:390px}.home-intro h1{font-size:32px}.home-intro p{font-size:14px}.feed{grid-template-columns:repeat(3,minmax(0,1fr))}.feed-layout{padding-top:30px}.mobile-nav{display:none}.player{bottom:0;padding:12px 24px max(12px,env(safe-area-inset-bottom))}.player-inner{display:flex;gap:15px}.player-track{width:175px;flex-shrink:0}.player-track strong{font-size:13px}.player-track span{font-size:11px}.player-timeline{flex:1;font-size:11px;min-width:100px}.player-volume{display:flex;align-items:center;gap:7px;max-width:115px}.player-volume input{width:75px}.player-cover{width:50px;height:50px}.player-close{margin-right:0}.player-controls{gap:4px}.toast,.has-player .toast{bottom:105px}.article-wrap{padding-top:35px}.site-footer{margin-top:55px}.site-footer p{width:auto;margin-left:auto}.site-footer>span{margin-right:0}.related .feed{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(min-width:1150px){.feed-layout{grid-template-columns:minmax(0,1fr) 265px}.feed-aside{display:block;align-self:start;position:sticky;top:100px}.card-content{padding-inline:16px}.card-meta{gap:5px;font-size:10px}.card-meta time{font-size:9px}.header-inner{padding-block:17px}.article-wrap{max-width:1000px}}
@media(max-width:359px){.container{padding-inline:14px}.header-inner{padding-inline:14px}.home-intro h1{font-size:24px}.header-actions{gap:0}.header-actions .icon-button{width:40px;min-width:40px}.player-inner{gap:4px 7px}.player-controls>.icon-button{width:29px;min-width:29px}.brand{font-size:23px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;scroll-behavior:auto!important}}

@media(max-width:899px){.player-controls .previous{display:inline-flex}.player-inner{grid-template-columns:38px minmax(0,1fr) auto 30px 28px;gap:3px 6px}.player-controls>.icon-button{width:30px;min-width:30px}.play-main{width:38px;height:38px}.player-close{grid-column:5;width:28px;min-width:28px}.queue{display:block}.queue summary{width:30px;min-width:30px}.queue-panel{position:fixed;left:12px;right:12px;bottom:calc(180px + env(safe-area-inset-bottom));width:auto;max-height:45vh}.player-track strong{font-size:11px}.player-cover{width:38px;height:38px}}

/* Compact mobile feed and full-size playback touch targets. */
.queue-panel>#player-close{width:100%;margin-top:12px;font-size:12px}
@media(max-width:899px){.player-inner{grid-template-columns:38px minmax(0,1fr) auto 44px;gap:3px 6px}.player-controls>.icon-button{width:44px;min-width:44px;height:44px}.player-controls{gap:0}.play-main{width:44px;height:44px}.queue summary{width:44px;min-width:44px}.queue{grid-column:4;grid-row:1}.player-track strong{font-size:11px}}
@media(max-width:559px){.content-card{display:grid;grid-template-columns:104px minmax(0,1fr);gap:0}.card-visual{aspect-ratio:1;width:92px;height:104px;margin:12px 12px 12px 0;border-radius:10px;align-self:center}.card-content{padding:12px 12px 6px;min-width:0}.card-content h2{font-size:16px;margin-bottom:5px}.card-content>p{font-size:12px;margin-bottom:4px;-webkit-line-clamp:1}.card-meta{font-size:10px;margin-bottom:4px;gap:4px}.card-meta time{font-size:9px}.card-bottom{border-top:0;padding:0;min-height:44px}.type-badge{right:5px;bottom:5px;font-size:9px;padding:3px 6px}.visual-placeholder>span{display:none}.visual-placeholder>svg{width:30px;height:30px}.play-button{font-size:11px;gap:6px}.read-link{font-size:11px}.feed{gap:12px}}

/* Preserve native scrolling while hiding visual scrollbar chrome. */
*{scrollbar-width:none}*::-webkit-scrollbar{display:none;width:0;height:0}