@font-face{font-family: 'Amiri';font-style: italic;font-weight: 400;font-display: swap;src: url('../fonts/amiri-400-italic-arabic.woff2') format('woff2');unicode-range: U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}@font-face{font-family: 'Amiri';font-style: italic;font-weight: 400;font-display: swap;src: url('../fonts/amiri-400-italic-latin.woff2') format('woff2');unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family: 'Amiri';font-style: normal;font-weight: 700;font-display: swap;src: url('../fonts/amiri-700-normal-arabic.woff2') format('woff2');unicode-range: U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}@font-face{font-family: 'Amiri';font-style: normal;font-weight: 700;font-display: swap;src: url('../fonts/amiri-700-normal-latin.woff2') format('woff2');unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family: 'Cairo';font-style: normal;font-weight: 400;font-display: swap;src: url('../fonts/cairo-400-normal-arabic.woff2') format('woff2');unicode-range: U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}@font-face{font-family: 'Cairo';font-style: normal;font-weight: 400;font-display: swap;src: url('../fonts/cairo-400-normal-latin.woff2') format('woff2');unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family: 'Cairo';font-style: normal;font-weight: 500;font-display: swap;src: url('../fonts/cairo-500-normal-arabic.woff2') format('woff2');unicode-range: U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}@font-face{font-family: 'Cairo';font-style: normal;font-weight: 500;font-display: swap;src: url('../fonts/cairo-500-normal-latin.woff2') format('woff2');unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family: 'Cairo';font-style: normal;font-weight: 600;font-display: swap;src: url('../fonts/cairo-600-normal-arabic.woff2') format('woff2');unicode-range: U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}@font-face{font-family: 'Cairo';font-style: normal;font-weight: 600;font-display: swap;src: url('../fonts/cairo-600-normal-latin.woff2') format('woff2');unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family: 'Cairo';font-style: normal;font-weight: 700;font-display: swap;src: url('../fonts/cairo-700-normal-arabic.woff2') format('woff2');unicode-range: U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}@font-face{font-family: 'Cairo';font-style: normal;font-weight: 700;font-display: swap;src: url('../fonts/cairo-700-normal-latin.woff2') format('woff2');unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family: 'Cairo';font-style: normal;font-weight: 800;font-display: swap;src: url('../fonts/cairo-800-normal-arabic.woff2') format('woff2');unicode-range: U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}@font-face{font-family: 'Cairo';font-style: normal;font-weight: 800;font-display: swap;src: url('../fonts/cairo-800-normal-latin.woff2') format('woff2');unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family: 'El Messiri';font-style: normal;font-weight: 600;font-display: swap;src: url('../fonts/el-messiri-600-normal-arabic.woff2') format('woff2');unicode-range: U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}@font-face{font-family: 'El Messiri';font-style: normal;font-weight: 600;font-display: swap;src: url('../fonts/el-messiri-600-normal-latin.woff2') format('woff2');unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{--color-emerald-deep: #0a3d2e;--color-emerald-mid: #0f5340;--color-emerald-light: #2d7a5f;--color-gold-bright: #d4af37;--color-gold-soft: #c9a961;--color-gold-deep: #8b6914;--color-gold-shimmer: #e8c574;--color-bronze: #7d5a35;--color-cream: #faf7f0;--color-cream-warm: #f5efe1;--color-cream-mist: #fefcf6;--color-ink-deep: #1a1410;--color-ink-warm: #2d231b;--color-ink-soft: #5a4f47;--color-ink-mist: #6b5f55;--color-border-light: #e8e0d0;--color-border-mid: #d4c8b3;--color-success: #2d8a5f;--color-warning: #d4a054;--color-danger: #c0392b;--color-info: #4a7c8e;--bg-page: var(--color-cream);--bg-card: #ffffff;--bg-card-hover: #fefcf6;--bg-elevated: #ffffff;--bg-overlay: rgba(26,20,16,0.65);--bg-overlay-deep: rgba(10,61,46,0.85);--text-primary: var(--color-ink-deep);--text-secondary: var(--color-ink-warm);--text-tertiary: var(--color-ink-soft);--text-muted: var(--color-ink-mist);--text-inverse: var(--color-cream);--text-accent: var(--color-gold-deep);--border-subtle: 1px solid var(--color-border-light);--border-default: 1px solid var(--color-border-mid);--border-accent: 2px solid var(--color-gold-soft);--shadow-xs: 0 1px 2px rgba(26,20,16,0.04);--shadow-sm: 0 2px 4px rgba(26,20,16,0.06);--shadow-md: 0 4px 12px rgba(26,20,16,0.08);--shadow-lg: 0 12px 32px rgba(26,20,16,0.12);--shadow-xl: 0 24px 56px rgba(26,20,16,0.16);--shadow-gold: 0 8px 24px rgba(201,169,97,0.25);--shadow-emerald: 0 8px 24px rgba(10,61,46,0.2);--space-1: 0.25rem;--space-2: 0.5rem;--space-3: 0.75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--radius-sm: 6px;--radius-md: 12px;--radius-lg: 20px;--radius-xl: 28px;--radius-full: 9999px;--font-display: 'El Messiri','Cairo','Segoe UI','Noto Naskh Arabic','Geeza Pro',system-ui,sans-serif;--font-body: 'Cairo','Segoe UI','Noto Naskh Arabic','Geeza Pro',system-ui,sans-serif;--font-mono: 'JetBrains Mono','Courier New',monospace;--text-xs: clamp(0.7rem,0.65rem + 0.2vw,0.75rem);--text-sm: clamp(0.8rem,0.75rem + 0.25vw,0.875rem);--text-base: clamp(0.9rem,0.85rem + 0.3vw,1rem);--text-md: clamp(1rem,0.95rem + 0.4vw,1.125rem);--text-lg: clamp(1.05rem,0.95rem + 0.6vw,1.25rem);--text-xl: clamp(1.2rem,1.05rem + 0.85vw,1.5rem);--text-2xl: clamp(1.4rem,1.2rem + 1.1vw,1.875rem);--text-3xl: clamp(1.65rem,1.35rem + 1.6vw,2.25rem);--text-4xl: clamp(2rem,1.5rem + 2.5vw,3rem);--text-5xl: clamp(2.4rem,1.7rem + 3.5vw,4rem);--leading-tight: 1.2;--leading-snug: 1.4;--leading-normal: 1.6;--leading-relaxed: 1.8;--leading-loose: 2.0;--transition-fast: 150ms cubic-bezier(0.4,0,0.2,1);--transition-base: 250ms cubic-bezier(0.4,0,0.2,1);--transition-slow: 400ms cubic-bezier(0.4,0,0.2,1);--transition-elegant: 600ms cubic-bezier(0.16,1,0.3,1);--sidebar-width: 320px;--sidebar-width-collapsed: 80px;--header-height: 80px;--container-max: 1400px;--content-max: 1100px;--z-base: 1;--z-elevated: 10;--z-dropdown: 100;--z-sticky: 200;--z-overlay: 800;--z-modal: 900;--z-toast: 1000}
*,*::before,*::after{box-sizing: border-box;margin: 0;padding: 0}html{scroll-behavior: smooth;-webkit-text-size-adjust: 100%;text-size-adjust: 100%;direction: rtl}body{font-family: var(--font-body);font-size: var(--text-base);line-height: var(--leading-normal);color: var(--text-primary);background-color: var(--bg-page);background-image: radial-gradient(ellipse at top right,rgba(201,169,97,0.06),transparent 60%),radial-gradient(ellipse at bottom left,rgba(10,61,46,0.04),transparent 60%);min-height: 100vh;overflow-x: hidden;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;text-rendering: optimizeLegibility}::selection{background-color: var(--color-gold-soft);color: var(--color-ink-deep)}::-moz-selection{background-color: var(--color-gold-soft);color: var(--color-ink-deep)}::-webkit-scrollbar{width: 12px;height: 12px}::-webkit-scrollbar-track{background: var(--color-cream-warm)}::-webkit-scrollbar-thumb{background: linear-gradient(180deg,var(--color-gold-soft),var(--color-gold-deep));border-radius: var(--radius-full);border: 3px solid var(--color-cream-warm)}::-webkit-scrollbar-thumb:hover{background: linear-gradient(180deg,var(--color-gold-bright),var(--color-bronze))}h1,h2,h3,h4,h5,h6{font-family: var(--font-display);font-weight: 600;line-height: var(--leading-tight);color: var(--text-primary);letter-spacing: -0.01em}h1{font-size: var(--text-4xl)}h2{font-size: var(--text-3xl)}h3{font-size: var(--text-2xl)}h4{font-size: var(--text-xl)}h5{font-size: var(--text-lg)}h6{font-size: var(--text-md)}p{line-height: var(--leading-relaxed)}a{color: var(--color-emerald-deep);text-decoration: none;transition: color var(--transition-fast)}a:hover{color: var(--color-gold-deep)}a:focus-visible{outline: 2px solid var(--color-gold-soft);outline-offset: 2px;border-radius: var(--radius-sm)}img,video{max-width: 100%;height: auto;display: block}button{font-family: inherit;cursor: pointer;border: none;background: none;color: inherit}button:focus-visible{outline: 2px solid var(--color-gold-soft);outline-offset: 2px}input,textarea,select{font-family: inherit;font-size: inherit;color: inherit}.container{width: 100%;max-width: var(--container-max);margin-inline: auto;padding-inline: var(--space-6)}.container-narrow{width: 100%;max-width: var(--content-max);margin-inline: auto;padding-inline: var(--space-6)}.section{padding-block: var(--space-16)}.section-title{font-size: var(--text-3xl);font-weight: 700;margin-bottom: var(--space-3);position: relative;display: inline-block}.section-title::after{content: '';position: absolute;bottom: -8px;right: 0;width: 60%;height: 3px;background: linear-gradient(90deg,var(--color-gold-bright),transparent);border-radius: var(--radius-full)}.section-subtitle{color: var(--text-tertiary);font-size: var(--text-md);margin-bottom: var(--space-10)}.section-header{margin-bottom: var(--space-10)}.btn{display: inline-flex;align-items: center;justify-content: center;gap: var(--space-2);padding: var(--space-3) var(--space-6);border-radius: var(--radius-md);font-weight: 500;font-size: var(--text-sm);transition: all var(--transition-base);text-align: center;white-space: nowrap;border: 1px solid transparent;position: relative}.btn-primary{background: linear-gradient(135deg,var(--color-emerald-deep),var(--color-emerald-mid));color: var(--color-cream);box-shadow: var(--shadow-emerald)}.btn-primary:hover{color: var(--color-cream);box-shadow: 0 12px 32px rgba(10,61,46,0.3);transform: translateY(-2px)}.btn-gold{background: linear-gradient(135deg,var(--color-gold-bright),var(--color-gold-deep));color: var(--color-ink-deep);box-shadow: var(--shadow-gold);font-weight: 600}.btn-gold:hover{color: var(--color-ink-deep);box-shadow: 0 12px 32px rgba(201,169,97,0.4);transform: translateY(-2px)}.btn-outline{background: transparent;border-color: var(--color-border-mid);color: var(--text-primary)}.btn-outline:hover{background-color: var(--color-cream-warm);border-color: var(--color-gold-soft);color: var(--text-primary)}.btn-ghost{background: transparent;color: var(--text-secondary)}.btn-ghost:hover{background-color: rgba(201,169,97,0.1);color: var(--color-gold-deep)}.btn-icon{width: 40px;height: 40px;padding: 0;border-radius: var(--radius-full)}.btn-sm{padding: var(--space-2) var(--space-4);font-size: var(--text-xs)}.btn-lg{padding: var(--space-4) var(--space-8);font-size: var(--text-md)}.badge{display: inline-flex;align-items: center;gap: var(--space-1);padding: var(--space-1) var(--space-3);border-radius: var(--radius-full);font-size: var(--text-xs);font-weight: 500;background-color: var(--color-cream-warm);color: var(--text-secondary);border: 1px solid var(--color-border-light)}.badge-gold{background: linear-gradient(135deg,rgba(212,175,55,0.15),rgba(201,169,97,0.1));color: var(--color-gold-deep);border-color: rgba(201,169,97,0.3)}.badge-emerald{background: linear-gradient(135deg,rgba(10,61,46,0.12),rgba(15,83,64,0.08));color: var(--color-emerald-deep);border-color: rgba(10,61,46,0.2)}.text-center{text-align: center}.text-right{text-align: right}.text-left{text-align: left}.text-primary{color: var(--text-primary)}.text-secondary{color: var(--text-secondary)}.text-muted{color: var(--text-muted)}.text-accent{color: var(--text-accent)}.text-emerald{color: var(--color-emerald-deep)}.text-gold{color: var(--color-gold-deep)}.fw-300{font-weight: 300}.fw-400{font-weight: 400}.fw-500{font-weight: 500}.fw-600{font-weight: 600}.fw-700{font-weight: 700}.flex{display: flex}.flex-col{flex-direction: column}.items-center{align-items: center}.justify-center{justify-content: center}.justify-between{justify-content: space-between}.gap-1{gap: var(--space-1)}.gap-2{gap: var(--space-2)}.gap-3{gap: var(--space-3)}.gap-4{gap: var(--space-4)}.gap-6{gap: var(--space-6)}.hidden{display: none !important}.sr-only{position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0,0,0,0);white-space: nowrap;border: 0}.ornament{text-align: center;margin-block: var(--space-8);color: var(--color-gold-soft);font-size: var(--text-xl);letter-spacing: 1rem}.divider{height: 1px;background: linear-gradient(90deg,transparent,var(--color-border-mid),transparent);margin-block: var(--space-8);border: none}.divider-gold{height: 2px;background: linear-gradient(90deg,transparent,var(--color-gold-soft),transparent);margin-block: var(--space-6);border: none}
.app-shell{display: block;min-height: 100vh;min-height: 100dvh;position: relative}.app-sidebar{position: fixed;top: 0;right: 0;width: var(--sidebar-width);height: 100vh;height: 100dvh;background: linear-gradient(180deg,#0a3d2e 0%,#0d2a20 100%);color: var(--color-cream);display: flex;flex-direction: column;overflow: hidden;z-index: var(--z-modal);box-shadow: -20px 0 60px rgba(10,61,46,0.35);transform: translateX(100%);transition: transform 450ms cubic-bezier(0.16,1,0.3,1)}.app-sidebar.is-open{transform: translateX(0);will-change: transform}.app-sidebar::before{content: '';position: absolute;inset: 0;background-image: radial-gradient(circle at 20% 10%,rgba(201,169,97,0.15),transparent 40%),radial-gradient(circle at 80% 90%,rgba(212,175,55,0.08),transparent 40%);pointer-events: none}.app-sidebar::after{content: '';position: absolute;inset: 0;background-image: repeating-linear-gradient( 45deg,transparent,transparent 30px,rgba(201,169,97,0.025) 30px,rgba(201,169,97,0.025) 60px );pointer-events: none}.sidebar-brand{position: relative;z-index: 2;padding: var(--space-8) var(--space-6) var(--space-6);text-align: center;border-bottom: 1px solid rgba(201,169,97,0.15)}.sidebar-brand__row{position: relative;margin-bottom: var(--space-1);padding-inline: 2.75rem}.sidebar-brand__name{font-family: var(--font-display);font-size: var(--text-lg);font-weight: 700;color: var(--color-cream);letter-spacing: 0.02em}.sidebar-brand__tagline{font-size: var(--text-xs);color: var(--color-gold-shimmer);font-weight: 400;letter-spacing: 0.08em}.sidebar-nav{flex: 1;overflow-y: auto;overflow-x: hidden;padding: var(--space-4) 0;position: relative;z-index: 2;scrollbar-width: thin;scrollbar-color: rgba(201,169,97,0.3) transparent}.sidebar-nav::-webkit-scrollbar{width: 4px}.sidebar-nav::-webkit-scrollbar-thumb{background: rgba(201,169,97,0.3);border-radius: var(--radius-full);border: none}.sidebar-nav__list{list-style: none}.sidebar-nav__item{margin-bottom: var(--space-1)}.sidebar-nav__link{display: flex;align-items: center;gap: var(--space-3);padding: var(--space-3) var(--space-6);color: rgba(250,247,240,0.75);font-size: var(--text-sm);font-weight: 500;transition: all var(--transition-base);position: relative}.sidebar-nav__link::before{content: '';position: absolute;inset: 0;background: linear-gradient(90deg,transparent,rgba(201,169,97,0.1));opacity: 0;transition: opacity var(--transition-base)}.sidebar-nav__link:hover{color: var(--color-cream)}.sidebar-nav__link:hover::before{opacity: 1}.sidebar-nav__link.is-active{color: var(--color-gold-shimmer);background: linear-gradient(90deg,transparent,rgba(201,169,97,0.15))}.sidebar-nav__link.is-active .sidebar-nav__icon{color: var(--color-gold-bright);transform: scale(1.1)}.sidebar-nav__icon{flex-shrink: 0;width: 22px;height: 22px;display: flex;align-items: center;justify-content: center;color: var(--color-gold-soft);transition: all var(--transition-base)}.sidebar-nav__icon svg{width: 100%;height: 100%;stroke-width: 1.5}.sidebar-nav__label{flex: 1;position: relative;z-index: 1}.sidebar-nav__heading{padding: var(--space-4) var(--space-6) var(--space-2);font-size: var(--text-xs);font-weight: 600;color: var(--color-gold-shimmer);text-transform: uppercase;letter-spacing: 0.1em;opacity: 0.8}.sidebar-social{position: relative;z-index: 2;padding: var(--space-4) var(--space-6);border-top: 1px solid rgba(201,169,97,0.15);background: rgba(13,42,32,0.5)}.sidebar-social__title{font-size: var(--text-xs);color: var(--color-gold-shimmer);font-weight: 600;margin-bottom: var(--space-3);text-transform: uppercase;letter-spacing: 0.1em}.sidebar-social__links{display: flex;flex-wrap: wrap;gap: var(--space-2)}.sidebar-social__link{flex: 1 1 0;min-width: 2.75rem;height: 2.75rem;display: flex;align-items: center;justify-content: center;color: var(--color-cream);background: rgba(201,169,97,0.1);border-radius: var(--radius-md);border: 1px solid rgba(201,169,97,0.15);transition: all var(--transition-base)}.sidebar-social__link:hover{background: linear-gradient(135deg,var(--color-gold-soft),var(--color-gold-deep));color: var(--color-emerald-deep);transform: translateY(-2px);box-shadow: 0 6px 16px rgba(201,169,97,0.4);border-color: transparent}.sidebar-social__link svg{width: 18px;height: 18px}.app-main{width: 100%;min-width: 0;min-height: 100vh;min-height: 100dvh;display: flex;flex-direction: column;position: relative}.app-main::after{content: '';position: absolute;inset: 0;background: rgba(26,20,16,0.08);opacity: 0;pointer-events: none;transition: opacity 350ms ease;z-index: 1}.app-shell.sidebar-is-open .app-main::after{opacity: 1}.app-header{height: var(--header-height);position: sticky;top: 0;z-index: var(--z-sticky);background: rgba(250,247,240,0.98);border-bottom: 1px solid var(--color-border-light);display: flex;align-items: center;padding: 0 var(--space-8)}.app-header__inner{display: flex;align-items: center;justify-content: space-between;width: 100%;gap: var(--space-6)}.header-mobile-toggle{display: none;width: 44px;height: 44px;align-items: center;justify-content: center;border-radius: var(--radius-md);color: var(--text-primary);transition: background var(--transition-fast)}.header-mobile-toggle:hover{background: var(--color-cream-warm)}.app-header__title{font-family: var(--font-display);font-size: var(--text-xl);font-weight: 600;color: var(--text-primary);margin: 0}.app-header__breadcrumb{color: var(--text-tertiary);font-size: var(--text-sm);margin-top: 2px}.app-header__breadcrumb a{color: var(--text-tertiary)}.app-header__breadcrumb a:hover{color: var(--color-gold-deep)}.app-header__actions{display: flex;align-items: center;gap: var(--space-3)}.app-content{flex: 1;padding: var(--space-8);position: relative}.app-footer{position: relative;background: radial-gradient(120% 90% at 100% 0%,rgba(212,175,55,0.10),transparent 55%),linear-gradient(160deg,var(--color-emerald-deep) 0%,#072e22 70%,#062519 100%);color: var(--color-cream);padding: var(--space-12) var(--space-8) var(--space-6);margin-top: var(--space-16)}.app-footer::before{content: '';position: absolute;inset-inline: 0;top: 0;height: 2px;background: linear-gradient(90deg,transparent,var(--color-gold-soft) 20%,var(--color-gold-bright) 50%,var(--color-gold-soft) 80%,transparent)}.app-footer :focus-visible{outline: 2px solid var(--color-gold-shimmer);outline-offset: 2px}.app-footer__inner{max-width: var(--container-max);margin: 0 auto}.app-footer__grid{display: grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: var(--space-8) var(--space-6);align-items: start}.app-footer__brand-col{grid-column: 1 / -1}@media (min-width: 768px){.app-footer__grid{grid-template-columns: repeat(3,minmax(0,1fr));gap: var(--space-8) var(--space-10)}}@media (min-width: 1024px){.app-footer__grid{grid-template-columns: minmax(0,1.5fr) repeat(3,minmax(0,1fr))}.app-footer__brand-col{grid-column: auto}}.app-footer__brand{font-family: var(--font-display);font-size: var(--text-xl);font-weight: 600;color: var(--color-cream);margin-bottom: var(--space-3)}.app-footer__blurb{font-size: var(--text-sm);color: rgba(250,247,240,0.72);line-height: var(--leading-relaxed);max-width: 34ch;margin-bottom: var(--space-5)}.app-footer__social{display: flex;flex-wrap: wrap;gap: var(--space-2);list-style: none;padding: 0;margin: 0}.app-footer__social > li{flex: 1 1 0;min-width: 2.75rem}.app-footer__social-link{display: flex;align-items: center;justify-content: center;inline-size: 100%;block-size: 2.75rem;border-radius: var(--radius-md);border: 1px solid rgba(250,247,240,0.16);color: var(--color-gold-shimmer);background: rgba(250,247,240,0.06);transition: background var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast),transform var(--transition-fast)}.app-footer__social-link:hover,.app-footer__social-link:focus-visible{background: var(--color-gold-bright);border-color: var(--color-gold-bright);color: var(--color-emerald-deep);transform: translateY(-2px)}.app-footer__social-link svg{inline-size: 1.15rem;block-size: 1.15rem}.app-footer__heading{font-family: var(--font-display);font-size: var(--text-sm);font-weight: 700;letter-spacing: 0.04em;color: var(--color-gold-shimmer);margin-bottom: var(--space-4)}.app-footer__list{list-style: none;padding: 0;margin: 0;display: flex;flex-direction: column;gap: var(--space-2)}.app-footer__link{font-size: var(--text-sm);color: rgba(250,247,240,0.78);text-decoration: none;padding-block: 0.35rem;display: inline-block;transition: color var(--transition-fast)}.app-footer__link:hover,.app-footer__link:focus-visible{color: var(--color-gold-shimmer)}.app-footer__bottom{display: grid;justify-items: center;gap: var(--space-3);margin-top: var(--space-10);padding-top: var(--space-5);border-top: 1px solid rgba(250,247,240,0.12)}.app-footer__copy{font-size: var(--text-sm);color: rgba(250,247,240,0.6);text-align: center}.app-footer__credit{display: inline-flex;flex-wrap: wrap;align-items: center;justify-content: center;gap: var(--space-2);margin: 0;padding-top: var(--space-3);border-top: 1px solid rgba(212,175,55,0.18);font-size: var(--text-xs);letter-spacing: 0.02em;color: rgba(250,247,240,0.55);text-align: center}.app-footer__credit-link{display: inline-flex;align-items: center;gap: var(--space-2);color: var(--color-gold-shimmer);font-family: var(--font-display);font-size: var(--text-sm);font-weight: 700;text-decoration: underline;text-decoration-color: rgba(212,175,55,0.45);text-underline-offset: 5px;transition: color var(--transition-fast),text-decoration-color var(--transition-fast)}.app-footer__credit-link svg{flex-shrink: 0;width: 15px;height: 15px;opacity: 0.9}.app-footer__credit-link:hover,.app-footer__credit-link:focus-visible{color: var(--color-gold-bright);text-decoration-color: var(--color-gold-bright)}@media (pointer: coarse){.app-footer__credit-link{min-height: 2.75rem;padding-inline: var(--space-2)}}@media (max-width: 480px){.app-footer{padding-inline: var(--space-5)}.app-footer__grid{gap: var(--space-5) var(--space-4)}.app-footer__heading{margin-bottom: var(--space-2)}.app-footer__bottom{margin-top: var(--space-6)}}.sidebar-overlay{position: fixed;inset: 0;background: linear-gradient(135deg,rgba(10,61,46,0.18),rgba(26,20,16,0.35));backdrop-filter: blur(12px);-webkit-backdrop-filter: blur(12px);z-index: calc(var(--z-modal) - 1);opacity: 0;pointer-events: none;transition: opacity 350ms ease;cursor: pointer}.sidebar-overlay.is-visible{opacity: 1;pointer-events: auto}.sidebar-close{position: absolute;top: 50%;left: 0;translate: 0 -50%;width: 36px;height: 36px;display: flex;align-items: center;justify-content: center;background: rgba(201,169,97,0.12);border: 1px solid rgba(201,169,97,0.25);border-radius: 50%;color: var(--color-gold-shimmer);cursor: pointer;z-index: 10;transition: all var(--transition-fast)}.sidebar-close:hover{background: rgba(212,175,55,0.25);border-color: var(--color-gold-soft);color: var(--color-gold-bright);transform: rotate(90deg)}.sidebar-close svg{width: 16px;height: 16px}.header-mobile-toggle{display: flex;align-items: center;justify-content: center;gap: var(--space-2);width: auto;min-width: 44px;height: 44px;padding: 0 var(--space-3);border-radius: var(--radius-md);color: var(--text-primary);background: transparent;border: 1px solid var(--color-border-light);transition: all var(--transition-fast);cursor: pointer}.header-mobile-toggle:hover{background: var(--color-cream-warm);border-color: var(--color-gold-soft);color: var(--color-emerald-deep);transform: translateY(-1px);box-shadow: 0 4px 12px rgba(201,169,97,0.15)}.header-mobile-toggle svg{width: 22px;height: 22px}.header-mobile-toggle__label{font-size: var(--text-sm);font-weight: 600;display: none}@media (min-width: 768px){.header-mobile-toggle__label{display: inline}}.app-shell.sidebar-is-open .header-mobile-toggle{background: linear-gradient(135deg,var(--color-emerald-deep),var(--color-emerald-mid));color: var(--color-gold-shimmer);border-color: var(--color-emerald-deep)}@media (max-width: 768px){.app-content{padding: var(--space-4)}.app-header{padding: 0 var(--space-4)}.app-header__title{font-size: var(--text-md)}.app-sidebar{width: 88vw;max-width: var(--sidebar-width)}h1{font-size: var(--text-3xl)}h2{font-size: var(--text-2xl)}}
.hero{position: relative;border-radius: var(--radius-xl);overflow: hidden;background: linear-gradient(135deg,var(--color-emerald-deep),var(--color-ink-deep));color: var(--color-cream);margin-bottom: var(--space-12);isolation: isolate}.hero::before{content: '';position: absolute;inset: 0;background-image: radial-gradient(circle at 30% 20%,rgba(201,169,97,0.18),transparent 50%),radial-gradient(circle at 70% 80%,rgba(212,175,55,0.12),transparent 50%);z-index: 1}.hero::after{content: '';position: absolute;inset: 0;background-image: repeating-linear-gradient(60deg,transparent,transparent 80px,rgba(201,169,97,0.04) 80px,rgba(201,169,97,0.04) 81px),repeating-linear-gradient(-60deg,transparent,transparent 80px,rgba(201,169,97,0.04) 80px,rgba(201,169,97,0.04) 81px);z-index: 1}.hero__video-bg{position: absolute;inset: 0;width: 100%;height: 100%;object-fit: cover;opacity: 0.35;z-index: 0}.hero__inner{position: relative;z-index: 2;padding: var(--space-16) var(--space-12) var(--space-12);display: grid;grid-template-columns: minmax(0,1.15fr) minmax(0,0.85fr);gap: var(--space-10);align-items: center;max-width: 1180px;margin-inline: auto}.hero__inner--solo{grid-template-columns: minmax(0,1fr);justify-items: center;text-align: center;max-width: 900px}.hero__inner--solo .hero__content{max-width: 720px}.hero__inner--solo .hero__quote{margin-inline: auto}.hero__inner--solo .hero__actions{justify-content: center}.hero__content{max-width: 600px}.hero__greeting{display: inline-flex;align-items: center;gap: var(--space-2);padding: var(--space-2) var(--space-4);background: rgba(201,169,97,0.15);border: 1px solid rgba(201,169,97,0.3);border-radius: var(--radius-full);color: var(--color-gold-shimmer);font-size: var(--text-sm);font-weight: 500;margin-bottom: var(--space-6)}.hero__title{font-family: 'Amiri',var(--font-display),serif;font-size: clamp(var(--text-4xl),4.6vw + 1rem,4.2rem);font-weight: 700;line-height: 1.55;letter-spacing: 0.01em;margin-bottom: var(--space-5);color: var(--color-cream);text-shadow: 0 2px 14px rgba(0,0,0,0.28)}.hero__title-accent{background: linear-gradient(135deg,var(--color-gold-bright),var(--color-gold-shimmer));-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;color: transparent;display: inline-block}.hero__quote{font-family: 'Amiri',serif;font-style: italic;font-size: var(--text-xl);color: rgba(250,247,240,0.88);line-height: var(--leading-relaxed);margin-bottom: var(--space-8)}.hero__actions{display: flex;gap: var(--space-4);flex-wrap: wrap}.hero__visual{position: relative;aspect-ratio: 1;max-width: 420px;margin-inline: auto}.hero__portrait-frame{position: relative;width: 100%;height: 100%;border-radius: 50%;overflow: hidden;border: 3px solid var(--color-gold-soft);box-shadow: 0 30px 60px rgba(0,0,0,0.4),inset 0 0 0 8px rgba(250,247,240,0.05);background: linear-gradient(135deg,var(--color-emerald-mid),var(--color-emerald-deep))}.hero__portrait-frame img{width: 100%;height: 100%;object-fit: cover}.hero__portrait-frame::before{content: '';position: absolute;inset: -20px;border: 1px dashed rgba(212,175,55,0.3);border-radius: 50%;animation: rotate-slow 30s linear infinite}.hero-stats{position: relative;z-index: 2;display: flex;flex-wrap: wrap;justify-content: center;max-width: 720px;margin-inline: auto;padding: var(--space-6) var(--space-6) var(--space-10);border-top: 1px solid rgba(201,169,97,0.2)}.hero-stat{flex: 1 1 0;min-width: 96px;text-align: center;padding-inline: var(--space-3)}.hero-stat + .hero-stat{border-inline-start: 1px solid rgba(201,169,97,0.22)}.hero-stat__value{font-family: var(--font-body);font-size: var(--text-3xl);font-weight: 800;font-variant-numeric: tabular-nums;color: var(--color-gold-shimmer);line-height: 1.15;letter-spacing: 0.02em;margin-bottom: var(--space-2)}.hero-stat__label{font-family: var(--font-body);font-size: var(--text-sm);font-weight: 500;color: rgba(250,247,240,0.82);letter-spacing: 0.02em}.hero-stats--quad{display: grid;grid-template-columns: repeat(4,minmax(0,1fr))}.hero-stats--quad .hero-stat{min-width: 0}@media (max-width: 480px){.hero-stats--quad{display: grid;grid-template-columns: repeat(2,minmax(0,1fr));padding: var(--space-2) var(--space-3) var(--space-6)}.hero-stats--quad .hero-stat{min-width: 0;padding: var(--space-5) var(--space-2)}.hero-stats--quad .hero-stat:nth-child(odd){border-inline-start: 0}.hero-stats--quad .hero-stat:nth-child(n + 3){border-top: 1px solid rgba(201,169,97,0.22)}.hero-stats--quad .hero-stat__value{font-size: var(--text-2xl)}.hero-stats--quad .hero-stat__label{font-size: var(--text-sm)}}.card{background-color: var(--bg-card);border-radius: var(--radius-lg);overflow: hidden;box-shadow: var(--shadow-sm);border: 1px solid var(--color-border-light);transition: transform var(--transition-elegant),box-shadow var(--transition-elegant),border-color var(--transition-base);display: flex;flex-direction: column;position: relative;height: 100%}.card.is-tilting,.quick-link-card.is-tilting,.book-card.is-tilting,.announcement-card.is-tilting,.social-item.is-tilting,.timeline-item__body.is-tilting{transition: none}.card:hover{transform: translateY(-4px);box-shadow: var(--shadow-lg);border-color: var(--color-gold-soft)}.card__cover{position: relative;aspect-ratio: 16/10;overflow: hidden;background: linear-gradient(135deg,var(--color-emerald-mid),var(--color-emerald-deep))}.card__cover-media{position: absolute;inset: 0;width: 100%;height: 100%;object-fit: cover;transition: transform var(--transition-elegant)}.card:hover .card__cover-media{transform: scale(1.05)}.card__cover-overlay{position: absolute;inset: 0;background: linear-gradient(180deg,transparent 50%,rgba(10,61,46,0.85));display: flex;align-items: flex-end;padding: var(--space-4);z-index: 2}.card__type-badge{position: absolute;top: var(--space-3);right: var(--space-3);z-index: 3;padding: var(--space-1) var(--space-3);background: rgba(250,247,240,1);color: var(--color-emerald-deep);border-radius: var(--radius-full);font-size: var(--text-xs);font-weight: 600;display: inline-flex;align-items: center;gap: var(--space-1);box-shadow: var(--shadow-md)}.card__featured-mark{position: absolute;top: var(--space-3);left: var(--space-3);z-index: 3;width: 32px;height: 32px;background: linear-gradient(135deg,var(--color-gold-bright),var(--color-gold-deep));border-radius: 50%;display: flex;align-items: center;justify-content: center;color: var(--color-ink-deep);box-shadow: 0 4px 12px rgba(212,175,55,0.4)}.card__featured-mark svg{width: 16px;height: 16px}.card__play-button{position: absolute;inset: 0;display: flex;align-items: center;justify-content: center;z-index: 2;opacity: 0;transition: opacity var(--transition-base)}.card:hover .card__play-button{opacity: 1}.card__play-button-inner{width: 64px;height: 64px;border-radius: 50%;background: linear-gradient(135deg,var(--color-gold-bright),var(--color-gold-deep));display: flex;align-items: center;justify-content: center;color: var(--color-emerald-deep);box-shadow: 0 8px 24px rgba(0,0,0,0.4);transform: scale(0.85);transition: transform var(--transition-base)}.card:hover .card__play-button-inner{transform: scale(1)}.card__play-button-inner svg{width: 26px;height: 26px;margin-left: 2px}.card__body{padding: var(--space-5);flex: 1;display: flex;flex-direction: column}.card__category{display: inline-flex;align-items: center;gap: var(--space-1);font-size: var(--text-xs);font-weight: 600;color: var(--color-gold-deep);margin-bottom: var(--space-2);text-transform: uppercase;letter-spacing: 0.05em}.card__category::before{content: '';width: 6px;height: 6px;border-radius: 50%;background-color: currentColor}.card__title{font-family: var(--font-display);font-size: var(--text-lg);font-weight: 600;line-height: var(--leading-snug);color: var(--text-primary);margin-bottom: var(--space-2);transition: color var(--transition-fast)}.card:hover .card__title{color: var(--color-emerald-deep)}.card__description{font-size: var(--text-sm);color: var(--text-tertiary);line-height: var(--leading-relaxed);margin-bottom: var(--space-4);flex: 1}.card__meta{display: flex;align-items: center;flex-wrap: wrap;gap: var(--space-3);padding-top: var(--space-3);border-top: 1px solid var(--color-border-light);font-size: var(--text-xs);color: var(--text-muted)}.card__meta-item{display: inline-flex;align-items: center;gap: var(--space-1)}.card__meta-item svg{width: 14px;height: 14px}.card__external-mark{position: absolute;bottom: var(--space-3);left: var(--space-3);z-index: 3;padding: var(--space-1) var(--space-2);background: rgba(212,175,55,0.95);color: var(--color-emerald-deep);border-radius: var(--radius-sm);font-size: 0.65rem;font-weight: 700;text-transform: uppercase;letter-spacing: 0.05em;display: inline-flex;align-items: center;gap: 4px}.cover-placeholder{position: absolute;inset: 0;display: flex;align-items: center;justify-content: center;overflow: hidden}.cover-placeholder__letter{font-family: var(--font-display);font-size: 5rem;font-weight: 700;color: rgba(212,175,55,0.5);z-index: 2}.cover-placeholder__pattern{position: absolute;inset: 0;background-image: radial-gradient(circle at 30% 30%,rgba(212,175,55,0.15),transparent 40%),radial-gradient(circle at 70% 70%,rgba(212,175,55,0.1),transparent 40%);z-index: 1}.cover-placeholder::after{content: '';position: absolute;inset: 0;background-image: repeating-linear-gradient(45deg,transparent,transparent 20px,rgba(212,175,55,0.05) 20px,rgba(212,175,55,0.05) 21px);z-index: 1}.cards-grid{display: grid;grid-template-columns: repeat(auto-fill,minmax(280px,1fr));gap: var(--space-6)}.cards-grid.cards-grid--fill > *:nth-child(n + 4){display: none}@media (min-width: 1280px){.cards-grid.cards-grid--fill{grid-template-columns: repeat(4,minmax(0,1fr))}.cards-grid.cards-grid--fill > *:nth-child(4){display: flex}.cards-grid.cards-grid--fill > *:nth-child(n + 5){display: none}}@media (min-width: 1600px){.cards-grid.cards-grid--fill{grid-template-columns: repeat(5,minmax(0,1fr))}.cards-grid.cards-grid--fill > *:nth-child(5){display: flex}.cards-grid.cards-grid--fill > *:nth-child(n + 6){display: none}}@media (min-width: 1900px){.cards-grid.cards-grid--fill{grid-template-columns: repeat(6,minmax(0,1fr))}.cards-grid.cards-grid--fill > *:nth-child(6){display: flex}}.cards-grid--lg{grid-template-columns: repeat(auto-fill,minmax(320px,1fr))}.cards-grid--sm{grid-template-columns: repeat(auto-fill,minmax(220px,1fr))}.filter-bar{background: var(--bg-card);border: 1px solid var(--color-border-light);border-radius: var(--radius-lg);padding: var(--space-5);margin-bottom: var(--space-8);box-shadow: var(--shadow-sm)}.filter-bar__top{display: flex;gap: var(--space-4);align-items: center;flex-wrap: wrap}.filter-search{flex: 1;min-width: 240px;position: relative}.filter-search__input{width: 100%;padding: var(--space-3) var(--space-12) var(--space-3) var(--space-4);border: 1px solid var(--color-border-mid);border-radius: var(--radius-md);background: var(--color-cream-mist);font-size: var(--text-sm);color: var(--text-primary);transition: all var(--transition-fast)}.filter-search__input:focus{outline: none;border-color: var(--color-gold-soft);background: #fff;box-shadow: 0 0 0 4px rgba(201,169,97,0.12)}.filter-search__input::placeholder{color: var(--text-muted)}.filter-search__icon{position: absolute;top: 50%;right: var(--space-4);transform: translateY(-50%);color: var(--text-muted);pointer-events: none}.filter-search__icon svg{width: 20px;height: 20px}.filter-sort{padding: var(--space-3) var(--space-4);border: 1px solid var(--color-border-mid);border-radius: var(--radius-md);background: var(--color-cream-mist);font-size: var(--text-sm);color: var(--text-primary);cursor: pointer;min-width: 180px}.filter-sort:focus{outline: none;border-color: var(--color-gold-soft);box-shadow: 0 0 0 4px rgba(201,169,97,0.12)}.filter-bar__bottom{margin-top: var(--space-5);padding-top: var(--space-5);border-top: 1px dashed var(--color-border-light);display: flex;flex-direction: column;gap: var(--space-4)}.filter-group{display: flex;align-items: center;flex-wrap: wrap;gap: var(--space-2)}.filter-group__label{font-size: var(--text-xs);font-weight: 700;color: var(--text-tertiary);margin-left: var(--space-2);text-transform: uppercase;letter-spacing: 0.05em;flex-shrink: 0}.filter-chip{display: inline-flex;align-items: center;gap: var(--space-2);padding: var(--space-2) var(--space-4);background: var(--color-cream-warm);border: 1px solid var(--color-border-light);border-radius: var(--radius-full);font-size: var(--text-xs);font-weight: 500;color: var(--text-secondary);cursor: pointer;transition: all var(--transition-fast);user-select: none}.filter-chip:hover{background: var(--color-cream-mist);border-color: var(--color-gold-soft);color: var(--text-primary)}.filter-chip.is-active{background: linear-gradient(135deg,var(--color-emerald-deep),var(--color-emerald-mid));color: var(--color-cream);border-color: var(--color-emerald-deep);box-shadow: var(--shadow-emerald)}.filter-chip__count{background: rgba(255,255,255,0.2);padding: 1px 6px;border-radius: var(--radius-full);font-size: 0.7rem;color: inherit}.filter-chip:not(.is-active) .filter-chip__count{background: rgba(0,0,0,0.06)}.filter-results-count{font-size: var(--text-sm);color: var(--text-tertiary);margin-bottom: var(--space-4);font-weight: 500}.empty-state{text-align: center;padding: var(--space-16) var(--space-8);color: var(--text-tertiary)}.empty-state__icon{width: 80px;height: 80px;margin: 0 auto var(--space-4);display: flex;align-items: center;justify-content: center;background: var(--color-cream-warm);border-radius: 50%;color: var(--color-gold-soft)}.empty-state__icon svg{width: 40px;height: 40px}.empty-state__message{font-size: var(--text-md);color: var(--text-tertiary);margin: 0}.section-highlight{background: linear-gradient(135deg,rgba(10,61,46,0.03),rgba(201,169,97,0.04));border: 1px solid var(--color-border-light);border-radius: var(--radius-xl);padding: var(--space-10);margin-block: var(--space-8);position: relative;overflow: hidden}.section-highlight::before{content: '';position: absolute;top: -100px;left: -100px;width: 300px;height: 300px;background: radial-gradient(circle,rgba(201,169,97,0.08),transparent 70%);border-radius: 50%}.quick-links{display: grid;grid-template-columns: repeat(auto-fit,minmax(220px,1fr));gap: var(--space-4);margin-block: var(--space-8)}.quick-link-card{display: flex;align-items: center;gap: var(--space-4);padding: var(--space-5);background: var(--bg-card);border: 1px solid var(--color-border-light);border-radius: var(--radius-lg);transition: all var(--transition-base);color: var(--text-primary)}.quick-link-card:hover{transform: translateY(-2px);box-shadow: var(--shadow-md);border-color: var(--color-gold-soft);color: var(--text-primary)}.quick-link-card__icon{width: 56px;height: 56px;border-radius: var(--radius-md);background: linear-gradient(135deg,var(--color-emerald-deep),var(--color-emerald-mid));display: flex;align-items: center;justify-content: center;color: var(--color-gold-shimmer);flex-shrink: 0;box-shadow: var(--shadow-sm)}.quick-link-card__icon svg{width: 28px;height: 28px}.quick-link-card__content{flex: 1;min-width: 0}.quick-link-card__label{font-family: var(--font-display);font-size: var(--text-md);font-weight: 600;margin-bottom: var(--space-1);color: var(--text-primary)}.quick-link-card__count{font-size: var(--text-xs);color: var(--text-muted)}.detail-page{max-width: var(--content-max);margin: 0 auto}.back-link{display: flex;width: 100%;min-height: 48px;justify-content: center;margin-bottom: var(--space-6);padding: var(--space-3) var(--space-5);background: var(--bg-card);border: 1px solid var(--color-border-mid);border-radius: var(--radius-md);box-shadow: var(--shadow-xs);color: var(--color-emerald-deep);font-weight: 700;white-space: normal;text-align: center}.back-link svg{flex-shrink: 0;width: 18px;height: 18px;color: var(--color-gold-deep)}.back-link:hover,.back-link:focus-visible{background: var(--color-cream-warm);border-color: var(--color-gold-soft);color: var(--color-emerald-deep)}.detail-cover{aspect-ratio: 16/8;border-radius: var(--radius-xl);overflow: hidden;margin-bottom: var(--space-8);position: relative;background: linear-gradient(135deg,var(--color-emerald-deep),var(--color-ink-deep))}.detail-cover video,.detail-cover img{width: 100%;height: 100%;object-fit: cover}.detail-meta{display: flex;gap: var(--space-4);flex-wrap: wrap;align-items: center;margin-bottom: var(--space-6);padding-bottom: var(--space-6);border-bottom: 1px solid var(--color-border-light)}.detail-heading{margin-bottom: var(--space-6)}.detail-title{font-family: var(--font-display);font-size: var(--text-4xl);font-weight: 700;line-height: 1.1;margin-bottom: var(--space-4)}.detail-body{font-size: var(--text-md);line-height: var(--leading-loose);color: var(--text-secondary)}.detail-body p{margin-bottom: var(--space-4)}.detail-body h2,.detail-body h3{margin-top: var(--space-8);margin-bottom: var(--space-4);color: var(--color-emerald-deep)}.media-player{background: var(--bg-card);border-radius: var(--radius-lg);overflow: hidden;border: 1px solid var(--color-border-light);box-shadow: var(--shadow-md);margin-bottom: var(--space-8)}.media-player__video{width: 100%;aspect-ratio: 16/9;background: #000}.media-player__audio{width: 100%;padding: var(--space-4)}.media-player__audio audio{width: 100%}.external-link-block{background: linear-gradient(135deg,rgba(10,61,46,0.05),rgba(201,169,97,0.05));border: 2px dashed var(--color-gold-soft);border-radius: var(--radius-lg);padding: var(--space-8);text-align: center;margin-bottom: var(--space-8)}.external-link-block__icon{width: 64px;height: 64px;margin: 0 auto var(--space-4);background: linear-gradient(135deg,var(--color-gold-bright),var(--color-gold-deep));border-radius: 50%;display: flex;align-items: center;justify-content: center;color: var(--color-emerald-deep)}.external-link-block__icon svg{width: 32px;height: 32px}.external-link-block__title{font-family: var(--font-display);font-size: var(--text-xl);margin-bottom: var(--space-2)}.external-link-block__desc{color: var(--text-tertiary);margin-bottom: var(--space-6)}.timeline{position: relative;padding-right: var(--space-12)}.timeline::before{content: '';position: absolute;top: 0;bottom: 0;right: 24px;width: 2px;background: linear-gradient(180deg,var(--color-gold-soft),var(--color-emerald-deep),transparent)}.timeline-item{position: relative;padding-bottom: var(--space-12)}.timeline-item:last-child{padding-bottom: 0}.timeline-item__marker{position: absolute;right: -36px;top: 0;width: 26px;height: 26px;border-radius: 50%;background: linear-gradient(135deg,var(--color-gold-bright),var(--color-gold-deep));border: 4px solid var(--bg-page);box-shadow: 0 0 0 2px var(--color-gold-soft);z-index: 2}.timeline-item__period{display: inline-block;padding: var(--space-1) var(--space-3);background: rgba(10,61,46,0.1);color: var(--color-emerald-deep);border-radius: var(--radius-full);font-size: var(--text-xs);font-weight: 600;margin-bottom: var(--space-3);letter-spacing: 0.05em}.timeline-item__title{font-family: var(--font-display);font-size: var(--text-2xl);font-weight: 600;margin-bottom: var(--space-3);color: var(--color-emerald-deep)}.timeline-item__body{background: var(--bg-card);border: 1px solid var(--color-border-light);border-radius: var(--radius-lg);padding: var(--space-6);box-shadow: var(--shadow-sm);line-height: var(--leading-relaxed);color: var(--text-secondary)}.timeline-item__image{border-radius: var(--radius-md);overflow: hidden;margin-top: var(--space-4)}.social-grid{display: grid;grid-template-columns: repeat(auto-fit,minmax(180px,1fr));gap: var(--space-4)}.social-item{padding: var(--space-6);background: var(--bg-card);border: 1px solid var(--color-border-light);border-radius: var(--radius-lg);text-align: center;transition: all var(--transition-base);position: relative;overflow: hidden}.social-item::before{content: '';position: absolute;inset: 0;background: linear-gradient(135deg,var(--social-color,var(--color-gold-soft)),transparent);opacity: 0;transition: opacity var(--transition-base)}.social-item:hover{transform: translateY(-4px);box-shadow: var(--shadow-lg);border-color: var(--social-color,var(--color-gold-soft))}.social-item:hover::before{opacity: 0.05}.social-item__icon{width: 56px;height: 56px;margin: 0 auto var(--space-3);display: flex;align-items: center;justify-content: center;background: linear-gradient(135deg,var(--social-color,var(--color-gold-soft)),color-mix(in srgb,var(--social-color,var(--color-gold-soft)) 70%,black));border-radius: var(--radius-md);color: white;box-shadow: var(--shadow-sm);position: relative;z-index: 2}.social-item__icon svg{width: 28px;height: 28px}.social-item__name{font-family: var(--font-display);font-size: var(--text-md);font-weight: 600;color: var(--text-primary);position: relative;z-index: 2}.announcement-card{border-radius: var(--radius-lg);overflow: hidden;background: var(--bg-card);border: 1px solid var(--color-border-light);box-shadow: var(--shadow-sm);transition: all var(--transition-base);position: relative}.announcement-card.is-pinned::before{content: '';position: absolute;top: 0;right: 0;width: 70px;height: 70px;background: linear-gradient(225deg,var(--color-gold-bright) 50%,transparent 50%);z-index: 2}.announcement-card.is-pinned::after{content: '★';position: absolute;top: 8px;right: 8px;font-size: 18px;color: var(--color-emerald-deep);z-index: 3}.announcement-card:hover{transform: translateY(-2px);box-shadow: var(--shadow-lg)}.announcement-card__media{aspect-ratio: 16/9;overflow: hidden;position: relative}.announcement-card__media img,.announcement-card__media video{width: 100%;height: 100%;object-fit: cover}.announcement-card__body{padding: var(--space-5)}.announcement-card__date{display: inline-flex;align-items: center;gap: var(--space-1);font-size: var(--text-xs);color: var(--color-emerald-deep);font-weight: 600;margin-bottom: var(--space-2)}.announcement-card__title{font-family: var(--font-display);font-size: var(--text-lg);font-weight: 600;margin-bottom: var(--space-2);color: var(--text-primary)}.announcement-card__desc{font-size: var(--text-sm);color: var(--text-tertiary);line-height: var(--leading-relaxed)}.book-card{background: var(--bg-card);border: 1px solid var(--color-border-light);border-radius: var(--radius-lg);overflow: hidden;transition: all var(--transition-base);height: 100%;display: flex;flex-direction: column}.book-card:hover{transform: translateY(-4px);box-shadow: var(--shadow-lg);border-color: var(--color-gold-soft)}.book-card__cover{aspect-ratio: 3/4;overflow: hidden;background: linear-gradient(135deg,var(--color-bronze),var(--color-gold-deep));position: relative}.book-card__cover img,.book-card__cover video{width: 100%;height: 100%;object-fit: cover}.book-card__cover-placeholder{position: absolute;inset: 0;display: flex;flex-direction: column;align-items: center;justify-content: center;padding: var(--space-6);text-align: center;color: var(--color-cream)}.book-card__cover-placeholder-title{font-family: 'Amiri',serif;font-size: var(--text-lg);font-weight: 700;line-height: 1.3}.book-card__cover-placeholder::before{content: '';position: absolute;inset: 12px;border: 1px solid rgba(250,247,240,0.3);border-radius: var(--radius-sm)}.book-card__body{padding: var(--space-4);flex: 1;display: flex;flex-direction: column}.book-card__title{font-family: var(--font-display);font-size: var(--text-md);font-weight: 600;margin-bottom: var(--space-1);color: var(--text-primary)}.book-card__subtitle{font-size: var(--text-xs);color: var(--text-muted);margin-bottom: var(--space-3)}.book-card__actions{margin-top: auto;display: flex;gap: var(--space-2)}.book-card__download-label{display: none}@media (max-width: 480px){.book-card__actions{flex-wrap: wrap}.book-card__actions .btn{flex: 1 1 100%}.book-card__download-label{display: inline}}.about-page{max-width: var(--content-max);margin: 0 auto}.about-hero{display: grid;grid-template-columns: 320px 1fr;gap: var(--space-10);margin-bottom: var(--space-12);align-items: center}.about-portrait{aspect-ratio: 1;border-radius: var(--radius-xl);overflow: hidden;background: linear-gradient(135deg,var(--color-emerald-mid),var(--color-emerald-deep));box-shadow: var(--shadow-xl);position: relative;border: 4px solid var(--color-gold-soft)}.about-portrait img{width: 100%;height: 100%;object-fit: cover}.about-portrait::after{content: '';position: absolute;inset: 0;background: linear-gradient(180deg,transparent 60%,rgba(10,61,46,0.4))}.about-content__title{font-family: var(--font-display);font-size: var(--text-4xl);margin-bottom: var(--space-2);color: var(--color-emerald-deep)}.about-content__subtitle{font-size: var(--text-md);color: var(--color-gold-deep);font-weight: 500;margin-bottom: var(--space-6)}.about-content__quote{font-family: 'Amiri',serif;font-style: italic;font-size: var(--text-lg);color: var(--text-secondary);border-right: 3px solid var(--color-gold-soft);padding-right: var(--space-4);margin-bottom: var(--space-6);line-height: var(--leading-relaxed)}.about-bio{background: var(--bg-card);border: 1px solid var(--color-border-light);border-radius: var(--radius-xl);padding: var(--space-10);box-shadow: var(--shadow-sm);line-height: var(--leading-loose);color: var(--text-secondary);font-size: var(--text-md);position: relative;overflow: hidden}.about-bio::before{content: '"';position: absolute;top: -20px;right: 20px;font-family: 'Amiri',serif;font-size: 12rem;color: rgba(201,169,97,0.08);line-height: 1}.about-bio p{margin-bottom: var(--space-4);position: relative}.login-page{min-height: 100vh;display: flex;align-items: center;justify-content: center;background: linear-gradient(135deg,var(--color-emerald-deep),var(--color-ink-deep));padding: var(--space-6);position: relative;overflow: hidden}.login-page::before{content: '';position: absolute;inset: 0;background-image: radial-gradient(circle at 20% 30%,rgba(212,175,55,0.15),transparent 50%),radial-gradient(circle at 80% 70%,rgba(201,169,97,0.1),transparent 50%)}.login-card{background: var(--bg-card);border-radius: var(--radius-xl);padding: var(--space-10);width: 100%;max-width: 440px;box-shadow: var(--shadow-xl);position: relative;border: 1px solid var(--color-border-light)}.login-card__brand{text-align: center;margin-bottom: var(--space-8)}.login-card__logo{width: 80px;height: 80px;margin: 0 auto var(--space-4);background: linear-gradient(135deg,var(--color-gold-bright),var(--color-gold-deep));border-radius: 50%;display: flex;align-items: center;justify-content: center;color: var(--color-emerald-deep);font-family: var(--font-display);font-size: var(--text-3xl);font-weight: 700;box-shadow: var(--shadow-gold)}.login-card__title{font-family: var(--font-display);font-size: var(--text-2xl);color: var(--text-primary);margin-bottom: var(--space-1)}.login-card__subtitle{font-size: var(--text-sm);color: var(--text-tertiary)}.form-group{margin-bottom: var(--space-5)}.form-label{display: block;font-size: var(--text-sm);font-weight: 500;color: var(--text-secondary);margin-bottom: var(--space-2)}.form-input{width: 100%;padding: var(--space-3) var(--space-4);border: 1px solid var(--color-border-mid);border-radius: var(--radius-md);background: var(--color-cream-mist);font-size: var(--text-sm);transition: all var(--transition-fast)}.form-input:focus{outline: none;border-color: var(--color-gold-soft);background: white;box-shadow: 0 0 0 4px rgba(201,169,97,0.12)}.alert{padding: var(--space-3) var(--space-4);border-radius: var(--radius-md);margin-bottom: var(--space-4);font-size: var(--text-sm);display: flex;align-items: center;gap: var(--space-2)}.alert-error{background: rgba(192,57,43,0.08);border: 1px solid rgba(192,57,43,0.2);color: var(--color-danger)}.alert-success{background: rgba(45,138,95,0.08);border: 1px solid rgba(45,138,95,0.2);color: var(--color-success)}.series-overview{margin-bottom: var(--space-6);background: var(--bg-card);border: 1px solid var(--color-border-light);border-radius: var(--radius-lg);box-shadow: var(--shadow-xs);overflow: hidden}.series-facts{display: grid;margin: 0}.series-fact{display: flex;align-items: center;justify-content: center;min-width: 0;padding: var(--space-4) var(--space-5);text-align: center}.series-fact + .series-fact{border-top: 1px solid var(--color-border-light)}.series-fact__value{display: inline-flex;align-items: center;justify-content: center;gap: var(--space-3);margin: 0;min-width: 0;font-family: var(--font-display);font-size: var(--text-md);font-weight: 700;line-height: 1.6;color: var(--color-emerald-deep)}.series-fact__value svg{flex-shrink: 0;width: 20px;height: 20px;color: var(--color-gold-soft)}.series-fact__range{white-space: nowrap}.series-overview__notes{display: grid;gap: var(--space-3);padding: var(--space-4) var(--space-6);border-top: 1px solid var(--color-border-light);background: rgba(212,160,84,0.07)}.series-note{display: flex;align-items: flex-start;justify-content: center;text-align: center;gap: var(--space-3);margin: 0;font-size: var(--text-sm);line-height: var(--leading-relaxed);color: var(--text-secondary)}.series-note svg{flex-shrink: 0;width: 18px;height: 18px;margin-top: 0.25em;color: var(--color-warning)}.series-note strong{color: var(--text-primary)}.series-episodes-head{margin-bottom: var(--space-4)}.series-episodes-head__title{margin-bottom: var(--space-1);font-family: var(--font-display);font-size: var(--text-xl);color: var(--color-emerald-deep)}.series-episodes-head__meta{font-size: var(--text-sm);color: var(--text-tertiary)}@media (max-width: 640px){.series-fact__value{font-size: var(--text-sm)}.series-fact__range{display: block}.series-overview__notes{padding: var(--space-4)}}.episode-search{position: relative;margin-bottom: var(--space-4)}.episode-search input{width: 100%;padding: var(--space-3) var(--space-10) var(--space-3) var(--space-4);border: 1px solid var(--color-border-mid);border-radius: var(--radius-md);background: var(--color-cream-mist);font-family: inherit;font-size: var(--text-sm);color: var(--text-primary)}.episode-search input:focus{outline: none;border-color: var(--color-gold-soft);background: #fff;box-shadow: 0 0 0 4px rgba(201,169,97,0.12)}.episode-search__icon{position: absolute;top: 50%;right: var(--space-4);transform: translateY(-50%);color: var(--text-muted);pointer-events: none}.episode-search__icon svg{width: 18px;height: 18px}.episode-list{list-style: none;margin: 0;padding: 0;border: 1px solid var(--color-border-light);border-radius: var(--radius-lg);overflow: hidden;background: var(--bg-card)}.episode-list--scroll{max-height: 460px;overflow-y: auto}.episode-item + .episode-item{border-top: 1px solid var(--color-border-light)}.episode-item__link{display: flex;align-items: center;gap: var(--space-4);padding: var(--space-4) var(--space-5);text-decoration: none;color: inherit;transition: background var(--transition-fast,200ms)}.episode-item__link:hover{background: var(--color-cream-warm)}.episode-item.is-current .episode-item__link{background: rgba(201,169,97,0.12);border-right: 3px solid var(--color-gold-soft)}.episode-item__number{flex-shrink: 0;min-width: 42px;height: 42px;display: inline-flex;align-items: center;justify-content: center;border-radius: var(--radius-full);background: var(--color-cream-warm);color: var(--color-emerald-deep);font-family: var(--font-display);font-weight: 700;font-size: var(--text-sm)}.episode-item.is-current .episode-item__number{background: var(--color-emerald-deep);color: var(--color-gold-shimmer)}.episode-item__body{flex: 1;min-width: 0}.episode-item__title{display: block;font-weight: 600;font-size: var(--text-sm);color: var(--text-primary);line-height: var(--leading-snug,1.4);margin-bottom: var(--space-1)}.episode-item__meta{display: flex;flex-wrap: wrap;gap: var(--space-3);font-size: var(--text-xs);color: var(--text-muted)}.episode-item__meta span{display: inline-flex;align-items: center;gap: var(--space-1)}.episode-item__meta svg{width: 13px;height: 13px}.episode-item__play{flex-shrink: 0;width: 34px;height: 34px;display: inline-flex;align-items: center;justify-content: center;border-radius: var(--radius-full);background: var(--color-cream-warm);color: var(--color-emerald-deep)}.episode-item__play svg{width: 14px;height: 14px}.episode-item__link:hover .episode-item__play{background: var(--color-gold-soft);color: #fff}.episode-nav{display: flex;justify-content: space-between;gap: var(--space-4);flex-wrap: wrap;margin-top: var(--space-8)}.episode-nav__link{flex: 1;min-width: 220px;display: flex;align-items: center;gap: var(--space-3);padding: var(--space-4) var(--space-5);background: var(--bg-card);border: 1px solid var(--color-border-light);border-radius: var(--radius-lg);text-decoration: none;color: inherit;transition: border-color 200ms,box-shadow 200ms}.episode-nav__link:hover{border-color: var(--color-gold-soft);box-shadow: var(--shadow-sm)}.episode-nav__label{display: block;font-size: var(--text-xs);color: var(--text-muted);margin-bottom: var(--space-1)}.episode-nav__title{display: block;font-size: var(--text-sm);font-weight: 600;color: var(--color-emerald-deep)}@media (max-width: 768px){.episode-item__link{padding: var(--space-3) var(--space-4);gap: var(--space-3)}.episode-item__number{min-width: 34px;height: 34px}.episode-item__play{display: none}}.js-enabled .requires-no-js{display: none !important}.feed-loader{display: flex;align-items: center;justify-content: center;gap: var(--space-3);padding: var(--space-8) var(--space-4);color: var(--text-tertiary);font-size: var(--text-sm)}.feed-loader[hidden]{display: none}.feed-loader__spinner{width: 22px;height: 22px;border: 2px solid var(--color-border-mid);border-top-color: var(--color-gold-soft);border-radius: 50%;animation: feed-spin 700ms linear infinite}@keyframes feed-spin{to{transform: rotate(360deg)}}.feed-sentinel{height: 1px}.feed-sentinel[hidden]{display: none}.feed-more{display: flex;align-items: center;justify-content: center;gap: var(--space-3);flex-wrap: wrap;padding: var(--space-6) 0 var(--space-2)}.feed-more[hidden]{display: none}.feed-end{text-align: center;padding: var(--space-6) var(--space-4);color: var(--text-muted);font-size: var(--text-sm)}.feed-end[hidden]{display: none}@media (prefers-reduced-motion: reduce){.feed-loader__spinner{animation-duration: 2s}}.filter-bar--compact{padding: var(--space-4) var(--space-5)}.filter-bar__row{display: flex;gap: var(--space-3);align-items: center;flex-wrap: wrap}.filter-bar__row .filter-search{flex: 1 1 260px}.filter-controls{display: flex;gap: var(--space-2);align-items: center;flex-wrap: wrap;flex: 0 1 auto}.filter-select{position: relative;display: inline-flex;align-items: center}.filter-select select{appearance: none;-webkit-appearance: none;-moz-appearance: none;padding: var(--space-3) var(--space-4);padding-left: var(--space-10);border: 1px solid var(--color-border-mid);border-radius: var(--radius-md);background: var(--color-cream-mist);font-family: inherit;font-size: var(--text-sm);font-weight: 500;color: var(--text-secondary);cursor: pointer;min-width: 150px;max-width: 100%;transition: all var(--transition-fast)}.filter-select select:hover{border-color: var(--color-gold-soft);background: #fff}.filter-select select:focus{outline: none;border-color: var(--color-gold-soft);background: #fff;box-shadow: 0 0 0 4px rgba(201,169,97,0.12)}.filter-select.is-filtered select{background: linear-gradient(135deg,var(--color-emerald-deep),var(--color-emerald-mid));border-color: var(--color-emerald-deep);color: var(--color-cream);font-weight: 600}.filter-select.is-filtered .filter-select__arrow{color: var(--color-gold-shimmer)}.filter-select__arrow{position: absolute;left: var(--space-4);top: 50%;transform: translateY(-50%);pointer-events: none;color: var(--text-muted);display: inline-flex}.filter-select__arrow svg{width: 14px;height: 14px}.filter-active{display: flex;align-items: center;gap: var(--space-2);flex-wrap: wrap;margin-top: var(--space-4);padding-top: var(--space-4);border-top: 1px dashed var(--color-border-light)}.filter-active[hidden]{display: none}.filter-active__label{font-size: var(--text-xs);font-weight: 700;color: var(--text-tertiary);letter-spacing: 0.05em}.filter-active__pill{display: inline-flex;align-items: center;gap: var(--space-2);padding: var(--space-1) var(--space-3);background: var(--color-cream-warm);border: 1px solid var(--color-border-light);border-radius: var(--radius-full);font-size: var(--text-xs);font-weight: 600;color: var(--color-emerald-deep);text-decoration: none;transition: all var(--transition-fast)}.filter-active__pill:hover{background: var(--color-cream-mist);border-color: var(--color-danger);color: var(--color-danger)}.filter-active__pill::after{content: '✕';font-size: 0.7rem;opacity: 0.6}.filter-active__clear{font-size: var(--text-xs);color: var(--text-tertiary);text-decoration: underline;margin-right: auto}.filter-active__clear:hover{color: var(--color-danger)}@media (max-width: 1024px){.filter-bar__row{flex-direction: column;align-items: stretch;gap: var(--space-3)}.filter-bar__row .filter-search{flex: 0 0 auto;min-width: 0}.filter-controls{display: grid;grid-template-columns: repeat(3,1fr);gap: var(--space-2)}.filter-select{display: flex}.filter-select select{width: 100%;min-width: 0;padding-right: var(--space-3);padding-left: var(--space-8);text-overflow: ellipsis}.filter-controls .btn{grid-column: 1 / -1}}@media (max-width: 480px){.filter-controls{grid-template-columns: 1fr}}.filter-select.is-enhanced > select{position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0 0 0 0);white-space: nowrap;border: 0}.dropdown__button{display: inline-flex;align-items: center;justify-content: space-between;gap: var(--space-3);width: 100%;min-width: 152px;padding: var(--space-3) var(--space-4);border: 1px solid var(--color-border-mid);border-radius: var(--radius-md);background: var(--color-cream-mist);font-family: inherit;font-size: var(--text-sm);font-weight: 500;color: var(--text-secondary);cursor: pointer;text-align: right;transition: all var(--transition-fast)}.dropdown__button:hover{background: #fff;border-color: var(--color-gold-soft);color: var(--text-primary)}.dropdown__button:focus-visible{outline: none;border-color: var(--color-gold-soft);box-shadow: 0 0 0 4px rgba(201,169,97,0.12)}.filter-select.is-open .dropdown__button{background: #fff;border-color: var(--color-gold-soft);box-shadow: 0 0 0 4px rgba(201,169,97,0.12)}.dropdown__value{overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.dropdown__arrow{position: static;transform: none;flex-shrink: 0;transition: transform var(--transition-fast)}.filter-select.is-open .dropdown__arrow{transform: rotate(180deg)}.filter-select.is-filtered .dropdown__button{background: linear-gradient(135deg,var(--color-emerald-deep),var(--color-emerald-mid));border-color: var(--color-emerald-deep);color: var(--color-cream);font-weight: 600;box-shadow: var(--shadow-emerald)}.filter-select.is-filtered .dropdown__arrow{color: var(--color-gold-shimmer)}.dropdown__panel{position: absolute;z-index: 40;top: calc(100% + var(--space-2));inset-inline: 0;min-width: 100%;max-height: 300px;overflow-y: auto;margin: 0;padding: var(--space-2);list-style: none;background: var(--bg-card);border: 1px solid var(--color-border-light);border-radius: var(--radius-md);box-shadow: var(--shadow-lg);animation: dropdown-appear 160ms cubic-bezier(0.4,0,0.2,1)}.dropdown__panel[hidden]{display: none}@keyframes dropdown-appear{from{opacity: 0;transform: translateY(-6px)}to{opacity: 1;transform: translateY(0)}}.dropdown__option{padding: var(--space-3) var(--space-4);border-radius: var(--radius-sm);font-size: var(--text-sm);color: var(--text-secondary);cursor: pointer;transition: background var(--transition-fast),color var(--transition-fast);white-space: nowrap;overflow: hidden;text-overflow: ellipsis}.dropdown__option:hover,.dropdown__option:focus{outline: none;background: var(--color-cream-warm);color: var(--color-emerald-deep)}.dropdown__option:focus-visible{box-shadow: inset 0 0 0 1px var(--color-gold-soft)}.dropdown__option.is-selected{background: linear-gradient(135deg,var(--color-emerald-deep),var(--color-emerald-mid));color: var(--color-cream);font-weight: 600;position: relative;padding-left: var(--space-8)}.dropdown__option.is-selected::after{content: '✓';position: absolute;left: var(--space-4);top: 50%;transform: translateY(-50%);color: var(--color-gold-shimmer);font-size: var(--text-sm)}.dropdown__option.is-selected:hover,.dropdown__option.is-selected:focus{background: linear-gradient(135deg,var(--color-emerald-mid),var(--color-emerald-light));color: var(--color-cream)}.dropdown__panel::-webkit-scrollbar{width: 8px}.dropdown__panel::-webkit-scrollbar-track{background: var(--color-cream-warm);border-radius: var(--radius-full)}.dropdown__panel::-webkit-scrollbar-thumb{background: var(--color-border-mid);border-radius: var(--radius-full)}.dropdown__panel::-webkit-scrollbar-thumb:hover{background: var(--color-gold-soft)}@media (prefers-reduced-motion: reduce){.dropdown__panel{animation: none}}.series-status{position: absolute;top: var(--space-3);left: var(--space-3);display: inline-flex;align-items: center;gap: var(--space-1);padding: var(--space-1) var(--space-3);border-radius: var(--radius-full);font-size: var(--text-xs);font-weight: 600;z-index: 3}.series-status--success{background: #1f6b47;color: #fff}.series-status--warning{background: rgba(212,160,84,0.92);color: var(--color-ink-deep)}.series-status--neutral{background: rgba(26,20,16,0.6);color: var(--color-cream)}.series-status--onDark{position: static;padding: var(--space-2) var(--space-4);backdrop-filter: none}.series-status--onDark svg{width: 14px;height: 14px}.section-header--row{display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;gap: var(--space-4) var(--space-6)}.section-header--row > div:first-child{flex: 1 1 320px;min-width: 0}.section-header--row .section-subtitle{margin-bottom: 0}.section-header--row > .btn{flex: 0 0 auto}.card__labels{display: flex;align-items: center;flex-wrap: wrap;gap: var(--space-2) var(--space-3);margin-bottom: var(--space-3)}.card__kind{display: inline-flex;align-items: center;gap: var(--space-1);font-size: var(--text-xs);font-weight: 600;color: var(--color-emerald-mid);background: rgba(15,83,64,0.08);border: 1px solid rgba(15,83,64,0.16);border-radius: var(--radius-full);padding: 3px var(--space-3);white-space: nowrap}.card__kind svg{width: 14px;height: 14px}.card__labels .card__category{margin-bottom: 0}.card__labels .series-status{margin: 0}@media (max-width: 768px){.section-header--row{align-items: flex-start}.section-header--row > .btn{width: 100%;justify-content: center}}.lesson-stage{position: relative;border-radius: var(--radius-xl);overflow: hidden;margin-bottom: var(--space-8);background: linear-gradient(150deg,var(--color-emerald-deep) 0%,#072e22 55%,var(--color-ink-deep) 100%);color: var(--color-cream);box-shadow: 0 24px 60px rgba(7,46,34,0.28);isolation: isolate}.lesson-stage::before{content: '';position: absolute;inset: 0;z-index: 0;background-image: radial-gradient(circle at 88% 12%,rgba(212,175,55,0.16),transparent 55%),repeating-linear-gradient(60deg,transparent,transparent 78px,rgba(201,169,97,0.05) 78px,rgba(201,169,97,0.05) 79px);pointer-events: none}.lesson-stage__body{position: relative;z-index: 1;padding: var(--space-10) var(--space-10) var(--space-6)}.lesson-stage__chips{display: flex;flex-wrap: wrap;gap: var(--space-2);margin-bottom: var(--space-5)}.lesson-chip{display: inline-flex;align-items: center;gap: var(--space-2);font-size: var(--text-xs);font-weight: 600;padding: 5px var(--space-4);border-radius: var(--radius-full);background: rgba(250,247,240,0.08);border: 1px solid rgba(250,247,240,0.16);color: rgba(250,247,240,0.9);white-space: normal;overflow-wrap: anywhere;max-width: 100%}.lesson-chip svg{flex-shrink: 0;width: 14px;height: 14px}.lesson-chip--link{background: rgba(212,175,55,0.16);border-color: rgba(212,175,55,0.38);color: var(--color-gold-shimmer);text-decoration: none;transition: background-color 200ms ease,border-color 200ms ease;white-space: normal;line-height: 1.7;border-radius: var(--radius-lg)}.lesson-chip--link span{min-width: 0;overflow-wrap: anywhere}.lesson-chip--link:hover{background: rgba(212,175,55,0.26);border-color: var(--color-gold-bright)}.lesson-facts{display: grid;gap: var(--space-2);margin: 0 0 var(--space-5);padding: 0;list-style: none}.lesson-fact{display: flex;align-items: center;gap: var(--space-3);width: 100%;min-height: 2.75rem;padding: var(--space-2) var(--space-4);border-radius: var(--radius-md);background: rgba(250,247,240,0.06);border: 1px solid rgba(250,247,240,0.14);color: rgba(250,247,240,0.9);font-size: var(--text-sm);font-weight: 600;line-height: 1.6}.lesson-fact svg{flex-shrink: 0;width: 18px;height: 18px;color: var(--color-gold-soft)}.lesson-fact__text{flex: 1;min-width: 0;overflow-wrap: anywhere}.lesson-fact--link{min-height: 3rem;background: rgba(212,175,55,0.12);border-color: rgba(212,175,55,0.35);color: var(--color-gold-shimmer);text-decoration: none;transition: background-color var(--transition-fast),border-color var(--transition-fast)}.lesson-fact--link:hover,.lesson-fact--link:focus-visible{background: rgba(212,175,55,0.22);border-color: var(--color-gold-bright);color: var(--color-gold-shimmer)}.lesson-fact__go{display: inline-flex;opacity: 0.75}.lesson-stage__title{font-family: 'Amiri',var(--font-display),serif;font-size: clamp(var(--text-2xl),2.4vw + 1rem,var(--text-4xl));font-weight: 700;line-height: 1.5;color: var(--color-cream);margin: 0 0 var(--space-4)}.lesson-stage__meta{display: grid;overflow: hidden;border: 1px solid rgba(250,247,240,0.14);border-radius: var(--radius-md);background: rgba(250,247,240,0.04);font-size: var(--text-sm);color: rgba(250,247,240,0.9)}.lesson-stage__meta > span{display: flex;align-items: center;gap: var(--space-3);min-width: 0;min-height: 2.75rem;padding: var(--space-2) var(--space-4);font-weight: 600}.lesson-stage__meta > span + span{border-top: 1px solid rgba(250,247,240,0.1)}.lesson-stage__meta svg{flex-shrink: 0;width: 18px;height: 18px;color: var(--color-gold-soft)}.lesson-stage__player{position: relative;z-index: 1;padding: 0 var(--space-6) var(--space-6)}.lesson-stage__player--external{padding: var(--space-4) var(--space-10) var(--space-10);text-align: center}.lesson-stage__external-note{color: rgba(250,247,240,0.75);font-size: var(--text-sm);margin-bottom: var(--space-5)}.lesson-stage__player .media-player__video{width: 100%;border-radius: var(--radius-lg);aspect-ratio: 16/9;background: #000}.lesson-panel{background: var(--bg-card);border: 1px solid var(--color-border-light);border-radius: var(--radius-lg);padding: var(--space-8);margin-top: var(--space-6)}.lesson-panel--flush{background: transparent;border: none;padding: 0;margin-top: var(--space-10)}.lesson-panel__title{font-family: var(--font-display);font-size: var(--text-xl);color: var(--color-emerald-deep);margin-bottom: var(--space-4)}.audio-player__native{width: 100%}.audio-player.is-enhanced .audio-player__native{display: none}.audio-player__shell{display: flex;flex-direction: column;gap: var(--space-4);padding: var(--space-5) var(--space-6);background: var(--bg-card);border: 1px solid var(--color-border-light);border-radius: var(--radius-lg)}.audio-player__controls{display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;gap: var(--space-4) var(--space-6)}.audio-player__transport{display: flex;align-items: center;gap: var(--space-3)}.audio-player__tools{display: flex;align-items: center;gap: var(--space-5);flex-wrap: wrap}.audio-player__tools > *{display: flex;align-items: center;min-height: 34px}.audio-player__play{flex: 0 0 auto;width: 54px;height: 54px;border: none;border-radius: 50%;background: linear-gradient(135deg,var(--color-emerald-mid),var(--color-emerald-deep));color: var(--color-cream);display: flex;align-items: center;justify-content: center;cursor: pointer;box-shadow: 0 6px 18px rgba(10,61,46,0.32);transition: transform 180ms ease,box-shadow 180ms ease}.audio-player__play:hover{transform: scale(1.05);box-shadow: 0 8px 24px rgba(10,61,46,0.4)}.audio-player__play:active{transform: scale(0.97)}.audio-player__play svg{width: 22px;height: 22px}.audio-player__icon{display: flex;align-items: center;justify-content: center;line-height: 0}.audio-player__icon svg{display: block}.audio-player__icon--pause,.audio-player.is-playing .audio-player__icon--play{display: none}.audio-player.is-playing .audio-player__icon--pause{display: flex}.audio-player__icon--play{display: flex;margin-inline-start: 3px}.audio-player__step{position: relative;flex: 0 0 auto;width: 42px;height: 42px;border: 1px solid var(--color-border-light);border-radius: 50%;background: transparent;color: var(--color-ink-soft);display: flex;align-items: center;justify-content: center;cursor: pointer;transition: border-color 180ms ease,color 180ms ease,background-color 180ms ease}.audio-player__step:hover{border-color: var(--color-gold-soft);color: var(--color-emerald-deep);background: rgba(201,169,97,0.08)}.audio-player__step svg{width: 23px;height: 23px}.audio-player__step-label{position: absolute;inset: 0;display: flex;align-items: center;justify-content: center;font-size: 9px;font-weight: 700;line-height: 1;padding-top: 2px;pointer-events: none}.audio-player__timeline{display: flex;align-items: center;gap: var(--space-3);direction: ltr}.audio-player__time{flex: 0 0 auto;font-family: var(--font-body);font-size: var(--text-xs);font-variant-numeric: tabular-nums;color: var(--color-ink-mist);min-width: 46px;text-align: center}.audio-player__bar{position: relative;flex: 1 1 auto;height: 6px;border-radius: 999px;background: var(--color-border-light);cursor: pointer;touch-action: none}.audio-player__bar::before{content: '';position: absolute;inset: -14px 0}.audio-player__bar:focus-visible{outline: 2px solid var(--color-gold-soft);outline-offset: 5px}.audio-player__bar,.audio-player__buffered,.audio-player__played{transition: height 140ms ease}.audio-player__bar:hover,.audio-player.is-scrubbing .audio-player__bar{height: 10px}.audio-player__buffered{position: absolute;inset-block: 0;inset-inline-start: 0;width: 0;border-radius: 999px;background: var(--color-border-mid)}.audio-player__played{position: absolute;inset-block: 0;inset-inline-start: 0;width: 0;border-radius: 999px;background: linear-gradient(90deg,var(--color-emerald-mid),var(--color-gold-soft))}.audio-player__thumb{position: absolute;inset-inline-end: -7px;top: 50%;width: 14px;height: 14px;transform: translateY(-50%);border-radius: 50%;background: var(--color-cream-mist);border: 2px solid var(--color-emerald-deep);box-shadow: var(--shadow-sm);opacity: 0;transition: opacity 150ms ease}.audio-player__bar:hover .audio-player__thumb,.audio-player__bar:focus-visible .audio-player__thumb,.audio-player.is-playing .audio-player__thumb{opacity: 1}.audio-player__volume{display: flex;align-items: center;gap: var(--space-3);height: 34px}.audio-player__mute{flex: 0 0 auto;width: 34px;height: 34px;padding: 0;border: none;background: transparent;color: var(--color-ink-soft);cursor: pointer;display: flex;align-items: center;justify-content: center;line-height: 0}.audio-player__mute:hover{color: var(--color-emerald-deep)}.audio-player__mute svg{width: 20px;height: 20px}.audio-player__icon--off,.audio-player.is-muted .audio-player__icon--on{display: none}.audio-player.is-muted .audio-player__icon--off{display: flex}.audio-player--onDark .audio-player__mute{color: rgba(250,247,240,0.82)}.audio-player--onDark .audio-player__mute:hover{color: var(--color-gold-shimmer)}.audio-player__speed{display: flex;align-items: center;gap: var(--space-2)}.audio-player__speed-label{font-size: var(--text-xs);color: var(--color-ink-mist)}.audio-player__speed-select{font-family: inherit;font-size: var(--text-sm);padding: 4px var(--space-3);border: 1px solid var(--color-border-light);border-radius: var(--radius-md);background: var(--bg-card);color: var(--text-primary);cursor: pointer}.audio-player__speed-select:hover{border-color: var(--color-gold-soft)}.audio-player__speed-select:focus-visible{outline: 2px solid var(--color-gold-soft);outline-offset: 2px}.audio-player__resumed{font-size: var(--text-xs);color: var(--color-ink-mist);margin: 0}.audio-player__resumed button{border: none;background: none;padding: 0;font: inherit;color: var(--color-emerald-mid);text-decoration: underline;cursor: pointer}.audio-player--onDark .audio-player__shell{background: rgba(250,247,240,0.06);border-color: rgba(250,247,240,0.14)}@media (pointer: coarse){.audio-player__step,.audio-player__mute{width: 48px;height: 48px}}.audio-player__error{margin: 0;padding: var(--space-2) var(--space-3);border-radius: var(--radius-md);background: rgba(192,57,43,0.08);color: #9b2d21;font-size: var(--text-sm);line-height: 1.7}.audio-player--onDark .audio-player__error{background: rgba(255,255,255,0.1);color: #ffd9d2}.audio-player--onDark .audio-player__play{background: linear-gradient(135deg,var(--color-gold-bright),var(--color-gold-deep));color: var(--color-ink-deep);box-shadow: 0 6px 20px rgba(212,175,55,0.35)}.audio-player--onDark .audio-player__step{border-color: rgba(250,247,240,0.22);color: rgba(250,247,240,0.82)}.audio-player--onDark .audio-player__step:hover{border-color: var(--color-gold-soft);color: var(--color-gold-shimmer);background: rgba(212,175,55,0.12)}.audio-player--onDark .audio-player__time{color: rgba(250,247,240,0.7)}.audio-player--onDark .audio-player__bar{background: rgba(250,247,240,0.16)}.audio-player--onDark .audio-player__buffered{background: rgba(250,247,240,0.28)}.audio-player--onDark .audio-player__played{background: linear-gradient(90deg,var(--color-gold-soft),var(--color-gold-shimmer))}.audio-player--onDark .audio-player__thumb{background: var(--color-cream);border-color: var(--color-gold-bright)}.audio-player--onDark .audio-player__speed-label,.audio-player--onDark .audio-player__resumed{color: rgba(250,247,240,0.6)}.audio-player--onDark .audio-player__speed-select{background: rgba(10,61,46,0.55);border-color: rgba(250,247,240,0.22);color: var(--color-cream)}.audio-player--onDark .audio-player__resumed button{color: var(--color-gold-shimmer)}.audio-player__volume-range{-webkit-appearance: none;appearance: none;width: 84px;height: 6px;margin: 0;padding: 0;border: none;border-radius: 999px;vertical-align: middle;direction: ltr;cursor: pointer;--volume-fill: 100%;--volume-track: var(--color-border-light);--volume-filled: var(--color-emerald-mid);--volume-thumb: var(--color-emerald-deep);background: linear-gradient( to right,var(--volume-filled) 0 var(--volume-fill),var(--volume-track) var(--volume-fill) 100% )}.audio-player__volume-range::-webkit-slider-runnable-track{height: 6px;border-radius: 999px;background: transparent;border: none}.audio-player__volume-range::-webkit-slider-thumb{-webkit-appearance: none;width: 14px;height: 14px;margin-top: -4px;border-radius: 50%;border: none;background: var(--volume-thumb);box-shadow: 0 1px 3px rgba(0,0,0,0.28);transition: transform 140ms ease}.audio-player__volume-range:hover::-webkit-slider-thumb,.audio-player__volume-range:focus-visible::-webkit-slider-thumb{transform: scale(1.2)}.audio-player__volume-range::-moz-range-track{height: 6px;border-radius: 999px;background: transparent}.audio-player__volume-range::-moz-range-thumb{width: 14px;height: 14px;border: none;border-radius: 50%;background: var(--volume-thumb);box-shadow: 0 1px 3px rgba(0,0,0,0.28)}.audio-player__volume-range:focus-visible{outline: 2px solid var(--color-gold-soft);outline-offset: 3px;border-radius: 999px}.audio-player--onDark .audio-player__volume-range{--volume-track: rgba(250,247,240,0.22);--volume-filled: var(--color-gold-soft);--volume-thumb: var(--color-gold-shimmer)}.audio-player.is-muted .audio-player__volume-range{opacity: 0.45}.audio-player__download{display: inline-flex;align-items: center;gap: var(--space-2);padding: 7px var(--space-4);border: 1px solid var(--color-border-light);border-radius: var(--radius-full);font-size: var(--text-sm);font-weight: 600;color: var(--color-ink-soft);text-decoration: none;white-space: nowrap;transition: color 180ms ease,border-color 180ms ease,background-color 180ms ease}.audio-player__download:hover{color: var(--color-emerald-deep);border-color: var(--color-gold-soft);background: rgba(201,169,97,0.1)}.audio-player__download:active{transform: translateY(1px)}.audio-player__download svg{width: 17px;height: 17px}.audio-player--onDark .audio-player__download{border-color: rgba(250,247,240,0.22);color: rgba(250,247,240,0.85)}.audio-player--onDark .audio-player__download:hover{color: var(--color-ink-deep);border-color: var(--color-gold-bright);background: var(--color-gold-shimmer)}@media (max-width: 768px){.lesson-stage__body{padding: var(--space-6) var(--space-5) var(--space-4)}.lesson-stage__player{padding: 0 var(--space-4) var(--space-5)}.lesson-stage__title{line-height: 1.45}.audio-player__shell{padding: var(--space-5) var(--space-4);gap: var(--space-4)}.audio-player__controls{display: contents}.audio-player__transport{order: 1;justify-content: center;gap: var(--space-6)}.audio-player__timeline{order: 2}.audio-player__tools{order: 3;display: grid;grid-template-columns: minmax(0,1fr) 48px minmax(0,1fr);align-items: stretch;gap: var(--space-2);padding-top: var(--space-4);border-top: 1px solid rgba(250,247,240,0.12)}.audio-player:not(.audio-player--onDark) .audio-player__tools{border-top-color: var(--color-border-light)}.audio-player__mute,.audio-player__download{width: 48px;height: 48px;padding: 0;justify-content: center;border-radius: var(--radius-md);border: 1px solid var(--color-border-light);background: transparent}.audio-player--onDark .audio-player__mute,.audio-player--onDark .audio-player__download{border-color: rgba(250,247,240,0.18)}.audio-player__mute svg,.audio-player__download svg{width: 20px;height: 20px}.audio-player__volume,.audio-player__tools > *{height: auto;min-height: 48px}.audio-player__volume-range{display: none}.audio-player__download{width: auto;gap: var(--space-2);font-size: var(--text-sm)}.audio-player__speed{justify-content: center;gap: var(--space-2);padding-inline: var(--space-3);border: 1px solid var(--color-border-light);border-radius: var(--radius-md)}.audio-player--onDark .audio-player__speed{border-color: rgba(250,247,240,0.18)}.audio-player .audio-player__speed-select{min-height: 44px;padding: 0 var(--space-1);border: 0;background: transparent;font-weight: 700}.audio-player--onDark .audio-player__speed-select option{color: var(--text-primary)}.audio-player__timeline{gap: var(--space-3)}.audio-player__bar{height: 8px}.audio-player__time{font-size: var(--text-sm);min-width: 44px}.audio-player--onDark .audio-player__time{color: rgba(250,247,240,0.85)}.audio-player__thumb{opacity: 1;width: 16px;height: 16px}}@media (max-width: 480px){.lesson-stage__body{padding: var(--space-5) var(--space-4) var(--space-3)}.lesson-stage__player{padding: 0 var(--space-3) var(--space-4)}.audio-player__shell{padding: var(--space-4) var(--space-3)}.audio-player__transport{gap: var(--space-5)}.audio-player__time{min-width: 40px;font-size: var(--text-xs)}}.btn-outline--onDark{border-color: rgba(212,175,55,0.5);color: var(--color-cream)}.btn-outline--onDark:hover,.btn-outline--onDark:focus-visible{background: rgba(212,175,55,0.18);border-color: var(--color-gold-bright);color: var(--color-cream)}[hidden]{display: none !important}.card__category{text-shadow: 0 0 1px currentColor}.page-hero{position: relative;overflow: hidden;border-radius: var(--radius-xl);padding: var(--space-12) var(--space-10);margin-bottom: var(--space-8);color: var(--color-cream);isolation: isolate}.page-hero--emerald{background: linear-gradient(135deg,var(--color-emerald-deep),var(--color-ink-deep))}.page-hero--gold{background: linear-gradient(135deg,var(--color-gold-deep),var(--color-bronze,#8b6914))}.page-hero--bronze{background: linear-gradient(135deg,var(--color-emerald-deep),var(--color-bronze,#8b6914))}.page-hero--calm{background: linear-gradient(135deg,var(--color-emerald-deep),var(--color-emerald-mid))}.page-hero--center{text-align: center;padding-block: var(--space-16)}.page-hero--center .page-hero__body{margin-inline: auto}.page-hero__badge--plain{background: rgba(250,247,240,0.2);border-color: rgba(250,247,240,0.3);color: var(--color-cream)}.page-hero__badge--gold{background: rgba(212,175,55,0.2);border-color: rgba(212,175,55,0.4);color: var(--color-gold-shimmer)}.page-hero__glow{position: absolute;inset: 0;z-index: 0;pointer-events: none;background-image: radial-gradient(circle at 20% 80%,rgba(250,247,240,0.15),transparent 50%)}.page-hero__body{position: relative;z-index: 1;max-width: 100%}.page-hero__badge{margin-bottom: var(--space-4)}.page-hero__title{font-family: 'Amiri',var(--font-display),serif;font-size: clamp(var(--text-2xl),3.2vw + 0.5rem,var(--text-4xl));line-height: 1.45;color: var(--color-cream);margin-bottom: var(--space-3);overflow-wrap: break-word}.page-hero__lead{color: rgba(250,247,240,0.9);font-size: var(--text-md);line-height: var(--leading-relaxed);text-wrap: pretty}@media (max-width: 768px){.page-hero{padding: var(--space-8) var(--space-6);border-radius: var(--radius-lg)}}@media (max-width: 480px){.page-hero{padding: var(--space-6) var(--space-4)}.page-hero__lead{font-size: var(--text-sm)}}.series-hero{position: relative;overflow: hidden;border-radius: var(--radius-xl);padding: var(--space-10);margin-bottom: var(--space-8);background: linear-gradient(135deg,var(--color-emerald-deep),var(--color-ink-deep));color: var(--color-cream);isolation: isolate}.series-hero__glow{position: absolute;inset: 0;z-index: 0;pointer-events: none;background-image: radial-gradient(circle at 85% 15%,rgba(212,175,55,0.18),transparent 55%)}.series-hero__inner{position: relative;z-index: 1;display: flex;flex-direction: column;align-items: center;gap: var(--space-6);text-align: center}.series-hero__cover{width: 180px;height: 180px;object-fit: cover;border-radius: var(--radius-lg);box-shadow: var(--shadow-lg);flex: 0 0 auto}.series-hero__body{flex: 1 1 auto;width: 100%;min-width: min(280px,100%)}.series-hero__chips{display: flex;flex-wrap: wrap;gap: var(--space-2);width: 100%;margin-bottom: var(--space-4)}.series-hero__chips .series-chip{flex: 1 1 0;min-width: -webkit-fit-content;min-width: -moz-fit-content;min-width: fit-content;justify-content: center;min-height: 2.5rem;white-space: normal;text-align: center}.series-chip{display: inline-flex;align-items: center;gap: var(--space-2);min-height: 2rem;padding: 0.25rem var(--space-3);border-radius: var(--radius-full);background: rgba(250,247,240,0.1);border: 1px solid rgba(250,247,240,0.2);color: rgba(250,247,240,0.92);font-size: var(--text-xs);font-weight: 600;line-height: 1.4}.series-chip svg{flex-shrink: 0;width: 14px;height: 14px}.series-chip--gold{background: rgba(212,175,55,0.16);border-color: rgba(212,175,55,0.4);color: var(--color-gold-shimmer)}.series-chip--success svg{color: #8fdcb3}.series-chip--neutral svg{color: var(--color-gold-shimmer)}.series-hero__title{font-family: 'Amiri',var(--font-display),serif;font-size: clamp(var(--text-xl),2.6vw + 0.5rem,var(--text-3xl));line-height: 1.45;color: var(--color-cream);margin-bottom: var(--space-3);overflow-wrap: break-word}.series-hero__author{color: var(--color-gold-shimmer);font-size: var(--text-sm);margin-bottom: var(--space-3)}.series-hero__description{color: rgba(250,247,240,0.85);font-size: var(--text-sm);line-height: var(--leading-relaxed)}@media (max-width: 768px){.series-hero{padding: var(--space-6) var(--space-5);border-radius: var(--radius-lg)}.series-hero__inner{gap: var(--space-5)}.series-hero__cover{width: 120px;height: 120px}}@media (max-width: 480px){.series-hero{padding: var(--space-5) var(--space-4)}.series-hero__inner{flex-direction: column}.series-hero__cover{width: 96px;height: 96px}}.rule{display: flex;align-items: center;justify-content: center;gap: var(--space-3);margin-block: var(--space-8);width: 100%}.rule__line{flex: 1 1 0;max-width: 12rem;height: 1px;background: linear-gradient(90deg,transparent,var(--color-gold-soft));transform: scaleX(1);transform-origin: right center}.rule__line:last-child{background: linear-gradient(90deg,var(--color-gold-soft),transparent);transform-origin: left center}.rule__node{flex: 0 0 auto;width: 6px;height: 6px;rotate: 45deg;background: var(--color-gold-soft);box-shadow: 0 0 0 0 rgba(201,169,97,0.45)}.rule--soft .rule__line{background: linear-gradient(90deg,transparent,var(--color-border-mid))}.rule--soft .rule__line:last-child{background: linear-gradient(90deg,var(--color-border-mid),transparent)}.rule--soft .rule__node{background: var(--color-border-mid)}.hero .rule__node,.app-footer .rule__node{background: var(--color-gold-shimmer)}@media (max-width: 480px){.rule{margin-block: var(--space-6)}.rule__line{max-width: 5rem}}.hero__title--solo{margin-bottom: var(--space-4);font-size: clamp(1.35rem,3.6vw,3.2rem)}.hero__underline{display: block;width: min(14rem,62%);height: 2px;margin-bottom: var(--space-8);border-radius: 2px;background: linear-gradient(90deg,var(--color-gold-bright),var(--color-gold-shimmer) 55%,transparent);transform-origin: right center}.hero__inner--solo .hero__underline{margin-inline: auto}@media (max-width: 480px){.hero__underline{width: min(10rem,70%);margin-bottom: var(--space-6)}}.book-detail__layout{display: grid;grid-template-columns: minmax(0,240px) minmax(0,1fr);gap: var(--space-8);margin-bottom: var(--space-8);align-items: start}@media (max-width: 1024px){.book-detail__layout{grid-template-columns: 1fr;gap: var(--space-6)}.book-detail__layout > *:first-child{max-width: 240px;margin-inline: auto}}.net-toast{position: fixed;inset-inline: 0;bottom: calc(1rem + env(safe-area-inset-bottom,0px));z-index: 2100;width: max-content;max-width: calc(100% - 2rem);margin-inline: auto;padding: 0.75rem 1.25rem;border-radius: 0.75rem;background: #7f2a20;color: #fff;font-size: 0.95rem;line-height: 1.6;text-align: center;box-shadow: 0 12px 32px rgba(26,20,16,0.22);opacity: 0;visibility: hidden;transform: translateY(0.75rem);transition: opacity 0.2s ease,transform 0.2s ease,visibility 0s linear 0.2s;pointer-events: none}.net-toast.is-visible{opacity: 1;visibility: visible;transform: none;transition: opacity 0.2s ease,transform 0.2s ease}.net-toast--ok{background: #0f5340}@media (prefers-reduced-motion: reduce){.net-toast,.net-toast.is-visible{transition: none;transform: none}}
.pager{display: flex;align-items: center;justify-content: center;flex-wrap: wrap;gap: var(--space-2);margin-top: var(--space-10)}.pager__pages{display: flex;align-items: center;gap: var(--space-2)}.pager__page,.pager__step{display: inline-flex;align-items: center;justify-content: center;gap: var(--space-2);min-width: 2.75rem;height: 2.75rem;padding-inline: var(--space-3);border-radius: var(--radius-md);border: 1px solid var(--color-border-light);background: var(--bg-card);color: var(--text-secondary);font-weight: 600;font-size: var(--text-sm);text-decoration: none;transition: border-color var(--transition-fast),color var(--transition-fast),background-color var(--transition-fast)}.pager__step svg{width: 1rem;height: 1rem}a.pager__page:hover,a.pager__step:hover{border-color: var(--color-gold-soft);color: var(--text-accent)}.pager__page.is-current{background: var(--color-emerald-deep);border-color: var(--color-emerald-deep);color: var(--color-cream)}.pager__step.is-disabled{opacity: 0.45}.pager__gap{padding-inline: var(--space-1);color: var(--text-muted)}.qa-page{max-width: 52rem;margin-inline: auto}.qa-page--answered{margin-top: var(--space-16)}.qa-search{display: flex;gap: var(--space-3);margin-bottom: var(--space-4)}.qa-search .filter-search{min-width: 0}.qa-list{display: flex;flex-direction: column;gap: var(--space-3)}.qa-item{background: var(--bg-card);border: 1px solid var(--color-border-light);border-radius: var(--radius-lg);box-shadow: var(--shadow-xs);overflow: hidden;transition: border-color var(--transition-base),box-shadow var(--transition-base),opacity 800ms cubic-bezier(0.16,1,0.3,1),transform 800ms cubic-bezier(0.16,1,0.3,1)}.qa-item:hover{border-color: var(--color-border-mid)}.qa-item[open]{border-color: var(--color-gold-soft);box-shadow: var(--shadow-md)}.qa-item.is-linked{box-shadow: 0 0 0 3px rgba(201,169,97,0.28),var(--shadow-md)}.qa-item__summary{display: flex;align-items: flex-start;gap: var(--space-4);padding: var(--space-5) var(--space-6);cursor: pointer;list-style: none;user-select: text}.qa-item__summary::-webkit-details-marker{display: none}.qa-item__summary:focus-visible{outline: 2px solid var(--color-gold-soft);outline-offset: -2px;border-radius: var(--radius-lg)}.qa-item__mark{flex: none;display: inline-flex;align-items: center;justify-content: center;width: 2.25rem;height: 2.25rem;border-radius: 50%;font-family: var(--font-display);font-size: var(--text-md);line-height: 1}.qa-item__mark--q{background: var(--color-cream-warm);color: var(--text-accent);border: 1px solid rgba(201,169,97,0.35)}.qa-item__mark--a{background: var(--color-emerald-deep);color: var(--color-gold-shimmer)}.qa-item__question{flex: 1;min-width: 0;padding-top: 0.3rem;font-weight: 600;font-size: var(--text-base);line-height: var(--leading-relaxed);color: var(--text-primary);overflow-wrap: anywhere}.qa-item__toggle{flex: none;display: inline-flex;width: 2.25rem;height: 2.25rem;align-items: center;justify-content: center;color: var(--text-muted);transition: transform var(--transition-base),color var(--transition-base)}.qa-item__toggle svg{width: 1.15rem;height: 1.15rem}.qa-item[open] .qa-item__toggle{transform: rotate(180deg);color: var(--text-accent)}.qa-item__body{padding: 0 var(--space-6) var(--space-5)}.qa-item[open] .qa-item__body{animation: qa-open 420ms cubic-bezier(0.16,1,0.3,1)}@keyframes qa-open{from{opacity: 0;transform: translateY(-6px)}to{opacity: 1;transform: none}}.qa-item__answer{display: flex;align-items: flex-start;gap: var(--space-4);padding-top: var(--space-5);border-top: 1px dashed var(--color-border-light)}.qa-item__answer-text{flex: 1;min-width: 0;padding-top: 0.3rem;color: var(--text-secondary);line-height: var(--leading-loose);overflow-wrap: anywhere}.qa-item__meta{display: flex;flex-wrap: wrap;align-items: center;gap: var(--space-2) var(--space-4);margin-top: var(--space-4);padding-inline-start: calc(2.25rem + var(--space-4));font-size: var(--text-xs);color: var(--text-muted)}.qa-item__meta-item{display: inline-flex;align-items: center;gap: var(--space-1)}.qa-item__meta svg{width: 0.9rem;height: 0.9rem}.qa-item__tag{--tag-color: var(--color-gold-soft);padding: 0.15rem var(--space-3);border-radius: var(--radius-full);color: var(--tag-color);background: rgba(201,169,97,0.12);background: color-mix(in srgb,var(--tag-color) 12%,transparent);font-weight: 600}.qa-item__permalink{display: inline-flex;align-items: center;gap: var(--space-1);margin-inline-start: auto;color: var(--text-muted);text-decoration: none;min-height: 2rem}.qa-item__permalink:hover,.qa-item__permalink.is-copied{color: var(--text-accent)}@media (prefers-reduced-motion: reduce){.qa-item[open] .qa-item__body{animation: none}.qa-item__toggle{transition: none}}.ask-cta{display: flex;align-items: center;gap: var(--space-5);margin-top: var(--space-12);padding: var(--space-6) var(--space-8);border-radius: var(--radius-xl);background: radial-gradient(120% 140% at 100% 0%,rgba(212,175,55,0.18),transparent 55%),linear-gradient(135deg,var(--color-emerald-deep),var(--color-emerald-mid));color: var(--color-cream);box-shadow: var(--shadow-emerald)}.ask-cta__icon{flex: none;display: flex;align-items: center;justify-content: center;width: 3.5rem;height: 3.5rem;border-radius: 50%;background: rgba(232,197,116,0.14);color: var(--color-gold-shimmer)}.ask-cta__icon svg{width: 1.6rem;height: 1.6rem}.ask-cta__text{flex: 1;min-width: 0}.ask-cta__title{margin: 0 0 var(--space-1);font-size: var(--text-xl);color: var(--color-cream)}.ask-cta__lead{margin: 0;color: rgba(250,247,240,0.78);font-size: var(--text-sm)}.ask-layout{display: grid;grid-template-columns: minmax(0,1fr);gap: var(--space-6);max-width: 68rem;margin-inline: auto}@media (min-width: 1024px){.ask-layout{grid-template-columns: minmax(0,1.7fr) minmax(0,1fr);align-items: start}.ask-notes{position: sticky;top: calc(var(--header-height) + var(--space-6))}}.ask-panel{background: var(--bg-card);border: 1px solid var(--color-border-light);border-radius: var(--radius-xl);box-shadow: var(--shadow-md);padding: var(--space-8);position: relative;overflow: hidden}.ask-panel::before{content: '';position: absolute;inset-inline: 0;top: 0;height: 3px;background: linear-gradient(90deg,transparent,var(--color-gold-bright),transparent);transform: scaleX(0);transform-origin: right;animation: ask-thread 1400ms cubic-bezier(0.16,1,0.3,1) 200ms forwards}@keyframes ask-thread{to{transform: scaleX(1)}}.ask-panel__head{margin-bottom: var(--space-6)}.ask-panel__title{margin: 0 0 var(--space-1);font-size: var(--text-2xl)}.ask-panel__lead{margin: 0;color: var(--text-tertiary);font-size: var(--text-sm)}.ask-form__textarea{min-height: 9rem;resize: vertical;line-height: var(--leading-relaxed);font-family: inherit}.ask-form .form-input{font-size: var(--text-base);color: var(--text-primary)}.ask-form__hint{display: flex;justify-content: space-between;gap: var(--space-3);margin-top: var(--space-2);font-size: var(--text-xs);color: var(--text-muted)}.ask-form__count{font-variant-numeric: tabular-nums;transition: color var(--transition-fast)}.ask-form__count.is-short{color: var(--color-warning)}.ask-form__count.is-near{color: var(--color-danger)}.ask-form__req{color: var(--color-danger)}.ask-form__opt{color: var(--text-muted);font-weight: 400}.ask-form__row{display: grid;grid-template-columns: repeat(auto-fit,minmax(min(14rem,100%),1fr));gap: 0 var(--space-4)}.ask-form__check{display: flex;align-items: flex-start;gap: var(--space-3);margin-bottom: var(--space-4);font-size: var(--text-sm);color: var(--text-secondary);cursor: pointer}.ask-form__check input{flex: none;width: 1.15rem;height: 1.15rem;margin-top: 0.2rem;accent-color: var(--color-emerald-deep)}.ask-form__privacy{display: flex;align-items: flex-start;gap: var(--space-2);margin: 0 0 var(--space-6);padding: var(--space-3) var(--space-4);border-radius: var(--radius-md);background: var(--color-cream-warm);font-size: var(--text-xs);color: var(--text-tertiary);line-height: var(--leading-relaxed)}.ask-form__privacy svg{flex: none;width: 1rem;height: 1rem;margin-top: 0.2rem;color: var(--color-emerald-light)}.ask-form__submit{width: 100%;justify-content: center}.ask-form__submit.is-busy{opacity: 0.7;cursor: progress}.ask-form__trap{position: absolute;inset-inline-start: -9999px;width: 1px;height: 1px;overflow: hidden}.ask-sent{text-align: center;padding: var(--space-8) var(--space-4)}.ask-sent__check{display: inline-block;width: 5rem;height: 5rem;margin-bottom: var(--space-5)}.ask-sent__check svg{width: 100%;height: 100%;fill: none;stroke-linecap: round;stroke-linejoin: round}.ask-sent__check circle{stroke: var(--color-gold-soft);stroke-width: 2;stroke-dasharray: 151;stroke-dashoffset: 151;animation: ask-draw 700ms cubic-bezier(0.65,0,0.35,1) forwards}.ask-sent__check path{stroke: var(--color-emerald-mid);stroke-width: 3.5;stroke-dasharray: 36;stroke-dashoffset: 36;animation: ask-draw 420ms cubic-bezier(0.65,0,0.35,1) 620ms forwards}@keyframes ask-draw{to{stroke-dashoffset: 0}}.ask-sent__title{margin: 0 0 var(--space-2);font-size: var(--text-2xl)}.ask-sent__lead{margin: 0 auto var(--space-6);max-width: 26rem;color: var(--text-tertiary)}.ask-notes{padding: var(--space-6);border-radius: var(--radius-xl);background: var(--color-cream-warm);border: 1px solid rgba(201,169,97,0.28)}.ask-notes__title{margin: 0 0 var(--space-4);font-size: var(--text-lg)}.ask-notes__list{margin: 0 0 var(--space-5);padding: 0;list-style: none;counter-reset: note;display: flex;flex-direction: column;gap: var(--space-4)}.ask-notes__list li{counter-increment: note;position: relative;padding-inline-start: 2.5rem;font-size: var(--text-sm);color: var(--text-secondary);line-height: var(--leading-relaxed)}.ask-notes__list li::before{content: counter(note,arabic-indic);position: absolute;inset-inline-start: 0;top: 0;width: 1.75rem;height: 1.75rem;border-radius: 50%;display: flex;align-items: center;justify-content: center;background: var(--bg-card);color: var(--text-accent);font-weight: 700;font-size: var(--text-xs);border: 1px solid rgba(201,169,97,0.4)}.ask-notes__link{display: inline-flex;align-items: center;gap: var(--space-2);font-weight: 600;font-size: var(--text-sm);color: var(--color-emerald-mid);text-decoration: none;min-height: 2.75rem}.ask-notes__link svg{width: 1.1rem;height: 1.1rem}.ask-notes__link:hover{color: var(--text-accent)}@media (prefers-reduced-motion: reduce){.ask-panel::before{animation: none;transform: none}.ask-sent__check circle,.ask-sent__check path{animation: none;stroke-dashoffset: 0}}@media (max-width: 768px){.ask-panel{padding: var(--space-6) var(--space-5)}.ask-cta{flex-wrap: wrap;padding: var(--space-6)}.ask-cta .btn{width: 100%;justify-content: center}}@media (max-width: 480px){.qa-item__summary{gap: var(--space-3);padding: var(--space-4)}.qa-item__body{padding: 0 var(--space-4) var(--space-4)}.qa-item__answer{gap: var(--space-3)}.qa-item__mark,.qa-item__toggle{width: 2rem;height: 2rem}.qa-item__meta{padding-inline-start: 0}.qa-search .btn{padding-inline: var(--space-4)}.pager__pages{order: -1;flex: 1 0 100%;flex-wrap: wrap;justify-content: center;gap: var(--space-2)}.pager__step{flex: 1 1 0}.pager__page{padding-inline: var(--space-2)}.ask-panel{padding: var(--space-5) var(--space-4);border-radius: var(--radius-lg)}.ask-notes{padding: var(--space-5)}}.fatwa-grid{display: grid;grid-template-columns: repeat(auto-fill,minmax(min(19rem,100%),1fr));gap: var(--space-5)}.fatwa-card{--fatwa-color: var(--color-gold-soft);position: relative;display: flex;flex-direction: column;gap: var(--space-3);min-width: 0;padding: var(--space-6);padding-bottom: var(--space-5);background: var(--bg-card);border: 1px solid var(--color-border-light);border-radius: var(--radius-lg);box-shadow: var(--shadow-xs);color: inherit;text-decoration: none;overflow: hidden;isolation: isolate;transition: border-color var(--transition-base),box-shadow var(--transition-base),opacity 800ms cubic-bezier(0.16,1,0.3,1),transform 800ms cubic-bezier(0.16,1,0.3,1)}.fatwa-card::before{content: "";position: absolute;inset-inline: 0;top: 0;height: 3px;background: var(--fatwa-color);transform: scaleX(0.18);transform-origin: right;transition: transform 520ms cubic-bezier(0.16,1,0.3,1)}.fatwa-card::after{content: "\061F";position: absolute;inset-inline-end: var(--space-4);bottom: -1.6rem;z-index: -1;font-family: "Amiri",serif;font-size: 7.5rem;line-height: 1;color: var(--fatwa-color);opacity: 0.06;transition: opacity var(--transition-slow),transform var(--transition-elegant)}.fatwa-card:hover{border-color: var(--color-border-mid);box-shadow: var(--shadow-lg)}.fatwa-card:hover::before{transform: scaleX(1)}.fatwa-card:hover::after{opacity: 0.12;transform: translateY(-6px) rotate(-6deg)}.fatwa-card:focus-visible{outline: 2px solid var(--color-gold-soft);outline-offset: 3px}.fatwa-card__top{display: flex;flex-wrap: wrap;align-items: center;gap: var(--space-2);padding-inline-end: var(--space-6)}.fatwa-card__type,.fatwa-card__category{display: inline-flex;align-items: center;gap: var(--space-1);padding: 0.2rem var(--space-3);border-radius: var(--radius-full);font-size: var(--text-xs);font-weight: 600;white-space: nowrap}.fatwa-card__type{background: var(--color-cream-warm);color: var(--text-secondary)}.fatwa-card__type svg{width: 0.85rem;height: 0.85rem}.fatwa-card__category{color: var(--fatwa-color);background: rgba(201,169,97,0.12);background: color-mix(in srgb,var(--fatwa-color) 11%,transparent);display: inline-block;min-width: 0;max-width: 100%;overflow: hidden;text-overflow: ellipsis}.fatwa-card__featured{display: inline-flex;color: var(--color-gold-bright)}.fatwa-card__featured svg{width: 1rem;height: 1rem;fill: currentColor}.fatwa-card__title{margin: 0;font-family: var(--font-body);font-size: var(--text-md);font-weight: 700;line-height: var(--leading-snug);color: var(--text-primary);overflow-wrap: anywhere;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden}.fatwa-card__question{margin: 0;font-size: var(--text-sm);line-height: var(--leading-relaxed);color: var(--text-tertiary);overflow-wrap: anywhere;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden}.fatwa-card__meta{display: flex;flex-wrap: wrap;gap: var(--space-1) var(--space-4);margin-top: auto;padding-top: var(--space-2);font-size: var(--text-xs);color: var(--text-muted)}.fatwa-card__meta > span{display: inline-flex;align-items: center;gap: var(--space-1)}.fatwa-card__meta svg{width: 0.85rem;height: 0.85rem}.fatwa-card__source{display: flex;align-items: center;gap: var(--space-2);padding-top: var(--space-3);border-top: 1px dashed var(--color-border-light);font-size: var(--text-xs);color: var(--text-accent);min-width: 0}.fatwa-card__source svg{flex: none;width: 0.9rem;height: 0.9rem}.fatwa-card__source span{min-width: 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.fatwa-card__arrow{position: absolute;inset-inline-end: var(--space-5);top: var(--space-6);display: inline-flex;color: var(--fatwa-color);opacity: 0;transform: translateX(6px);transition: opacity var(--transition-base),transform var(--transition-base)}.fatwa-card__arrow svg{width: 1.1rem;height: 1.1rem}.fatwa-card:hover .fatwa-card__arrow{opacity: 1;transform: none}@media (hover: none){.fatwa-card::before{transform: scaleX(1)}.fatwa-card__arrow{opacity: 0.7;transform: none}}@media (prefers-reduced-motion: reduce){.fatwa-card::before,.fatwa-card::after,.fatwa-card__arrow{transition: none}}.fatwa-embed{position: relative;width: 100%;aspect-ratio: 16 / 9;border-radius: var(--radius-lg);overflow: hidden;background: #000}.fatwa-embed iframe{position: absolute;inset: 0;width: 100%;height: 100%;border: 0}.fatwa-source{display: flex;align-items: center;gap: var(--space-4);margin-top: calc(var(--space-2) * -1);padding: var(--space-4) var(--space-5);border-radius: var(--radius-lg);background: var(--color-cream-warm);border: 1px solid rgba(201,169,97,0.35);color: inherit;text-decoration: none;transition: border-color var(--transition-base),background-color var(--transition-base)}.fatwa-source:hover{border-color: var(--color-gold-soft);background: #f1e8d4}.fatwa-source__icon{flex: none;display: flex;align-items: center;justify-content: center;width: 2.75rem;height: 2.75rem;border-radius: 50%;background: var(--color-emerald-deep);color: var(--color-gold-shimmer)}.fatwa-source__icon svg{width: 1.2rem;height: 1.2rem}.fatwa-source__text{flex: 1;min-width: 0;display: flex;flex-direction: column;gap: 2px}.fatwa-source__label{font-size: var(--text-xs);color: var(--text-tertiary)}.fatwa-source__title{font-weight: 600;color: var(--text-primary);overflow-wrap: anywhere}.fatwa-source__series{font-weight: 400;color: var(--text-accent)}.fatwa-source__arrow{flex: none;display: inline-flex;color: var(--text-accent);transition: transform var(--transition-base)}.fatwa-source__arrow svg{width: 1.1rem;height: 1.1rem}.fatwa-source:hover .fatwa-source__arrow{transform: translateX(-4px)}.fatwa-block__label{display: flex;align-items: center;gap: var(--space-3);margin: 0 0 var(--space-4);font-family: var(--font-display);font-size: var(--text-lg);color: var(--color-emerald-deep)}.fatwa-block--question .detail-body{font-size: var(--text-md);color: var(--text-secondary)}.fatwa-block--answer{border-inline-start: 3px solid var(--color-gold-soft)}.fatwa-image{margin: var(--space-6) 0 0;border-radius: var(--radius-lg);overflow: hidden;border: 1px solid var(--color-border-light);background: var(--bg-card);text-align: center}.fatwa-image img{display: block;width: 100%;height: auto;aspect-ratio: auto 4 / 3;max-height: 80vh;object-fit: contain;margin-inline: auto}.share-row{display: flex;flex-wrap: wrap;align-items: center;gap: var(--space-2);margin-top: var(--space-6)}.share-row__label{margin-inline-end: var(--space-2);font-size: var(--text-sm);font-weight: 600;color: var(--text-tertiary)}.share-row__btn{display: inline-flex;align-items: center;justify-content: center;gap: var(--space-2);min-width: 2.75rem;height: 2.75rem;padding-inline: var(--space-3);border-radius: var(--radius-full);border: 1px solid var(--color-border-light);background: var(--bg-card);color: var(--text-secondary);font: inherit;font-size: var(--text-sm);cursor: pointer;text-decoration: none;transition: border-color var(--transition-fast),color var(--transition-fast)}.share-row__btn svg{width: 1.1rem;height: 1.1rem}.share-row__btn:hover,.share-row__btn.is-copied{border-color: var(--color-gold-soft);color: var(--text-accent)}@media (max-width: 480px){.fatwa-card{padding: var(--space-5) var(--space-4) var(--space-4)}.fatwa-source{padding: var(--space-3) var(--space-4);gap: var(--space-3)}.fatwa-source__icon{width: 2.25rem;height: 2.25rem}}.category-grid{display: grid;grid-template-columns: repeat(auto-fill,minmax(min(21rem,100%),1fr));gap: var(--space-5)}.category-tile{--cat-color: var(--color-gold-soft);position: relative;display: flex;align-items: center;gap: var(--space-5);min-width: 0;padding: var(--space-6);border-radius: var(--radius-xl);background: radial-gradient(140% 120% at 100% 0%,rgba(201,169,97,0.10),transparent 60%),var(--bg-card);border: 1px solid var(--color-border-light);box-shadow: var(--shadow-sm);color: inherit;text-decoration: none;overflow: hidden;isolation: isolate;transition: border-color var(--transition-base),box-shadow var(--transition-base),opacity 800ms cubic-bezier(0.16,1,0.3,1),transform 800ms cubic-bezier(0.16,1,0.3,1)}.category-tile::before{content: "";position: absolute;z-index: -1;width: 14rem;height: 14rem;inset-inline-start: -5rem;top: -5rem;border-radius: 50%;background: var(--cat-color);opacity: 0.07;transform: scale(0.55);transition: transform 700ms cubic-bezier(0.16,1,0.3,1),opacity 700ms ease}.category-tile:hover{border-color: var(--cat-color);box-shadow: var(--shadow-lg)}.category-tile:hover::before{transform: scale(1);opacity: 0.11}.category-tile:focus-visible{outline: 2px solid var(--color-gold-soft);outline-offset: 3px}.category-tile__glyph{position: relative;flex: none;display: flex;align-items: center;justify-content: center;width: 4.5rem;height: 4.5rem}.category-tile__ring{position: absolute;inset: 0;border-radius: 50%;border: 1.5px dashed var(--cat-color);opacity: 0.45;animation: category-ring-spin 26s linear infinite}.category-tile__letter{position: relative;display: flex;align-items: center;justify-content: center;width: 3.6rem;height: 3.6rem;border-radius: 50%;background: var(--cat-color);color: #fff;font-family: "Amiri",var(--font-display),serif;font-size: 1.9rem;font-weight: 700;line-height: 1;box-shadow: 0 8px 20px rgba(26,20,16,0.18);transition: transform 600ms cubic-bezier(0.16,1,0.3,1)}.category-tile:hover .category-tile__letter{transform: scale(1.08) rotate(-8deg)}.category-tile:hover .category-tile__ring{animation-duration: 6s;opacity: 0.8}@keyframes category-ring-spin{to{transform: rotate(360deg)}}.category-tile__body{flex: 1;min-width: 0;display: flex;flex-direction: column;gap: var(--space-2)}.category-tile__name{font-family: var(--font-display);font-size: var(--text-xl);font-weight: 600;color: var(--text-primary);line-height: var(--leading-snug)}.category-tile__stats{display: flex;flex-wrap: wrap;gap: var(--space-1) var(--space-3);font-size: var(--text-sm);color: var(--text-tertiary)}.category-tile__stats span + span::before{content: "\00B7";margin-inline-end: var(--space-3);opacity: 0.6}.category-tile__hours{display: inline-flex;align-items: center;gap: var(--space-1);font-size: var(--text-xs);color: var(--text-accent)}.category-tile__hours svg{width: 0.85rem;height: 0.85rem}.category-tile__arrow{flex: none;display: inline-flex;color: var(--cat-color);transition: transform var(--transition-base)}.category-tile__arrow svg{width: 1.2rem;height: 1.2rem}.category-tile:hover .category-tile__arrow{transform: translateX(-5px)}@media (prefers-reduced-motion: reduce){.category-tile__ring{animation: none}.category-tile::before,.category-tile__letter,.category-tile__arrow{transition: none}}.category-hero{--cat-color: var(--color-gold-soft);position: relative;margin-bottom: var(--space-10);padding: var(--space-10) var(--space-10) var(--space-8);border-radius: var(--radius-xl);background: radial-gradient(90% 140% at 0% 100%,rgba(212,175,55,0.14),transparent 60%),linear-gradient(150deg,var(--color-emerald-deep) 0%,#072e22 60%,var(--color-ink-deep) 100%);color: var(--color-cream);overflow: hidden;isolation: isolate;box-shadow: 0 24px 60px rgba(7,46,34,0.24)}.category-hero::after{content: "";position: absolute;inset-inline: 0;bottom: 0;height: 4px;background: linear-gradient(90deg,transparent,var(--cat-color),var(--color-gold-bright),transparent);transform-origin: right;animation: category-thread 1400ms cubic-bezier(0.16,1,0.3,1) 250ms both}@keyframes category-thread{from{transform: scaleX(0)}to{transform: scaleX(1)}}.category-hero__glyph{position: absolute;z-index: -1;inset-inline-end: 4%;top: 50%;font-family: "Amiri",serif;font-size: clamp(9rem,22vw,16rem);font-weight: 700;line-height: 1;color: var(--cat-color);opacity: 0.22;transform: translateY(-50%);animation: category-float 9s ease-in-out infinite;pointer-events: none;user-select: none}@keyframes category-float{0%,100%{transform: translateY(-50%)}50%{transform: translateY(calc(-50% - 10px)) rotate(-3deg)}}.category-hero__content{position: relative;max-width: 44rem}.category-hero__back{display: inline-flex;align-items: center;gap: var(--space-2);min-height: 2.75rem;margin-bottom: var(--space-2);font-size: var(--text-sm);color: rgba(250,247,240,0.72);text-decoration: none}.category-hero__back:hover{color: var(--color-gold-shimmer)}.category-hero__back svg{width: 1rem;height: 1rem}.category-hero__title{margin: 0 0 var(--space-5);font-family: var(--font-display);font-size: var(--text-5xl);color: var(--color-cream);line-height: var(--leading-tight)}.category-hero__stats{display: flex;flex-wrap: wrap;gap: var(--space-3);margin: 0;padding: 0;list-style: none}.category-hero__stats li{padding: var(--space-2) var(--space-4);border-radius: var(--radius-full);background: rgba(250,247,240,0.08);border: 1px solid rgba(250,247,240,0.14);font-size: var(--text-sm);color: rgba(250,247,240,0.82)}.category-hero__stats strong{color: var(--color-gold-shimmer);font-weight: 700}.category-section + .category-section{margin-top: var(--space-16)}.category-section .section-header--row{align-items: center}.category-section .qa-list{max-width: 52rem}.category-others{display: flex;flex-wrap: wrap;align-items: center;gap: var(--space-2);margin-top: var(--space-16);padding-top: var(--space-8);border-top: 1px solid var(--color-border-light)}.category-others__label{margin-inline-end: var(--space-2);font-weight: 600;color: var(--text-tertiary);font-size: var(--text-sm)}.category-others__pill{--cat-color: var(--color-gold-soft);display: inline-flex;align-items: center;min-height: 2.5rem;padding: 0 var(--space-4);border-radius: var(--radius-full);border: 1px solid var(--color-border-light);background: var(--bg-card);color: var(--text-secondary);font-size: var(--text-sm);font-weight: 600;text-decoration: none;transition: border-color var(--transition-fast),color var(--transition-fast)}.category-others__pill::before{content: "";width: 0.5rem;height: 0.5rem;margin-inline-end: var(--space-2);border-radius: 50%;background: var(--cat-color)}.category-others__pill:hover{border-color: var(--cat-color);color: var(--text-primary)}@media (prefers-reduced-motion: reduce){.category-hero::after{animation: none}.category-hero__glyph{animation: none}}@media (max-width: 768px){.category-hero{padding: var(--space-8) var(--space-6) var(--space-6)}}@media (max-width: 480px){.category-tile{gap: var(--space-4);padding: var(--space-5) var(--space-4)}.category-tile__glyph{width: 3.75rem;height: 3.75rem}.category-tile__letter{width: 3rem;height: 3rem;font-size: 1.6rem}.category-hero{padding: var(--space-6) var(--space-5) var(--space-5);border-radius: var(--radius-lg)}.category-hero__stats li{padding: var(--space-1) var(--space-3)}.category-section .section-header--row .btn{width: 100%;justify-content: center}}.cta-panel{position: relative;overflow: hidden;isolation: isolate;padding: var(--space-12) var(--space-10);border-radius: var(--radius-xl);background: linear-gradient(135deg,var(--color-emerald-deep),var(--color-emerald-mid));color: var(--color-cream);text-align: center}.cta-panel::before{content: "";position: absolute;z-index: -1;width: 22rem;height: 22rem;top: -9rem;inset-inline-start: -7rem;border-radius: 50%;background: radial-gradient(circle,rgba(212,175,55,0.22),transparent 70%);animation: cta-drift 14s ease-in-out infinite alternate}@keyframes cta-drift{to{transform: translate(-3rem,4rem) scale(1.15)}}.cta-panel .rule__node{background: var(--color-gold-shimmer)}.cta-panel__title{margin: 0 0 var(--space-3);font-family: var(--font-display);color: var(--color-cream)}.cta-panel__lead{max-width: 36rem;margin: 0 auto var(--space-6);color: rgba(250,247,240,0.85);font-size: var(--text-md)}.cta-panel__actions{display: flex;flex-wrap: wrap;justify-content: center;gap: var(--space-3)}.cta-panel__more{display: flex;flex-wrap: wrap;justify-content: center;align-items: center;gap: var(--space-2) var(--space-4);margin: var(--space-5) 0 0;font-size: var(--text-sm);color: rgba(250,247,240,0.72)}.cta-panel__more-link{display: inline-flex;align-items: center;min-height: 2.75rem;color: var(--color-gold-shimmer);font-weight: 600;text-decoration: underline;text-underline-offset: 4px}.cta-panel__more-link:hover,.cta-panel__more-link:focus-visible{color: var(--color-cream)}@media (prefers-reduced-motion: reduce){.cta-panel::before{animation: none}}@media (max-width: 768px){.cta-panel{padding: var(--space-8) var(--space-6);border-radius: var(--radius-lg)}}@media (max-width: 480px){.cta-panel{padding: var(--space-6) var(--space-4)}.cta-panel__actions .btn{flex: 1 1 calc(50% - var(--space-3));justify-content: center}}.page-hero__count{margin: var(--space-4) 0 0;color: var(--color-gold-shimmer);font-size: var(--text-sm);font-weight: 600}@media (max-width: 768px){.lesson-panel{padding: var(--space-6) var(--space-5)}}@media (max-width: 480px){.lesson-panel{padding: var(--space-5) var(--space-4)}}.rich-text{overflow-wrap: anywhere}.rich-text > :first-child{margin-top: 0}.rich-text > :last-child{margin-bottom: 0}.rich-text p{margin: 0 0 var(--space-4)}.rich-text h2,.rich-text h3,.rich-text h4,.rich-text h5,.rich-text h6{font-family: var(--font-display);color: var(--color-emerald-deep);line-height: var(--leading-snug);margin: var(--space-8) 0 var(--space-3)}.rich-text h2{font-size: var(--text-2xl)}.rich-text h3{font-size: var(--text-xl)}.rich-text h4{font-size: var(--text-lg)}.rich-text h5,.rich-text h6{font-size: var(--text-md)}.rich-text ul,.rich-text ol{margin: 0 0 var(--space-4);padding-inline-start: var(--space-6)}.rich-text li{margin-bottom: var(--space-2)}.rich-text li > ul,.rich-text li > ol{margin: var(--space-2) 0 0}.rich-text blockquote{margin: var(--space-5) 0;padding: var(--space-4) var(--space-5);border-inline-start: 3px solid var(--color-gold-soft);border-radius: var(--radius-md);background: var(--color-cream-warm);font-family: 'Amiri',var(--font-body),serif;font-size: var(--text-lg);color: var(--text-secondary)}.rich-text blockquote p:last-child{margin-bottom: 0}.rich-text a{color: var(--color-emerald-mid);text-decoration: underline;text-decoration-color: rgba(201,169,97,0.6);text-underline-offset: 3px}.rich-text a:hover{color: var(--color-gold-deep)}.rich-text img{max-width: 100%;height: auto;border-radius: var(--radius-md)}.rich-text figure{margin: var(--space-6) 0;text-align: center}.rich-text figcaption{margin-top: var(--space-2);font-size: var(--text-sm);color: var(--text-tertiary)}.rich-text hr{height: 1px;margin: var(--space-8) 0;border: 0;background: linear-gradient(90deg,transparent,var(--color-gold-soft),transparent)}.rich-text mark{padding: 0 0.2em;border-radius: 3px;background: rgba(212,175,55,0.3);color: inherit}.rich-text code{padding: 0.1em 0.35em;border-radius: 4px;background: var(--color-cream-warm);font-family: var(--font-mono);font-size: 0.9em}.rich-text pre{direction: ltr;text-align: left;overflow-x: auto;margin: var(--space-5) 0;padding: var(--space-4) var(--space-5);border-radius: var(--radius-md);background: var(--color-ink-deep);color: var(--color-cream);font-family: var(--font-mono);font-size: var(--text-sm);line-height: var(--leading-normal)}.rich-text pre code{padding: 0;background: none;color: inherit}.rich-text .rich-table{margin: var(--space-5) 0;overflow-x: auto;border-radius: var(--radius-md)}.rich-text table{width: 100%;border-collapse: collapse;font-size: var(--text-sm)}.rich-text th,.rich-text td{padding: var(--space-2) var(--space-3);border: 1px solid var(--color-border-light);text-align: start;vertical-align: top}.rich-text th{background: var(--color-cream-warm);font-weight: 700;color: var(--text-primary)}.rich-text .rich-embed{position: relative;aspect-ratio: 16 / 9;max-width: 100%;margin: var(--space-6) 0;overflow: hidden;border-radius: var(--radius-lg);background: #000}.rich-text .rich-embed iframe{position: absolute;inset: 0;width: 100%;height: 100%;border: 0}.rich-text video,.rich-text audio{display: block;max-width: 100%;margin: var(--space-5) 0}.rich-text details{margin: var(--space-4) 0;padding: var(--space-3) var(--space-4);border: 1px solid var(--color-border-light);border-radius: var(--radius-md);background: var(--bg-card)}.rich-text summary{cursor: pointer;font-weight: 600;color: var(--color-emerald-deep)}.rich-text details[open] summary{margin-bottom: var(--space-3)}.rich-text--on-dark a{color: var(--color-gold-shimmer)}.rich-text--on-dark h2,.rich-text--on-dark h3,.rich-text--on-dark h4{color: var(--color-cream)}.rich-text--on-dark blockquote{background: rgba(250,247,240,0.08);color: inherit}[data-offline-series] [hidden],[data-offline-library] [hidden],.offline-dialog [hidden],.install-prompt[hidden]{display: none !important}.series-cta{display: flex;flex-wrap: wrap;align-items: center;gap: var(--space-3);margin-bottom: var(--space-8)}.offline-series{display: contents}.offline-series__saved{display: inline-flex;flex-wrap: wrap;align-items: center;gap: var(--space-2) var(--space-3)}.offline-series__badge{display: inline-flex;align-items: center;gap: var(--space-2);min-height: 2.75rem;padding: 0 var(--space-4);border-radius: var(--radius-full);background: rgba(45,138,95,0.1);border: 1px solid rgba(45,138,95,0.3);color: var(--color-success);font-size: var(--text-sm);font-weight: 600;text-decoration: none}.offline-series__badge svg{width: 1rem;height: 1rem}.offline-series__remove{min-height: 2.75rem;padding: 0 var(--space-2);border: 0;background: none;color: var(--text-tertiary);font: inherit;font-size: var(--text-sm);text-decoration: underline;text-underline-offset: 3px;cursor: pointer}.offline-series__remove:hover{color: var(--color-danger)}.offline-dialog{position: fixed;inset: 0;margin: auto;height: fit-content;width: min(34rem,calc(100vw - 2rem));max-height: calc(100dvh - 2rem);padding: 0;border: 0;border-radius: var(--radius-xl);background: var(--bg-card);color: var(--text-primary);box-shadow: var(--shadow-xl);overflow: auto}.offline-dialog::backdrop{background: rgba(10,30,22,0.55);-webkit-backdrop-filter: blur(2px);backdrop-filter: blur(2px)}.offline-dialog.is-fallback-open{position: fixed;inset: 0;margin: auto;z-index: 3000}.offline-dialog[open] .offline-dialog__panel{animation: offline-rise 320ms cubic-bezier(0.16,1,0.3,1)}@keyframes offline-rise{from{opacity: 0;transform: translateY(12px) scale(0.98)}to{opacity: 1;transform: none}}.offline-dialog__panel{position: relative;padding: var(--space-8) var(--space-6) var(--space-6)}.offline-dialog__close{position: absolute;inset-inline-end: var(--space-3);top: var(--space-3);width: 2.5rem;height: 2.5rem;border: 0;border-radius: 50%;background: transparent;color: var(--text-tertiary);font-size: 1.6rem;line-height: 1;cursor: pointer}.offline-dialog__close:hover{background: var(--color-cream-warm)}.offline-dialog__title:focus{outline: none}.offline-dialog__title{margin: 0 0 var(--space-4);padding-inline-end: var(--space-8);font-size: var(--text-xl);color: var(--color-emerald-deep)}.offline-dialog__series{margin: 0 0 var(--space-3);font-weight: 700;color: var(--text-primary)}.offline-dialog__facts{margin: 0 0 var(--space-4);padding: 0;list-style: none;border: 1px solid var(--color-border-light);border-radius: var(--radius-md);overflow: hidden}.offline-dialog__facts li{display: flex;justify-content: space-between;gap: var(--space-3);padding: var(--space-2) var(--space-4);font-size: var(--text-sm)}.offline-dialog__facts li:nth-child(odd){background: var(--color-cream-mist)}.offline-dialog__fact-label{color: var(--text-tertiary)}.offline-dialog__warnings{margin: 0 0 var(--space-2);padding: var(--space-3) var(--space-4);padding-inline-start: var(--space-8);border-radius: var(--radius-md);background: rgba(212,160,84,0.12);color: var(--text-secondary);font-size: var(--text-sm);line-height: var(--leading-relaxed)}.offline-dialog__warnings li + li{margin-top: var(--space-1)}.offline-dialog__alert{margin: 0 0 var(--space-3);padding: var(--space-3) var(--space-4);border-radius: var(--radius-md);background: var(--color-cream-warm);font-size: var(--text-sm);line-height: var(--leading-relaxed)}.offline-dialog__alert--error{background: rgba(192,57,43,0.08);color: var(--color-danger)}.offline-dialog__alert--success{background: rgba(45,138,95,0.1);color: var(--color-success)}.offline-dialog__loading,.offline-dialog__hint{margin: 0;color: var(--text-tertiary);font-size: var(--text-sm)}.offline-dialog__actions{display: flex;flex-wrap: wrap;gap: var(--space-2);margin-top: var(--space-5)}.offline-dialog__actions:empty{display: none}.offline-progress__bar{height: 0.625rem;border-radius: var(--radius-full);background: var(--color-cream-warm);overflow: hidden}.offline-progress__fill{width: 1%;height: 100%;border-radius: inherit;background: linear-gradient(90deg,var(--color-emerald-mid),var(--color-gold-bright));transition: width 300ms ease}.offline-progress__status{margin: var(--space-3) 0 var(--space-1);font-weight: 600;font-size: var(--text-sm);font-variant-numeric: tabular-nums}.offline-progress__current{margin: 0 0 var(--space-3);color: var(--text-tertiary);font-size: var(--text-xs);overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.offline-library{max-width: 52rem;margin-inline: auto;padding-bottom: 7rem}.offline-library__notice{padding: var(--space-4);border-radius: var(--radius-md);background: var(--color-cream-warm);color: var(--text-secondary)}.offline-storage{margin-bottom: var(--space-6);padding: var(--space-4) var(--space-5);border: 1px solid var(--color-border-light);border-radius: var(--radius-lg);background: var(--bg-card)}.offline-storage__row{display: flex;flex-wrap: wrap;justify-content: space-between;gap: var(--space-2) var(--space-4);margin-bottom: var(--space-3);font-size: var(--text-sm);color: var(--text-tertiary)}.offline-storage__row strong{color: var(--text-primary)}.offline-storage__note{margin: var(--space-3) 0 0;font-size: var(--text-xs);line-height: var(--leading-relaxed);color: var(--text-muted)}.offline-storage__bar{height: 0.5rem;border-radius: var(--radius-full);background: var(--color-cream-warm);overflow: hidden}.offline-storage__fill{height: 100%;background: var(--color-emerald-mid)}.offline-library__list{display: flex;flex-direction: column;gap: var(--space-3)}.offline-series-card{border: 1px solid var(--color-border-light);border-radius: var(--radius-lg);background: var(--bg-card);box-shadow: var(--shadow-xs);overflow: hidden}.offline-series-card[open]{border-color: var(--color-gold-soft)}.offline-series-card__summary{display: flex;align-items: center;gap: var(--space-3);padding: var(--space-4) var(--space-5);cursor: pointer;list-style: none}.offline-series-card__summary::-webkit-details-marker{display: none}.offline-series-card__info{flex: 1;min-width: 0;display: flex;flex-direction: column;gap: 2px}.offline-series-card__title{font-weight: 700;color: var(--text-primary);overflow-wrap: anywhere}.offline-series-card__meta{font-size: var(--text-xs);color: var(--text-tertiary)}.offline-series-card__chevron{flex: none;color: var(--text-muted);font-size: 1.3rem;transition: transform var(--transition-base)}.offline-series-card[open] .offline-series-card__chevron{transform: rotate(180deg)}.offline-series-card__body{padding: 0 var(--space-5) var(--space-4)}.offline-series-card__tools{display: grid;gap: var(--space-3);padding-bottom: var(--space-4);border-bottom: 1px dashed var(--color-border-light)}.offline-series-card__tools .btn{width: 100%;justify-content: center;white-space: normal;text-align: center}.offline-series-card__remove{border-color: rgba(192,57,43,0.35);color: var(--color-danger)}.offline-series-card__remove:hover{border-color: var(--color-danger);background: rgba(192,57,43,0.06);color: var(--color-danger)}.offline-lessons{margin: 0;padding: 0;list-style: none;max-height: 26rem;overflow-y: auto}.offline-lesson{display: flex;align-items: center;gap: var(--space-3);padding: var(--space-2) 0;border-bottom: 1px solid var(--color-border-light)}.offline-lesson:last-child{border-bottom: 0}.offline-lesson__play{flex: none;display: inline-flex;align-items: center;justify-content: center;width: 2.5rem;height: 2.5rem;border: 0;border-radius: 50%;background: var(--color-emerald-deep);color: var(--color-gold-shimmer);cursor: pointer}.offline-lesson__play:disabled{background: var(--color-cream-warm);color: var(--text-muted);cursor: not-allowed}.offline-lesson.is-playing .offline-lesson__play{background: var(--color-gold-bright);color: var(--color-emerald-deep)}.offline-lesson__text{flex: 1;min-width: 0;display: flex;flex-direction: column}.offline-lesson__title{font-size: var(--text-sm);font-weight: 600;overflow-wrap: anywhere}.offline-lesson__meta{font-size: var(--text-xs);color: var(--text-muted)}.offline-lesson.is-missing .offline-lesson__title{color: var(--text-muted)}.offline-player{position: fixed;z-index: 900;inset-inline: var(--space-4);bottom: calc(var(--space-4) + env(safe-area-inset-bottom,0px));max-width: 48rem;margin-inline: auto;padding: var(--space-3) var(--space-4);border-radius: var(--radius-lg);background: var(--color-emerald-deep);box-shadow: var(--shadow-xl)}.offline-player__title{margin-bottom: var(--space-2);color: var(--color-cream);font-size: var(--text-sm);font-weight: 600;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.offline-player audio{display: block;width: 100%}.install-prompt{position: fixed;z-index: 2500;inset-inline: var(--space-4);bottom: calc(var(--space-4) + env(safe-area-inset-bottom,0px));display: flex;justify-content: center;pointer-events: none;opacity: 0;transform: translateY(24px);transition: opacity 320ms ease,transform 420ms cubic-bezier(0.16,1,0.3,1)}.install-prompt.is-visible{opacity: 1;transform: none}.install-prompt__card{position: relative;display: flex;align-items: flex-start;gap: var(--space-4);width: min(30rem,100%);padding: var(--space-5);border-radius: var(--radius-xl);background: radial-gradient(120% 140% at 100% 0%,rgba(212,175,55,0.16),transparent 55%),linear-gradient(150deg,var(--color-emerald-deep),#072e22);color: var(--color-cream);box-shadow: 0 24px 60px rgba(7,46,34,0.35);pointer-events: auto}.install-prompt__icon{flex: none;width: 3.5rem;height: 3.5rem;border-radius: 14px;box-shadow: 0 6px 16px rgba(0,0,0,0.25)}.install-prompt__body{flex: 1;min-width: 0}.install-prompt__title{margin: 0 0 var(--space-2);padding-inline-end: var(--space-6);font-size: var(--text-md);color: var(--color-cream)}.install-prompt__text{margin: 0 0 var(--space-4);font-size: var(--text-sm);line-height: var(--leading-relaxed);color: rgba(250,247,240,0.82)}.install-prompt__share{display: inline-flex;vertical-align: middle;padding: 2px 4px;border-radius: 6px;background: rgba(250,247,240,0.14);color: var(--color-gold-shimmer)}.install-prompt__actions{display: flex;flex-wrap: wrap;gap: var(--space-2)}.install-prompt__later{color: rgba(250,247,240,0.85)}.install-prompt__later:hover{color: var(--color-gold-shimmer)}.install-prompt__close{position: absolute;inset-inline-end: var(--space-2);top: var(--space-2);width: 2.25rem;height: 2.25rem;border: 0;border-radius: 50%;background: transparent;color: rgba(250,247,240,0.7);font-size: 1.5rem;line-height: 1;cursor: pointer}.install-prompt__close:hover{background: rgba(250,247,240,0.1);color: var(--color-cream)}@media (prefers-reduced-motion: reduce){.install-prompt,.offline-dialog[open] .offline-dialog__panel,.offline-progress__fill{transition: none;animation: none}}@media (max-width: 480px){.series-cta .btn,.offline-series__saved{width: 100%}.series-cta .btn{justify-content: center}.offline-dialog__panel{padding: var(--space-6) var(--space-4) var(--space-4)}.offline-dialog__actions .btn{flex: 1 1 100%;justify-content: center}.install-prompt__card{padding: var(--space-4)}.install-prompt__icon{width: 3rem;height: 3rem}}
@keyframes fade-in{from{opacity: 0}to{opacity: 1}}@keyframes fade-in-up{from{opacity: 0;transform: translateY(20px)}to{opacity: 1;transform: translateY(0)}}@keyframes fade-in-right{from{opacity: 0;transform: translateX(20px)}to{opacity: 1;transform: translateX(0)}}@keyframes fade-in-left{from{opacity: 0;transform: translateX(-20px)}to{opacity: 1;transform: translateX(0)}}.hero.animate-scale-in{animation-name: hero-enter}@keyframes hero-enter{from{transform: scale(0.96)}to{transform: scale(1)}}@keyframes scale-in{from{opacity: 0;transform: scale(0.92)}to{opacity: 1;transform: scale(1)}}@keyframes rotate-slow{from{transform: rotate(0deg)}to{transform: rotate(360deg)}}@keyframes shimmer{0%{background-position: -200% 0}100%{background-position: 200% 0}}@keyframes float{0%,100%{transform: translateY(0)}50%{transform: translateY(-8px)}}@keyframes glow-gold{0%,100%{box-shadow: 0 0 20px rgba(212,175,55,0.3)}50%{box-shadow: 0 0 40px rgba(212,175,55,0.5)}}@keyframes count-up{from{opacity: 0;transform: translateY(10px)}to{opacity: 1;transform: translateY(0)}}@keyframes shake-horizontal{0%,100%{transform: translateX(0)}25%{transform: translateX(-4px)}75%{transform: translateX(4px)}}.animate-fade-in{animation: fade-in 0.6s ease-out both}.animate-fade-in-up{animation: fade-in-up 0.6s ease-out both}.animate-fade-in-right{animation: fade-in-right 0.6s ease-out both}.animate-fade-in-left{animation: fade-in-left 0.6s ease-out both}.animate-scale-in{animation: scale-in 0.5s cubic-bezier(0.16,1,0.3,1) both}.animate-float{animation: float 4s ease-in-out infinite}.animate-glow{animation: glow-gold 3s ease-in-out infinite}.delay-100{animation-delay: 100ms}.delay-200{animation-delay: 200ms}.delay-300{animation-delay: 300ms}.delay-400{animation-delay: 400ms}.delay-500{animation-delay: 500ms}.delay-600{animation-delay: 600ms}.delay-700{animation-delay: 700ms}[data-reveal]{opacity: 1;transform: none;transition: opacity 800ms cubic-bezier(0.16,1,0.3,1),transform 800ms cubic-bezier(0.16,1,0.3,1)}html.js-enabled [data-reveal]:not(.is-revealed):not(:nth-of-type(-n + 2)){opacity: 0;transform: translateY(30px)}html.js-enabled [data-reveal].is-revealed{opacity: 1;transform: translateY(0)}[data-reveal-delay="100"]{transition-delay: 100ms}[data-reveal-delay="200"]{transition-delay: 200ms}[data-reveal-delay="300"]{transition-delay: 300ms}[data-reveal-delay="400"]{transition-delay: 400ms}[data-reveal-delay="500"]{transition-delay: 500ms}[data-reveal-delay="600"]{transition-delay: 600ms}.skeleton{background: linear-gradient( 90deg,var(--color-cream-warm) 25%,var(--color-cream-mist) 50%,var(--color-cream-warm) 75% );background-size: 200% 100%;animation: shimmer 1.6s infinite;border-radius: var(--radius-md)}.hover-lift{transition: transform var(--transition-base),box-shadow var(--transition-base)}.hover-lift:hover{transform: translateY(-4px);box-shadow: var(--shadow-lg)}.hover-glow{transition: box-shadow var(--transition-base)}.hover-glow:hover{box-shadow: 0 0 0 1px var(--color-gold-soft),0 8px 24px rgba(201,169,97,0.25)}@media (prefers-reduced-motion: reduce){*,*::before,*::after{animation-duration: 0.01ms !important;animation-iteration-count: 1 !important;transition-duration: 0.01ms !important;scroll-behavior: auto !important}[data-reveal]{opacity: 1;transform: none}}.app-content{animation: fade-in 0.5s ease-out}.filter-result-hidden{opacity: 0;pointer-events: none;transform: scale(0.96);transition: all var(--transition-base)}.filter-result-visible{opacity: 1;pointer-events: auto;transform: scale(1);transition: all var(--transition-base)}.js-enabled .rule[data-reveal] .rule__line{transform: scaleX(0)}.js-enabled .rule[data-reveal].is-revealed .rule__line{transform: scaleX(1);transition: transform 900ms cubic-bezier(0.22,1,0.36,1)}.js-enabled .rule[data-reveal] .rule__node{opacity: 0;transform: scale(0.4) rotate(45deg)}.js-enabled .rule[data-reveal].is-revealed .rule__node{opacity: 1;transform: scale(1) rotate(45deg);transition: opacity 500ms ease 250ms,transform 600ms cubic-bezier(0.34,1.56,0.64,1) 250ms;animation: rule-node-breathe 4.5s ease-in-out 1.4s infinite}@keyframes rule-node-breathe{0%,100%{box-shadow: 0 0 0 0 rgba(201,169,97,0.40)}50%{box-shadow: 0 0 0 6px rgba(201,169,97,0)}}@media (prefers-reduced-motion: reduce){.js-enabled .rule[data-reveal] .rule__line,.js-enabled .rule[data-reveal].is-revealed .rule__line{transform: none;transition: none}.js-enabled .rule[data-reveal] .rule__node,.js-enabled .rule[data-reveal].is-revealed .rule__node{opacity: 1;transform: rotate(45deg);transition: none;animation: none}}.js-enabled .hero__underline{transform: scaleX(0);animation: hero-underline-draw 1100ms cubic-bezier(0.22,1,0.36,1) 320ms forwards}@keyframes hero-underline-draw{to{transform: scaleX(1)}}@media (prefers-reduced-motion: reduce){.js-enabled .hero__underline{transform: none;animation: none}}
.scroll-progress{position: fixed;top: 0;left: 0;right: 0;height: 3px;background: rgba(201,169,97,0.08);z-index: 9999;pointer-events: none}.scroll-progress__fill{height: 100%;background: linear-gradient(90deg,var(--color-gold-bright),var(--color-gold-shimmer),var(--color-emerald-mid));transform-origin: right center;transform: scaleX(0);transition: transform 80ms linear;box-shadow: 0 0 12px rgba(212,175,55,0.6)}.ripple-effect{position: absolute;border-radius: 50%;background: radial-gradient(circle,currentColor 0%,currentColor 30%,transparent 70%);opacity: 0.18;transform: scale(0);animation: ripple-spread 600ms cubic-bezier(0.16,1,0.3,1);pointer-events: none;z-index: 1;mix-blend-mode: multiply}@keyframes ripple-spread{0%{transform: scale(0);opacity: 0.22}100%{transform: scale(1);opacity: 0}}.card,.quick-link-card,.book-card,.announcement-card,.social-item,.timeline-item__body{--glow-x: 50%;--glow-y: 50%;transform-style: preserve-3d;transition: transform 200ms cubic-bezier(0.4,0,0.2,1);position: relative}.card::after,.quick-link-card::after,.book-card::after,.announcement-card::after{content: '';position: absolute;inset: 0;background: radial-gradient( circle at var(--glow-x) var(--glow-y),rgba(212,175,55,0.15),transparent 40% );border-radius: inherit;opacity: 0;transition: opacity 300ms ease;pointer-events: none;z-index: 4}.card:hover::after,.quick-link-card:hover::after,.book-card:hover::after,.announcement-card:hover::after{opacity: 1}.sidebar-particles{position: absolute;inset: 0;overflow: hidden;pointer-events: none;z-index: 1}.sidebar-particles__dot{position: absolute;bottom: -10px;width: 4px;height: 4px;background: radial-gradient(circle,var(--color-gold-shimmer),transparent);border-radius: 50%;animation: particle-rise 12s linear infinite;box-shadow: 0 0 8px rgba(212,175,55,0.6)}@keyframes particle-rise{0%{transform: translateY(0) translateX(0);opacity: 0}10%{opacity: 1}90%{opacity: 1}100%{transform: translateY(-110vh) translateX(40px);opacity: 0}}.hero{--spotlight-x: 50%;--spotlight-y: 50%}.hero::before{background-image: radial-gradient(circle at var(--spotlight-x) var(--spotlight-y),rgba(212,175,55,0.22),transparent 40%),radial-gradient(circle at 30% 20%,rgba(201,169,97,0.1),transparent 50%),radial-gradient(circle at 70% 80%,rgba(212,175,55,0.08),transparent 50%)}.hero__title-accent,.hero__title--shimmer .hero__title-accent{background: linear-gradient( 90deg,var(--color-gold-bright) 0%,var(--color-gold-shimmer) 25%,#fff5d4 50%,var(--color-gold-shimmer) 75%,var(--color-gold-bright) 100% );background-size: 200% 100%;-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;color: transparent;animation: text-shimmer 4s linear 2}@keyframes text-shimmer{0%{background-position: 200% center}100%{background-position: -200% center}}.sidebar-nav__item--animate-in{animation: nav-item-slide-in 600ms cubic-bezier(0.16,1,0.3,1) both}@keyframes nav-item-slide-in{from{opacity: 0;transform: translateX(20px)}to{opacity: 1;transform: translateX(0)}}.sidebar-brand{animation: brand-fade-in 800ms cubic-bezier(0.16,1,0.3,1)}@keyframes brand-fade-in{from{opacity: 0;transform: translateY(-10px)}to{opacity: 1;transform: translateY(0)}}.btn-gold{position: relative;overflow: visible !important}.gold-sparkle{position: absolute;width: 4px;height: 4px;background: white;border-radius: 50%;pointer-events: none;box-shadow: 0 0 6px white,0 0 12px var(--color-gold-shimmer);animation: sparkle-burst 800ms ease-out forwards;z-index: 10}@keyframes sparkle-burst{0%{transform: scale(0) rotate(0deg);opacity: 0}20%{transform: scale(1.5) rotate(90deg);opacity: 1}100%{transform: scale(0) rotate(180deg) translateY(-30px);opacity: 0}}img[loading="lazy"].img-loaded{animation: imageFadeIn 600ms ease both}@keyframes imageFadeIn{from{opacity: 0}to{opacity: 1}}.card:hover .card__cover-media{will-change: transform}.card:hover .card__cover{box-shadow: inset 0 -50px 80px rgba(10,61,46,0.4)}.sidebar-nav__link{overflow: hidden}.sidebar-nav__link::after{content: '';position: absolute;top: 50%;right: 0;width: 4px;height: 0;background: linear-gradient(180deg,var(--color-gold-bright),var(--color-gold-deep));transform: translateY(-50%);transition: height var(--transition-base);border-radius: var(--radius-full) 0 0 var(--radius-full)}.sidebar-nav__link:hover::after,.sidebar-nav__link.is-active::after{height: 70%}.btn-primary,.btn-gold{position: relative}.btn-primary:hover{filter: brightness(1.05)}.btn-gold:hover{filter: brightness(1.04)}.app-content{animation: page-enter 600ms cubic-bezier(0.16,1,0.3,1)}@keyframes page-enter{from{opacity: 0;transform: translateY(8px)}to{opacity: 1;transform: translateY(0)}}.quick-link-card{overflow: hidden}.quick-link-card::before{content: '';position: absolute;inset: 0;background: linear-gradient(135deg,var(--color-gold-soft),var(--color-emerald-deep));opacity: 0;transition: opacity var(--transition-base);z-index: 0}.quick-link-card > *{position: relative;z-index: 1}.quick-link-card:hover::before{opacity: 0.04}.quick-link-card .quick-link-card__icon{transition: transform var(--transition-base)}.quick-link-card:hover .quick-link-card__icon{transform: rotate(-6deg) scale(1.08)}.announcement-card.is-pinned::before{animation: pin-pulse 2.5s ease-in-out infinite}@keyframes pin-pulse{0%,100%{filter: brightness(1)}50%{filter: brightness(1.15)}}.hero__greeting{animation: greeting-bounce 800ms cubic-bezier(0.34,1.56,0.64,1) 200ms both}@keyframes greeting-bounce{from{opacity: 0;transform: scale(0.8)}to{opacity: 1;transform: scale(1)}}.filter-chip{transform: translateY(0);transition: all var(--transition-fast)}.filter-chip:hover{transform: translateY(-2px);box-shadow: 0 4px 12px rgba(201,169,97,0.2)}.filter-chip.is-active{transform: translateY(-1px);box-shadow: 0 6px 16px rgba(10,61,46,0.3)}.timeline-item__marker{animation: marker-glow 3s ease-in-out infinite}@keyframes marker-glow{0%,100%{box-shadow: 0 0 0 2px var(--color-gold-soft),0 0 0 8px rgba(212,175,55,0)}50%{box-shadow: 0 0 0 2px var(--color-gold-soft),0 0 0 12px rgba(212,175,55,0.3)}}.app-header.is-scrolled{box-shadow: 0 4px 24px rgba(26,20,16,0.06);background: rgba(250,247,240,0.95)}.ornament{animation: ornament-drift 6s ease-in-out infinite}@keyframes ornament-drift{0%,100%{transform: translateY(0);letter-spacing: 1rem}50%{transform: translateY(-4px);letter-spacing: 1.2rem}}@media (prefers-reduced-motion: reduce){.ripple-effect,.gold-sparkle,.sidebar-particles__dot,.hero__title-accent{animation: none !important}.scroll-progress__fill{transition: none}}.app-sidebar:not(.is-open) .sidebar-particles__dot{animation: none}@media (prefers-reduced-motion: reduce){.sidebar-particles__dot,.hero__title-accent{animation: none}}
@media (max-width: 1024px){.app-content{padding: var(--space-6)}.hero__inner{grid-template-columns: 1fr;padding: var(--space-12) var(--space-8);gap: var(--space-8);text-align: center}.hero__quote{margin-inline: auto;max-width: 540px}.hero__actions{justify-content: center}.hero__visual{max-width: 280px;order: -1}.hero-stats{padding: var(--space-5) var(--space-6) var(--space-10)}.about-hero{grid-template-columns: 1fr;text-align: center;gap: var(--space-6)}.about-portrait{max-width: 280px;margin-inline: auto}.about-content__quote{text-align: start}.app-sidebar{width: 320px}.section{padding-block: var(--space-12)}.cards-grid{grid-template-columns: repeat(auto-fill,minmax(240px,1fr));gap: var(--space-4)}.cards-grid--lg{grid-template-columns: repeat(auto-fill,minmax(280px,1fr))}.cards-grid--sm{grid-template-columns: repeat(auto-fill,minmax(180px,1fr))}}@media (max-width: 768px){.app-header{padding: 0 var(--space-5);height: 70px}.app-content{padding: var(--space-4)}.hero{min-height: auto;margin-bottom: var(--space-8)}.hero__inner{padding: var(--space-10) var(--space-5)}.hero__visual{max-width: 220px}.hero-stats{padding: var(--space-5) var(--space-4) var(--space-8)}.hero-stat{min-width: 84px;padding-inline: var(--space-2)}.quick-links{grid-template-columns: repeat(auto-fit,minmax(260px,1fr))}.cards-grid,.cards-grid--lg,.cards-grid--sm{grid-template-columns: repeat(auto-fill,minmax(200px,1fr));gap: var(--space-4)}.card__body{padding: var(--space-4)}.card__title{font-size: var(--text-md)}.filter-bar{padding: var(--space-4)}.filter-bar__top{flex-direction: column;align-items: stretch;gap: var(--space-3)}.filter-search{min-width: 0}.filter-sort{width: 100%}.filter-bar__bottom{margin-top: var(--space-4);padding-top: var(--space-4)}.filter-group{gap: var(--space-2)}.filter-group__label{width: 100%;margin-bottom: var(--space-1)}.filter-chip{padding: var(--space-1) var(--space-3);font-size: 0.7rem}.timeline{padding-right: var(--space-8)}.timeline::before{right: 14px}.timeline-item__marker{right: -28px;width: 22px;height: 22px}.timeline-item__body{padding: var(--space-5)}.timeline-item__title{font-size: var(--text-xl)}.detail-title{font-size: var(--text-3xl)}.detail-meta{gap: var(--space-2)}.detail-meta .badge{font-size: 0.7rem;padding: 2px var(--space-2)}.login-card{padding: var(--space-6)}.section{padding-block: var(--space-10)}.app-footer{padding: var(--space-8) var(--space-4)}}@media (max-width: 480px){.app-header{padding: 0 var(--space-3);height: 64px}.app-header__title{font-size: var(--text-base)}.app-header__breadcrumb{display: none}.header-mobile-toggle__label{display: none}.header-mobile-toggle{min-width: 40px;height: 40px;padding: 0}.app-content{padding: var(--space-3)}.app-sidebar{width: 92vw}.hero{border-radius: var(--radius-lg)}.hero__inner{padding: var(--space-8) var(--space-4)}.hero__visual{max-width: 180px}.hero__title{font-size: var(--text-3xl) !important;line-height: 1.55}.hero__title--solo{font-size: clamp(1.35rem,5.2vw,1.875rem) !important}.hero__quote{font-size: var(--text-base)}.hero__actions{flex-direction: column;align-items: stretch}.hero__actions .btn{width: 100%;justify-content: center}.hero-stat__value{font-size: var(--text-xl)}.cards-grid,.cards-grid--lg{grid-template-columns: 1fr}.cards-grid--sm{grid-template-columns: repeat(2,1fr);gap: var(--space-3)}.card{border-radius: var(--radius-md)}.quick-link-card{padding: var(--space-4);gap: var(--space-3)}.quick-link-card__icon{width: 48px;height: 48px}.quick-link-card__icon svg{width: 24px;height: 24px}.btn{padding: var(--space-3) var(--space-5)}.btn-lg{padding: var(--space-3) var(--space-6);font-size: var(--text-sm)}.timeline{padding-right: var(--space-6)}.timeline::before{right: 10px}.timeline-item__marker{right: -22px;width: 18px;height: 18px}.timeline-item__body{padding: var(--space-4)}.about-bio{padding: var(--space-5)}.detail-cover{border-radius: var(--radius-md)}.detail-title{font-size: var(--text-2xl)}.external-link-block{padding: var(--space-5)}.social-grid{grid-template-columns: repeat(2,1fr);gap: var(--space-3)}.social-item{padding: var(--space-4)}.social-item__icon{width: 44px;height: 44px}.social-item__icon svg{width: 22px;height: 22px}.sidebar-brand{padding: var(--space-6) var(--space-4) var(--space-4)}.sidebar-nav__link{padding: var(--space-3) var(--space-5)}table{font-size: var(--text-xs)}.login-card{padding: var(--space-5)}.login-card__logo{width: 64px;height: 64px;font-size: var(--text-2xl)}.login-card__title{font-size: var(--text-xl)}.app-footer{padding: var(--space-6) var(--space-3)}.app-footer__brand{font-size: var(--text-md)}.app-footer__quote{font-size: var(--text-sm)}.section{padding-block: var(--space-8)}.section-title{font-size: var(--text-xl) !important}.section-subtitle{font-size: var(--text-sm);margin-bottom: var(--space-6)}.filter-chip{padding: 6px 10px;font-size: 0.7rem}.form-input{padding: var(--space-3);font-size: var(--text-base)}}@media (max-width: 360px){.cards-grid--sm{grid-template-columns: 1fr}.social-grid{grid-template-columns: 1fr}.hero__inner{padding: var(--space-6) var(--space-3)}.hero-stat{min-width: 72px;padding-inline: var(--space-1)}.hero-stat__label{font-size: 10px}}@media (max-width: 900px) and (orientation: landscape){.hero__visual{max-width: 160px}.hero{min-height: auto}}@media (hover: none) and (pointer: coarse){.card:hover,.quick-link-card:hover,.book-card:hover,.announcement-card:hover{transform: none}.card__play-button{opacity: 1}.card__play-button-inner{width: 48px;height: 48px}.hero__portrait-frame::before{animation: none}}@media (pointer: coarse){.btn,.btn-sm{min-height: 48px}.btn-icon{width: 48px;height: 48px}.header-mobile-toggle{min-width: 48px;height: 48px}.sidebar-close{width: 40px;height: 40px}.sidebar-nav__link{min-height: 48px}.sidebar-nav__item{margin-bottom: var(--space-2)}.sidebar-social__link{min-width: 48px;height: 48px}.app-footer__social-link{block-size: 3rem}.app-footer__social > li{min-width: 3rem}.app-footer__link{display: flex;align-items: center;min-height: 2.25rem;padding-block: 0}.app-footer__list{gap: var(--space-1)}.pager__page,.pager__step{min-width: 48px;height: 48px}.filter-sort,.dropdown__button{min-height: 48px}.filter-active__pill{min-height: 48px;padding-inline: var(--space-4)}.filter-active__clear{display: inline-flex;align-items: center;min-height: 48px;padding-inline: var(--space-2)}.category-others__pill{min-height: 48px}.qa-item__permalink{justify-content: center;min-width: 48px;min-height: 48px}.share-row__btn{min-width: 48px;height: 48px}.cta-panel__more-link{min-height: 48px}.offline-series__badge,.offline-series__remove{min-height: 48px}.offline-series__remove{padding-inline: var(--space-3)}.offline-dialog__close,.offline-lesson__play,.install-prompt__close{width: 48px;height: 48px}.offline-dialog__title,.install-prompt__title{padding-inline-end: var(--space-10)}.audio-player__speed-select{min-height: 48px}.audio-player__download{min-height: 48px}.audio-player__volume,.audio-player__tools > *{height: auto;min-height: 48px}.audio-player__bar::before{inset: -21px 0}.audio-player__volume-range{display: none}}.btn:active,.pager__page:active,.pager__step:active,.share-row__btn:active,.filter-active__pill:active,.category-others__pill:active,.sidebar-social__link:active,.app-footer__social-link:active,.header-mobile-toggle:active,.sidebar-close:active,.audio-player__step:active,.audio-player__mute:active,.offline-dialog__close:active,.offline-lesson__play:active,.install-prompt__close:active,.qa-item__permalink:active,.dropdown__button:active{transform: scale(0.97)}@media (prefers-reduced-motion: reduce){.btn:active,.pager__page:active,.pager__step:active,.share-row__btn:active,.filter-active__pill:active,.category-others__pill:active,.sidebar-social__link:active,.app-footer__social-link:active,.header-mobile-toggle:active,.sidebar-close:active,.audio-player__step:active,.audio-player__mute:active,.offline-dialog__close:active,.offline-lesson__play:active,.install-prompt__close:active,.qa-item__permalink:active,.dropdown__button:active{transform: none}}.page-hero,.category-hero,.lesson-stage__body,.hero__content,.about-content,.detail-heading,.book-detail__info{text-align: center}.hero__content,.hero__quote,.hero__underline,.category-hero__content{margin-inline: auto}.hero__underline{transform-origin: center}.hero__actions,.lesson-stage__chips,.category-hero__stats,.detail-meta,.about-content > div{justify-content: center}.about-content__quote{text-align: start}.lesson-fact,.lesson-stage__meta > span{justify-content: center}.lesson-fact__text{flex: 0 1 auto}@media print{.app-sidebar,.app-header,.sidebar-overlay,.scroll-progress,.header-mobile-toggle,.filter-bar{display: none !important}.app-shell,.app-main{display: block !important}.app-content{padding: 0 !important}.hero,.section-highlight{background: none !important;color: black !important;border: 1px solid #999}.card{page-break-inside: avoid;break-inside: avoid}}