*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--font-serif:"Playfair Display",serif;--font-sans:"Lato",sans-serif;--space-sm:.5rem;--space-md:1rem;--space-lg:2rem;--radius-sm:4px;--radius-md:8px;--shadow-subtle:0 2px 10px rgba(0,0,0,.03);--shadow-hover:0 10px 25px rgba(0,0,0,.08);--container-width:1300px}.light-mode,:root{--color-bg:#fdfbf7;--color-surface:#fff;--color-surface-alt:#f7f5f0;--color-ink:#1a1a1a;--color-ink-light:#555;--color-ink-lighter:#999;--color-accent:#8b3a3a;--color-primary:#2c3e50;--color-error:#c0392b;--color-success:#27ae60;--border-color:#eaeaea}.dark-mode{--color-bg:#121212;--color-surface:#1e1e1e;--color-surface-alt:#2a2a2a;--color-ink:#e0e0e0;--color-ink-light:#b0b0b0;--color-ink-lighter:#707070;--color-accent:#ff6b6b;--color-primary:#81a1c1;--color-error:#f55;--color-success:#50fa7b;--border-color:#333;--shadow-subtle:0 2px 10px rgba(0,0,0,.2);--shadow-hover:0 10px 25px rgba(0,0,0,.4)}.sepia-mode{--color-bg:#f4ecd8;--color-surface:#e8ddc1;--color-surface-alt:#dccfab;--color-ink:#5b4636;--color-ink-light:#786456;--color-ink-lighter:#a89a8e;--color-accent:#a05040;--color-primary:#4a3b32;--color-error:#c0392b;--color-success:#2d8659;--border-color:#d0c4b0}html{scrollbar-color:var(--color-ink-lighter) transparent;scrollbar-width:thin}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background-clip:content-box;background-color:var(--border-color);border:2px solid transparent;border-radius:20px}::-webkit-scrollbar-thumb:hover{background-color:var(--color-ink-light)}body{background-color:var(--color-bg);font-family:var(--font-sans);position:relative;-webkit-font-smoothing:antialiased;overflow-x:hidden;scrollbar-width:thin}h1,h2,h3,h4{color:var(--color-ink);font-family:var(--font-serif);font-weight:700;line-height:1.2}input,textarea{font-family:var(--font-sans)}a{color:inherit;text-decoration:none;transition:color .2s ease}button{cursor:pointer;font-family:inherit}.container{margin:0 auto;max-width:var(--container-width);padding-left:var(--space-md);padding-right:var(--space-md);width:100%}.text-center{text-align:center}.footer{color:var(--color-ink-lighter);font-size:.9rem;margin-top:5rem;padding:2rem 0}svg{display:inline-block;fill:none;flex-shrink:0;stroke:currentColor;stroke-width:1.5;vertical-align:middle}button svg:not(:last-child),svg:not(:last-child){margin-right:.5rem}.page-enter-active,.page-leave-active{transition:opacity .2s ease}.page-enter-from,.page-leave-to{opacity:0}