@import"https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500&display=swap";@import"https://fonts.googleapis.com/css2?family=Cinzel:wght@400;500;600;700&display=swap";@custom-variant dark (&:is(.dark *));:root{--font-size: 22px;--background: #ffffff;--foreground: oklch(.145 0 0);--card: #ffffff;--card-foreground: oklch(.145 0 0);--popover: oklch(1 0 0);--popover-foreground: oklch(.145 0 0);--primary: #030213;--primary-foreground: oklch(1 0 0);--secondary: oklch(.95 .0058 264.53);--secondary-foreground: #030213;--muted: #ececf0;--muted-foreground: #717182;--accent: #e9ebef;--accent-foreground: #030213;--destructive: #d4183d;--destructive-foreground: #ffffff;--border: rgba(0, 0, 0, .1);--input: transparent;--input-background: #f3f3f5;--switch-background: #cbced4;--font-weight-medium: 500;--font-weight-normal: 400;--ring: oklch(.708 0 0);--chart-1: oklch(.646 .222 41.116);--chart-2: oklch(.6 .118 184.704);--chart-3: oklch(.398 .07 227.392);--chart-4: oklch(.828 .189 84.429);--chart-5: oklch(.769 .188 70.08);--radius: 1rem;--sidebar: oklch(.985 0 0);--sidebar-foreground: oklch(.145 0 0);--sidebar-primary: #030213;--sidebar-primary-foreground: oklch(.985 0 0);--sidebar-accent: oklch(.97 0 0);--sidebar-accent-foreground: oklch(.205 0 0);--sidebar-border: oklch(.922 0 0);--sidebar-ring: oklch(.708 0 0);--background: #f7f3e9;--foreground: #8b0000;--card: #f4f1e8;--card-foreground: #8b0000;--primary: #8b0000;--primary-foreground: #f7f3e9;--secondary: #b8860b;--secondary-foreground: #8b0000;--muted: #e8dcc6;--muted-foreground: #704214;--accent: #daa520;--accent-foreground: #8b0000;--border: #b8860b;--input: #f4f1e8;--ring: #8b0000;--parchment: #f7f3e9;--parchment-dark: #f0e6d2;--parchment-aged: #e8dcc6;--deep-red: #8b0000;--deep-red-light: #a04040;--deep-red-dark: #660000;--sepia: #704214;--sepia-light: #8b6914;--antique-white: #faebd7;--aged-paper: #f4f1e8;--ink-brown: #3c2415;--faded-black: #2c2c2c;--gold: #b8860b;--gold-light: #daa520;--gold-dark: #8b6914}@media (max-width: 640px){:root{--font-size: 20px}}@media (max-width: 480px){:root{--font-size: 18px}}.dark{--background: oklch(.145 0 0);--foreground: oklch(.985 0 0);--card: oklch(.145 0 0);--card-foreground: oklch(.985 0 0);--popover: oklch(.145 0 0);--popover-foreground: oklch(.985 0 0);--primary: oklch(.985 0 0);--primary-foreground: oklch(.205 0 0);--secondary: oklch(.269 0 0);--secondary-foreground: oklch(.985 0 0);--muted: oklch(.269 0 0);--muted-foreground: oklch(.708 0 0);--accent: oklch(.269 0 0);--accent-foreground: oklch(.985 0 0);--destructive: oklch(.396 .141 25.723);--destructive-foreground: oklch(.637 .237 25.331);--border: oklch(.269 0 0);--input: oklch(.269 0 0);--ring: oklch(.439 0 0);--font-weight-medium: 500;--font-weight-normal: 400;--chart-1: oklch(.488 .243 264.376);--chart-2: oklch(.696 .17 162.48);--chart-3: oklch(.769 .188 70.08);--chart-4: oklch(.627 .265 303.9);--chart-5: oklch(.645 .246 16.439);--sidebar: oklch(.205 0 0);--sidebar-foreground: oklch(.985 0 0);--sidebar-primary: oklch(.488 .243 264.376);--sidebar-primary-foreground: oklch(.985 0 0);--sidebar-accent: oklch(.269 0 0);--sidebar-accent-foreground: oklch(.985 0 0);--sidebar-border: oklch(.269 0 0);--sidebar-ring: oklch(.439 0 0)}@theme inline{ --color-background: var(--background); --color-foreground: var(--foreground); --color-card: var(--card); --color-card-foreground: var(--card-foreground); --color-popover: var(--popover); --color-popover-foreground: var(--popover-foreground); --color-primary: var(--primary); --color-primary-foreground: var(--primary-foreground); --color-secondary: var(--secondary); --color-secondary-foreground: var(--secondary-foreground); --color-muted: var(--muted); --color-muted-foreground: var(--muted-foreground); --color-accent: var(--accent); --color-accent-foreground: var(--accent-foreground); --color-destructive: var(--destructive); --color-destructive-foreground: var(--destructive-foreground); --color-border: var(--border); --color-input: var(--input); --color-input-background: var(--input-background); --color-switch-background: var(--switch-background); --color-ring: var(--ring); --color-chart-1: var(--chart-1); --color-chart-2: var(--chart-2); --color-chart-3: var(--chart-3); --color-chart-4: var(--chart-4); --color-chart-5: var(--chart-5); --radius-sm: calc(var(--radius) - 4px); --radius-md: calc(var(--radius) - 2px); --radius-lg: var(--radius); --radius-xl: calc(var(--radius) + 8px); --radius-2xl: calc(var(--radius) + 12px); --color-sidebar: var(--sidebar); --color-sidebar-foreground: var(--sidebar-foreground); --color-sidebar-primary: var(--sidebar-primary); --color-sidebar-primary-foreground: var(--sidebar-primary-foreground); --color-sidebar-accent: var(--sidebar-accent); --color-sidebar-accent-foreground: var(--sidebar-accent-foreground); --color-sidebar-border: var(--sidebar-border); --color-sidebar-ring: var(--sidebar-ring); --color-parchment: var(--parchment); --color-parchment-dark: var(--parchment-dark); --color-parchment-aged: var(--parchment-aged); --color-deep-red: var(--deep-red); --color-deep-red-light: var(--deep-red-light); --color-deep-red-dark: var(--deep-red-dark); --color-sepia: var(--sepia); --color-sepia-light: var(--sepia-light); --color-antique-white: var(--antique-white); --color-aged-paper: var(--aged-paper); --color-ink-brown: var(--ink-brown); --color-faded-black: var(--faded-black); }@layer base{*{@apply border-border outline-ring/50;}body{@apply bg-background text-foreground;font-family:EB Garamond,Times New Roman,serif;font-feature-settings:"liga" 1,"kern" 1;text-rendering:optimizeLegibility}.font-display{font-family:Cinzel,EB Garamond,serif}.font-body{font-family:EB Garamond,Times New Roman,serif}}@layer base{:where(:not(:has([class*=" text-"]),:not(:has([class^=text-])))) h1{font-size:3.5rem;font-weight:700;line-height:1.2;font-family:EB Garamond,Times New Roman,serif;letter-spacing:.02em}:where(:not(:has([class*=" text-"]),:not(:has([class^=text-])))) h2{font-size:2.5rem;font-weight:600;line-height:1.3;font-family:EB Garamond,Times New Roman,serif;letter-spacing:.01em}:where(:not(:has([class*=" text-"]),:not(:has([class^=text-])))) h3{font-size:2rem;font-weight:600;line-height:1.3;font-family:EB Garamond,Times New Roman,serif}:where(:not(:has([class*=" text-"]),:not(:has([class^=text-])))) h4{font-size:1.5rem;font-weight:600;line-height:1.4;font-family:EB Garamond,serif}:where(:not(:has([class*=" text-"]),:not(:has([class^=text-])))) p{font-size:1.2rem;font-weight:400;line-height:1.6;font-family:EB Garamond,serif}:where(:not(:has([class*=" text-"]),:not(:has([class^=text-])))) label{font-size:1.1rem;font-weight:500;line-height:1.5;font-family:EB Garamond,serif}:where(:not(:has([class*=" text-"]),:not(:has([class^=text-])))) button{font-size:1.1rem;font-weight:500;line-height:1.4;font-family:EB Garamond,serif}:where(:not(:has([class*=" text-"]),:not(:has([class^=text-])))) input{font-size:1.1rem;font-weight:400;line-height:1.5;font-family:EB Garamond,serif}}@media (max-width: 640px){@layer base{:where(:not(:has([class*=" text-"]),:not(:has([class^=text-])))) h1{font-size:2.5rem;line-height:1.2}:where(:not(:has([class*=" text-"]),:not(:has([class^=text-])))) h2{font-size:2rem;line-height:1.3}:where(:not(:has([class*=" text-"]),:not(:has([class^=text-])))) h3{font-size:1.5rem;line-height:1.3}:where(:not(:has([class*=" text-"]),:not(:has([class^=text-])))) p{font-size:1.1rem;line-height:1.5}:where(:not(:has([class*=" text-"]),:not(:has([class^=text-])))) button{font-size:1rem;line-height:1.3}:where(:not(:has([class*=" text-"]),:not(:has([class^=text-])))) input{font-size:1rem;line-height:1.4}}}@media (max-width: 480px){@layer base{:where(:not(:has([class*=" text-"]),:not(:has([class^=text-])))) h1{font-size:2rem;line-height:1.2}:where(:not(:has([class*=" text-"]),:not(:has([class^=text-])))) h2{font-size:1.75rem;line-height:1.3}:where(:not(:has([class*=" text-"]),:not(:has([class^=text-])))) h3{font-size:1.35rem;line-height:1.3}:where(:not(:has([class*=" text-"]),:not(:has([class^=text-])))) p{font-size:1rem;line-height:1.5}:where(:not(:has([class*=" text-"]),:not(:has([class^=text-])))) button{font-size:.95rem;line-height:1.3}:where(:not(:has([class*=" text-"]),:not(:has([class^=text-])))) input{font-size:.95rem;line-height:1.4}}}html{font-size:var(--font-size)}.parchment-bg{background-color:#f7f3e9;background-image:radial-gradient(circle at 20% 30%,rgba(139,0,0,.03) 1px,transparent 1px),radial-gradient(circle at 80% 70%,rgba(112,66,20,.04) 1px,transparent 1px),radial-gradient(circle at 40% 80%,rgba(139,0,0,.02) 1px,transparent 1px),radial-gradient(ellipse at 60% 20%,rgba(139,0,0,.05) 0%,transparent 40%),radial-gradient(ellipse at 30% 90%,rgba(112,66,20,.04) 0%,transparent 30%),radial-gradient(ellipse at 90% 60%,rgba(139,0,0,.03) 0%,transparent 35%),linear-gradient(90deg,rgba(112,66,20,.02) 50%,transparent 50%),linear-gradient(0deg,rgba(139,0,0,.01) 50%,transparent 50%);background-size:200px 200px,180px 180px,220px 220px,400px 300px,350px 250px,300px 400px,3px 3px,2px 2px;background-position:0 0,50px 50px,100px 20px,0 0,200px 100px,100px 300px,0 0,1px 1px}.simple-border{border:2px solid var(--color-deep-red);box-shadow:0 2px 8px #8b00001a;border-radius:1rem}.parchment-card{background:var(--color-aged-paper);border:1px solid var(--color-deep-red-light);box-shadow:0 2px 12px #8b000014,inset 0 1px #ffffff1a;border-radius:1.25rem}.text-aged{color:var(--color-ink-brown)}.text-deep-red{color:var(--color-deep-red)}.text-sepia{color:var(--color-sepia)}.btn-primary{background:var(--color-deep-red);color:#fff;border:none;transition:all .2s ease;padding:.75rem 1.5rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-height:3rem;border-radius:1rem}.btn-primary:hover{background:var(--color-deep-red-dark);transform:translateY(-1px);box-shadow:0 4px 12px #8b000033}@media (max-width: 640px){.btn-primary{padding:.875rem 1.25rem;min-height:2.75rem;white-space:normal;word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;border-radius:.875rem}}@media (max-width: 480px){.btn-primary{padding:1rem;min-height:2.5rem;font-size:.9rem;line-height:1.2;border-radius:.75rem}}.hover-lift:hover{transform:translateY(-2px);box-shadow:0 4px 16px #8b00001a}.divider-line{height:1px;background:linear-gradient(90deg,transparent,var(--color-deep-red),transparent)}.nav-container{padding:.75rem .5rem;margin-bottom:env(safe-area-inset-bottom,0)}.nav-item{padding:.75rem .5rem;border-radius:1rem;min-width:3.5rem;display:flex;flex-direction:column;align-items:center;gap:.25rem;transition:all .2s ease;word-break:keep-all}.nav-item-text{font-size:.75rem;line-height:1;text-align:center;white-space:nowrap}@media (max-width: 480px){.nav-container{padding:.5rem .25rem}.nav-item{padding:.5rem .25rem;min-width:3rem;gap:.125rem;border-radius:.875rem}.nav-item-text{font-size:.65rem}}.responsive-input{font-size:1.1rem;padding:.75rem 1rem;line-height:1.5;border-radius:1rem}@media (max-width: 640px){.responsive-input{font-size:1rem;padding:.875rem 1rem;border-radius:.875rem}}@media (max-width: 480px){.responsive-input{font-size:.95rem;padding:1rem;border-radius:.75rem}}.quote-card{border-radius:1rem;background:var(--color-aged-paper);border:1px solid var(--color-deep-red-light);padding:1.5rem;box-shadow:0 2px 8px #8b00000f}@media (max-width: 640px){.quote-card{border-radius:.875rem;padding:1.25rem}}@media (max-width: 480px){.quote-card{border-radius:.75rem;padding:1rem}}
