:root{--paper-cream: #fbf0db;--paper-mid: #f0d9bd;--paper-dark: #e8d4ab;--paper-stain: rgba(90, 50, 20, .08);--ink-black: #1a1412;--ink-dark: #28160b;--ink-mid: #2b1f18;--ink-brown: #5a3214;--ink-muted: #3d2f24;--accent-green: #2a7a4f;--accent-green-light: rgba(42, 122, 79, .15);--accent-green-border: rgba(42, 122, 79, .2);--accent-purple: #7d5fff;--page-bg: #05060a;--sky-dark: #05060a;--sky-deep: #0b0c10;--starry-white: #f8f4e8;--muted: rgba(244, 244, 244, .66);--nav-bg: rgba(0, 0, 0, .55);--nav-border: rgba(255, 255, 255, .1);--nav-compact-bg: rgba(6, 10, 12, .9);--surface-light: rgba(255, 255, 255, .5);--surface-lighter: rgba(255, 255, 255, .8);--border-subtle: rgba(60, 40, 22, .08);--border-medium: rgba(60, 40, 22, .12);--shadow-ambient: rgba(6, 6, 6, .38);--color-bg: #0b0c10;--color-text: #f4f4f4;--color-accent: #4ec57a;--color-accent-2: #7d5fff;--font-display: "Playfair Display", serif;--font-body: "Merriweather", Georgia, serif;--font-ui: "Space Grotesk", system-ui, sans-serif;--font-mono: "JetBrains Mono", monospace;--fs-base: clamp(1rem, .95rem + .35vw, 1.125rem);--text-xs: clamp(.75rem, .7rem + .2vw, .85rem);--text-sm: clamp(.85rem, .8rem + .2vw, .95rem);--text-base: clamp(.95rem, .9rem + .25vw, 1.05rem);--text-lg: clamp(1.05rem, 1rem + .3vw, 1.2rem);--text-xl: clamp(1.2rem, 1.1rem + .5vw, 1.5rem);--text-2xl: clamp(1.5rem, 1.3rem + 1vw, 2rem);--text-3xl: clamp(1.8rem, 1.5rem + 1.5vw, 2.6rem);--text-4xl: clamp(2.2rem, 1.8rem + 2vw, 3.2rem);--leading-tight: 1.1;--leading-snug: 1.25;--leading-normal: 1.5;--leading-base: 1.5;--leading-relaxed: 1.7;--weight-light: 300;--weight-normal: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--space-1: .25rem;--space-2: .5rem;--space-3: .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;--content-narrow: 640px;--content-medium: 900px;--content-wide: 1200px;--content-max: 1400px;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-xl: 12px;--radius-2xl: 16px;--radius-full: 9999px;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .08);--shadow-md: 0 8px 24px rgba(0, 0, 0, .15);--shadow-lg: 0 12px 36px rgba(0, 0, 0, .25);--shadow-xl: 0 20px 60px rgba(0, 0, 0, .35);--shadow-2xl: 0 28px 72px rgba(6, 6, 6, .42);--shadow-parchment: 0 24px 64px var(--shadow-ambient), inset 0 2px 10px rgba(255, 255, 255, .45);--shadow-inset-burn: inset 0 0 0 1px rgba(0, 0, 0, .02), inset 0 16px 32px rgba(120, 60, 20, .08);--z-base: 1;--z-elevated: 10;--z-header: 50;--z-overlay: 100;--z-modal: 500;--z-toast: 1000;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .4s cubic-bezier(.2, .9, .3, 1);--transition-smooth: .4s cubic-bezier(.4, 0, .2, 1);--scale-ratio: 1.2}@media (prefers-reduced-motion: reduce){:root{--transition-fast: 0ms;--transition-base: 0ms;--transition-slow: .1s;--transition-smooth: .1s}}:root{--parchment-text: #2b160e;--parchment-heading: #2a1d12;--parchment-italic: #4a3420;--parchment-price: #1d5a3d}.parchment{position:relative;background:linear-gradient(135deg,#fae5d0,#f4dcc0,#eed7b8,#f4ddbc,#f7dfc0);border:none;padding:calc(var(--space-8) + 32px) calc(var(--space-8) + 10px);font-family:var(--font-body);color:#2a1f10;line-height:var(--leading-relaxed);border-radius:12px;box-shadow:0 8px 32px #00000040,0 2px 8px #00000026,0 0 0 1px #00000014,inset 0 1px #fff6}.parchment:before{content:"";position:absolute;inset:0;border-radius:12px;pointer-events:none;background-image:url(/assets/textures/paper-grain.png);background-size:400px 400px;background-position:center;background-repeat:repeat;mix-blend-mode:multiply;opacity:.8}.about-panel-wrap .parchment:before{background-image:url(/assets/textures/coffee-stain.png),url(/assets/textures/paper-grain.png);background-size:220px auto,400px 400px;background-position:88% 88%,center;background-repeat:no-repeat,repeat;mix-blend-mode:multiply;opacity:.4}.parchment:after{content:"";position:absolute;inset:0;border-radius:12px;pointer-events:none;background:radial-gradient(ellipse 70% 80% at center,rgba(255,250,245,.3) 0%,transparent 50%),radial-gradient(ellipse 75% 90% at center,transparent 35%,rgba(80,50,30,.08) 85%,rgba(60,40,25,.15) 100%);mix-blend-mode:multiply;z-index:2}.parchment>*{position:relative;z-index:4}.parchment--compact{padding:var(--space-5)}.parchment--large{padding:var(--space-8) var(--space-6)}.parchment--nested{background:linear-gradient(135deg,#faf4ea,#f2ebe0,#faf4ea);box-shadow:inset 0 2px 8px #00000014;border-radius:8px}.parchment--nested:after{display:none}.parchment--centered{text-align:center}.parchment h1,.parchment h2,.parchment h3,.parchment h4{font-family:Crimson Pro,Crimson Text,Georgia,serif;color:var(--parchment-heading);font-weight:700;line-height:1.2;letter-spacing:.01em;margin-top:0;text-shadow:0 1px 1px rgba(255,255,255,.3)}.parchment h1{font-size:var(--text-4xl);margin-bottom:var(--space-4);font-weight:700}.parchment h2{font-size:var(--text-3xl);margin-bottom:var(--space-4);font-weight:700}.parchment h3{font-size:var(--text-2xl);margin-bottom:var(--space-3);font-weight:700}.parchment h4{font-size:var(--text-xl);margin-bottom:var(--space-3);font-weight:600}.parchment p{margin-bottom:var(--space-4);font-size:var(--text-base);font-family:Crimson Pro,Georgia,serif;color:var(--parchment-text);line-height:1.7;font-weight:400;text-shadow:0 1px 0 rgba(255,255,250,.05)}.parchment li{margin-bottom:var(--space-2);font-size:var(--text-base);font-family:Crimson Pro,Georgia,serif;color:var(--parchment-text);line-height:1.7;font-weight:400;text-shadow:0 1px 0 rgba(255,255,250,.05)}.parchment .lead{font-size:var(--text-lg);line-height:1.6;margin-bottom:var(--space-5);color:var(--parchment-italic);font-weight:500}.parchment .price,.price{color:var(--parchment-price);font-weight:700;font-size:var(--text-lg);letter-spacing:.5px;display:inline-block;padding:var(--space-1) var(--space-2);background:#1d5a3d14;border-radius:4px;margin:var(--space-2) 0}.parchment .product-title{font-weight:700;color:var(--parchment-heading);font-size:var(--text-lg)!important;margin-bottom:var(--space-2)}.parchment .product-description{font-weight:400;color:var(--parchment-text);line-height:1.6;font-size:var(--text-base)}.parchment-icon{float:left;width:100px;height:100px;margin-right:var(--space-5);margin-bottom:var(--space-3);background:linear-gradient(135deg,#faf4ea,#f0e8db);border:3px solid #a0744a;border-radius:12px;padding:var(--space-3);box-shadow:inset 0 2px 6px #00000014,0 3px 8px #0000001f;display:flex;align-items:center;justify-content:center}.parchment-seal{position:absolute;bottom:30px;right:35px;width:50px;height:50px;opacity:.3;z-index:3;color:#8b6235}.parchment input,.parchment textarea,.parchment select{width:100%;padding:var(--space-3);margin-top:var(--space-2);box-sizing:border-box;border:2px solid rgba(80,50,25,.25);border-radius:6px;font-family:Crimson Pro,Georgia,serif;font-size:var(--text-sm);background:#fffaf0e6;color:var(--parchment-text);transition:border-color var(--transition-base),box-shadow var(--transition-base);font-weight:400}.parchment input:focus,.parchment textarea:focus,.parchment select:focus{outline:none;border-color:#8b6235;box-shadow:0 0 0 3px #8b623526}.parchment label{display:block;margin-bottom:var(--space-4);font-weight:600;color:var(--parchment-text);font-size:var(--text-sm);font-family:Crimson Pro,Georgia,serif}.parchment fieldset{border:2px dashed rgba(80,50,25,.2);padding:var(--space-6);border-radius:8px;background:#fffaf099;box-shadow:inset 0 2px 6px #0000000a;margin-bottom:var(--space-6)}.parchment legend{font-family:Crimson Pro,Georgia,serif;font-weight:700;padding:0 var(--space-3);color:var(--parchment-text);font-size:var(--text-lg)}.parchment button,.parchment .button{background:linear-gradient(135deg,#ce9a62,#a0744a);color:#fff;border:2px solid #6b4a28;padding:var(--space-3) var(--space-6);border-radius:8px;font-family:Crimson Pro,Georgia,serif;font-weight:700;cursor:pointer;transition:transform var(--transition-base),box-shadow var(--transition-base);font-size:var(--text-base);box-shadow:0 4px 12px #0003;text-shadow:0 1px 2px rgba(0,0,0,.2)}.parchment button:hover,.parchment .button:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0000004d}.parchment button:active,.parchment .button:active{transform:translateY(0)}.tag{display:inline-block;padding:var(--space-1) var(--space-3);background:#a0744a26;color:#5d3a1e;border-radius:6px;font-size:var(--text-xs);font-weight:700;font-family:Crimson Pro,Georgia,serif;border:1px solid rgba(107,74,40,.3);letter-spacing:.3px}.status{display:inline-block;padding:var(--space-1) var(--space-3);background:#00000014;border-radius:6px;font-size:var(--text-xs);font-weight:700;text-transform:uppercase;color:#2a1f10;font-family:Crimson Pro,Georgia,serif;letter-spacing:.08em}.badge-generated{display:inline-block;margin-top:var(--space-2);font-size:var(--text-xs);color:#5d3a1e;font-style:italic;font-family:Crimson Pro,Georgia,serif;font-weight:400}.metadata{margin-top:var(--space-6);padding:var(--space-4);background:#0000000a;border-left:3px solid rgba(107,74,40,.25);border-radius:4px;color:#3d2817;font-size:var(--text-sm);font-family:Crimson Pro,Georgia,serif;line-height:var(--leading-normal);font-style:italic;font-weight:400}@media (max-width: 640px){.parchment{padding:var(--space-5) var(--space-4)}.parchment--large{padding:var(--space-6) var(--space-4)}.parchment fieldset{padding:var(--space-4)}.parchment-icon{width:80px;height:80px;margin-right:var(--space-4)}}@media (max-width: 400px){.parchment{padding:var(--space-4) var(--space-3)}.parchment h1{font-size:var(--text-3xl)}.parchment h2{font-size:var(--text-2xl)}.parchment-icon{width:70px;height:70px}}body .about-panel-wrap .parchment{padding-top:var(--space-8);padding-bottom:var(--space-8);padding-left:var(--space-8);padding-right:var(--space-8)}