:root{--bg-void:#020204;--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);--font-display:"Fraunces","Times New Roman",Georgia,serif;--font-body:"Hanken Grotesk",-apple-system,BlinkMacSystemFont,sans-serif;--font-mono:"JetBrains Mono","SF Mono",ui-monospace,monospace}*,: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{font-family:var(--font-body);background:var(--bg-void);color:var(--text-primary);letter-spacing:.005em;min-height:100dvh;font-weight:400;position:relative;overflow-x:hidden}html:after{content:"";z-index:0;pointer-events:none;opacity:.035;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}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{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;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{font-family:var(--font-display);letter-spacing:-.03em;font-weight:700;line-height:1.05}.heading-sm{font-family:var(--font-display);letter-spacing:-.02em;font-size:18px;font-weight:600}.label{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted);font-size:9px;font-weight:500}.label-sm{font-family:var(--font-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--text-ghost);font-size:8px;font-weight:500}.value-lg{font-family:var(--font-mono);letter-spacing:-.02em;font-size:28px;font-weight:600;line-height:1}.value-md{font-family:var(--font-mono);letter-spacing:-.01em;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}}.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{font-family:var(--font-display);letter-spacing:.02em;color:var(--text-secondary);text-align:center;z-index:1;max-width:320px;font-size:20px;font-weight:300;line-height:1.5;animation:1.2s ease-out fade-in;position:relative}.loading-wordmark{font-family:var(--font-display);letter-spacing:.25em;text-transform:uppercase;color:var(--text-ghost);z-index:1;margin-top:48px;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}.p-deep{z-index:0;pointer-events:none;position:fixed;inset:0}.p-deep:before{content:"";background:radial-gradient(140% 90% at 50% -16%,#a8c8f029 0%,#a8c8f00d 30%,transparent 56%),radial-gradient(80% 50% at 50% -2%,#6dd5c81a 0%,transparent 46%),linear-gradient(180deg,#070a14 0%,var(--bg-void)58%,#010103 100%);position:absolute;inset:0}.p-deep:after{content:"";background-image:radial-gradient(#a8c8f012 1px,#0000 1.4px);background-size:30px 30px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000 46%,#000 110%);mask-image:linear-gradient(#0000 46%,#000 110%)}.p-horizon{z-index:0;pointer-events:none;filter:blur(8px);background:radial-gradient(circle at 50% 44%,#a8c8f01f,#6dd5c80d 44%,#0000 68%);border-radius:50%;width:min(620px,94vw);height:min(620px,94vw);position:fixed;top:54%;left:50%;transform:translate(-50%,-50%)}.p-vig{z-index:0;pointer-events:none;position:fixed;inset:0;box-shadow:inset 0 0 200px 60px #000000a8,inset 0 -120px 120px -60px #0009}.p-workspace{z-index:2;max-width:760px;height:100dvh;padding:0 20px calc(var(--nav-h) + var(--safe-b));flex-direction:column;margin:0 auto;display:flex;position:relative;overflow:hidden}.p-header{padding:max(16px,env(safe-area-inset-top))2px 12px;align-items:center;gap:12px;display:flex}.p-orb{border-radius:50%;flex-shrink:0;width:40px;height:40px;position:relative}.p-orb:after{content:"";border:1px solid #a8c8f02e;border-radius:50%;animation:4s ease-in-out infinite pHalo;position:absolute;inset:-6px}@keyframes pHalo{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.15;transform:scale(1.12)}}.p-brand{flex:1;min-width:0}.p-wm{font-family:var(--font-display);letter-spacing:-.02em;background:linear-gradient(#fff 0%,#dbe8fb 40%,#a9c6ee 100%);color:#0000;filter:drop-shadow(0 1px #ffffff59)drop-shadow(0 2px 1px #7896c866)drop-shadow(0 5px 14px #000000a6)drop-shadow(0 0 22px #a8c8f052);-webkit-background-clip:text;background-clip:text;font-size:30px;font-weight:600;line-height:.9}.p-sub{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;align-items:center;gap:8px;margin-top:5px;font-size:8.5px;display:flex}.p-on{color:var(--teal);align-items:center;gap:5px;display:flex}.p-on i{background:var(--teal);width:5px;height:5px;box-shadow:0 0 8px var(--teal);border-radius:50%;animation:2.4s infinite pPulse}@keyframes pPulse{0%,to{opacity:1}50%{opacity:.35}}.p-mem{color:var(--text-muted)}.p-browsing{color:var(--caution)}.p-icon-btn{border:1px solid var(--border);width:36px;height:36px;color:var(--text-muted);cursor:pointer;background:#ffffff06;border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;transition:all .2s;display:flex}.p-icon-btn:hover{color:var(--text-primary);border-color:#a8c8f04d}.p-quick{scrollbar-width:none;-webkit-overflow-scrolling:touch;gap:8px;padding:6px 2px 4px;display:flex;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#000 86%,#0000 100%);mask-image:linear-gradient(90deg,#000 86%,#0000 100%)}.p-quick::-webkit-scrollbar{display:none}.p-qchip{font-family:var(--font-mono);letter-spacing:.04em;color:var(--text-primary);border:1px solid var(--border);cursor:pointer;white-space:nowrap;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff08;border-radius:999px;flex-shrink:0;padding:8px 13px;font-size:10px;transition:all .2s}.p-qchip:hover{color:#fff;background:#a8c8f017;border-color:#a8c8f066;transform:translateY(-1px)}.p-qchip .p-d{color:var(--teal);margin-right:6px}.p-thread{scrollbar-width:none;flex-direction:column;flex:1;gap:28px;min-height:0;padding:30px 4px 8px;display:flex;overflow-y:auto;-webkit-mask-image:linear-gradient(#0000 0,#000 7% 92%,#0000 100%);mask-image:linear-gradient(#0000 0,#000 7% 92%,#0000 100%)}.p-thread::-webkit-scrollbar{display:none}.p-msg{max-width:90%;animation:.55s cubic-bezier(.2,.7,.2,1) both pRise}.p-thread>.p-msg:first-child{margin-top:auto}@keyframes pRise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.p-who{font-family:var(--font-mono);letter-spacing:.2em;text-transform:uppercase;align-items:center;gap:7px;margin-bottom:9px;font-size:8.5px;display:flex}.p-msg.from-p{align-self:flex-start}.p-msg.from-p .p-who{color:var(--accent-bright)}.p-msg.from-p .p-who:before{content:"";background:linear-gradient(90deg,var(--accent-bright),transparent);width:14px;height:1px}.p-msg.from-p .p-body{font-family:var(--font-display);letter-spacing:-.005em;color:#f3f8ff;text-shadow:0 1px #ffffff29,0 2px #6e8cb921,0 4px 12px #0009,0 0 34px #a8c8f02e;font-size:21px;font-weight:500;line-height:1.4}.p-msg.from-p .p-body em{color:var(--accent-bright);font-style:italic}.p-msg.from-p .p-body b{color:#fff;font-weight:600}.p-msg.from-client{text-align:right;align-self:flex-end;max-width:82%}.p-msg.from-client .p-who{color:var(--text-muted);justify-content:flex-end}.p-msg.from-client .p-who:after{content:"";background:linear-gradient(90deg,transparent,var(--text-muted));width:14px;height:1px}.p-msg.from-client .p-body{font-family:var(--font-body);color:#eef3fbc7;text-shadow:0 1px 4px #00000080;font-size:16px;font-weight:500;line-height:1.5}.p-stagecue{font-family:var(--font-mono);letter-spacing:.04em;color:#06121d;background:linear-gradient(180deg,#e8f3ff,var(--accent-bright)60%,var(--teal));cursor:pointer;border:0;border-radius:999px;align-items:center;gap:9px;margin-top:14px;padding:9px 15px;font-size:10.5px;display:inline-flex;box-shadow:0 10px 26px -10px #a8c8f099,inset 0 1px #ffffff80}.p-stagecue:hover{filter:brightness(1.05)}.p-stage-active{border:1px solid var(--border);background:#fff;border-radius:18px;flex-direction:column;flex:52%;min-height:0;margin:6px 0 4px;animation:.5s cubic-bezier(.2,.7,.2,1) both pRise;display:flex;overflow:hidden;box-shadow:0 30px 70px -40px #000000d9,inset 0 1px #ffffff0f}.p-stage-bar{font-family:var(--font-mono);letter-spacing:.04em;color:var(--accent-bright);background:#080b14eb;flex-shrink:0;justify-content:space-between;align-items:center;padding:10px 14px;font-size:10px;display:flex}.p-stage-close{font-family:var(--font-mono);color:var(--text-muted);cursor:pointer;background:#ffffff0d;border:0;border-radius:8px;padding:6px 10px;font-size:10px}.p-stage-close:hover{color:var(--text-primary);background:#ffffff1a}.p-stage-frame{background:#fff;border:0;flex:1;width:100%}.p-workspace[data-stage=on] .p-thread{flex:0 38%}.p-dock{padding:8px 4px 10px;position:relative}.p-dock:before{content:"";pointer-events:none;background:linear-gradient(180deg,transparent,var(--bg-void)85%);height:44px;position:absolute;top:-44px;left:0;right:0}.p-inwrap{align-items:center;gap:14px;display:flex;position:relative}.p-in{color:var(--text-primary);font-family:var(--font-body);background:0 0;border:0;border-bottom:1px solid #ffffff21;outline:none;flex:1;padding:13px 2px;font-size:16px;transition:all .25s}.p-in::placeholder{color:var(--text-ghost)}.p-in:focus{border-bottom-color:#a8c8f0a6;box-shadow:0 1px #a8c8f066}.p-send{cursor:pointer;color:#06121d;background:radial-gradient(circle at 34% 28%,#eef6ff,var(--accent-bright)56%,var(--teal));border:0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;transition:transform .12s,opacity .2s;display:flex;position:relative;box-shadow:0 12px 28px -8px #a8c8f099,0 0 0 1px #ffffff1f,inset 0 1px #fff6}.p-send:active{transform:scale(.94)}.p-send:disabled{cursor:default}