@tailwind base;@tailwind components;@tailwind utilities;@layer base{body{@apply bg-gray-900 text-white;}}@layer components{.btn{@apply px-4 py-2 rounded-lg transition-colors duration-200;}.btn-primary{@apply bg-indigo-500 text-white hover:bg-indigo-600;}.btn-secondary{@apply bg-gray-700 text-white hover:bg-gray-600;}}:root{--vt-c-white:#fff;--vt-c-white-soft:#f8f8f8;--vt-c-white-mute:#f2f2f2;--vt-c-black:#1a1a1a;--vt-c-black-soft:#222;--vt-c-black-mute:#2c2c2c;--vt-c-indigo:#2c3e50;--vt-c-indigo-dark:#1e3a50;--vt-c-divider-light-1:rgba(60,60,60,.29);--vt-c-divider-light-2:rgba(60,60,60,.12);--vt-c-divider-dark-1:hsla(0,0%,78%,.25);--vt-c-divider-dark-2:hsla(0,0%,78%,.12);--vt-c-text-light-1:var(--vt-c-indigo);--vt-c-text-light-2:rgba(60,60,60,.66);--vt-c-text-dark-1:hsla(0,0%,100%,.95);--vt-c-text-dark-2:hsla(0,0%,92%,.7);--vt-c-primary:#3b82f6;--vt-c-primary-dark:#2563eb;--vt-c-success:#10b981;--vt-c-warning:#f59e0b;--vt-c-error:#ef4444;--color-background:var(--vt-c-white);--color-background-soft:var(--vt-c-white-soft);--color-background-mute:var(--vt-c-white-mute);--color-border:var(--vt-c-divider-light-2);--color-border-hover:var(--vt-c-divider-light-1);--color-heading:var(--vt-c-text-light-1);--color-text:var(--vt-c-text-light-1);--color-primary:var(--vt-c-primary);--color-primary-hover:var(--vt-c-primary-dark);--section-gap:160px;--color-shadow:rgba(0,0,0,.1);--color-shadow-hover:rgba(0,0,0,.15);--color-surface:var(--vt-c-white);--color-surface-hover:var(--vt-c-white-soft);--color-text-muted:var(--vt-c-text-light-2);--primary-color:var(--vt-c-primary);--warning:var(--vt-c-warning);--background:var(--vt-c-white);--surface:var(--vt-c-white);--surface-light:var(--vt-c-white-soft);--border:var(--vt-c-divider-light-2);--text-primary:var(--vt-c-text-light-1);--text-secondary:var(--vt-c-text-light-2);--text-muted:var(--vt-c-text-light-2)}.dark{--color-background:var(--vt-c-black);--color-background-soft:var(--vt-c-black-soft);--color-background-mute:var(--vt-c-black-mute);--color-border:var(--vt-c-divider-dark-2);--color-border-hover:var(--vt-c-divider-dark-1);--color-heading:var(--vt-c-text-dark-1);--color-text:var(--vt-c-text-dark-1);--color-primary:var(--vt-c-primary);--color-primary-hover:var(--vt-c-primary-dark);--color-shadow:rgba(0,0,0,.3);--color-shadow-hover:rgba(0,0,0,.4);--color-surface:var(--vt-c-black-soft);--color-surface-hover:var(--vt-c-black-mute);--color-text-muted:var(--vt-c-text-dark-2);--primary-color:var(--vt-c-primary);--warning:var(--vt-c-warning);--background:var(--vt-c-black);--surface:var(--vt-c-black-soft);--surface-light:var(--vt-c-black-mute);--border:var(--vt-c-divider-dark-2);--text-primary:var(--vt-c-text-dark-1);--text-secondary:var(--vt-c-text-dark-2);--text-muted:var(--vt-c-text-dark-2)}@media (prefers-color-scheme:dark){:root:not(.light){--color-background:var(--vt-c-black);--color-background-soft:var(--vt-c-black-soft);--color-background-mute:var(--vt-c-black-mute);--color-border:var(--vt-c-divider-dark-2);--color-border-hover:var(--vt-c-divider-dark-1);--color-heading:var(--vt-c-text-dark-1);--color-text:var(--vt-c-text-dark-1);--color-shadow:rgba(0,0,0,.3);--color-shadow-hover:rgba(0,0,0,.4);--color-surface:var(--vt-c-black-soft);--color-surface-hover:var(--vt-c-black-mute);--color-text-muted:var(--vt-c-text-dark-2);--primary-color:var(--vt-c-primary);--warning:var(--vt-c-warning);--background:var(--vt-c-black);--surface:var(--vt-c-black-soft);--surface-light:var(--vt-c-black-mute);--border:var(--vt-c-divider-dark-2);--text-primary:var(--vt-c-text-dark-1);--text-secondary:var(--vt-c-text-dark-2);--text-muted:var(--vt-c-text-dark-2)}}*,:after,:before{box-sizing:border-box;font-weight:400;margin:0}body{background:var(--color-background);color:var(--color-text);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:15px;line-height:1.6;min-height:100vh;text-rendering:optimizeLegibility;transition:color .3s ease,background-color .3s ease;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;backface-visibility:hidden;transform:translateZ(0)}h1,h2,h3,h4,h5,h6{color:var(--color-heading)}a,h1,h2,h3,h4,h5,h6{transition:color .3s ease}a{color:var(--color-primary);text-decoration:none}a:hover{color:var(--color-primary-hover)}button{background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text);transition:all .3s ease}button:hover{background:var(--color-surface-hover);border-color:var(--color-border-hover)}input,select,textarea{background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text);transition:all .3s ease}input:focus,select:focus,textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #3b82f61a;outline:none}*{backface-visibility:hidden}*,:after,:before{transition-duration:.3s;transition-property:background-color,border-color,color,fill,stroke,box-shadow;transition-timing-function:ease}html{color-scheme:light;transform:translateZ(0)}html.dark{color-scheme:dark}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}#app{box-sizing:border-box;font-weight:400;margin:0 auto;max-width:1280px;padding:1rem;width:100%}.green,a{color:#00bd7e;padding:3px;text-decoration:none;transition:.4s}@media (hover:hover){a:hover{background-color:#00bd7e33}}@media (max-width:767px){body{margin:0;padding:0}#app{display:block;padding:.5rem}}@media (min-width:768px) and (max-width:1023px){#app{display:block;padding:1rem}}@media (min-width:1024px){body{display:flex;place-items:center}#app{display:grid;grid-template-columns:1fr 1fr;padding:0 2rem}}