:root{--primary-color: #222129;--secondary-color: #6c757d;--accent-color: #17a2b8;--text-color: #323436;--background-color: #ffffff;--background-secondary-color: #ffffff;--icon-color: #495057;--hover-color: #e2e6ea;--font-size: 16px;--font-weight: 400;--white: #ffffff;--dark-gray: #333333;--medium-gray: #666666;--light-gray: #cccccc;--button-text: #ffffff;--input-border: #cccccc;--input-text: var(--text-color);--link-color: #4a90e2;--error-gray: #eb5b5b;--border-color: #d8e0e8;--card-bg: #ffffff;--border-light: #e7edf4;--primary-light: #e0eeff;--primary-lightest: #f5faff;--text-primary: #243240;--text-secondary: #667788;--text-tertiary: #97a6b5;--scrollbar-track: #f1f5f9;--scrollbar-thumb: #cbd5e0;--primary-rgb: 66, 153, 225;--success-color: #22c55e;--success-soft: #eaf9ef;--danger-color: #ef4444;--danger-soft: #fff1f1;--surface-soft: #f7fafc;--shadow-sm: 0 1px 2px rgba(15, 23, 42, .04);--shadow-md: 0 6px 18px rgba(15, 23, 42, .08);--shadow-lg: 0 16px 40px rgba(15, 23, 42, .12);--radius-sm: 12px;--radius-md: 16px;--radius-lg: 22px;--radius-xl: 28px;--app-font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif}*{margin:0;padding:0;box-sizing:border-box}html{width:100%;min-height:100%;height:100%;background:var(--background-color);font-family:var(--app-font-family, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif);-webkit-text-size-adjust:100%}body{font-family:var(--app-font-family, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif);width:100%;min-width:320px;min-height:100%;max-height:100vh;height:100%;background-color:var(--background-color);color:var(--text-color);font-size:var(--app-font-scale, 16px);margin:0;padding:0;overflow-x:hidden;overflow-y:hidden}app-root{display:block;width:100%;min-height:100dvh}.search-bar{margin-top:5px}.empty-cell{height:60vh}button{font:inherit}button:not([disabled]){position:relative;overflow:hidden}button:not([disabled]):after{content:"";position:absolute;left:50%;top:50%;width:12px;height:12px;border-radius:999px;transform:translate(-50%,-50%) scale(0);opacity:0;pointer-events:none;background:#ffffff59;filter:blur(.2px)}button:not([disabled]):active:after{animation:btnRipple .95s ease-out}button:not([disabled]):focus{outline:none}@keyframes btnRipple{0%{transform:translate(-50%,-50%) scale(0);opacity:.45}70%{opacity:.18}to{transform:translate(-50%,-50%) scale(26);opacity:0}}.btn.ghost:after{background:#1118272e}.app-bootstrap-loading{position:fixed;inset:0;display:grid;place-items:center;background:var(--white);z-index:9999}.ti-loader{display:flex;align-items:center;justify-content:center;gap:8px}.ti-loader span{width:10px;height:10px;border-radius:50%;background:#111827;animation:ti-breathe 1.4s infinite ease-in-out both}.ti-loader span:nth-child(1){animation-delay:-.48s}.ti-loader span:nth-child(2){animation-delay:-.36s}.ti-loader span:nth-child(3){animation-delay:-.24s}.ti-loader span:nth-child(4){animation-delay:-.12s}.ti-loader span:nth-child(5){animation-delay:0s}@keyframes ti-breathe{0%{opacity:.3;transform:scale(.8)}50%{opacity:1;transform:scale(1.3)}to{opacity:.3;transform:scale(.8)}}*{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track)}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-track{background:var(--scrollbar-track)}*::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:999px;border:2px solid var(--scrollbar-track)}img,svg,video,canvas{max-width:100%;display:block}input,button,textarea,select{font:inherit}@media (max-width: 1024px){html{height:auto;min-height:100%}body{min-width:0;min-height:100%;height:auto;max-height:none;overflow-y:auto;overscroll-behavior-y:auto;-webkit-overflow-scrolling:touch}}@media (max-width: 767px){body{min-width:0}}html[data-motion=reduced] *,html[data-motion=reduced] *:before,html[data-motion=reduced] *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}app-appearance-settings-page .card select{width:clamp(220px,32vw,340px);max-width:100%;min-height:46px;padding:0 14px;border-radius:16px;border:1px solid var(--border-color);background:var(--background-secondary-color);color:var(--text-primary);box-shadow:var(--shadow-sm);appearance:auto;-webkit-appearance:menulist;-moz-appearance:auto}app-appearance-settings-page .card select:hover{border-color:var(--primary-color)}app-appearance-settings-page .card select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.14)}app-appearance-settings-page .card select option{color:#111827;background:#fff}@media (max-width: 720px){app-appearance-settings-page .card select{width:100%}}