@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Space+Grotesk:wght@300;400;500;600;700&family=Outfit:wght@300;400;500;600;700;800&display=swap";
:root{--bg-void:#060609;--bg-surface:#ffffff09;--bg-surface-hover:#fff1;--bg-elevated:#ffffff0b;--bg-glass:#0a0a12b8;--accent:#d4e4f7;--accent-bright:#a8c8f0;--accent-dim:#a8c8f01a;--accent-glow:#a8c8f033;--teal:#6dd5c8;--teal-dim:#6dd5c814;--teal-glow:#6dd5c826;--positive:#5eeaaa;--positive-dim:#5eeaaa1a;--caution:#ffd166;--caution-dim:#ffd16614;--negative:#ff7b7b;--info:#a0c4ff;--text-primary:#eef1f6;--text-secondary:#eef1f68c;--text-muted:#eef1f652;--text-ghost:#eef1f624;--border:#ffffff0f;--border-hover:#ffffff1f;--border-active:#a8c8f038;--border-glass:#ffffff14;--r-sm:12px;--r-md:18px;--r-lg:26px;--shadow-sm:0 2px 8px #0000004d, 0 1px 3px #0003;--shadow-md:0 8px 32px #0006, 0 2px 8px #0000004d;--shadow-lg:0 20px 60px #00000080, 0 8px 24px #0000004d;--shadow-glow:0 0 40px #a8c8f00f;--nav-h:64px;--safe-b:env(safe-area-inset-bottom,0px)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none}body{background:var(--bg-void);color:var(--text-primary);letter-spacing:.01em;min-height:100dvh;font-family:Outfit,-apple-system,BlinkMacSystemFont,sans-serif;font-weight:400;position:relative;overflow-x:hidden}body:before{content:"";z-index:0;pointer-events:none;background:radial-gradient(600px 400px at 20% 20%,#a8c8f00a 0%,#0000 70%),radial-gradient(500px 500px at 80% 70%,#6dd5c808 0%,#0000 70%),radial-gradient(300px 600px,#a8c8f005 0%,#0000 70%);animation:25s ease-in-out infinite alternate ambient-drift;position:fixed;inset:0}body:after{content:"";z-index:0;pointer-events:none;background:radial-gradient(400px 300px at 70% 30%,#6dd5c806 0%,#0000 60%),radial-gradient(350px 350px at 30% 80%,#a8c8f005 0%,#0000 60%);animation:30s ease-in-out infinite alternate ambient-drift-reverse;position:fixed;inset:0}@keyframes ambient-drift{0%{opacity:1;transform:translate(0)scale(1)}33%{opacity:.8;transform:translate(30px,-20px)scale(1.05)}66%{opacity:1;transform:translate(-20px,15px)scale(.98)}to{opacity:.9;transform:translate(15px,-10px)scale(1.02)}}@keyframes ambient-drift-reverse{0%{opacity:.7;transform:translate(0)scale(1)}50%{opacity:1;transform:translate(-25px,20px)scale(1.04)}to{opacity:.8;transform:translate(20px,-15px)scale(.97)}}@supports (padding:env(safe-area-inset-top)){body{padding-top:env(safe-area-inset-top)}}::-webkit-scrollbar{width:3px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-hover);border-radius:3px}::selection{background:var(--accent-dim);color:var(--text-primary)}.app-container{min-height:100dvh;padding-bottom:calc(var(--nav-h) + var(--safe-b) + 8px);z-index:1;flex-direction:column;display:flex;position:relative}.page-content{flex:1;width:100%;max-width:460px;margin:0 auto;padding:24px 20px}@media (min-width:768px){.page-content{max-width:560px;padding:32px 24px}}.bottom-nav{height:calc(var(--nav-h) + var(--safe-b));padding-bottom:var(--safe-b);background:var(--bg-glass);-webkit-backdrop-filter:blur(32px)saturate(160%);border-top:1px solid var(--border-glass);z-index:100;justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0}.nav-item{color:var(--text-muted);flex-direction:column;align-items:center;gap:4px;min-width:52px;padding:6px 14px;text-decoration:none;transition:color .25s,transform .15s;display:flex;position:relative}.nav-item:active{transform:scale(.92)}.nav-item.active{color:var(--accent-bright)}.nav-item.active:after{content:"";background:linear-gradient(90deg, transparent, var(--accent-bright), transparent);border-radius:0 0 2px 2px;width:20px;height:2px;position:absolute;top:0;left:50%;transform:translate(-50%)}.nav-icon{justify-content:center;align-items:center;width:20px;height:20px;display:flex}.nav-icon svg{stroke:currentColor;stroke-width:1.5px;fill:none;width:20px;height:20px}.nav-label{letter-spacing:.08em;text-transform:uppercase;font-family:Space Grotesk,monospace;font-size:9px;font-weight:500}.card{background:var(--bg-surface);border:1px solid var(--border-glass);border-radius:var(--r-md);-webkit-backdrop-filter:blur(12px);padding:18px;transition:all .3s cubic-bezier(.25,.46,.45,.94);position:relative;overflow:hidden}.card:before{content:"";pointer-events:none;background:linear-gradient(90deg,#0000 10%,#ffffff14 50%,#0000 90%);height:1px;position:absolute;top:0;left:0;right:0}.card:hover{background:var(--bg-surface-hover);border-color:var(--border-hover);box-shadow:var(--shadow-glow);transform:translateY(-1px)}.heading-display{letter-spacing:-.03em;font-family:Space Grotesk,sans-serif;font-weight:700;line-height:1.05}.heading-sm{letter-spacing:-.02em;font-family:Space Grotesk,sans-serif;font-size:18px;font-weight:600}.label{letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted);font-family:Space Grotesk,monospace;font-size:9px;font-weight:500}.label-sm{letter-spacing:.2em;text-transform:uppercase;color:var(--text-ghost);font-family:Space Grotesk,monospace;font-size:8px;font-weight:500}.value-lg{letter-spacing:-.02em;font-family:Space Grotesk,monospace;font-size:28px;font-weight:600;line-height:1}.value-md{letter-spacing:-.01em;font-family:Space Grotesk,monospace;font-size:18px;font-weight:600}.body-sm{color:var(--text-secondary);font-size:13px;line-height:1.5}.status-dot{border-radius:50%;width:6px;height:6px;display:inline-block}.status-dot.active{background:var(--positive);animation:3s ease-in-out infinite breathe;box-shadow:0 0 10px #5eeaaa80,0 0 20px #5eeaaa33}@keyframes breathe{0%,to{opacity:1}50%{opacity:.5}}.p-chat-container{height:calc(100dvh - var(--nav-h) - var(--safe-b) - 8px);flex-direction:column;display:flex}.p-messages{flex-direction:column;flex:1;gap:14px;padding:20px;display:flex;overflow-y:auto}.p-message{border-radius:var(--r-md);-webkit-backdrop-filter:blur(8px);max-width:85%;padding:14px 16px;font-size:14px;line-height:1.55}.p-message.from-p{background:var(--bg-elevated);border:1px solid var(--border-glass);border-bottom-left-radius:4px;align-self:flex-start}.p-message.from-client{background:#a8c8f014;border:1px solid #a8c8f01f;border-bottom-right-radius:4px;align-self:flex-end}.p-input-bar{background:var(--bg-glass);-webkit-backdrop-filter:blur(32px);border-top:1px solid var(--border-glass);gap:10px;padding:14px 20px;display:flex}.p-input{border:1px solid var(--border);border-radius:var(--r-lg);color:var(--text-primary);background:#ffffff0a;outline:none;flex:1;padding:12px 16px;font-family:Outfit,sans-serif;font-size:14px;transition:border-color .25s,box-shadow .25s}.p-input:focus{border-color:var(--border-active);box-shadow:0 0 0 3px #a8c8f00f}.p-input::placeholder{color:var(--text-ghost)}.p-send-btn{width:44px;height:44px;color:var(--accent-bright);cursor:pointer;background:#a8c8f01a;border:1px solid #a8c8f026;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:16px;transition:all .25s;display:flex}.p-send-btn:hover{background:#a8c8f026;box-shadow:0 0 16px #a8c8f01a}.p-send-btn:active{transform:scale(.9)}.loading-screen{z-index:9999;background:#060609;flex-direction:column;justify-content:center;align-items:center;transition:opacity .8s,visibility .8s;display:flex;position:fixed;inset:0}.loading-screen:before{content:"";background:radial-gradient(400px 300px at 50% 40%,#a8c8f009 0%,#0000 70%);animation:4s ease-in-out infinite alternate loading-pulse;position:absolute;inset:0}@keyframes loading-pulse{0%{opacity:.5;transform:scale(.95)}to{opacity:1;transform:scale(1.05)}}.loading-screen.hidden{opacity:0;visibility:hidden;pointer-events:none}.loading-quote{letter-spacing:.02em;color:var(--text-secondary);text-align:center;z-index:1;max-width:320px;font-family:Space Grotesk,sans-serif;font-size:20px;font-weight:300;line-height:1.5;animation:1.2s ease-out fade-in;position:relative}.loading-wordmark{letter-spacing:.25em;text-transform:uppercase;color:var(--text-ghost);z-index:1;margin-top:48px;font-family:Space Grotesk,sans-serif;font-size:11px;font-weight:500;animation:1.8s ease-out fade-in;position:relative}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes scale-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes glass-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.animate-fade-up{animation:.5s ease-out both fade-up}.animate-scale-in{animation:.3s ease-out scale-in}.animate-fade-up:first-child{animation-delay:0s}.animate-fade-up:nth-child(2){animation-delay:60ms}.animate-fade-up:nth-child(3){animation-delay:.12s}.animate-fade-up:nth-child(4){animation-delay:.18s}.animate-fade-up:nth-child(5){animation-delay:.24s}.animate-fade-up:nth-child(6){animation-delay:.3s}.flex-between{justify-content:space-between;align-items:center;display:flex}.flex-center{justify-content:center;align-items:center;display:flex}.grid-2{grid-template-columns:1fr 1fr;gap:10px;display:grid}.mt-4{margin-top:16px}.mt-6{margin-top:24px}.mt-8{margin-top:32px}.mb-4{margin-bottom:16px}.mb-5{margin-bottom:20px}.mb-6{margin-bottom:24px}