:root{--ghibli-sky-blue: #a8d8ea;--ghibli-soft-green: #a8e6a3;--ghibli-warm-cream: #fff8e7;--ghibli-soft-pink: #ffccd5;--ghibli-wood-brown: #d4a574;--ghibli-sunset-orange: #ffb88c;--ghibli-lavender: #c5b4e393;--ghibli-soft-yellow: #ffe6a7;--ghibli-forest-green: #7fb069;--ghibli-cloud-white: #fefefe;--md-theme-primary: var(--ghibli-soft-green);--md-theme-primary-dark: var(--ghibli-forest-green);--md-theme-primary-light: #d5f4d1;--md-theme-secondary: var(--ghibli-sunset-orange);--md-theme-background: linear-gradient(135deg, #fff8e7 0%, #ffe6cc 50%, #ffd4b8 100%);--md-theme-surface: var(--ghibli-cloud-white);--md-theme-error: #ff9aa2;--md-theme-success: var(--ghibli-forest-green);--md-theme-text-primary: #5a4a42;--md-theme-text-secondary: #8b7a6f;--md-theme-text-disabled: rgba(90, 74, 66, .4);--md-elevation-1: 0px 4px 12px rgba(212, 165, 116, .15), 0px 2px 6px rgba(0, 0, 0, .08);--md-elevation-2: 0px 6px 20px rgba(212, 165, 116, .18), 0px 3px 8px rgba(0, 0, 0, .1);--md-elevation-4: 0px 10px 30px rgba(212, 165, 116, .22), 0px 5px 12px rgba(0, 0, 0, .12);--md-elevation-8: 0px 16px 48px rgba(212, 165, 116, .28), 0px 8px 20px rgba(0, 0, 0, .15);--md-spacing-1: 4px;--md-spacing-2: 8px;--md-spacing-3: 12px;--md-spacing-4: 16px;--md-spacing-5: 20px;--md-spacing-6: 24px;--md-spacing-8: 32px;--md-spacing-10: 40px;font-family:Nunito,"Rounded Mplus 1c",Noto Sans JP,PingFang SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{margin:0;min-width:320px;min-height:100vh;background:var(--md-theme-background);color:var(--md-theme-text-primary);font-size:14px;line-height:20px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;position:relative}body:before{content:"";position:fixed;inset:0;background-image:radial-gradient(circle at 20% 50%,rgba(168,216,234,.1) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(255,230,167,.12) 0%,transparent 50%),radial-gradient(circle at 40% 90%,rgba(197,180,227,.08) 0%,transparent 50%);pointer-events:none;z-index:0}h1,h2,h3,h4,h5,h6{font-weight:500;letter-spacing:0;margin:0}h3{font-size:1.25rem;font-weight:700;letter-spacing:.02em;line-height:2rem;color:var(--md-theme-text-primary)}button{font-family:inherit;font-size:inherit;cursor:pointer;border:none;outline:none;transition:all .2s cubic-bezier(.4,0,.2,1)}a{color:var(--md-theme-primary);text-decoration:none}a:hover{color:var(--md-theme-primary-dark)}@keyframes ripple{to{transform:scale(4);opacity:0}}.app{min-height:100vh;display:flex;flex-direction:column;background:transparent;position:relative;z-index:1}.app-header{background:#a8e6a3;color:var(--md-theme-text-primary);padding:var(--md-spacing-6) var(--md-spacing-4);box-shadow:0 8px 32px #7fb0694d;position:relative;z-index:10;border-bottom:3px solid rgba(255,255,255,.5)}.header-content{display:flex;justify-content:space-between;align-items:center;gap:var(--md-spacing-4)}.header-text{flex:1}.app-header h1{margin:0;font-size:32px;font-weight:700;letter-spacing:.02em;line-height:40px;color:#fff;text-shadow:2px 2px 4px rgba(127,176,105,.4)}.subtitle{margin-top:var(--md-spacing-2);font-size:16px;font-weight:500;letter-spacing:.02em;color:#fffffff2;text-shadow:1px 1px 2px rgba(127,176,105,.3)}.language-toggle{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:100px;height:36px;padding:0 18px;font-size:14px;font-weight:600;letter-spacing:.02em;border-radius:20px;background:#ffffffe6;color:var(--ghibli-forest-green);border:2px solid rgba(255,255,255,.5);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap;box-shadow:0 4px 12px #7fb06933}.language-toggle .anticon{margin-right:0;font-size:16px}.language-toggle:hover{background:#fff;border-color:#fffc;box-shadow:0 6px 20px #7fb0694d;transform:translateY(-2px)}.language-toggle:active{transform:translateY(0);box-shadow:0 4px 12px #7fb06933}.app-main{flex:1;padding:var(--md-spacing-6) var(--md-spacing-4);max-width:1440px;width:100%;margin:0 auto}.app-footer{background-color:var(--md-theme-surface);padding:var(--md-spacing-4);text-align:center;color:var(--md-theme-text-secondary);font-size:12px;letter-spacing:.4px;box-shadow:0 -2px 4px #0000000f}.benchmark-runner{background:#fffffff2;border-radius:20px;padding:var(--md-spacing-6);margin-bottom:var(--md-spacing-6);box-shadow:var(--md-elevation-2);transition:all .3s cubic-bezier(.4,0,.2,1);border:2px solid rgba(168,230,163,.3)}.benchmark-runner:hover{box-shadow:var(--md-elevation-4);transform:translateY(-2px)}.controls{display:flex;align-items:center;gap:var(--md-spacing-4);flex-wrap:wrap}.run-button{display:inline-flex;align-items:center;justify-content:center;min-width:64px;height:40px;padding:0 28px;font-size:14px;font-weight:700;letter-spacing:.05em;text-transform:none;border-radius:20px;box-shadow:0 6px 20px #a8e6a366;background:var(--ghibli-soft-green);color:#fff;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;border:2px solid rgba(255,255,255,.5)}.run-button:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .6s,height .6s}.run-button:hover:not(:disabled){box-shadow:0 8px 28px #a8e6a380;transform:translateY(-3px)}.run-button:active:not(:disabled):before{width:300px;height:300px}.run-button:disabled{opacity:.38;cursor:not-allowed;box-shadow:none;background-color:#0000001f;color:#00000061}.config-button{display:inline-flex;align-items:center;justify-content:center;min-width:64px;height:40px;padding:0 24px;font-size:14px;font-weight:600;letter-spacing:.02em;text-transform:none;border-radius:20px;box-shadow:0 4px 12px #ffb88c4d;background:#fff8e7;color:var(--ghibli-wood-brown);border:2px solid var(--ghibli-sunset-orange);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.config-button:hover:not(:disabled){box-shadow:0 6px 20px #ffb88c66;background:#fff;transform:translateY(-2px)}.config-button:disabled{opacity:.38;cursor:not-allowed;box-shadow:none;border-color:#0000001f;color:#00000061}.status{color:var(--md-theme-text-secondary);font-size:14px;font-weight:400;letter-spacing:.25px;flex:1}.disclaimer-section{margin-top:var(--md-spacing-6);display:grid;grid-template-columns:1fr 1fr;gap:var(--md-spacing-4)}.disclaimer-box,.tips-box{padding:var(--md-spacing-5);border-radius:16px;border:2px solid;background:#ffffffd9;box-shadow:0 6px 20px #00000014;transition:all .3s ease}.disclaimer-box{border-color:var(--ghibli-sunset-orange);background:#fff8e7f2}.disclaimer-box:hover{transform:translateY(-2px);box-shadow:0 8px 28px #ffb88c33}.tips-box{border-color:var(--ghibli-sky-blue);background:#e8f7fcf2}.tips-box:hover{transform:translateY(-2px);box-shadow:0 8px 28px #a8d8ea33}.disclaimer-box h4,.tips-box h4{margin:0 0 var(--md-spacing-2) 0;font-size:14px;font-weight:500;color:#000000de;letter-spacing:.25px;display:flex;align-items:center}.disclaimer-box h4 .anticon{margin-right:6px;color:#ff9800;font-size:16px}.tips-box h4 .anticon{margin-right:6px;color:#2196f3;font-size:16px}.disclaimer-box p,.tips-box p{margin:0;font-size:13px;line-height:1.6;color:#000000b3;letter-spacing:.25px}.config-panel{margin-top:var(--md-spacing-6);padding:var(--md-spacing-6);background:#e8f7fc66;border-radius:16px;border:2px solid rgba(168,216,234,.4);box-shadow:0 4px 12px #a8d8ea26}.config-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--md-spacing-4)}.config-header h3{margin:0;color:var(--md-theme-text-primary);font-size:18px;font-weight:500;letter-spacing:.15px}.reset-button{display:inline-flex;align-items:center;justify-content:center;min-width:64px;height:32px;padding:0 16px;font-size:13px;font-weight:500;letter-spacing:.0892857143em;text-transform:uppercase;border-radius:4px;background-color:transparent;color:var(--md-theme-primary);border:1px solid var(--md-theme-primary);cursor:pointer;transition:all .28s cubic-bezier(.4,0,.2,1)}.reset-button:hover:not(:disabled){background-color:#b7eb8f1a}.reset-button:disabled{opacity:.38;cursor:not-allowed;border-color:#0000001f;color:#00000061}.config-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--md-spacing-4);margin-bottom:var(--md-spacing-4)}.config-item{display:flex;flex-direction:column;gap:var(--md-spacing-2)}.config-item label{font-size:12px;font-weight:500;color:var(--md-theme-text-secondary);letter-spacing:.4px;text-transform:uppercase}.config-item input[type=number]{height:42px;padding:0 var(--md-spacing-4);font-size:16px;font-weight:500;color:var(--md-theme-text-primary);background:#ffffffe6;border:2px solid rgba(168,216,234,.3);border-radius:12px;transition:all .3s cubic-bezier(.4,0,.2,1);font-family:inherit;box-shadow:0 2px 8px #a8d8ea1a}.config-item input[type=number]:hover:not(:disabled){border-color:var(--ghibli-sky-blue);box-shadow:0 4px 12px #a8d8ea33}.config-item input[type=number]:focus{outline:none;border-color:var(--ghibli-soft-green);border-width:2px;padding:0 calc(var(--md-spacing-4) - 1px);box-shadow:0 4px 16px #a8e6a34d}.config-item input[type=number]:disabled{opacity:.5;cursor:not-allowed;background-color:#00000008;border-color:#0000001f}.config-warning{padding:var(--md-spacing-3) var(--md-spacing-4);background:#fff8e7e6;border-radius:12px;color:var(--ghibli-wood-brown);font-size:13px;letter-spacing:.02em;line-height:1.6;display:flex;align-items:center;border:2px solid rgba(255,184,140,.3);box-shadow:0 2px 8px #ffb88c26}.config-warning .anticon{margin-right:8px;color:var(--ghibli-sunset-orange);font-size:16px;flex-shrink:0}.summary{margin-top:var(--md-spacing-6);padding-top:var(--md-spacing-6);border-top:1px solid rgba(0,0,0,.12)}.summary h3{margin-bottom:var(--md-spacing-4);color:var(--md-theme-text-primary);font-size:20px;font-weight:500;letter-spacing:.15px}.summary-stats{display:flex;gap:var(--md-spacing-4);flex-wrap:wrap}.summary-stats div{padding:var(--md-spacing-3) var(--md-spacing-5);background:#ffffffe6;border-radius:16px;box-shadow:0 4px 12px #d4a57433;font-weight:600;color:var(--ghibli-wood-brown);font-size:14px;letter-spacing:.02em;border:2px solid rgba(255,230,167,.4);transition:all .3s ease}.summary-stats div:hover{transform:translateY(-2px);box-shadow:0 6px 20px #d4a5744d}.charts{display:flex;flex-direction:column;gap:var(--md-spacing-6)}.chart-container{background:#fffffff2;border-radius:20px;padding:var(--md-spacing-6);box-shadow:var(--md-elevation-2);transition:all .3s cubic-bezier(.4,0,.2,1);border:2px solid rgba(197,180,227,.2)}.chart-container:hover{box-shadow:var(--md-elevation-4);transform:translateY(-3px);border-color:#c5b4e366}.chart-container h3{margin:0 0 var(--md-spacing-2) 0;color:var(--md-theme-text-primary);font-size:20px;font-weight:500;letter-spacing:.15px}.chart-description{margin:0 0 var(--md-spacing-4) 0;padding:var(--md-spacing-3) var(--md-spacing-4);color:var(--md-theme-text-secondary);font-size:13px;line-height:1.6;letter-spacing:.02em;background:#a8e6a31f;border-radius:12px}.zoom-hint{display:inline-block;margin-top:var(--md-spacing-1);font-size:12px;color:#00000080;font-style:italic}.results-section{display:flex;flex-direction:column;gap:var(--md-spacing-6)}.metrics-table-container{background-color:var(--md-theme-surface);border-radius:4px;padding:var(--md-spacing-6);box-shadow:var(--md-elevation-1);transition:box-shadow .28s cubic-bezier(.4,0,.2,1)}.metrics-table-container:hover{box-shadow:var(--md-elevation-2)}.table-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--md-spacing-4)}.table-header h3{margin:0;color:var(--md-theme-text-primary);font-size:20px;font-weight:500;letter-spacing:.15px}.export-button{display:inline-flex;align-items:center;justify-content:center;min-width:64px;height:32px;padding:0 16px;font-size:14px;font-weight:500;letter-spacing:.0892857143em;text-transform:uppercase;border-radius:4px;box-shadow:var(--md-elevation-2);background-color:var(--md-theme-success);color:#fff;cursor:pointer;transition:all .28s cubic-bezier(.4,0,.2,1)}.export-button:hover{box-shadow:var(--md-elevation-4);background-color:#43a047}.table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}.metrics-table{width:100%;border-collapse:collapse;font-size:14px;letter-spacing:.25px}.metrics-table th{background:#a8e6a34d;padding:16px 12px;text-align:left;font-weight:700;color:var(--ghibli-forest-green);border-bottom:2px solid rgba(127,176,105,.3);font-size:12px;letter-spacing:.05em;text-transform:uppercase}.metrics-table td{padding:16px 8px;border-bottom:1px solid rgba(0,0,0,.06);color:var(--md-theme-text-primary)}.wasm-header{background:var(--ghibli-soft-green)!important;color:#fff!important;text-shadow:1px 1px 2px rgba(0,0,0,.1);font-weight:700!important}.wasm-cell{background:#b5e4a97a;font-weight:600}.ts-header{background:var(--ghibli-soft-pink)!important;color:#fff!important;text-shadow:1px 1px 2px rgba(0,0,0,.1);font-weight:700!important}.ts-cell{background:#f7ced5ad;font-weight:600}.metrics-table tbody tr{transition:background-color .15s}.metrics-table tbody tr:hover{background-color:#0000000a}.name-cell{font-weight:500;color:var(--md-theme-text-primary)}.wasm-faster{background:#a8e6a37a}.wasm-faster:hover{background:#a8e6a338}.ts-faster{background:#ffccd57a}.ts-faster:hover{background:#ffccd538}.speedup-positive{color:var(--md-theme-success);font-weight:500}.speedup-negative{color:var(--md-theme-error);font-weight:500}.improvement-positive{color:var(--md-theme-success);font-weight:500}.improvement-negative{color:var(--md-theme-error);font-weight:500}@media(max-width:768px){.header-content{flex-direction:column;align-items:flex-start}.app-header h1{font-size:24px;line-height:32px}.subtitle{font-size:14px}.language-toggle{align-self:flex-end}.app-main{padding:var(--md-spacing-4) var(--md-spacing-2)}.disclaimer-section{grid-template-columns:1fr}.benchmark-runner{padding:var(--md-spacing-4)}.controls{flex-direction:column;align-items:stretch}.run-button{width:100%}.summary-stats{flex-direction:column;gap:var(--md-spacing-2)}.table-header{flex-direction:column;align-items:flex-start;gap:var(--md-spacing-4)}.export-button{width:100%}.metrics-table{font-size:12px}.metrics-table th,.metrics-table td{padding:12px 4px}.chart-container{padding:var(--md-spacing-4)}}.anticon{margin-right:6px;vertical-align:-.125em}button .anticon{margin-right:4px}h3 .anticon,h4 .anticon{margin-right:8px}.history-container{margin-top:var(--md-spacing-8);background:#fffffff2;border-radius:20px;padding:var(--md-spacing-6);box-shadow:var(--md-elevation-2);border:2px solid rgba(255,230,167,.3);transition:all .3s ease}.history-container:hover{box-shadow:var(--md-elevation-4);transform:translateY(-2px)}.history-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--md-spacing-4);padding-bottom:var(--md-spacing-3);border-bottom:1px solid rgba(0,0,0,.12)}.history-header h3{margin:0;color:var(--md-theme-text-primary);font-size:20px;font-weight:500;letter-spacing:.15px;display:flex;align-items:center}.history-header h3 .anticon{margin-right:8px;font-size:22px}.history-actions{display:flex;gap:var(--md-spacing-2)}.history-actions .export-button,.history-actions .clear-button{display:inline-flex;align-items:center;justify-content:center;height:36px;padding:0 18px;font-size:13px;font-weight:600;border-radius:18px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);border:2px solid}.history-actions .export-button{background:var(--ghibli-soft-green);color:#fff;border-color:#ffffff80;box-shadow:0 4px 12px #a8e6a34d}.history-actions .export-button:hover{box-shadow:0 6px 20px #a8e6a366;transform:translateY(-2px)}.history-actions .clear-button{background:#ffb0b0;color:#fff;border-color:#ffffff80;box-shadow:0 4px 12px #ff9aa24d}.history-actions .clear-button:hover{box-shadow:0 6px 20px #ff9aa266;transform:translateY(-2px)}.history-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--md-spacing-8) 0;color:var(--md-theme-text-secondary);font-size:14px}.history-list{display:flex;flex-direction:column;gap:var(--md-spacing-3)}.history-item{border:2px solid rgba(168,216,234,.3);border-radius:16px;background:#fffffff2;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden}.history-item:hover{box-shadow:0 6px 24px #a8d8ea4d;transform:translate(4px);border-color:#a8d8ea80}.history-item-header{display:flex;justify-content:space-between;align-items:center;padding:var(--md-spacing-3) var(--md-spacing-4);cursor:pointer;-webkit-user-select:none;user-select:none}.history-item-info{flex:1}.history-item-date{font-size:14px;font-weight:500;color:var(--md-theme-text-primary);margin-bottom:var(--md-spacing-2);display:flex;align-items:center}.history-item-date .anticon{margin-right:6px;color:var(--md-theme-primary)}.history-item-stats{display:flex;gap:var(--md-spacing-2);flex-wrap:wrap}.stat-badge{display:inline-flex;align-items:center;padding:6px 12px;font-size:12px;font-weight:600;border-radius:12px;background:#fff8e7e6;border:1px solid rgba(212,165,116,.3);box-shadow:0 2px 8px #0000000f;color:var(--ghibli-wood-brown)}.stat-badge .anticon{margin-right:4px;font-size:13px}.stat-badge.wasm-badge{background:#a8e6a3e6;color:var(--ghibli-forest-green);border-color:#7fb06966}.stat-badge.wasm-badge .anticon{color:var(--ghibli-forest-green)}.history-item-actions{display:flex;gap:var(--md-spacing-2);align-items:center}.history-item-actions .load-button,.history-item-actions .delete-button{display:inline-flex;align-items:center;justify-content:center;height:34px;padding:0 14px;font-size:13px;border-radius:17px;cursor:pointer;transition:all .3s;border:2px solid}.history-item-actions .load-button{background:var(--ghibli-sky-blue);color:#fff;border-color:#ffffff80;font-weight:600;box-shadow:0 3px 10px #a8d8ea4d}.history-item-actions .load-button:hover{box-shadow:0 5px 18px #a8d8ea66;transform:translateY(-2px)}.history-item-actions .delete-button{background:#ffe6e6cc;color:#ff6b6b;border-color:#ffccd5;padding:0 10px;font-size:16px;box-shadow:0 3px 10px #ff6b6b26}.history-item-actions .delete-button:hover{background:#ffccd5f2;box-shadow:0 5px 18px #ff6b6b40;transform:translateY(-2px)}.expand-icon{color:var(--md-theme-text-secondary);font-size:12px;margin-left:var(--md-spacing-2);display:inline-flex;align-items:center}.expand-icon .anticon{margin:0}.history-item-details{padding:var(--md-spacing-4);border-top:2px solid rgba(168,216,234,.2);background:#e8f7fc80}.history-item-env{margin-bottom:var(--md-spacing-3);padding:var(--md-spacing-3);background:#ffffffb3;border-radius:12px;font-size:13px;border:1px solid rgba(212,165,116,.2)}.history-item-env strong{display:block;margin-bottom:var(--md-spacing-1);color:var(--md-theme-text-primary)}.env-info{display:flex;gap:var(--md-spacing-4);flex-wrap:wrap;color:var(--md-theme-text-secondary)}.env-info div{display:flex;align-items:center}.env-info .anticon{margin-right:6px;color:var(--md-theme-primary)}.history-item-results{overflow-x:auto}.mini-results-table{width:100%;font-size:12px;border-collapse:collapse}.mini-results-table th{background:var(--ghibli-lavender);padding:10px;text-align:left;font-weight:600;color:#fff;border-bottom:2px solid rgba(197,180,227,.3);text-shadow:1px 1px 2px rgba(0,0,0,.1)}.mini-results-table td{padding:8px;border-bottom:1px solid rgba(0,0,0,.06);color:var(--md-theme-text-secondary)}.mini-results-table tbody tr:hover{background-color:#00000005}.mini-results-table .wasm-faster{background:#a8e6a31f}.mini-results-table .ts-faster{background:#ffccd51f}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#fff8e780;border-radius:10px}::-webkit-scrollbar-thumb{background:var(--ghibli-soft-green);border-radius:10px;border:2px solid rgba(255,255,255,.5)}::-webkit-scrollbar-thumb:hover{background:var(--ghibli-forest-green);box-shadow:0 0 6px #7fb06980}