*{margin:0;padding:0;box-sizing:border-box}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--radius-xs: 2px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--transition-fast: .15s ease;--transition-medium: .3s ease;--transition-slow: .5s ease;--box-shadow: 0 4px 12px rgba(0, 0, 0, .1);--box-shadow-lg: 0 8px 24px rgba(0, 0, 0, .15);--bg-primary: var(--background-base-default);--bg-secondary: var(--surface-base-default);--bg-container: var(--background-base-default);--bg-header: var(--background-base-default);--bg-footer: var(--background-base-default);--text-primary: var(--background-on-default);--text-secondary: var(--surface-on-label);--text-header-primary: var(--surface-on-data);--primary-base: var(--button-base-blue);--primary-on: var(--button-on-default);--border-color: var(--surface-on-default);--accent-blue: var(--button-base-blue);--accent-green: #28a745;--ok-button-bg: var(--button-base-blue);--ok-button-color: var(--button-on-default);--popup-inner-bg: var(--surface-base-default);--show-more-color: var(--button-base-blue);--show-more-selected-color: var(--button-base-blue-hover);--tab-common-bg: #808080;--tab-active-bg: var(--button-base-blue)}body{margin:0;height:100%;min-height:100vh;background-color:var(--bg-primary);color:var(--text-primary);display:flex;flex-direction:column;transition:background-color .3s ease,color .3s ease}.hidden{display:none!important}.flex{display:flex}.flex-center{display:flex;align-items:center;justify-content:center}.flex-column{flex-direction:column}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.btn{background:var(--ok-button-bg);color:var(--ok-button-color);border:none;padding:var(--spacing-sm) var(--spacing-md);font-size:16px;font-weight:700;border-radius:var(--radius-md);cursor:pointer;box-shadow:var(--box-shadow);display:inline-flex;align-items:center;gap:var(--spacing-xs);transition:var(--transition-medium)}.btn:hover{opacity:.9;transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn-secondary{background:var(--popup-inner-bg);color:var(--text-primary)}.btn.active{background:var(--ok-button-bg);color:var(--ok-button-color);box-shadow:0 2px 8px #4146ea4d}.btn img{width:24px;height:24px}.container{background:var(--bg-container);border:1px solid var(--border-color);color:var(--text-primary);box-shadow:var(--box-shadow);border-radius:var(--radius-xl);padding:var(--spacing-lg)}.card{background:var(--bg-secondary);border-radius:var(--radius-lg);padding:var(--spacing-md);box-shadow:var(--box-shadow);color:var(--text-primary)}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-accent{color:var(--show-more-color)}.link{color:var(--show-more-color);cursor:pointer;text-decoration:underline;transition:var(--transition-fast)}.link:hover{color:var(--show-more-selected-color)}@media (max-width: 768px){.mobile-hidden{display:none!important}}@media (min-width: 769px){.desktop-hidden{display:none!important}}*:focus-visible{outline:2px solid var(--accent-blue);outline-offset:2px}html{scroll-behavior:smooth;height:100%}:root{--background-base-default: #FFFFFF;--background-base-default-hover: #FFFFFF;--background-base-default-focus: #FFFFFF;--background-base-default-selected: #FFFFFF;--background-base-default-disabled: #FFFFFF;--background-on-default: #262629;--background-on-default-hover: #262629;--background-on-default-focus: #262629;--background-on-default-selected: #4146EA;--background-on-default-disabled: #262629;--button-base-blue: #4146EA;--button-base-blue-hover: #4146EA;--button-base-blue-focus: #4146EA;--button-base-blue-selected: #4146EA;--button-base-blue-disabled: #D0D0D0;--button-base-green: #51A14F;--button-base-green-hover: #51A14F;--button-base-green-focus: #51A14F;--button-base-green-selected: #51A14F;--button-base-green-disabled: #D0D0D0;--button-base-grey: #909090;--button-base-grey-hover: #909090;--button-base-grey-focus: #909090;--button-base-grey-selected: #909090;--button-base-grey-disabled: #909090;--button-base-red: #B3253E;--button-base-red-hover: #B3253E;--button-base-red-focus: #B3253E;--button-base-red-selected: #B3253E;--button-base-red-disabled: #B3253E;--button-on-default: #FFFFFF;--button-on-default-hover: #FFFFFF;--button-on-default-focus: #FFFFFF;--button-on-default-selected: #FFFFFF;--button-on-default-disabled: #808080;--primary-base-default: #162629;--primary-base-default-hover: #162629;--primary-base-default-focus: #162629;--primary-base-default-selected: #162629;--primary-base-default-disabled: #162629;--secondary-on-default: #062629;--secondary-on-default-hover: #062629;--secondary-on-default-focus: #062629;--secondary-on-default-selected: #062629;--secondary-on-default-disabled: #062629;--surface-base-default: #E9E9EB;--surface-base-default-hover: #93A7F1;--surface-base-default-focus: #E9E9EB;--surface-base-default-selected: #4146EA;--surface-base-default-disabled: #E9E9EB;--surface-on-data: #4146EA;--surface-on-data-hover: #4146EA;--surface-on-data-focus: #4146EA;--surface-on-data-selected: #4146EA;--surface-on-data-disabled: #4146EA;--surface-on-default: #262629;--surface-on-default-hover: #262629;--surface-on-default-focus: #262629;--surface-on-default-selected: #E9E9EB;--surface-on-default-disabled: #262629;--surface-on-label: #707070;--surface-on-label-hover: #707070;--surface-on-label-focus: #707070;--surface-on-label-selected: #707070;--surface-on-label-disabled: #707070}:root.dark{--background-base-default: #000000;--background-base-default-hover: #000000;--background-base-default-focus: #000000;--background-base-default-selected: #000000;--background-base-default-disabled: #000000;--background-on-default: #E9E9EB;--background-on-default-hover: #E9E9EB;--background-on-default-focus: #E9E9EB;--background-on-default-selected: #729CF7;--background-on-default-disabled: #E9E9EB;--button-base-blue: #729CF7;--button-base-blue-hover: #729CF7;--button-base-blue-focus: #729CF7;--button-base-blue-selected: #729CF7;--button-base-blue-disabled: #303030;--button-base-green: #77E872;--button-base-green-hover: #77E872;--button-base-green-focus: #77E872;--button-base-green-selected: #77E872;--button-base-green-disabled: #303030;--button-base-grey: #707070;--button-base-grey-hover: #707070;--button-base-grey-focus: #707070;--button-base-grey-selected: #707070;--button-base-grey-disabled: #707070;--button-base-red: #B3253E;--button-base-red-hover: #B3253E;--button-base-red-focus: #B3253E;--button-base-red-selected: #B3253E;--button-base-red-disabled: #B3253E;--button-on-default: #000000;--button-on-default-hover: #000000;--button-on-default-focus: #000000;--button-on-default-selected: #000000;--button-on-default-disabled: #808080;--primary-base-default: #A9E9EB;--primary-base-default-hover: #A9E9EB;--primary-base-default-focus: #A9E9EB;--primary-base-default-selected: #A9E9EB;--primary-base-default-disabled: #A9E9EB;--secondary-on-default: #C9E9EB;--secondary-on-default-hover: #C9E9EB;--secondary-on-default-focus: #C9E9EB;--secondary-on-default-selected: #C9E9EB;--secondary-on-default-disabled: #C9E9EB;--surface-base-default: #262629;--surface-base-default-hover: #93A7F1;--surface-base-default-focus: #262629;--surface-base-default-selected: #729CF7;--surface-base-default-disabled: #262629;--surface-on-data: #729CF7;--surface-on-data-hover: #729CF7;--surface-on-data-focus: #729CF7;--surface-on-data-selected: #729CF7;--surface-on-data-disabled: #729CF7;--surface-on-default: #E9E9EB;--surface-on-default-hover: #E9E9EB;--surface-on-default-focus: #E9E9EB;--surface-on-default-selected: #262629;--surface-on-default-disabled: #E9E9EB;--surface-on-label: #909090;--surface-on-label-hover: #909090;--surface-on-label-focus: #909090;--surface-on-label-selected: #909090;--surface-on-label-disabled: #909090}