@tailwind base;@tailwind components;@tailwind utilities;@layer base{:root{--p31-void: #0f1115;--p31-surface: #161920;--p31-surface2: #1c2028;--p31-teal: #5DCAA5;--p31-coral: #cc6247;--p31-blue: #6B8DD6;--p31-amber: #cda852;--p31-lavender: #8b7cc9;--p31-phosphorus: #3ba372;--p31-phosphor: #00FF88;--p31-paper: #f4f4f5;--p31-ink: #1e293b;--p31-muted: #6b7280;--p31-cloud: #d8d6d0;--p31-border-subtle: rgba(255, 255, 255, .06)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:var(--p31-void);color:var(--p31-cloud)}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}}@layer components{.p31-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;gap:16px}.p31-loading__spinner{width:48px;height:48px;border:3px solid rgba(93,202,165,.3);border-top-color:var(--p31-teal);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.p31-btn-primary{@apply px-4 py-2 border border-[var(--p31-teal)] bg-[var(--p31-teal)]/[.1] text-[var(--p31-teal)] rounded-md hover:bg-[var(--p31-teal)]/[.2] transition-colors;}.p31-btn-secondary{@apply px-4 py-2 border border-[var(--p31-border-subtle)] bg-[var(--p31-surface)]/[.3] text-[var(--p31-cloud)] hover:bg-[var(--p31-surface)]/[.4] transition-colors;}}