@import"https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500;600&family=Inter:wght@400;500;600&display=swap";:root{--_bg: #DCD6CD;--_surface: #FFFFFF;--_surface-raised: #ffffff;--_surface-soft: #EFEBE4;--_ink: #11100F;--_ink-soft: #383431;--_muted: #5C554F;--_dim: #99918A;--_accent: #8C3A21;--_accent-active: #732D18;--_accent-soft: rgba(140, 58, 33, .08);--_border: rgba(17, 16, 15, .15);--_border-strong: rgba(17, 16, 15, .22);--_success: #5db872;--_warning: #d4a017;--_error: #c64545;--_info: #5db8a6;--_gold: #c8a96a;--_gold-soft: #ead9a6;--_silver: #c0c0c0;--_bronze: #cd7f32;--bg: var(--_bg);--bg-surface: var(--_surface);--bg-raised: var(--_surface-raised);--bg-soft: var(--_surface-soft);--bg-inverse: var(--_ink);--text-primary: var(--_ink);--text-secondary: var(--_ink-soft);--text-muted: var(--_muted);--text-dim: var(--_dim);--text-inverse: var(--_surface);--text-accent: var(--_accent);--border: var(--_border);--border-strong: var(--_border-strong);--border-accent: var(--_accent);--accent: var(--_accent);--accent-active: var(--_accent-active);--accent-soft: var(--_accent-soft);--success: var(--_success);--warning: var(--_warning);--error: var(--_error);--info: var(--_info);--gold: var(--_gold);--gold-soft: var(--_gold-soft);--shadow-sm: 0 1px 2px rgba(17, 16, 15, .06);--shadow-md: 0 4px 12px rgba(17, 16, 15, .12);--shadow-lg: 0 12px 32px rgba(17, 16, 15, .16);--shadow-xl: 0 24px 48px rgba(17, 16, 15, .2);--shadow-card-hover: 0 8px 24px rgba(17, 16, 15, .18);--shadow-elevated: 0 12px 40px rgba(17, 16, 15, .22);--shadow-nav-scroll: 0 2px 12px rgba(17, 16, 15, .1);--shadow-subtle: 0 1px 3px rgba(17, 16, 15, .08);--shadow-skeuo-1: 0 1px 3px rgba(0, 0, 0, .05), inset 0 1px 0 rgba(255, 255, 255, .6);--shadow-skeuo-2: 0 4px 12px rgba(0, 0, 0, .08), inset 0 1px 0 rgba(255, 255, 255, .8), inset 0 0 0 1px rgba(255, 255, 255, .4);--shadow-skeuo-3: 0 8px 24px rgba(0, 0, 0, .12), inset 0 1px 0 rgba(255, 255, 255, .9), inset 0 0 0 1px rgba(255, 255, 255, .5), inset 0 -1px 2px rgba(0, 0, 0, .02);--glass-panel: rgba(255, 255, 255, .65);--glass-border: rgba(255, 255, 255, .4);--starfield-opacity: 1;--font-display: "Playfair Display", "Cormorant Garamond", "Tiempos Headline", Garamond, "Times New Roman", serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, monospace;--type-display-xl: clamp(48px, 8vw, 96px);--type-display-lg: clamp(36px, 6vw, 72px);--type-display-md: clamp(28px, 4vw, 48px);--type-display-sm: clamp(22px, 3vw, 32px);--type-title-lg: 24px;--type-title-md: 18px;--type-title-sm: 16px;--type-body-lg: 16px;--type-body-md: 14px;--type-body-sm: 13px;--type-caption: 12px;--type-caption-uppercase: 11px;--weight-regular: 400;--weight-medium: 500;--weight-semibold: 700;--weight-bold: 900;--leading-tight: 1.1;--leading-snug: 1.25;--leading-normal: 1.5;--leading-relaxed: 1.7;--tracking-tight: -.03em;--tracking-normal: 0;--tracking-wide: .02em;--tracking-wider: .05em;--tracking-widest: .12em;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--space-8: 64px;--space-9: 96px;--space-10: 128px;--spacing-xxs: var(--space-1);--spacing-xs: var(--space-2);--spacing-sm: var(--space-3);--spacing-md: var(--space-4);--spacing-lg: var(--space-5);--spacing-xl: var(--space-6);--spacing-xxl: var(--space-7);--spacing-section: var(--space-9);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 24px;--radius-pill: 9999px;--radius-full: 50%;--rounded-xs: 4px;--rounded-sm: var(--radius-sm);--rounded-md: var(--radius-md);--rounded-lg: var(--radius-lg);--rounded-xl: var(--radius-xl);--rounded-pill: var(--radius-pill);--ease-out-expo: cubic-bezier(.16, 1, .3, 1);--ease-out-quart: cubic-bezier(.25, 1, .5, 1);--ease-in-out-quint: cubic-bezier(.83, 0, .17, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--ease-spring-bouncy: cubic-bezier(.47, 2.02, .31, -.36);--ease-spring-smooth: cubic-bezier(.175, .885, .32, 1.275);--duration-instant: .1s;--duration-fast: .15s;--duration-normal: .25s;--duration-slow: .4s;--duration-reveal: .6s;--z-nav: 100;--z-drawer: 200;--z-lightbox: 200;--z-modal: 300;--z-toast: 400;--z-cursor: 500;--btn-height: 44px;--btn-height-sm: 32px;--btn-padding: var(--space-5);--btn-padding-sm: var(--space-4);--btn-radius: var(--radius-md);--btn-radius-sm: var(--radius-sm);--input-height: 44px;--input-padding: var(--space-4);--input-radius: var(--radius-md);--card-padding: var(--space-5);--card-padding-lg: var(--space-6);--card-radius: var(--radius-lg);--card-radius-sm: var(--radius-md);--nav-height: 64px;--color-primary: var(--accent);--color-primary-active: var(--accent-active);--color-primary-disabled: #e6dfd8;--color-accent-teal: var(--info);--color-accent-amber: #e8a55a;--color-canvas: var(--bg);--color-surface-soft: var(--bg-soft);--color-surface-card: var(--bg-surface);--color-surface-cream: var(--bg);--color-surface-cream-strong: #e8e0d2;--color-surface-dark: #181715;--color-surface-dark-elevated: #252320;--color-surface-dark-soft: #1f1e1b;--color-ink: var(--text-primary);--color-body-strong: var(--text-secondary);--color-body: var(--text-secondary);--color-muted: var(--text-muted);--color-muted-soft: #8e8b82;--color-on-primary: var(--bg-raised);--color-on-dark: var(--bg);--color-on-dark-soft: #a09d96;--color-hairline: var(--border);--color-hairline-soft: var(--border);--color-success: var(--success);--color-warning: var(--warning);--color-error: var(--error);--color-gold: var(--gold);--color-silver: var(--silver);--color-bronze: var(--bronze);--color-museum-ink: #26303a;--color-museum-ink-soft: #52606c;--color-museum-gold: var(--gold);--color-museum-gold-soft: var(--gold-soft);--color-museum-paper: var(--bg);--color-museum-paper-strong: #f0e3cf;--color-museum-film-blue: #8aa2b6;--color-museum-stamp-red: #a84f3d;--shadow-museum-panel: var(--shadow-lg);--shadow-museum-paper: var(--shadow-md);--texture-paper-line: linear-gradient(rgba(38, 48, 58, .055) 1px, transparent 1px);--color-paper-bg: var(--bg);--color-paper-bg-soft: var(--bg-soft);--color-paper-card: var(--bg-surface);--color-paper-card-muted: #f8f1e6;--color-paper-border: var(--border-strong);--color-paper-border-soft: var(--border);--color-paper-ink: var(--text-primary);--color-paper-ink-soft: var(--text-secondary);--color-paper-muted: var(--text-muted);--color-paper-brown: #ad8051;--color-paper-brown-active: #8f653c;--color-paper-brown-soft: #d8ceb8;--color-paper-gold: var(--gold);--color-paper-stamp-red: #bc4f3c;--shadow-paper-panel: var(--shadow-lg);--shadow-paper-card: var(--shadow-md);--texture-paper-fiber: radial-gradient(circle at 20% 20%, rgba(80, 62, 42, .035), transparent 22%), radial-gradient(circle at 80% 0%, rgba(173, 128, 81, .045), transparent 26%), linear-gradient(rgba(80, 62, 42, .035) 1px, transparent 1px)}html[data-theme=night]{--starfield-opacity: 1;--_bg: #1c1917;--_surface: #292524;--_surface-raised: #44403c;--_surface-soft: #252320;--_ink: #f5f2eb;--_ink-soft: #d7d3cb;--_muted: #a8a29e;--_dim: #57534e;--_accent: #d4714a;--_accent-active: #e88a63;--_accent-soft: rgba(212, 113, 74, .12);--_border: rgba(245, 242, 235, .08);--_border-strong: rgba(245, 242, 235, .14);--bg: var(--_bg);--bg-surface: var(--_surface);--bg-raised: var(--_surface-raised);--bg-soft: var(--_surface-soft);--text-primary: var(--_ink);--text-secondary: var(--_ink-soft);--text-muted: var(--_muted);--text-dim: var(--_dim);--text-inverse: var(--_bg);--text-accent: var(--_accent);--border: var(--_border);--border-strong: var(--_border-strong);--accent: var(--_accent);--accent-active: var(--_accent-active);--accent-soft: var(--_accent-soft);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .2);--shadow-md: 0 4px 12px rgba(0, 0, 0, .3);--shadow-lg: 0 12px 32px rgba(0, 0, 0, .4);--shadow-xl: 0 24px 48px rgba(0, 0, 0, .5);--shadow-card-hover: 0 8px 24px rgba(0, 0, 0, .35);--shadow-elevated: 0 12px 40px rgba(0, 0, 0, .4);--shadow-nav-scroll: 0 2px 12px rgba(0, 0, 0, .25);--shadow-subtle: 0 1px 3px rgba(0, 0, 0, .2);--shadow-skeuo-1: 0 1px 3px rgba(0, 0, 0, .2), inset 0 1px 0 rgba(255, 255, 255, .05);--shadow-skeuo-2: 0 4px 12px rgba(0, 0, 0, .3), inset 0 1px 0 rgba(255, 255, 255, .1), inset 0 0 0 1px rgba(255, 255, 255, .05);--shadow-skeuo-3: 0 8px 24px rgba(0, 0, 0, .4), inset 0 1px 0 rgba(255, 255, 255, .15), inset 0 0 0 1px rgba(255, 255, 255, .1), inset 0 -1px 2px rgba(0, 0, 0, .1);--glass-panel: rgba(41, 37, 36, .65);--glass-border: rgba(255, 255, 255, .1);--color-canvas: var(--bg);--color-surface-soft: var(--bg-soft);--color-surface-card: var(--bg-surface);--color-surface-cream: var(--bg);--color-surface-cream-strong: #34404d;--color-ink: var(--text-primary);--color-body-strong: var(--text-secondary);--color-body: var(--text-secondary);--color-muted: var(--text-muted);--color-muted-soft: #938876;--color-hairline: var(--border);--color-hairline-soft: var(--border);--color-paper-bg: var(--bg);--color-paper-bg-soft: var(--bg-soft);--color-paper-card: var(--bg-surface);--color-paper-card-muted: #303b47;--color-paper-border: var(--border-strong);--color-paper-border-soft: var(--border);--color-paper-ink: var(--text-primary);--color-paper-ink-soft: var(--text-secondary);--color-paper-muted: var(--text-muted);--color-paper-brown: #d2a56d;--color-paper-brown-active: #e2bd88;--color-paper-brown-soft: #7c6a55;--color-paper-gold: #ddbd78;--color-paper-stamp-red: #d37a67;--shadow-paper-panel: var(--shadow-lg);--shadow-paper-card: var(--shadow-md);--texture-paper-fiber: radial-gradient(circle at 20% 20%, rgba(225, 189, 120, .05), transparent 24%), linear-gradient(rgba(244, 234, 217, .028) 1px, transparent 1px)}@media(prefers-reduced-motion:reduce){:root{--duration-instant: 0ms;--duration-fast: 0ms;--duration-normal: 0ms;--duration-slow: 0ms;--duration-reveal: 0ms}}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-body);font-size:var(--type-body-md-size);color:var(--color-ink);background-color:var(--color-canvas);-webkit-font-smoothing:antialiased}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}button{cursor:pointer;border:none;background:none;font-family:inherit}input,textarea,select{font-family:inherit;font-size:inherit}img{max-width:100%;display:block}.btn-primary{display:inline-flex;align-items:center;justify-content:center;height:40px;padding:12px 20px;background-color:var(--color-primary);color:var(--color-on-primary);font-size:var(--type-button-size);font-weight:var(--type-button-weight);border-radius:var(--rounded-md);transition:background-color var(--duration-fast) var(--ease-out-quart),transform var(--duration-fast) var(--ease-out-quart)}.btn-primary:hover{background-color:var(--color-primary-active);text-decoration:none}.btn-primary:active{transform:scale(.97)}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;height:40px;padding:12px 20px;background-color:var(--color-canvas);color:var(--color-ink);font-size:var(--type-button-size);font-weight:var(--type-button-weight);border:1px solid var(--color-hairline);border-radius:var(--rounded-md);transition:background-color var(--duration-fast) var(--ease-out-quart),transform var(--duration-fast) var(--ease-out-quart)}.btn-secondary:hover{background-color:var(--color-surface-soft);text-decoration:none}.btn-secondary:active{transform:scale(.97)}.btn-danger{display:inline-flex;align-items:center;justify-content:center;height:40px;padding:12px 20px;background-color:var(--color-error);color:var(--text-inverse);font-size:var(--type-button-size);font-weight:var(--type-button-weight);border-radius:var(--rounded-md);transition:opacity var(--duration-fast) var(--ease-out-quart),transform var(--duration-fast) var(--ease-out-quart)}.btn-danger:hover{opacity:.9;text-decoration:none}.btn-danger:active{transform:scale(.97)}.btn-sm{height:32px;padding:0 var(--spacing-sm);font-size:var(--type-body-sm-size);border-radius:var(--rounded-sm);line-height:1;display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-xs)}.text-input{height:40px;padding:10px 14px;background-color:var(--color-canvas);color:var(--color-ink);font-size:var(--type-body-md-size);border:1px solid var(--color-hairline);border-radius:var(--rounded-md);outline:none;width:100%;transition:border-color var(--duration-fast) var(--ease-out-quart),box-shadow var(--duration-fast) var(--ease-out-quart)}.text-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #cc785c26}.text-input::placeholder{color:var(--color-muted-soft)}.textarea{padding:10px 14px;background-color:var(--color-canvas);color:var(--color-ink);font-size:var(--type-body-md-size);border:1px solid var(--color-hairline);border-radius:var(--rounded-md);outline:none;width:100%;resize:vertical;min-height:100px;transition:border-color var(--duration-fast) var(--ease-out-quart),box-shadow var(--duration-fast) var(--ease-out-quart)}.textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #cc785c26}.form-group{margin-bottom:var(--spacing-md)}.form-label{display:block;font-size:var(--type-body-sm-size);font-weight:500;color:var(--color-body-strong);margin-bottom:var(--spacing-xs)}.card{background-color:var(--color-surface-card);border-radius:var(--rounded-lg);padding:var(--spacing-xl);transition:transform var(--duration-normal) var(--ease-out-quart),box-shadow var(--duration-normal) var(--ease-out-quart)}.card:hover{transform:translateY(-2px);box-shadow:var(--shadow-card-hover)}.page-header{margin-bottom:var(--spacing-xl)}.page-title{font-family:var(--font-display);font-size:var(--type-display-sm-size);font-weight:var(--type-display-sm-weight);color:var(--color-ink)}.toast{position:fixed;bottom:24px;right:24px;padding:12px 20px;border-radius:var(--rounded-md);font-size:var(--type-body-sm-size);z-index:var(--z-toast);box-shadow:var(--shadow-elevated)}.toast-enter-active{transition:opacity var(--duration-slow) var(--ease-out-quart),transform var(--duration-slow) var(--ease-out-quart)}.toast-leave-active{transition:opacity var(--duration-normal) var(--ease-out-quart),transform var(--duration-normal) var(--ease-out-quart)}.toast-enter-from{opacity:0;transform:translateY(10px)}.toast-leave-to{opacity:0;transform:translateY(-10px)}.toast-success{background-color:var(--color-success);color:var(--text-inverse)}.toast-error{background-color:var(--color-error);color:var(--text-inverse)}.modal-enter-active{transition:opacity var(--duration-slow) var(--ease-out-quart)}.modal-enter-active .modal{transition:transform var(--duration-slow) var(--ease-out-quart),opacity var(--duration-slow) var(--ease-out-quart)}.modal-leave-active{transition:opacity var(--duration-normal) var(--ease-out-quart)}.modal-enter-from{opacity:0}.modal-enter-from .modal{transform:scale(.95) translateY(8px);opacity:0}.modal-leave-to{opacity:0}@keyframes toastIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.btn-primary:focus-visible,.btn-secondary:focus-visible,.btn-danger:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.text-input:focus-visible,.textarea:focus-visible{outline:2px solid var(--color-primary);outline-offset:1px}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes overlayIn{0%{opacity:0}to{opacity:1}}@keyframes imageIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes drawOn{0%{stroke-dashoffset:var(--path-length, 100)}to{stroke-dashoffset:0}}@keyframes gentlePulse{0%,to{transform:scale(1)}50%{transform:scale(1.12)}}@keyframes bounceIn{0%{transform:scale(0);opacity:0}60%{transform:scale(1.15);opacity:1}to{transform:scale(1)}}@keyframes spin{to{transform:rotate(360deg)}}.btn-loading:after{content:"";display:inline-block;width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top-color:var(--text-inverse);border-radius:50%;animation:spin .6s linear infinite;margin-left:6px;vertical-align:middle}
