:root{--color-primary: #4caf50;--color-primary-dark: #45a049;--color-secondary: #1976d2;--color-text: #333;--color-text-muted: #666;--color-border: #ddd;--color-border-hover: #4caf50;--color-bg: #f5f5f5;--color-bg-secondary: #f8f9fa;--color-bg-selected: #e8f5e9;--color-bg-hover: #f0f8f0;--color-white: white;--spacing-xs: 8px;--spacing-sm: 10px;--spacing-md: 12px;--spacing-lg: 15px;--spacing-xl: 20px;--border-radius: 6px;--border-radius-lg: 8px;--border-width: 2px;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .1);--shadow-md: 0 4px 8px rgba(76, 175, 80, .1);--shadow-focus: 0 0 0 3px rgba(76, 175, 80, .1);--font-size-base: 16px;--font-size-sm: 14px;--font-size-lg: 1.1em;--font-size-xl: 1.3em;--transition-fast: .2s}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;padding:var(--spacing-xl);max-width:1200px;margin:0 auto;background-color:var(--color-bg);line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%;-webkit-tap-highlight-color:transparent}#app{width:100%}.card{background:var(--color-bg-secondary);border:var(--border-width) solid var(--color-border);border-radius:var(--border-radius-lg);overflow:hidden;transition:all var(--transition-fast)}.card:hover{border-color:var(--color-border-hover);box-shadow:var(--shadow-md)}.card-header{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);color:var(--color-white);padding:var(--spacing-lg);display:flex;align-items:center;gap:var(--spacing-sm)}.step-number{background:#ffffff4d;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:var(--font-size-lg)}.card-header h2{color:inherit;font-size:var(--font-size-lg);margin:0}.card-content{padding:var(--spacing-xl)}.large-select.svelte-1yq76d{width:100%;padding:var(--spacing-md);font-size:16px;border:var(--border-width) solid var(--color-border);border-radius:var(--border-radius);background:var(--color-white);cursor:pointer;transition:border-color var(--transition-fast);touch-action:manipulation}.large-select.svelte-1yq76d:hover{border-color:var(--color-border-hover)}.large-select.svelte-1yq76d:focus{outline:none;border-color:var(--color-border-hover);box-shadow:var(--shadow-focus)}.direction-buttons.svelte-306no0{display:flex;flex-direction:column;gap:var(--spacing-sm)}.direction-button.svelte-306no0{display:flex;align-items:center;padding:var(--spacing-md);border:var(--border-width) solid var(--color-border);border-radius:var(--border-radius);cursor:pointer;transition:all var(--transition-fast);background:var(--color-white)}.direction-button.svelte-306no0:hover{border-color:var(--color-border-hover);background:var(--color-bg-hover)}.direction-button.selected.svelte-306no0{border-color:var(--color-border-hover);background:var(--color-bg-selected);font-weight:700}.direction-button.svelte-306no0 input[type=radio]:where(.svelte-306no0){margin-right:var(--spacing-xs);cursor:pointer}.direction-button.svelte-306no0 span:where(.svelte-306no0){font-size:var(--font-size-base)}.current-time-btn.svelte-xuvoff{width:100%;padding:var(--spacing-sm);margin-bottom:var(--spacing-lg);cursor:pointer;background-color:var(--color-secondary);color:var(--color-white);border:none;border-radius:var(--border-radius);font-size:var(--font-size-sm);transition:background-color var(--transition-fast);touch-action:manipulation}.current-time-btn.svelte-xuvoff:hover{background-color:#1565c0}.time-inputs.svelte-xuvoff{display:flex;flex-direction:column;gap:var(--spacing-lg)}.time-input-group.svelte-xuvoff{display:flex;flex-direction:column;gap:var(--spacing-xs)}.time-input-group.svelte-xuvoff label:where(.svelte-xuvoff){font-weight:700;color:var(--color-text-muted);font-size:var(--font-size-sm);cursor:pointer}.time-input-group.svelte-xuvoff input[type=time]:where(.svelte-xuvoff){width:100%;padding:var(--spacing-sm);font-size:16px;border:var(--border-width) solid var(--color-border);border-radius:var(--border-radius);transition:border-color var(--transition-fast);touch-action:manipulation}.time-input-group.svelte-xuvoff input[type=time]:where(.svelte-xuvoff):focus{outline:none;border-color:var(--color-border-hover);box-shadow:var(--shadow-focus)}.quick-buttons.svelte-xuvoff{display:flex;gap:var(--spacing-xs)}.quick-btn.svelte-xuvoff{flex:1;padding:8px 10px;background-color:#f0f0f0;color:var(--color-text-muted);border:1px solid var(--color-border);border-radius:var(--border-radius);font-size:14px;cursor:pointer;transition:all var(--transition-fast);font-weight:500;touch-action:manipulation}.quick-btn.svelte-xuvoff:hover{background-color:var(--color-bg-selected);border-color:var(--color-primary);color:var(--color-primary)}.quick-btn.svelte-xuvoff:active{transform:scale(.95)}.now-btn.svelte-xuvoff{background-color:var(--color-secondary);color:var(--color-white);border-color:var(--color-secondary)}.now-btn.svelte-xuvoff:hover{background-color:#1565c0;border-color:#1565c0;color:var(--color-white)}@media (max-width: 600px){.quick-btn.svelte-xuvoff{font-size:14px;padding:8px}}.result-section.svelte-1q687v{margin-top:30px}.result-section.svelte-1q687v h2:where(.svelte-1q687v){font-size:var(--font-size-xl);margin-bottom:var(--spacing-lg);color:var(--color-text)}table.svelte-1q687v{width:100%;border-collapse:collapse;table-layout:fixed}th.svelte-1q687v:nth-child(1),td.svelte-1q687v:nth-child(1){width:25%}th.svelte-1q687v:nth-child(2),td.svelte-1q687v:nth-child(2),th.svelte-1q687v:nth-child(3),td.svelte-1q687v:nth-child(3){width:30%}th.svelte-1q687v:nth-child(4),td.svelte-1q687v:nth-child(4){width:15%}th.svelte-1q687v,td.svelte-1q687v{border:1px solid var(--color-border);padding:var(--spacing-md);text-align:left}thead.svelte-1q687v th:where(.svelte-1q687v){background-color:var(--color-primary);color:var(--color-white);font-weight:700}tbody.svelte-1q687v th:where(.svelte-1q687v){background-color:var(--color-bg);font-weight:700}tbody.svelte-1q687v tr:where(.svelte-1q687v):hover{background-color:#f9f9f9}td.fastest.svelte-1q687v{background-color:#e8f5e9;font-weight:700;color:#2e7d32}td.slower.svelte-1q687v{background-color:#fafafa;color:#999}td.same.svelte-1q687v{background-color:#fff9e6}.time.svelte-1q687v{display:inline-block}.badge.svelte-1q687v{display:inline-block;margin-left:var(--spacing-xs);padding:2px 8px;border-radius:12px;font-size:11px;font-weight:700}.fastest-badge.svelte-1q687v{background-color:#4caf50;color:#fff}.diff-cell.svelte-1q687v{text-align:center;font-weight:700}.time-diff.svelte-1q687v{color:var(--color-primary);font-size:var(--font-size-sm)}.time-same.svelte-1q687v{color:#ff9800;font-size:var(--font-size-sm)}@media (max-width: 600px){th.svelte-1q687v:nth-child(4),td.svelte-1q687v:nth-child(4){display:none}th.svelte-1q687v:nth-child(1),td.svelte-1q687v:nth-child(1){width:30%}th.svelte-1q687v:nth-child(2),td.svelte-1q687v:nth-child(2),th.svelte-1q687v:nth-child(3),td.svelte-1q687v:nth-child(3){width:35%}.badge.svelte-1q687v{display:block;margin-left:0;margin-top:4px;width:fit-content}}main.svelte-1n46o8q{background-color:var(--color-white);padding:30px;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm)}h1.svelte-1n46o8q{color:var(--color-text);margin-bottom:var(--spacing-sm)}.description.svelte-1n46o8q{color:var(--color-text-muted);margin-bottom:30px}.input-section.svelte-1n46o8q,.result-section.svelte-1n46o8q{margin-bottom:40px}.result-section.svelte-1n46o8q{border-top:3px solid var(--color-border);padding-top:40px;margin-top:40px}.section-title.svelte-1n46o8q{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-xl);color:var(--color-text);margin-bottom:var(--spacing-xl);font-weight:600}.section-title.svelte-1n46o8q .icon:where(.svelte-1n46o8q){font-size:1.2em}.card-container.svelte-1n46o8q{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-xl)}.empty-state.svelte-1n46o8q{background:var(--color-bg-secondary);border:2px dashed var(--color-border);border-radius:var(--border-radius-lg);padding:40px;text-align:center;min-height:300px;display:flex;flex-direction:column;align-items:center;justify-content:center}.empty-state-icon.svelte-1n46o8q{font-size:4em;margin-bottom:var(--spacing-lg);opacity:.5}.empty-state-title.svelte-1n46o8q{font-size:var(--font-size-xl);color:var(--color-text-muted);font-weight:600;margin-bottom:var(--spacing-sm)}.empty-state-description.svelte-1n46o8q{color:var(--color-text-muted);max-width:400px;line-height:1.6}