:root{--color-primary: #ffb300;--color-primary-hover: #ffa000;--color-primary-active: #ff8f00;--color-primary-light: #ffecb3;--color-primary-dark: #ff6f00;--color-success: #4caf50;--color-warning: #ff9800;--color-error: #f44336;--color-info: #2196f3;--color-background: #ffffff;--color-surface: #f5f5f5;--color-surface-elevated: #ffffff;--color-border: #e0e0e0;--color-text-primary: #212121;--color-text-secondary: #757575;--color-text-disabled: #bdbdbd;--color-text-inverse: #ffffff;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--font-family-base: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-family-mono: "Fira Code", "Courier New", Courier, monospace;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--border-radius-sm: .25rem;--border-radius-md: .375rem;--border-radius-lg: .5rem;--border-radius-xl: .75rem;--border-radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--transition-fast: .15s ease-in-out;--transition-base: .2s ease-in-out;--transition-slow: .3s ease-in-out;--z-index-dropdown: 1000;--z-index-sticky: 1020;--z-index-fixed: 1030;--z-index-modal-backdrop: 1040;--z-index-modal: 1050;--z-index-popover: 1060;--z-index-tooltip: 1070;--animation-duration-fast: .15s;--animation-duration-base: .2s;--animation-duration-slow: .3s}@media(prefers-color-scheme:dark){:root{--color-background: #121212;--color-surface: #1e1e1e;--color-surface-elevated: #2d2d2d;--color-border: #3d3d3d;--color-text-primary: #ffffff;--color-text-secondary: #b0b0b0;--color-text-disabled: #707070}}:root{--primary-color: #FFC107;--primary-dark: #FFA000;--secondary-color: #212121;--background-color: #121212;--surface-color: #1E1E1E;--text-color: #E0E0E0;--text-secondary: #B0B0B0;--border-color: #333333;--success-color: #4CAF50;--error-color: #F44336;--font-family: "Inter", sans-serif;--border-radius: 12px;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--sidebar-width: 280px;color-scheme:dark}.text-gradient{color:var(--primary-color);display:inline-block}mark,.highlight{background-color:#ffc10733;color:inherit;padding:0 .2em;border-radius:4px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background-color:var(--background-color);color:var(--text-color);line-height:1.5;-webkit-font-smoothing:antialiased;transition:background-color .3s,color .3s}a{text-decoration:none;color:inherit}button{cursor:pointer;font-family:inherit}.container{max-width:1200px;margin:0 auto;padding:0 1rem}.card{background-color:var(--surface-color);border-radius:var(--border-radius);box-shadow:var(--shadow);padding:1.5rem;border:1px solid var(--border-color);transition:transform .2s,box-shadow .2s}.card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);border-color:var(--primary-color)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.5rem 1rem;border-radius:8px;font-weight:500;transition:all .2s;border:none;gap:.5rem}.btn-primary{background-color:var(--primary-color);color:var(--secondary-color)}.btn-primary:hover{background-color:var(--primary-dark)}.btn-outline{background-color:transparent;border:1px solid var(--border-color);color:var(--text-color)}.btn-outline:hover{background-color:var(--border-color)}.btn-icon{padding:.5rem;border-radius:50%;background-color:transparent;color:var(--text-color);border:none}.btn-icon:hover{background-color:#ffffff0d}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2;margin-bottom:.5rem}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.75rem}h4{font-size:1.5rem}.text-sm{font-size:.875rem}.text-muted{color:var(--text-secondary)}.tool-container .header h2{color:var(--primary-color);display:inline-block}:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.skip-link{position:absolute;top:-100%;left:50%;transform:translate(-50%);padding:.75rem 1.5rem;background-color:var(--primary-color);color:var(--secondary-color);font-weight:600;border-radius:0 0 8px 8px;z-index:10000;transition:top .3s}.skip-link:focus{top:0;outline:none}.skip-link{position:absolute;top:-100%;left:50%;transform:translate(-50%);padding:.75rem 1.5rem;background-color:var(--primary-color);color:var(--secondary-color);font-weight:600;border-radius:0 0 8px 8px;z-index:10000;transition:top .2s}@media(max-width:768px){:root{--sidebar-width: 0px}.container{padding:0 1rem}h1{font-size:2rem}h2{font-size:1.75rem}h3{font-size:1.5rem}h4{font-size:1.25rem}.card{padding:1rem}.flex-mobile-col{flex-direction:column!important;align-items:stretch!important}.hide-mobile{display:none!important}}@media(min-width:769px)and (max-width:1024px){.container{max-width:90%}}button,a,input,select,textarea{min-height:44px}select,input[type=date],input[type=datetime-local],input[type=time]{display:block;width:100%;padding:.75rem 1rem;font-family:var(--font-family);font-size:1rem;font-weight:400;line-height:1.5;color:var(--text-color);background-color:var(--surface-color);background-clip:padding-box;border:2px solid var(--border-color);border-radius:var(--border-radius);transition:border-color .2s ease-in-out,box-shadow .2s ease-in-out;appearance:none}select{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23e0e0e0' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right .75rem center;background-size:16px 12px;padding-right:2.5rem}select option{background-color:#1e1e1e!important;color:#e0e0e0!important}select:focus,input[type=date]:focus,input[type=datetime-local]:focus,input[type=time]:focus{border-color:var(--primary-color);outline:0}@media(max-width:480px){.toast-container{left:1rem;right:1rem;bottom:1rem;max-width:none}.toast{width:100%;margin:0}}