:root{--primary-color: #4f46e5;--secondary-color: #6366f1;--bg-color: #f8fafc;--surface-color: #ffffff;--text-primary: #1e293b;--text-secondary: #64748b;--accent-color: #0ea5e9;--font-family: "Inter", system-ui, -apple-system, sans-serif;--glass-bg: rgba(255, 255, 255, .75);--glass-border: rgba(203, 213, 225, .6)}body{margin:0;font-family:var(--font-family);background-color:var(--bg-color);color:var(--text-primary);-webkit-font-smoothing:antialiased;min-height:100vh}#root{min-height:100vh;display:flex;flex-direction:column}input{background-color:var(--surface-color);border:1px solid var(--glass-border);color:var(--text-primary);padding:.75rem 1rem;border-radius:.5rem;outline:none;font-size:1rem;transition:border-color .2s,box-shadow .2s}input:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px #6366f133}button{background-color:var(--primary-color);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:.5rem;font-weight:600;cursor:pointer;transition:background-color .2s,transform .1s}button:hover{background-color:var(--secondary-color)}button:active{transform:scale(.98)}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--glass-border);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;border-radius:1rem}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-color)}::-webkit-scrollbar-thumb{background:var(--surface-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.world-clock{display:flex;gap:1.5rem;margin-right:2rem;align-items:center}.clock-item{display:flex;flex-direction:column;align-items:center;line-height:1.1}.clock-label{font-size:.7rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:2px}.clock-time{font-family:var(--font-family);font-feature-settings:"tnum";font-weight:700;color:var(--primary-color);font-size:.95rem}