.header{position:fixed;top:0;left:0;right:0;background:var(--color-card-bg);border-bottom:1px solid var(--color-border);box-shadow:var(--shadow-sm);z-index:100;height:133px;padding:0 var(--spacing-lg)}.header-container{display:flex;flex-direction:column;gap:var(--spacing-xs);padding:var(--spacing-xl);max-width:1328px;margin:0 auto}.header-title{font-family:var(--font-family);font-size:var(--font-size-h1);font-weight:700;line-height:36px;color:var(--color-text-primary);letter-spacing:.3955px;margin:0}.header-subtitle{font-family:var(--font-family);font-size:var(--font-size-body);font-weight:400;line-height:24px;color:var(--color-text-secondary);letter-spacing:-.1504px;margin:0}@media (max-width: 768px){.header{height:auto;min-height:100px;padding:0 var(--spacing-md)}.header-container{padding:var(--spacing-md)}.header-title{font-size:24px;line-height:32px}.header-subtitle{font-size:13px;line-height:20px}}@media (max-width: 480px){.header{height:auto;min-height:90px;padding:0 var(--spacing-sm)}.header-container{padding:var(--spacing-sm) var(--spacing-md)}.header-title{font-size:20px;line-height:28px}.header-subtitle{font-size:12px;line-height:18px}}.configuration-panel{background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);padding:var(--spacing-xl);min-height:556px}.configuration-content{display:flex;flex-direction:column;gap:29px;width:100%}.configuration-title{font-family:var(--font-family);font-size:var(--font-size-h2);font-weight:600;line-height:32px;color:var(--color-text-primary);letter-spacing:.0703px;margin:0}.input-group{display:flex;flex-direction:column;gap:var(--spacing-xs)}.input-label{font-family:var(--font-family);font-size:var(--font-size-body);font-weight:500;line-height:20px;color:var(--color-reset-text);letter-spacing:-.1504px}.input-description{font-family:var(--font-family);font-size:var(--font-size-body);font-weight:400;line-height:24px;color:var(--color-text-tertiary);letter-spacing:-.1504px;margin:0}.number-input{border:1px solid var(--color-input-border);border-radius:var(--border-radius-md);padding:var(--spacing-sm) var(--spacing-md);height:46px;background:white;font-family:var(--font-family);font-size:var(--font-size-body);color:var(--color-text-primary);letter-spacing:-.1504px;outline:none;transition:border-color .2s}.number-input:focus{border-color:var(--color-primary)}.number-input::placeholder{color:#0a0a0a80}.starting-values-section{display:flex;flex-direction:column;gap:var(--spacing-xs)}.starting-values-title{font-family:var(--font-family);font-size:var(--font-size-h3);font-weight:600;line-height:28px;color:var(--color-text-primary);letter-spacing:-.4395px;margin:0}.starting-values-description{font-family:var(--font-family);font-size:var(--font-size-body);font-weight:400;line-height:24px;color:var(--color-text-tertiary);letter-spacing:-.1504px;margin:0}.starting-values-inputs{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md)}.starting-value-group{display:flex;flex-direction:column;gap:var(--spacing-xs)}.starting-value-label{font-family:var(--font-family);font-size:var(--font-size-body);font-weight:500;line-height:20px;color:var(--color-text-secondary);letter-spacing:-.1504px}.starting-value-input{border:1px solid var(--color-input-border);border-radius:var(--border-radius-md);padding:var(--spacing-sm) var(--spacing-md);height:46px;background:white;font-family:var(--font-family);font-size:var(--font-size-body);color:var(--color-text-primary);letter-spacing:-.1504px;outline:none;transition:border-color .2s}.starting-value-input:focus{border-color:var(--color-primary)}.starting-value-input::placeholder{color:#0a0a0a80}.formula-box{background:var(--color-info-bg);border:1px solid var(--color-info-border);border-radius:var(--border-radius-md);padding:13px;height:50px;display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs)}.formula-label{font-family:var(--font-family);font-size:var(--font-size-body);font-weight:700;line-height:24px;color:var(--color-info-text-secondary);letter-spacing:-.1504px}.formula-text{font-family:var(--font-family);font-size:var(--font-size-body);font-weight:400;line-height:24px;color:var(--color-info-text-secondary);letter-spacing:-.1504px}.action-buttons{display:flex;gap:var(--spacing-sm);height:44px}.generate-button{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);background:var(--color-primary);border:none;border-radius:var(--border-radius-md);height:44px;font-family:var(--font-family);font-size:var(--font-size-body);font-weight:500;color:#fff;letter-spacing:-.1504px;cursor:pointer;transition:opacity .2s}.generate-button:hover{opacity:.9}.generate-button svg{color:currentColor}.reset-button{display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);background:var(--color-reset-bg);border:none;border-radius:var(--border-radius-md);height:44px;width:113.484px;font-family:var(--font-family);font-size:var(--font-size-body);font-weight:500;color:var(--color-reset-text);letter-spacing:-.1504px;cursor:pointer;transition:opacity .2s}.reset-button:hover{opacity:.8}.reset-button svg{color:currentColor}@media (max-width: 768px){.configuration-panel{padding:var(--spacing-lg);min-height:auto}.configuration-content{gap:var(--spacing-lg);max-width:100%}.starting-values-inputs{grid-template-columns:1fr}}@media (max-width: 480px){.configuration-panel{padding:var(--spacing-md)}.configuration-content{gap:var(--spacing-md)}}.results-panel{background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);padding:var(--spacing-xl);min-width:0;min-height:750px;height:100%;display:flex;flex-direction:column;gap:var(--spacing-lg)}.results-header{display:flex;align-items:center;justify-content:space-between;height:32px}.results-title{font-family:var(--font-family);font-size:var(--font-size-h2);font-weight:600;line-height:32px;color:var(--color-text-primary);letter-spacing:.0703px;margin:0}.results-count{display:flex;align-items:center;gap:var(--spacing-xs);color:var(--color-success);font-family:var(--font-family);font-size:var(--font-size-body);font-weight:400;line-height:20px;letter-spacing:-.1504px}.results-count svg{width:20px;height:20px;stroke:currentColor}.results-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-md);height:324px;padding:var(--spacing-xl)}.empty-icon{width:64px;height:64px;background:var(--color-reset-bg);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--color-text-secondary)}.empty-title{font-family:var(--font-family);font-size:var(--font-size-h3);font-weight:600;line-height:28px;color:var(--color-text-primary);letter-spacing:-.4395px;margin:0;text-align:center}.empty-description{font-family:var(--font-family);font-size:var(--font-size-body);font-weight:400;line-height:24px;color:var(--color-text-tertiary);letter-spacing:-.1504px;margin:0;text-align:center;max-width:384px}.results-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--spacing-md);max-height:600px;overflow-y:auto;padding-right:var(--spacing-xs)}.result-item{height:42px;display:flex;align-items:center;justify-content:center;border-radius:var(--border-radius-md);font-family:var(--font-family);font-size:var(--font-size-result);font-weight:400;line-height:24px;letter-spacing:-.3125px;text-align:center}.result-number{background:var(--color-rule-bg);border:1px solid var(--color-border);color:var(--color-reset-text)}@media (max-width: 1280px){.results-panel{min-width:100%}.results-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width: 768px){.results-panel{padding:var(--spacing-lg);min-height:auto}.results-header{flex-wrap:wrap;gap:var(--spacing-xs);height:auto;min-height:32px}.results-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 480px){.results-panel{padding:var(--spacing-md)}.results-grid{grid-template-columns:repeat(2,1fr)}}.info-section{background:var(--color-info-bg);border:1px solid var(--color-info-border);border-radius:var(--border-radius-lg);padding:25px;display:flex;flex-direction:column;gap:10px;min-height:170px}.info-title{font-family:var(--font-family);font-size:var(--font-size-h3);font-weight:600;line-height:28px;color:var(--color-info-text);letter-spacing:-.4395px;margin:0}.info-description{font-family:var(--font-family);font-size:var(--font-size-body);font-weight:400;line-height:24px;color:var(--color-info-text-secondary);letter-spacing:-.1504px;margin:0}.info-description strong{font-weight:700}.info-example{display:flex;flex-direction:column;gap:0}.info-example-label{font-family:var(--font-family);font-size:var(--font-size-body);font-weight:700;line-height:24px;color:var(--color-info-text-tertiary);letter-spacing:-.1504px;margin:0;display:inline-block;margin-right:var(--spacing-xs)}.info-example-text{font-family:var(--font-family);font-size:var(--font-size-body);font-weight:400;line-height:24px;color:var(--color-info-text-tertiary);letter-spacing:-.1504px;margin:0;display:inline}.app{width:100%;min-height:100vh;position:relative}.main-content{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-xl);padding:var(--spacing-xl) 56px;max-width:1328px;margin:181px auto 0;align-items:stretch}.left-column{display:flex;flex-direction:column;gap:var(--spacing-lg);min-width:0;height:100%}.right-column{min-width:0;height:100%;display:flex;flex-direction:column}@media (max-width: 1280px){.main-content{grid-template-columns:1fr;padding:var(--spacing-xl) var(--spacing-lg);margin-top:181px}}@media (max-width: 768px){.main-content{padding:var(--spacing-lg) var(--spacing-md);margin-top:150px;gap:var(--spacing-lg)}}@media (max-width: 480px){.main-content{padding:var(--spacing-md);margin-top:133px;gap:var(--spacing-md)}}*{margin:0;padding:0;box-sizing:border-box}:root{--color-primary: #155dfc;--color-bg-gradient-start: rgba(248, 250, 252, 1);--color-bg-gradient-end: rgba(241, 245, 249, 1);--color-card-bg: #ffffff;--color-border: #e2e8f0;--color-text-primary: #0f172b;--color-text-secondary: #45556c;--color-text-tertiary: #62748e;--color-result-gradient-start: rgba(43, 127, 255, 1);--color-result-gradient-end: rgba(152, 16, 250, 1);--color-info-bg: #eff6ff;--color-info-border: #bedbff;--color-info-text: #1c398e;--color-info-text-secondary: #193cb8;--color-info-text-tertiary: #1447e6;--color-success: #00a63e;--color-input-border: #cad5e2;--color-reset-bg: #f1f5f9;--color-reset-text: #314158;--color-rule-bg: #f8fafc;--font-family: "Inter", sans-serif;--font-size-h1: 30px;--font-size-h2: 24px;--font-size-h3: 18px;--font-size-body: 14px;--font-size-result: 16px;--spacing-xs: 8px;--spacing-sm: 12px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--border-radius-sm: 6.8px;--border-radius-md: 10px;--border-radius-lg: 16.4px;--shadow-sm: 0px 1px 3px 0px rgba(0,0,0,.1), 0px 1px 2px -1px rgba(0,0,0,.1);--shadow-md: 0px 4px 6px -1px rgba(0,0,0,.1), 0px 2px 4px -2px rgba(0,0,0,.1)}body{font-family:var(--font-family);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(143.87deg,var(--color-bg-gradient-start) 0%,var(--color-bg-gradient-end) 100%);min-height:100vh}#root{width:100%;min-height:100vh}