:root{--md-sys-color-primary: #9c4300;--md-sys-color-on-primary: #ffffff;--md-sys-color-primary-container: #ffdbcc;--md-sys-color-on-primary-container: #351000;--md-sys-color-secondary: #77574a;--md-sys-color-on-secondary: #ffffff;--md-sys-color-secondary-container: #ffdbcc;--md-sys-color-on-secondary-container: #2c160c;--md-sys-color-surface: #fff8f6;--md-sys-color-surface-container-lowest: #ffffff;--md-sys-color-surface-container-low: #fdf1ed;--md-sys-color-surface-container: #f8ece8;--md-sys-color-surface-container-high: #f2e6e2;--md-sys-color-on-surface: #231915;--md-sys-color-on-surface-variant: #53433e;--md-sys-color-outline: #85736d;--md-sys-color-outline-variant: #d8c2bb;--md-shape-corner-xs: 4px;--md-shape-corner-s: 8px;--md-shape-corner-m: 12px;--md-shape-corner-l: 16px;--md-shape-corner-xl: 28px;--md-shape-corner-full: 9999px;--md-elevation-1: 0 1px 3px 1px rgba(53, 16, 0, .08), 0 1px 2px 0 rgba(53, 16, 0, .12);--md-elevation-2: 0 2px 6px 2px rgba(53, 16, 0, .1), 0 1px 2px 0 rgba(53, 16, 0, .15)}@media (prefers-color-scheme: dark){:root{--md-sys-color-primary: #ffb690;--md-sys-color-on-primary: #552000;--md-sys-color-primary-container: #773100;--md-sys-color-on-primary-container: #ffdbcc;--md-sys-color-secondary: #e6bead;--md-sys-color-on-secondary: #442a1f;--md-sys-color-secondary-container: #5d4034;--md-sys-color-on-secondary-container: #ffdbcc;--md-sys-color-surface: #1a120e;--md-sys-color-surface-container-lowest: #140d0a;--md-sys-color-surface-container-low: #201713;--md-sys-color-surface-container: #271e1a;--md-sys-color-surface-container-high: #322824;--md-sys-color-on-surface: #f1dfd8;--md-sys-color-on-surface-variant: #d8c2bb;--md-sys-color-outline: #a08c84;--md-sys-color-outline-variant: #53433e}}*{box-sizing:border-box;margin:0;padding:0;-webkit-font-smoothing:antialiased}body{font-family:Roboto Flex,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:var(--md-sys-color-surface);color:var(--md-sys-color-on-surface);line-height:1.6}.m3-card{background-color:var(--md-sys-color-surface-container);border-radius:var(--md-shape-corner-xl);padding:24px;border:1px solid var(--md-sys-color-outline-variant);transition:transform .2s cubic-bezier(.2,0,0,1),box-shadow .2s cubic-bezier(.2,0,0,1)}.m3-card:hover{transform:translateY(-2px);box-shadow:var(--md-elevation-1)}.m3-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:600;border-radius:var(--md-shape-corner-full);border:none;cursor:pointer;text-decoration:none;transition:all .2s cubic-bezier(.2,0,0,1)}.m3-btn-primary{background-color:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary);box-shadow:var(--md-elevation-1)}.m3-btn-primary:hover{filter:brightness(1.08);box-shadow:var(--md-elevation-2)}.m3-btn-tonal{background-color:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container)}.m3-btn-tonal:hover{filter:brightness(.96)}.m3-chip{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:var(--md-shape-corner-m);border:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container-lowest);color:var(--md-sys-color-on-surface-variant);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s cubic-bezier(.2,0,0,1)}.m3-chip:hover{background:var(--md-sys-color-surface-container-high)}.m3-chip.active{background:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container);border-color:transparent;font-weight:600}@keyframes tabFade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.animate-tab{animation:tabFade .25s ease-out forwards}
