@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}body{font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-width:320px;min-height:100vh;margin:0;transition:background .3s,color .3s;display:flex}body.dark-mode{color:#ededed;background:#0e0e10}body.light-mode{color:#111827;background:#f9fafb}#root{flex-direction:column;width:100%;display:flex}.surface-card{transition:all .2s}.dark-mode .surface-card{background:#18181b;border:1px solid #27272a;box-shadow:0 4px 6px -1px #0006,0 2px 4px -1px #0003}.light-mode .surface-card{background:#fff;border:1px solid #e5e7eb;box-shadow:0 1px 3px #0000000d,0 1px 2px #00000008}.surface-card-hover:hover{transform:translateY(-2px)}.dark-mode .surface-card-hover:hover{border-color:#3f3f46;box-shadow:0 10px 15px -3px #00000080}.light-mode .surface-card-hover:hover{border-color:#d1d5db;box-shadow:0 4px 6px -1px #0000000d}