:root{color-scheme:light dark;--font-sans: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-size-xs: .75rem;--font-size-sm: .8125rem;--font-size-base: 1rem;--font-size-md: 1.0625rem;--font-size-lg: 1.25rem;--font-size-xl: 1.5rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--space-7: 3rem;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 20px;--transition-fast: .12s ease;--transition: .18s ease;--color-bg: #f6f8f7;--color-surface: #ffffff;--color-surface-muted: #eef2f0;--color-border: #e0e5e2;--color-border-strong: #c7cfca;--color-text: #1f2624;--color-text-muted: #5c6864;--color-text-faint: #8b9793;--color-primary: #3f7d70;--color-primary-strong: #316358;--color-primary-soft: #e4efec;--color-on-primary: #ffffff;--color-danger: #a84a37;--color-danger-soft: #f6e8e4;--color-success: #3f7d55;--color-success-soft: #e4efe7;--color-focus-ring: rgba(63, 125, 112, .35);--shadow-sm: 0 1px 2px rgba(21, 30, 27, .06);--shadow-md: 0 12px 32px rgba(21, 30, 27, .1)}@media (prefers-color-scheme: dark){:root{--color-bg: #12181a;--color-surface: #1b2224;--color-surface-muted: #222b2c;--color-border: #2d3738;--color-border-strong: #3c4749;--color-text: #e8ede9;--color-text-muted: #a3aead;--color-text-faint: #798480;--color-primary: #74b8a5;--color-primary-strong: #8ec9b8;--color-primary-soft: #1f2f2a;--color-on-primary: #0c1211;--color-danger: #e29b81;--color-danger-soft: #34241f;--color-success: #8ec9a5;--color-success-soft: #1f2f26;--color-focus-ring: rgba(116, 184, 165, .4);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 12px 32px rgba(0, 0, 0, .45)}}*,*:before,*:after{box-sizing:border-box}body{margin:0;background-color:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);font-size:var(--font-size-base);line-height:1.5}button{font-family:inherit}.page-centered{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:var(--space-5)}.app-shell{min-height:100vh;display:flex;flex-direction:column}.app-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-4) var(--space-6);background-color:var(--color-surface);border-bottom:1px solid var(--color-border)}.app-brand{font-size:var(--font-size-md);font-weight:700;color:var(--color-text);letter-spacing:-.01em}.app-header-actions{display:flex;align-items:center;gap:var(--space-5)}.app-main{flex:1;display:flex;align-items:center;justify-content:center;padding:var(--space-5)}.clock{display:flex;flex-direction:column;align-items:flex-end;line-height:1.25}.clock-time{font-size:var(--font-size-md);font-weight:600;color:var(--color-text);font-variant-numeric:tabular-nums}.clock-zone{font-size:var(--font-size-xs);font-weight:500;color:var(--color-text-faint)}.card{width:100%;max-width:380px;padding:var(--space-6);border-radius:var(--radius-lg);background-color:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-md)}.card h1{margin:0 0 var(--space-2);font-size:var(--font-size-xl);font-weight:700;color:var(--color-text)}.card p{margin:0;color:var(--color-text-muted)}.card-subtitle{margin:0 0 var(--space-5);color:var(--color-text-muted);font-size:var(--font-size-sm)}.form{display:flex;flex-direction:column}.field{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-4)}.field label{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-muted)}.field input,.input{padding:.625rem .75rem;border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);background-color:var(--color-surface);color:var(--color-text);font-size:var(--font-size-base);font-family:inherit;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.field input:focus,.input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-focus-ring)}.form-error{padding:var(--space-3);border-radius:var(--radius-sm);background-color:var(--color-danger-soft);color:var(--color-danger);font-size:var(--font-size-sm);margin-bottom:var(--space-4)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:.625rem 1.125rem;border-radius:var(--radius-sm);border:1px solid transparent;font-size:var(--font-size-base);font-weight:600;cursor:pointer;transition:background-color var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast)}.btn:disabled{cursor:not-allowed;opacity:.6}.btn-block{width:100%}.btn-primary{background-color:var(--color-primary);color:var(--color-on-primary)}.btn-primary:hover:not(:disabled){background-color:var(--color-primary-strong)}.btn-ghost{background-color:transparent;border-color:var(--color-border-strong);color:var(--color-text-muted)}.btn-ghost:hover:not(:disabled){background-color:var(--color-surface-muted);border-color:var(--color-text-faint);color:var(--color-text)}.btn-danger{background-color:transparent;border-color:var(--color-danger);color:var(--color-danger)}.btn-danger:hover:not(:disabled){background-color:var(--color-danger-soft)}.btn-sm{padding:.375rem .75rem;font-size:var(--font-size-sm)}.form-success{padding:var(--space-3);border-radius:var(--radius-sm);background-color:var(--color-success-soft);color:var(--color-success);font-size:var(--font-size-sm);margin-bottom:var(--space-4)}.page-section{width:100%;max-width:720px;display:flex;flex-direction:column;gap:var(--space-6);padding:var(--space-5) 0}.card-wide{max-width:480px}.card-resizable{resize:both;overflow:auto;min-width:320px;min-height:280px;max-width:90vw;max-height:90vh}.section-heading{margin:0;font-size:var(--font-size-lg);font-weight:700;color:var(--color-text)}.table-wrapper{width:100%;overflow-x:auto;border-radius:var(--radius-md);border:1px solid var(--color-border);background-color:var(--color-surface)}.table{width:100%;border-collapse:collapse}.table th,.table td{text-align:left;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border);font-size:var(--font-size-sm);white-space:nowrap}.table th{color:var(--color-text-muted);font-weight:600;background-color:var(--color-surface-muted)}.table tr:last-child td{border-bottom:none}.table select{padding:.375rem .5rem;border-radius:var(--radius-sm);border:1px solid var(--color-border-strong);background-color:var(--color-surface);color:var(--color-text);font-size:var(--font-size-sm);font-family:inherit}.table-actions{display:flex;gap:var(--space-2);align-items:center}.text-faint{color:var(--color-text-faint);font-size:var(--font-size-xs)}