@font-face{font-family:Vazirmatn;src:url('/static/ui02/Vazirmatn-wght.woff2?v=ui02') format('woff2');font-style:normal;font-weight:100 900;font-display:swap}
:root{--ui02-glass:rgba(255,255,252,.82);--ui02-shadow:0 14px 42px rgba(15,58,54,.12);--ui02-ease:cubic-bezier(.2,.8,.2,1)}
body{font-family:Vazirmatn,Tahoma,sans-serif;background:radial-gradient(circle at 92% 0,#dfece6 0,transparent 34rem),radial-gradient(circle at 5% 8%,#efe5d333 0,transparent 28rem),var(--bg)}
.app-header{position:sticky;top:0;z-index:70;max-width:none;padding:11px max(24px,calc((100vw - 1360px)/2));border-bottom:1px solid color-mix(in srgb,var(--line) 82%,transparent);background:var(--ui02-glass);backdrop-filter:blur(14px) saturate(1.12);-webkit-backdrop-filter:blur(14px) saturate(1.12)}
.app-header .brand-mark{width:42px;height:42px;border-radius:13px;background:#fff;box-shadow:0 4px 14px #123d3512}.app-header .brand{font-size:18px}.header-end{gap:12px}
main{max-width:1360px;padding-inline:28px}
.campaign{height:clamp(320px,27vw,380px);border-radius:24px;box-shadow:var(--ui02-shadow)}
.campaign-slide{border-radius:inherit}.campaign h2{letter-spacing:-.03em}.campaign-action{border-radius:10px;box-shadow:0 8px 20px #071f1b24}
.home-quick{padding:9px 13px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.72);box-shadow:0 4px 18px #123d3509;backdrop-filter:blur(8px)}
.academy-entry{border:1px solid var(--line);border-radius:16px;background:linear-gradient(135deg,rgba(255,255,255,.96),rgba(230,240,235,.9));box-shadow:0 5px 20px #123d350c}
.section-heading h2{font-weight:750;letter-spacing:-.025em}.search-box{min-height:46px;border-radius:14px;background:rgba(255,255,255,.95)}
.access-filters button,.chips button{min-height:38px;transition:transform .16s var(--ui02-ease),background .16s var(--ui02-ease),border-color .16s var(--ui02-ease)}
.access-filters button:hover,.chips button:hover{transform:translateY(-1px)}
#library .catalog{gap:15px}.work-card{transition:transform .2s var(--ui02-ease),box-shadow .2s var(--ui02-ease),border-color .2s var(--ui02-ease)}
@media(hover:hover) and (pointer:fine){#library .work-card:hover{transform:translateY(-3px)}}
.artist-strip{scrollbar-width:thin;scrollbar-color:var(--line) transparent}.home-trust{border-radius:18px}
.bottom-nav{display:none}
.transport{backdrop-filter:blur(12px);background:color-mix(in srgb,var(--card) 92%,transparent)}
@media(max-width:900px){main{padding-inline:18px}.campaign{height:290px}.bottom-nav{display:flex}.app-header{padding-inline:18px}body{padding-bottom:88px}}
@media(max-width:600px){
  .app-header{padding:9px 13px}.app-header .brand{font-size:15px}.app-header .brand small{font-size:8px}.app-header .brand-mark{width:36px;height:36px}
  main{padding-inline:12px}.campaign{height:218px;border-radius:17px}.home-quick{margin-block:8px;padding:7px 9px}.academy-entry{padding:12px}
  #library .catalog{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  #library .work-card{border-radius:14px}#library .score-thumbnail{aspect-ratio:1.16}
  #library .card-open h3{font-size:14px}#library .card-en{font-size:9px}#library .score-card-copy{padding:10px 9px 9px}
  #library .card-footer{min-height:39px;padding:7px 6px}#library .card-footer .level-tag{font-size:8px}
  .search-row{position:sticky;top:61px;z-index:20;padding:6px 0;background:color-mix(in srgb,var(--bg) 92%,transparent);backdrop-filter:blur(8px)}
  .bottom-nav{background:rgba(255,255,252,.9);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 -8px 28px #123d3510}
}
@media(max-width:350px){#library .catalog{gap:7px}#library .card-footer .level-tag{display:none}}
@media(prefers-reduced-motion:reduce){.work-card,.access-filters button,.chips button{transition:none!important;transform:none!important}}
@supports not (backdrop-filter:blur(1px)){.app-header,.bottom-nav{background:var(--card)}}