:root{--primary: rgba(213, 45, 18, 1);--primary-container: rgba(255, 218, 214, 1);--on-primary: rgba(255, 255, 255, 1);--on-primary-container: rgba(65, 0, 0, 1);--secondary: rgba(244, 185, 0, 1);--secondary-container: rgba(255, 245, 220, 1);--on-secondary: rgba(65, 50, 0, 1);--on-secondary-container: rgba(30, 20, 0, 1);--tertiary: rgba(26, 32, 38, 1);--tertiary-container: rgba(209, 237, 255, 1);--on-tertiary: rgba(255, 255, 255, 1);--on-tertiary-container: rgba(0, 30, 50, 1);--surface: rgba(255, 251, 254, 1);--surface-variant: rgba(244, 239, 244, 1);--background: rgba(255, 251, 254, 1);--on-surface: rgba(28, 27, 31, 1);--on-surface-variant: rgba(73, 69, 79, 1);--color-white: rgba(255, 255, 255, 1);--color-gray-200: rgba(244, 244, 244, 1);--color-gray-300: rgba(230, 230, 230, 1);--color-gray-400: rgba(204, 204, 204, 1);--color-gray-500: rgba(153, 153, 153, 1);--color-gray-600: rgba(102, 102, 102, 1);--color-gray-700: rgba(51, 51, 51, 1);--color-gray-800: rgba(28, 27, 31, 1);--success: rgba(46, 160, 67, 1);--success-container: rgba(198, 245, 207, 1);--warning: rgba(255, 152, 0, 1);--warning-container: rgba(255, 237, 213, 1);--error: rgba(176, 0, 32, 1);--error-container: rgba(255, 218, 214, 1);--info: rgba(0, 119, 182, 1);--info-container: rgba(204, 237, 255, 1);--coin-gold: rgba(255, 193, 7, 1);--badge-bronze: rgba(205, 127, 50, 1);--badge-silver: rgba(192, 192, 192, 1);--badge-gold: rgba(255, 215, 0, 1);--reward-purple: rgba(156, 39, 176, 1);--shadow-1: rgba(0, 0, 0, .14);--shadow-2: rgba(0, 0, 0, .12);--shadow-3: rgba(0, 0, 0, .2)}:root{--font-size-base: 16px;--font-size-large: 1.2rem;--font-size-title: 2.4rem;--font-weight-normal: 400;--font-weight-large: 600;--font-weight-bold: 700;--gap-min: 8px;--gap-normal: 16px;--gap-large: 24px;--gap-extra: 32px;--gap-extra-large: 48px;--gap-super: 64px;--breakpoint-small: 768px;--duration-fast: .15s;--duration-normal: .25s;--ease-standard: cubic-bezier(.16, 1, .3, 1)}@font-face{font-family:Roboto;src:url(/fonts/Roboto-Medium.woff2) format("woff2"),url(/fonts/Roboto-Medium.woff) format("woff");font-weight:var(--font-weight-normal);font-style:normal;font-display:swap}html,body{height:100%;width:100%;margin:0;padding:0;border:0;background:var(--background);font-family:Roboto,sans-serif}.onboarding-background{position:fixed;inset:0;overflow:hidden;z-index:1000;display:grid;grid-template-rows:45% 1fr 25%;height:100vh;width:100vw}.onboarding-header{display:flex;text-align:center;padding:var(--gap-extra-large) var(--gap-extra);background-color:var(--tertiary);justify-content:center;align-items:center;overflow:hidden}.onboarding-footer{padding:0 var(--gap-extra);text-align:center}.onboarding-logo{max-width:80%;max-height:80%;width:auto;height:auto;object-fit:contain}.onboarding-popup{position:relative;z-index:10;width:80%;max-width:640px;margin:-40px auto 0;height:80%;background-color:var(--secondary-container);border-radius:var(--gap-normal);box-shadow:0 var(--gap-min) var(--gap-large) var(--shadow-3);color:var(--on-secondary-container);font-size:var(--large-size);padding:var(--gap-normal) var(--gap-large)}.tertiary-btn{appearance:none;font-family:Roboto,sans-serif;border:none;outline:none;cursor:pointer;font-size:var(--font-size-base);font-weight:var(--font-weight-normal);padding:var(--gap-min) var(--gap-normal);border-radius:var(--gap-min);background:var(--tertiary);color:var(--on-tertiary);display:block;box-shadow:0 4px 6px var(--shadow-1),0 2px 4px var(--shadow-2);transition:transform .12s ease,box-shadow .12s ease,background .12s ease}.tertiary-btn:hover{background:var(--primary-container);color:var(--on-primary-container);transform:translateY(-2px);box-shadow:0 6px 10px var(--shadow-3),0 3px 6px var(--shadow-2)}.tertiary-btn:active{transform:translateY(1px);box-shadow:0 2px 4px var(--shadow-2);background:var(--primary);opacity:.9}.nofocus-panel{margin:var(--gap-normal);padding:var(--gap-normal);background-color:var(--info-container);color:var(--info);border-radius:var(--gap-min)}.error-panel{margin:var(--gap-normal);padding:var(--gap-normal);background-color:var(--error-container);color:var(--error);border-radius:var(--gap-min);text-align:center}.error-page{background-color:var(--background)}.tab-list{display:flex;justify-content:flex-start;box-sizing:border-box;padding:0 var(--gap-normal);border-bottom:1px solid var(--color-gray-200);background-color:var(--background)}.tab-title{display:flex;flex:0 0 auto}.tab-title-label{appearance:none;font-family:Roboto,sans-serif;border:none;outline:none;background-color:inherit;display:flex;flex:0 0 auto;padding:var(--gap-normal);cursor:pointer;color:var(--on-primary-container);border-bottom:3px solid transparent;transition:all .2s ease-in}.tab-title-icon{width:24px;height:24px;flex-shrink:0}.tab-title-text{display:flex;align-items:center;margin-left:var(--gap-min);font-size:var(--gap-normal);font-weight:var(--font-weight-normal)}.tab-title-label:hover{color:var(--primary)}.tab-title-label-active{color:var(--primary);border-bottom-color:var(--primary)}.app-container{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh;background-color:var(--background)}.main-content{background-color:var(--background);color:var(--on-primary-container);flex:1;overflow-y:auto}@media(max-width:768px){.app-container{flex-direction:column-reverse}.tab-list{align-items:center;justify-content:space-around;width:100vw;max-width:none;margin:0;padding:0;border-bottom:none;border-top:1px solid var(--color-gray-200);box-shadow:0 -2px 10px var(--shadow-3)}.tab-title-label{flex:1;flex-direction:column;text-align:center;align-items:center;border-bottom:none}.tab-title-text{margin-left:0}}@media(min-width:1100px){.app-container{width:1100px;margin:0 auto;border-left:1px solid var(--color-gray-200);border-right:1px solid var(--color-gray-200)}}.notifications-container{position:fixed;display:flex;flex-direction:column;right:var(--gap-normal);z-index:9999;pointer-events:none;gap:var(--gap-min);max-width:calc(100% - 2 * var(--gap-normal))}.notifications-container[data-notifications-position=bottom]{top:auto;bottom:var(--gap-normal)}.notifications-container[data-notifications-position=top]{bottom:auto;top:var(--gap-normal)}.notification{display:flex;align-items:center;box-sizing:border-box;gap:var(--gap-min);width:100%;max-width:100%;padding:var(--gap-min) var(--gap-normal);border-radius:var(--gap-min);box-shadow:0 4px 6px -1px var(--shadow-1),0 2px 4px -1px var(--shadow-1);pointer-events:auto;font-size:var(--font-size-base);font-weight:var(--font-weight-normal);opacity:0;transform:translate(400px);transition:opacity var(--duration-normal) var(--ease-standard),transform var(--duration-normal) var(--ease-standard),box-shadow var(--duration-normal) var(--ease-standard)}.notification.notification-visible{opacity:1;transform:translate(0)}.notification:hover{box-shadow:0 12px 16px -4px var(--shadow-1),0 4px 6px -2px var(--shadow-1)}.notification:not(.notification-visible){opacity:0;transform:translate(400px)}.notification-info{background-color:var(--info-container);border-left:4px solid var(--info)}.notification-info.notification-action{color:var(--info)}.notification-info.notification-action:hover{background-color:var(--secondary)}.notification-success{background-color:var(--success-container);border-left:4px solid var(--success)}.notification-success .notification-action{color:var(--success)}.notification-success.notification-action:hover{background-color:var(--secondary)}.notification-warning{background-color:var(--warning-container);border-left:4px solid var(--warning)}.notification-warning.notification-action{color:var(--warning)}.notification-warning.notification-action:hover{background-color:var(--secondary)}.notification-error{background-color:var(--error-container);border-left:4px solid var(--error)}.notification-error.notification-action{color:var(--error)}.notification-error.notification-action:hover{background-color:var(--secondary)}.notification-content{display:flex;align-items:flex-start;gap:var(--gap-normal);flex:1;min-width:0}.notification-message{flex:1;overflow:hidden;text-overflow:ellipsis;word-break:break-word;color:var(--on-primary-container);font-size:var(--font-size-base)}.notification-action{flex-shrink:0;padding:var(--gap-min) var(--gap-normal);border:none;background-color:transparent;font-size:var(--font-size-base);font-weight:var(--font-weight-normal);cursor:pointer;border-radius:var(--gap-min);transition:background-color var(--duration-fast) var(--ease-standard);white-space:nowrap;text-transform:uppercase;letter-spacing:.4px}.notification-action:hover{background-color:var(--secondary);color:var(--on-secondary)}.notification-action:active{background-color:var(--primary);color:var(--on-primary)}.notification-action:focus-visible{outline:2px solid var(--primary);outline-offset:2px;box-shadow:0 0 0 3px var(--color-gray-300)}.notification-close{flex-shrink:0;width:24px;height:24px;padding:2px;border:none;background-color:transparent;color:var(--secondary);cursor:pointer;border-radius:var(--gap-min);display:flex;align-items:center;justify-content:center;transition:background-color var(--duration-fast) var(--ease-standard),color var(--duration-fast) var(--ease-standard)}.notification-close svg{width:100%;height:100%;stroke-width:2}.notification-close:hover{background-color:var(--secondary);color:var(--on-secondary)}.notification-close:active{background-color:var(--primary)}.notification-close:focus-visible{outline:2px solid var(--primary);outline-offset:2px;box-shadow:0 0 0 3px var(--color-gray-300)}@media(min-width:768px){.notifications-container{max-width:400px}}@media(max-width:480px){.notifications-container{right:var(--gap-min);left:var(--gap-min);max-width:none}}