:root{color-scheme:light;--bg: #fbf8f2;--bg-oklch: oklch(97.5% .008 85);--surface: #ffffff;--surface-oklch: oklch(100% 0 0);--fg: #2a2622;--fg-oklch: oklch(18% .012 60);--muted: #6b6964;--muted-oklch: oklch(45% .01 60);--border: #e8e4de;--border-oklch: oklch(90% .006 80);--accent: #d4a24e;--accent-oklch: oklch(68% .11 78);--support: #3b5b7a;--support-oklch: oklch(42% .045 250);--success: #7cb342;--success-oklch: oklch(68% .12 125);--danger: #c0392b;--danger-oklch: oklch(50% .18 30);--font-display: "Cormorant Garamond", Georgia, "Times New Roman", serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--gradient-dawn: linear-gradient(135deg, #d4a24e 0%, #fbf8f2 70%);--gradient-card-back: linear-gradient(135deg, #d4a24e 0%, #c99a3f 50%, #b8892e 100%);--radius-card: 18px;--radius-surface: 16px;--radius-btn: 12px;--radius-icon: 10px;--shadow-card: 0 4px 24px rgba(42, 38, 34, .08);--shadow-hover: 0 8px 40px rgba(42, 38, 34, .12);--shadow-focus: 0 0 0 4px rgba(212, 162, 78, .18);--transition-fast: .15s ease;--transition-base: .2s ease;--transition-theme: .3s ease;--transition-drawer: .3s cubic-bezier(.4, 0, .2, 1);--transition-flip: .6s cubic-bezier(.4, 0, .2, 1);--space-page-mobile: clamp(20px, 6vw, 32px);--space-page-desktop: 48px;--content-narrow: 680px;--content-verse: 720px;--breakpoint-xs: 375px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px}[data-theme=dark]{color-scheme:dark;--bg: #0f1729;--bg-oklch: oklch(12% .03 270);--surface: #1a2332;--surface-oklch: oklch(16% .03 265);--fg: #f5f0e8;--fg-oklch: oklch(95% .01 85);--muted: #9a9590;--muted-oklch: oklch(63% .01 65);--border: rgba(255, 255, 255, .08);--border-oklch: oklch(28% .02 265);--gradient-dawn: linear-gradient(135deg, #d4a24e 0%, #1a2332 70%);--shadow-card: 0 4px 24px rgba(0, 0, 0, .3);--shadow-hover: 0 8px 40px rgba(0, 0, 0, .4)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark;--bg: #0f1729;--surface: #1a2332;--fg: #f5f0e8;--muted: #9a9590;--border: rgba(255, 255, 255, .08);--gradient-dawn: linear-gradient(135deg, #d4a24e 0%, #1a2332 70%);--shadow-card: 0 4px 24px rgba(0, 0, 0, .3);--shadow-hover: 0 8px 40px rgba(0, 0, 0, .4)}}*{box-sizing:border-box}html{min-height:100%;scroll-behavior:smooth}body{min-height:100%;margin:0;overflow-x:hidden;background:var(--bg);color:var(--fg);font-family:var(--font-body);font-size:16px;line-height:1.6;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background var(--transition-theme),color var(--transition-theme)}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.app-shell{min-height:100vh;display:flex;flex-direction:column}.container{width:100%;max-width:var(--content-narrow);margin:0 auto;padding:0 20px}.container-verse{max-width:var(--content-verse)}.btn{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:none;border-radius:var(--radius-btn);padding:14px 32px;font-family:var(--font-body);font-size:16px;font-weight:600;line-height:1;text-decoration:none;cursor:pointer;transition:background var(--transition-base),border-color var(--transition-base),color var(--transition-base),transform var(--transition-fast),box-shadow var(--transition-base),opacity var(--transition-base)}.btn:active{transform:scale(.97)}.btn:disabled,.btn[aria-disabled=true]{opacity:.45;cursor:not-allowed;pointer-events:none;transform:none}.btn-primary{background:var(--accent);color:#fff;box-shadow:0 2px 12px #d4a24e4d}.btn-primary:hover{background:#c4933e}.btn-secondary{border:1.5px solid var(--border);background:transparent;color:var(--fg)}.btn-secondary:hover{border-color:var(--muted)}.btn-ghost{background:transparent;color:var(--muted);padding:10px 20px;font-size:14px}.btn-ghost:hover{color:var(--fg)}.btn-sm{min-height:40px;padding:10px 20px;font-size:14px}.icon-btn{width:40px;height:40px;border:none;border-radius:50%;display:grid;place-items:center;background:transparent;color:var(--fg);cursor:pointer;transition:background var(--transition-base),color var(--transition-base)}.icon-btn:hover{background:#d4a24e1a}.page-footer{padding:24px 0;border-top:1px solid var(--border);text-align:center}.page-footer a{margin:0 8px;color:var(--muted);font-size:13px;text-decoration:none}.page-footer a:hover{color:var(--accent)}.page-footer .copy{margin-top:8px;color:var(--muted);font-size:12px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;clip-path:inset(50%)}@media(min-width:768px){.container{padding:0 32px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important}}