:root{--bg: #0a0b0d;--surface: rgba(255,255,255,.04);--card: rgba(255,255,255,.06);--card-solid: #141518;--border: rgba(255,255,255,.08);--border-hover: rgba(255,255,255,.14);--text: #f0ece4;--text-dim: rgba(240,236,228,.55);--text-muted: rgba(240,236,228,.3);--amber: #f59e0b;--amber-glow: rgba(245,158,11,.15);--amber-deep: #d97706;--green: #7fcd91;--green-glow: rgba(127,205,145,.15);--blue: #6db3e8;--blue-glow: rgba(109,179,232,.15);--red: #e87d7d;--red-glow: rgba(232,125,125,.15);--purple: #b39ddb;--teal: #6dd4c8;--cat-hvac: #6db3e8;--cat-plumbing: #6dd4c8;--cat-electrical: #f59e0b;--cat-remodeling: #b39ddb;--serif: "Cormorant Garamond", Georgia, serif;--sans: "DM Sans", -apple-system, sans-serif;--mono: "JetBrains Mono", monospace;--radius: 16px;--radius-sm: 10px;--radius-xs: 6px;--safe-top: env(safe-area-inset-top, 16px);--safe-bottom: env(safe-area-inset-bottom, 8px)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%;background:var(--bg);overflow-x:hidden}body{font-family:var(--sans);-webkit-font-smoothing:antialiased;color:var(--text)}input,button,textarea{font-family:inherit}a{text-decoration:none;color:inherit}.ambient{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none}.ambient:before{content:"";position:absolute;width:500px;height:500px;top:-180px;right:-120px;background:radial-gradient(circle,rgba(245,158,11,.07) 0%,transparent 70%);animation:drift1 22s ease-in-out infinite}.ambient:after{content:"";position:absolute;width:400px;height:400px;bottom:-80px;left:-80px;background:radial-gradient(circle,rgba(109,179,232,.05) 0%,transparent 70%);animation:drift2 28s ease-in-out infinite}.noise{position:fixed;inset:0;z-index:1;pointer-events:none;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:128px 128px}.shell{position:relative;z-index:2;max-width:430px;margin:0 auto;min-height:100vh;min-height:100dvh;overflow:hidden}@keyframes drift1{0%,to{transform:translate(0)}50%{transform:translate(-30px,25px)}}@keyframes drift2{0%,to{transform:translate(0)}50%{transform:translate(25px,-15px)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:.4}50%{opacity:1}}@keyframes orbPulse{0%,to{box-shadow:0 0 #f59e0b4d}50%{box-shadow:0 0 0 8px #f59e0b00}}@keyframes bounce{0%,60%,to{transform:translateY(0);opacity:.4}30%{transform:translateY(-6px);opacity:1}}@keyframes recording{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.15);opacity:.7}}@keyframes progressBar{0%{width:5%}30%{width:40%}60%{width:65%}80%{width:80%}95%{width:92%}to{width:95%}}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:4px}