:root{--blue-50:#f0f9ff;--blue-100:#e0f2fe;--blue-500:#3b82f6;--blue-600:#2563eb;--blue-700:#1d4ed8;--gray-50:#fafafa;--gray-100:#f5f5f5;--gray-200:#e5e5e5;--gray-300:#d4d4d4;--gray-400:#a3a3a3;--gray-500:#737373;--gray-600:#525252;--gray-700:#404040;--gray-800:#262626;--gray-900:#171717;--green-50:#f0fdf4;--green-500:#22c55e;--green-600:#16a34a;--red-50:#fef2f2;--red-500:#ef4444;--amber-50:#fffbeb;--amber-500:#f59e0b}body{background:#fff;color:#171717;color:var(--gray-900);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}input,select{font-family:inherit;outline:none}#root{min-height:100vh}:root{--google-blue-500:#1a73e8;--google-blue-600:#1967d2;--google-blue-50:#e8f0fe;--google-green-500:#34a853;--google-green-600:#188038;--google-green-50:#e6f4ea;--google-yellow-500:#fbbc04;--google-yellow-600:#f9ab00;--google-yellow-50:#fef7e0;--google-red-500:#ea4335;--google-red-600:#d33b2c;--google-red-50:#fce8e6;--google-grey-900:#202124;--google-grey-700:#5f6368;--google-grey-500:#9aa0a6;--google-grey-300:#dadce0;--google-grey-200:#e8eaed;--google-grey-100:#f1f3f4;--google-grey-50:#f8f9fa;--color-primary:var(--google-blue-500);--color-primary-hover:var(--google-blue-600);--color-primary-bg:var(--google-blue-50);--color-success:var(--google-green-500);--color-success-hover:var(--google-green-600);--color-success-bg:var(--google-green-50);--color-warning:var(--google-yellow-500);--color-warning-hover:var(--google-yellow-600);--color-warning-bg:var(--google-yellow-50);--color-error:var(--google-red-500);--color-error-hover:var(--google-red-600);--color-error-bg:var(--google-red-50);--color-text:var(--google-grey-900);--color-text-secondary:var(--google-grey-700);--color-border:var(--google-grey-300);--color-divider:var(--google-grey-200);--color-bg:#fff;--color-bg-alt:var(--google-grey-50);--color-surface:#fff;--elevation-1:0 1px 2px 0 #3c40434d,0 1px 3px 1px #3c404326;--elevation-2:0 1px 2px 0 #3c40434d,0 2px 6px 2px #3c404326;--space-xs:4px;--space-sm:8px;--space-md:12px;--space-lg:16px;--space-xl:24px;--font-family:"Google Sans","Roboto","Arial",sans-serif;--text-xs:13px;--text-sm:15px;--text-base:17px;--text-lg:19px;--text-xl:24px;--text-2xl:28px;--text-3xl:36px;--radius:8px;--header-height:64px}*{box-sizing:border-box;padding:0}*,body{margin:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f8f9fa;background:var(--color-bg-alt);color:#202124;color:var(--color-text);font-family:Google Sans,Roboto,Arial,sans-serif;font-family:var(--font-family);font-size:17px;font-size:var(--text-base);line-height:1.5}button{border:none;cursor:pointer;font-weight:500}button,input,select,textarea{font-family:inherit;outline:none;transition:all .15s ease}h1,h2,h3,h4,h5,h6{font-weight:400;line-height:1.2}.welcome-screen{align-items:center;background:#f8f9fa;background:var(--color-bg-alt);display:flex;justify-content:center;min-height:100vh;padding:24px;padding:var(--space-xl)}.welcome-card{background:#fff;background:var(--color-surface);border-radius:8px;border-radius:var(--radius);box-shadow:0 1px 2px 0 #3c40434d,0 1px 3px 1px #3c404326;box-shadow:var(--elevation-1);max-width:600px;padding:24px 48px;padding:var(--space-xl) 48px;width:100%}.welcome-card h1{color:#202124;color:var(--color-text);font-size:36px;font-size:var(--text-3xl);font-weight:400;margin-bottom:16px;margin-bottom:var(--space-lg);text-align:center}.welcome-subtitle{color:#5f6368;color:var(--color-text-secondary);font-size:24px;font-size:var(--text-xl);line-height:1.6;text-align:center}.info-box,.welcome-subtitle{margin-bottom:24px;margin-bottom:var(--space-xl)}.info-box{background:#e8f0fe;background:var(--color-primary-bg);border-left:4px solid #1a73e8;border-left:4px solid var(--color-primary);border-radius:8px;border-radius:var(--radius);padding:16px;padding:var(--space-lg)}.info-box h3{color:#202124;color:var(--color-text);font-size:24px;font-size:var(--text-xl);font-weight:500;margin-bottom:12px;margin-bottom:var(--space-md)}.info-box p{color:#5f6368;color:var(--color-text-secondary);font-size:17px;font-size:var(--text-base);line-height:1.6;margin-bottom:8px;margin-bottom:var(--space-sm)}.info-box p:last-child{margin-bottom:0}.welcome-content{grid-gap:8px;grid-gap:var(--space-sm);display:grid;gap:8px;gap:var(--space-sm);margin-bottom:24px;margin-bottom:var(--space-xl)}.feature{border-bottom:1px solid #e8eaed;border-bottom:1px solid var(--color-divider);display:flex;gap:12px;gap:var(--space-md);padding:12px 0;padding:var(--space-md) 0;transition:all .15s ease}.feature:last-child{border-bottom:none}.feature:hover{background:#f8f9fa;background:var(--color-bg-alt)}.feature-icon{align-items:center;color:#1a73e8;color:var(--color-primary);display:flex;flex-shrink:0;font-weight:600;height:32px;justify-content:center;width:32px}.feature h3{color:#202124;color:var(--color-text);font-size:19px;font-size:var(--text-lg);font-weight:500;margin-bottom:4px;margin-bottom:var(--space-xs)}.feature p{color:#5f6368;color:var(--color-text-secondary);font-size:17px;font-size:var(--text-base);line-height:1.5}.create-form{display:flex;flex-direction:column;gap:12px;gap:var(--space-md)}.create-input{background:#fff;background:var(--color-surface);border:1px solid #dadce0;border:1px solid var(--color-border);border-radius:8px;border-radius:var(--radius);font-size:17px;font-size:var(--text-base);padding:12px;padding:var(--space-md);transition:all .15s ease}.create-input:hover{border-color:#5f6368;border-color:var(--color-text-secondary)}.create-input:focus{border-color:#1a73e8;border-color:var(--color-primary);box-shadow:0 0 0 1px #1a73e8;box-shadow:0 0 0 1px var(--color-primary)}.btn-primary{background:#1a73e8;background:var(--color-primary);border-radius:8px;border-radius:var(--radius);color:#fff;font-size:17px;font-size:var(--text-base);font-weight:500;padding:12px 24px;padding:var(--space-md) var(--space-xl);transition:all .15s ease}.btn-primary:hover:not(:disabled){background:#1967d2;background:var(--color-primary-hover);box-shadow:0 1px 2px 0 #3c40434d,0 1px 3px 1px #3c404326;box-shadow:var(--elevation-1)}.btn-primary:disabled{cursor:not-allowed;opacity:.5}.app{background:#f8f9fa;background:var(--color-bg-alt);display:flex;flex-direction:column;min-height:100vh}.app-header{align-items:center;background:#fff;background:var(--color-surface);border-bottom:1px solid #dadce0;border-bottom:1px solid var(--color-border);display:flex;gap:16px;gap:var(--space-lg);height:64px;height:var(--header-height);justify-content:space-between;padding:0 24px;padding:0 var(--space-xl);position:-webkit-sticky;position:sticky;top:0;z-index:100}.app-title{color:#202124;color:var(--color-text);font-size:24px;font-size:var(--text-xl);font-weight:500;white-space:nowrap}.header-nav{border-bottom:1px solid #dadce0;border-bottom:1px solid var(--color-border);display:flex;gap:0}.nav-button{background:#0000;border-bottom:2px solid #0000;color:#5f6368;color:var(--color-text-secondary);font-size:17px;font-size:var(--text-base);font-weight:500;margin-bottom:-1px;padding:8px 16px;padding:var(--space-sm) var(--space-lg);transition:all .15s ease}.nav-button:hover{color:#202124;color:var(--color-text)}.nav-button.active{border-bottom-color:#1a73e8;border-bottom-color:var(--color-primary);color:#1a73e8;color:var(--color-primary)}.project-select{-webkit-appearance:none;appearance:none;background:#fff;background:var(--color-surface);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%235F6368' d='M6 9 1 4h10z'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;border:1px solid #dadce0;border:1px solid var(--color-border);border-radius:8px;border-radius:var(--radius);color:#202124;color:var(--color-text);font-size:15px;font-size:var(--text-sm);min-width:140px;padding:8px 16px;padding:var(--space-sm) var(--space-lg);padding-right:36px;transition:all .15s ease}.project-select:hover{background-color:#f8f9fa;background-color:var(--color-bg-alt);border-color:#5f6368;border-color:var(--color-text-secondary)}.project-select:focus{background-color:#fff;background-color:var(--color-surface);border-color:#1a73e8;border-color:var(--color-primary)}.header-left{align-items:center;display:flex;flex:1 1;gap:16px;gap:var(--space-lg);min-width:0}.project-name-input{background:#f8f9fa;background:var(--color-bg-alt);border:1px solid #0000;border-radius:8px;border-radius:var(--radius);color:#202124;color:var(--color-text);flex:1 1;font-size:17px;font-size:var(--text-base);max-width:300px;padding:8px 12px;padding:var(--space-sm) var(--space-md);transition:all .15s ease}.project-name-input:hover{background:#e8eaed;background:var(--google-grey-200)}.project-name-input:focus{background:#fff;background:var(--color-surface);border-color:#1a73e8;border-color:var(--color-primary);box-shadow:0 0 0 1px #1a73e8;box-shadow:0 0 0 1px var(--color-primary)}.header-right{gap:8px;gap:var(--space-sm)}.btn-icon,.header-right{align-items:center;display:flex}.btn-icon{background:#0000;border-radius:50%;color:#5f6368;color:var(--color-text-secondary);font-size:18px;height:40px;justify-content:center;transition:all .15s ease;width:40px}.btn-icon:hover:not(:disabled){background:#f8f9fa;background:var(--color-bg-alt)}.btn-icon:disabled{cursor:not-allowed;opacity:.3}.btn-help{align-items:center;background:#0000;border:1px solid #dadce0;border:1px solid var(--color-border);border-radius:50%;color:#5f6368;color:var(--color-text-secondary);display:flex;font-size:17px;font-size:var(--text-base);font-weight:600;height:40px;justify-content:center;transition:all .15s ease;width:40px}.btn-help:hover{background:#f8f9fa;background:var(--color-bg-alt);border-color:#5f6368;border-color:var(--color-text-secondary)}.language-select{-webkit-appearance:none;appearance:none;background:#fff;background:var(--color-surface);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%235F6368' d='M6 9 1 4h10z'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;border:1px solid #dadce0;border:1px solid var(--color-border);border-radius:8px;border-radius:var(--radius);color:#202124;color:var(--color-text);font-size:15px;font-size:var(--text-sm);padding:8px 12px;padding:var(--space-sm) var(--space-md);padding-right:36px;transition:all .15s ease}.language-select:hover{background-color:#f8f9fa;background-color:var(--color-bg-alt);border-color:#5f6368;border-color:var(--color-text-secondary)}.language-select:focus{background-color:#fff;background-color:var(--color-surface);border-color:#1a73e8;border-color:var(--color-primary)}.guide-panel{background:#fff;background:var(--color-surface);border-bottom:1px solid #dadce0;border-bottom:1px solid var(--color-border);box-shadow:0 1px 2px 0 #3c40434d,0 1px 3px 1px #3c404326;box-shadow:var(--elevation-1)}.guide-header{align-items:center;background:#1a73e8;background:var(--color-primary);color:#fff;display:flex;justify-content:space-between;padding:16px 24px;padding:var(--space-lg) var(--space-xl)}.guide-header h2{font-size:24px;font-size:var(--text-xl);font-weight:500}.btn-close{align-items:center;background:#ffffff1a;border-radius:8px;border-radius:var(--radius);color:#fff;display:flex;font-size:24px;height:32px;justify-content:center;width:32px}.btn-close:hover{background:#fff3}.guide-content{grid-gap:24px;grid-gap:var(--space-xl);display:grid;gap:24px;gap:var(--space-xl);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));padding:24px;padding:var(--space-xl)}.guide-section{padding:0}.guide-section h3{color:#202124;color:var(--color-text);font-size:19px;font-size:var(--text-lg);font-weight:500}.guide-section h3,.guide-section p{margin-bottom:8px;margin-bottom:var(--space-sm)}.guide-section p{font-size:17px;font-size:var(--text-base);line-height:1.6}.guide-note,.guide-section p{color:#5f6368;color:var(--color-text-secondary)}.guide-note{background:#e8f0fe;background:var(--color-primary-bg);border-left:3px solid #1a73e8;border-left:3px solid var(--color-primary);border-radius:8px;border-radius:var(--radius);font-size:15px;font-size:var(--text-sm);margin-top:12px;margin-top:var(--space-md);padding:12px;padding:var(--space-md)}.content-container{flex:1 1;height:calc(100vh - 64px);height:calc(100vh - var(--header-height));overflow:hidden;padding:16px 24px;padding:var(--space-lg) var(--space-xl);width:100%}.workflow-content{grid-gap:24px;grid-gap:var(--space-xl);display:grid;gap:24px;gap:var(--space-xl);grid-template-columns:1fr 520px;height:100%}.workflow-aside,.workflow-main{background:#fff;background:var(--color-surface);border:1px solid #dadce0;border:1px solid var(--color-border);border-radius:8px;border-radius:var(--radius);box-shadow:0 1px 2px 0 #3c40434d,0 1px 3px 1px #3c404326;box-shadow:var(--elevation-1);height:100%;overflow-y:auto;padding:16px;padding:var(--space-lg)}.workflow-step{border-bottom:1px solid #e8eaed;border-bottom:1px solid var(--color-divider);margin-bottom:12px;margin-bottom:var(--space-md);padding-bottom:12px;padding-bottom:var(--space-md)}.workflow-step:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.step-header{gap:12px;gap:var(--space-md);margin-bottom:12px;margin-bottom:var(--space-md)}.step-header,.step-number{align-items:center;display:flex}.step-number{background:#1a73e8;background:var(--color-primary);border-radius:50%;color:#fff;flex-shrink:0;font-size:17px;font-size:var(--text-base);font-weight:600;height:32px;justify-content:center;width:32px}.step-info{flex:1 1}.step-title{color:#202124;color:var(--color-text);font-size:24px;font-size:var(--text-xl);font-weight:500;margin:0}.step-description{color:#5f6368;color:var(--color-text-secondary);font-size:15px;font-size:var(--text-sm);line-height:1.4;margin:0}.items-list{display:flex;flex-direction:column;gap:12px;gap:var(--space-md)}.item-row{grid-gap:16px;grid-gap:var(--space-lg);align-items:center;background:#f8f9fa;background:var(--color-bg-alt);border:1px solid #0000;border-radius:8px;border-radius:var(--radius);display:grid;gap:16px;gap:var(--space-lg);grid-template-columns:24px 1fr 120px 36px;padding:12px 16px;padding:var(--space-md) var(--space-lg);transition:all .15s ease}.item-row:hover{background:#e8f0fe;background:var(--color-primary-bg);border-color:#1a73e8;border-color:var(--color-primary)}.item-index{color:#5f6368;color:var(--color-text-secondary);font-size:17px;font-size:var(--text-base);font-weight:600;text-align:center}.input{background:#fff;background:var(--color-surface);border:1px solid #dadce0;border:1px solid var(--color-border);border-radius:8px;border-radius:var(--radius);color:#202124;color:var(--color-text);font-size:19px;font-size:var(--text-lg);padding:12px 16px;padding:var(--space-md) var(--space-lg);transition:all .15s ease}.input:hover{border-color:#5f6368;border-color:var(--color-text-secondary)}.input:focus{border-color:#1a73e8;border-color:var(--color-primary);box-shadow:0 0 0 1px #1a73e8;box-shadow:0 0 0 1px var(--color-primary)}.input-group{display:flex;flex-direction:column;gap:8px;gap:var(--space-sm)}.input-label{color:#5f6368;color:var(--color-text-secondary);font-size:15px;font-size:var(--text-sm);font-weight:500;letter-spacing:.5px;text-transform:uppercase}.input-number{background:#fff;background:var(--color-surface);border:1px solid #dadce0;border:1px solid var(--color-border);border-radius:8px;border-radius:var(--radius);color:#202124;color:var(--color-text);font-size:19px;font-size:var(--text-lg);font-weight:500;padding:12px 16px;padding:var(--space-md) var(--space-lg);text-align:right;transition:all .15s ease;width:100%}.input-number:hover{border-color:#5f6368;border-color:var(--color-text-secondary)}.input-number:focus{border-color:#1a73e8;border-color:var(--color-primary);box-shadow:0 0 0 1px #1a73e8;box-shadow:0 0 0 1px var(--color-primary)}.btn-remove{align-items:center;background:#0000;border-radius:50%;color:#5f6368;color:var(--color-text-secondary);display:flex;flex-shrink:0;font-size:20px;height:36px;justify-content:center;transition:all .15s ease;width:36px}.btn-remove:hover:not(:disabled){background:#fce8e6;background:var(--color-error-bg);color:#ea4335;color:var(--color-error)}.btn-remove:disabled{cursor:not-allowed;opacity:.3}.btn-add{background:#fff;background:var(--color-surface);border:1px dashed #dadce0;border:1px dashed var(--color-border);border-radius:8px;border-radius:var(--radius);color:#1a73e8;color:var(--color-primary);font-size:17px;font-size:var(--text-base);font-weight:500;margin-top:8px;margin-top:var(--space-sm);padding:8px 12px;padding:var(--space-sm) var(--space-md);transition:all .15s ease;width:100%}.btn-add:hover{background:#e8f0fe;background:var(--color-primary-bg);border-color:#1a73e8;border-color:var(--color-primary);border-style:solid}.probability-control{display:flex;flex-direction:column;gap:8px;gap:var(--space-sm)}.slider{-webkit-appearance:none;appearance:none;background:#e8eaed;background:var(--color-divider);border-radius:4px;cursor:pointer;height:8px;outline:none;width:100%}.slider::-webkit-slider-thumb{-webkit-appearance:none;background:#1a73e8;background:var(--color-primary);border-radius:50%;box-shadow:0 1px 2px 0 #3c40434d,0 1px 3px 1px #3c404326;box-shadow:var(--elevation-1);cursor:pointer;height:24px;width:24px}.slider::-moz-range-thumb{background:#1a73e8;background:var(--color-primary);border:none;border-radius:50%;box-shadow:0 1px 2px 0 #3c40434d,0 1px 3px 1px #3c404326;box-shadow:var(--elevation-1);cursor:pointer;height:24px;width:24px}.probability-value{color:#1a73e8;color:var(--color-primary);font-size:24px;font-size:var(--text-xl);font-weight:600;text-align:right}.probability-total{border:2px solid;border-radius:8px;border-radius:var(--radius);font-size:19px;font-size:var(--text-lg);font-weight:600;margin-top:8px;margin-top:var(--space-sm);padding:8px 12px;padding:var(--space-sm) var(--space-md);text-align:center}.probability-total.valid{background:#e6f4ea;background:var(--color-success-bg);border-color:#34a853;border-color:var(--color-success);color:#188038;color:var(--color-success-hover)}.probability-total.invalid{background:#fef7e0;background:var(--color-warning-bg);border-color:#fbbc04;border-color:var(--color-warning);color:#f9ab00;color:var(--color-warning-hover)}.matrix-table{background:#fff;background:var(--color-surface);border:1px solid #dadce0;border:1px solid var(--color-border);border-collapse:initial;border-radius:8px;border-radius:var(--radius);border-spacing:0;box-shadow:0 1px 2px 0 #3c40434d,0 1px 3px 1px #3c404326;box-shadow:var(--elevation-1);font-size:17px;font-size:var(--text-base);margin-top:8px;margin-top:var(--space-sm);overflow:hidden;width:100%}.matrix-table thead{background:#1a73e8;background:var(--color-primary);color:#fff}.matrix-table th{font-size:17px;font-size:var(--text-base);font-weight:500;padding:12px;padding:var(--space-md);text-align:center}.matrix-table th:first-child{padding-left:16px;padding-left:var(--space-lg);text-align:left}.matrix-table td{border-bottom:1px solid #e8eaed;border-bottom:1px solid var(--color-divider);padding:12px 8px;padding:var(--space-md) var(--space-sm);text-align:center}.matrix-table td:first-child{color:#202124;color:var(--color-text);font-size:17px;font-size:var(--text-base);font-weight:500;padding-left:16px;padding-left:var(--space-lg);text-align:left}.matrix-table tbody tr:hover{background:#f8f9fa;background:var(--color-bg-alt)}.matrix-table tbody tr:last-child td{border-bottom:none}.matrix-input{background:#fff;background:var(--color-surface);border:1px solid #dadce0;border:1px solid var(--color-border);border-radius:8px;border-radius:var(--radius);color:#202124;color:var(--color-text);font-size:19px;font-size:var(--text-lg);font-weight:500;padding:12px;padding:var(--space-md);text-align:center;transition:all .15s ease;width:100%}.matrix-input:hover{border-color:#5f6368;border-color:var(--color-text-secondary)}.matrix-input:focus{border-color:#1a73e8;border-color:var(--color-primary);box-shadow:0 0 0 1px #1a73e8;box-shadow:0 0 0 1px var(--color-primary)}.results-panel{display:flex;flex-direction:column;gap:8px;gap:var(--space-sm)}.results-title{border-bottom:2px solid #e8eaed;border-bottom:2px solid var(--color-divider);color:#202124;color:var(--color-text);font-size:28px;font-size:var(--text-2xl);font-weight:400;margin:0 0 12px;margin:0 0 var(--space-md);padding-bottom:8px;padding-bottom:var(--space-sm)}.result-section{background:#f8f9fa;background:var(--color-bg-alt);border-left:4px solid #1a73e8;border-left:4px solid var(--color-primary);border-radius:8px;border-radius:var(--radius);padding:12px;padding:var(--space-md)}.result-section:first-of-type{background:#e6f4ea;background:var(--color-success-bg);border-left-color:#34a853;border-left-color:var(--color-success);padding:12px;padding:var(--space-md)}.result-badge{align-items:center;background:#34a853;background:var(--color-success);border-radius:12px;color:#fff;display:inline-flex;font-size:13px;font-size:var(--text-xs);font-weight:600;gap:4px;gap:var(--space-xs);letter-spacing:.5px;margin-bottom:8px;margin-bottom:var(--space-sm);padding:4px 12px;padding:var(--space-xs) var(--space-md);text-transform:uppercase}.result-badge:before{content:"✓";font-size:17px;font-size:var(--text-base);font-weight:700}.result-title{color:#202124;color:var(--color-text);font-size:28px;font-size:var(--text-2xl);font-weight:500;line-height:1.2;margin-bottom:8px;margin-bottom:var(--space-sm)}.result-subtitle{color:#5f6368;color:var(--color-text-secondary);font-size:17px;font-size:var(--text-base);line-height:1.5;margin-bottom:0}.metrics-grid{grid-gap:8px;grid-gap:var(--space-sm);display:grid;gap:8px;gap:var(--space-sm);grid-template-columns:repeat(2,1fr);margin-top:12px;margin-top:var(--space-md)}.metric{background:#fff;border:2px solid #e8eaed;border:2px solid var(--color-divider);border-radius:8px;border-radius:var(--radius);cursor:pointer;display:flex;flex-direction:column;padding:8px 12px;padding:var(--space-sm) var(--space-md);transition:all .15s ease}.metric.active,.metric:hover{background:#e8f0fe;background:var(--color-primary-bg);border-color:#1a73e8;border-color:var(--color-primary)}.metric.active{box-shadow:0 1px 2px 0 #3c40434d,0 1px 3px 1px #3c404326;box-shadow:var(--elevation-1)}.metric.active:before{color:#1a73e8;color:var(--color-primary);content:"✓";font-size:17px;font-size:var(--text-base);font-weight:700;position:absolute;right:4px;right:var(--space-xs);top:4px;top:var(--space-xs)}.metric{position:relative}.metric-label{color:#5f6368;color:var(--color-text-secondary);font-size:15px;font-size:var(--text-sm);font-weight:500;margin-bottom:4px;margin-bottom:var(--space-xs)}.metric-value{color:#1a73e8;color:var(--color-primary);font-size:24px;font-size:var(--text-xl);font-weight:600}.ranking-criterion{background:#e8f0fe;background:var(--color-primary-bg);border-radius:8px;border-radius:var(--radius);color:#5f6368;color:var(--color-text-secondary);font-size:15px;font-size:var(--text-sm);font-weight:500;padding:4px 12px;padding:var(--space-xs) var(--space-md);text-align:center}.ranking-criterion,.section-header{margin-bottom:8px;margin-bottom:var(--space-sm)}.section-header h3{color:#202124;color:var(--color-text);font-size:24px;font-size:var(--text-xl);font-weight:500;margin:0}.ranking-list{grid-gap:8px;grid-gap:var(--space-sm);display:grid;gap:8px;gap:var(--space-sm);grid-template-columns:repeat(2,1fr)}.ranking-item{align-items:center;background:#fff;border:1px solid #e8eaed;border:1px solid var(--color-divider);border-radius:8px;border-radius:var(--radius);display:flex;gap:8px;gap:var(--space-sm);padding:8px 12px;padding:var(--space-sm) var(--space-md);transition:all .15s ease}.ranking-item:hover{border-color:#1a73e8;border-color:var(--color-primary);box-shadow:0 1px 2px 0 #3c40434d,0 1px 3px 1px #3c404326;box-shadow:var(--elevation-1)}.ranking-item.best{background:#e6f4ea;background:var(--color-success-bg);border:2px solid #34a853;border:2px solid var(--color-success);grid-column:1/-1;padding:8px 12px;padding:var(--space-sm) var(--space-md)}.rank{align-items:center;background:#f8f9fa;background:var(--color-bg-alt);border-radius:50%;color:#5f6368;color:var(--color-text-secondary);display:flex;flex-shrink:0;font-size:17px;font-size:var(--text-base);font-weight:600;height:28px;justify-content:center;width:28px}.ranking-item.best .rank{background:#34a853;background:var(--color-success);color:#fff;font-size:19px;font-size:var(--text-lg);height:32px;width:32px}.ranking-item.best .rank:before{content:"★"}.ranking-content{flex:1 1;min-width:0}.ranking-name{color:#202124;color:var(--color-text);font-size:17px;font-size:var(--text-base);font-weight:500;line-height:1.2;margin-bottom:4px;margin-bottom:var(--space-xs);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ranking-details{color:#5f6368;color:var(--color-text-secondary);font-size:15px;font-size:var(--text-sm);line-height:1.3}.empty-state{background:#f8f9fa;background:var(--color-bg-alt);border-radius:8px;border-radius:var(--radius);padding:24px;padding:var(--space-xl);text-align:center}.empty-state-icon{font-size:48px;opacity:.2}.empty-state h3,.empty-state-icon{margin-bottom:12px;margin-bottom:var(--space-md)}.empty-state h3{color:#202124;color:var(--color-text);font-size:24px;font-size:var(--text-xl);font-weight:400}.empty-state p{color:#5f6368;color:var(--color-text-secondary);font-size:17px;font-size:var(--text-base);line-height:1.6}.theory-page{background:#f8f9fa;background:var(--color-bg-alt);flex:1 1;overflow-y:auto;padding:24px;padding:var(--space-xl)}.theory-container{margin:0 auto;max-width:900px}.theory-hero{margin-bottom:24px;margin-bottom:var(--space-xl);padding:24px 0;padding:var(--space-xl) 0;text-align:center}.theory-hero h1{color:#202124;color:var(--color-text);font-size:40px;font-weight:400;margin-bottom:16px;margin-bottom:var(--space-lg)}.theory-hero p{color:#5f6368;color:var(--color-text-secondary);font-size:20px;line-height:1.6}.learning-levels{border-bottom:2px solid #e8eaed;border-bottom:2px solid var(--color-divider);display:flex;gap:8px;gap:var(--space-sm);margin-bottom:24px;margin-bottom:var(--space-xl)}.level-tab{background:#0000;border-bottom:3px solid #0000;color:#5f6368;color:var(--color-text-secondary);flex:1 1;font-size:15px;font-size:var(--text-sm);font-weight:500;margin-bottom:-2px;padding:8px 12px;padding:var(--space-sm) var(--space-md);text-align:center;transition:all .15s ease}.level-tab:hover{color:#202124;color:var(--color-text)}.level-tab.active{border-bottom-color:#1a73e8;border-bottom-color:var(--color-primary);color:#1a73e8;color:var(--color-primary)}.theory-content{background:#fff;background:var(--color-surface);box-shadow:0 1px 2px 0 #3c40434d,0 1px 3px 1px #3c404326;box-shadow:var(--elevation-1);padding:24px;padding:var(--space-xl)}.theory-content,.theory-nav{border-radius:8px;border-radius:var(--radius)}.theory-nav{background:#e8f0fe;background:var(--color-primary-bg);border-left:4px solid #1a73e8;border-left:4px solid var(--color-primary);margin-bottom:24px;margin-bottom:var(--space-xl);padding:16px;padding:var(--space-lg)}.theory-nav h2{color:#202124;color:var(--color-text);font-size:19px;font-size:var(--text-lg);font-weight:600;letter-spacing:.5px;margin-bottom:12px;margin-bottom:var(--space-md);text-transform:uppercase}.theory-nav ul{list-style:none;padding:0}.theory-nav li{margin:12px 0;margin:var(--space-md) 0}.theory-nav a{color:#1a73e8;color:var(--color-primary);font-size:18px;text-decoration:none;transition:all .15s ease}.theory-nav a:hover{text-decoration:underline}.theory-section{margin-bottom:24px;margin-bottom:var(--space-xl);scroll-margin-top:80px}.theory-section h2{border-bottom:2px solid #e8eaed;border-bottom:2px solid var(--color-divider);color:#202124;color:var(--color-text);font-size:32px;font-weight:400;margin-bottom:16px;margin-bottom:var(--space-lg);padding-bottom:12px;padding-bottom:var(--space-md)}.theory-section h3{font-size:24px;margin:24px 0 16px;margin:var(--space-xl) 0 var(--space-lg)}.theory-section h3,.theory-section h4{color:#202124;color:var(--color-text);font-weight:500}.theory-section h4{font-size:20px;margin:16px 0 12px;margin:var(--space-lg) 0 var(--space-md)}.theory-box{background:#f8f9fa;background:var(--color-bg-alt);border-left:3px solid #dadce0;border-left:3px solid var(--color-border);border-radius:8px;border-radius:var(--radius);margin:16px 0;margin:var(--space-lg) 0;padding:16px;padding:var(--space-lg)}.theory-box.highlight{background:#e8f0fe;background:var(--color-primary-bg);border-left-color:#1a73e8;border-left-color:var(--color-primary)}.theory-box.warning{background:#fef7e0;background:var(--color-warning-bg);border-left-color:#fbbc04;border-left-color:var(--color-warning)}.theory-box.beginner{background:#e6f4ea;background:var(--color-success-bg);border-left-color:#34a853;border-left-color:var(--color-success)}.theory-box p{color:#5f6368;color:var(--color-text-secondary);font-size:18px;line-height:1.8}.theory-box p,.theory-list{margin:16px 0;margin:var(--space-lg) 0}.theory-list{padding-left:24px;padding-left:var(--space-xl)}.theory-list li{color:#5f6368;color:var(--color-text-secondary);font-size:18px;line-height:1.8;margin:12px 0;margin:var(--space-md) 0}.theory-list strong{color:#202124;color:var(--color-text);font-weight:500}.theory-formula{background:#f8f9fa;background:var(--color-bg-alt);border-left:3px solid #1a73e8;border-left:3px solid var(--color-primary)}.theory-formula,.theory-formula .formula{border-radius:8px;border-radius:var(--radius);margin:16px 0;margin:var(--space-lg) 0;padding:16px;padding:var(--space-lg)}.theory-formula .formula{background:#fff;color:#202124;color:var(--color-text);font-family:Georgia,serif;font-size:20px;text-align:center}.theory-example{background:#e6f4ea;background:var(--color-success-bg);border-left:4px solid #34a853;border-left:4px solid var(--color-success);border-radius:8px;border-radius:var(--radius);margin:16px 0;margin:var(--space-lg) 0;padding:16px;padding:var(--space-lg)}.theory-example h3,.theory-example h4{color:#188038;color:var(--color-success-hover);margin-top:0}.theory-example .calculation{background:#fff;border-radius:8px;border-radius:var(--radius);font-family:Courier New,monospace;font-size:17px;line-height:1.8;margin:16px 0;margin:var(--space-lg) 0;padding:16px;padding:var(--space-lg)}.theory-example .calculation.result{border:2px solid #34a853;border:2px solid var(--color-success);font-size:18px;font-weight:600}.theory-note{background:#e8f0fe;background:var(--color-primary-bg);border-left:4px solid #1a73e8;border-left:4px solid var(--color-primary);border-radius:8px;border-radius:var(--radius);color:#5f6368;color:var(--color-text-secondary);font-size:17px;line-height:1.7;margin-top:16px;margin-top:var(--space-lg);padding:16px;padding:var(--space-lg)}.theory-card{background:#0000;border-bottom:1px solid #e8eaed;border-bottom:1px solid var(--color-divider);padding:16px 0;padding:var(--space-lg) 0;transition:all .15s ease}.theory-card:hover{background:#f8f9fa;background:var(--color-bg-alt)}.theory-card h4{color:#1a73e8;color:var(--color-primary);font-size:20px;font-weight:500;margin:0 0 12px;margin:0 0 var(--space-md)}.theory-card p{color:#5f6368;color:var(--color-text-secondary);font-size:17px;line-height:1.7}.practical-case,.theory-card p{margin:12px 0;margin:var(--space-md) 0}.practical-case{background:#0000;border-bottom:1px solid #e8eaed;border-bottom:1px solid var(--color-divider);padding:16px 0;padding:var(--space-lg) 0}.practical-case:last-child{border-bottom:none}.practical-case h4{color:#1a73e8;color:var(--color-primary);font-size:20px;font-weight:500;margin:0 0 12px;margin:0 0 var(--space-md)}@media (max-width:1200px){.workflow-content{grid-template-columns:1fr}.workflow-aside{height:auto;max-height:500px}}@media (max-width:768px){.app-header{padding:0 12px;padding:0 var(--space-md)}.header-left{flex-wrap:wrap}.content-container{padding:12px;padding:var(--space-md)}.workflow-content{gap:12px;gap:var(--space-md)}.metrics-grid{grid-template-columns:1fr}}
/*# sourceMappingURL=main.a52616ab.css.map*/