.echo-workspace{--background:oklch(98% .012 90);--foreground:oklch(33% .065 262);--primary:oklch(47% .12 278);--primary-foreground:oklch(100% 0 0);--accent:oklch(59% .175 28);--accent-foreground:oklch(100% 0 0);--muted:oklch(95% .025 292);--muted-foreground:oklch(46% .035 262);--border:oklch(88% .025 290);--input:oklch(85% .025 290);--ring:oklch(52% .15 292);--radius:1rem;min-height:100vh;color:var(--foreground);background:var(--background);font-family:DM Sans,Inter,sans-serif}.echo-workspace main{background-color:var(--background);background-image:radial-gradient(70% 480px at 95% 0,oklch(94% .035 295/.8),#0000)}.echo-workspace :is(h1,h2,h3).font-serif{letter-spacing:-.035em;font-family:Manrope,Inter,sans-serif;font-weight:600;line-height:1.2}.echo-workspace h1.font-serif{font-size:clamp(1.85rem,3.6vw,3.25rem)}.echo-workspace h2.font-serif{font-size:clamp(1.4rem,2.3vw,2rem)}.echo-workspace h3.font-serif{font-size:1.25rem}.echo-workspace main>header,.echo-workspace .vault-welcome>header{border-color:#0000;row-gap:1rem}.echo-workspace main>header :is(a,button):not(:has(img)){border-radius:999px}.echo-workspace :is(.rounded-xl,.rounded-2xl).border:is(.bg-white,.bg-card),.echo-workspace :is(.rounded-xl,.rounded-2xl).border-2:is(.bg-white,.bg-card){border-color:var(--border);border-width:1px;border-radius:1.4rem;box-shadow:0 8px 30px oklch(35% .05 270/.035)}.echo-workspace :is(input:not([type=checkbox]):not([type=radio]),textarea,select){border-color:var(--input);box-shadow:none;border-radius:.9rem}.echo-workspace :is(input,textarea,select):focus-visible{outline-offset:3px;outline:3px solid oklch(52% .15 292/.35)}.echo-workspace :is(a,button):is(.bg-accent,.bg-primary){border-radius:999px;box-shadow:0 4px 12px oklch(35% .07 280/.12)}.echo-workspace :is(a,button):focus-visible{outline:3px solid var(--ring);outline-offset:4px}.echo-workspace [data-slot=card]{border-radius:1.4rem;box-shadow:0 8px 30px oklch(35% .05 270/.04)}.echo-workspace button[aria-pressed=true]:not(.compose-format),.echo-workspace [role=radio][aria-checked=true]{border-color:var(--primary);box-shadow:0 0 0 1px var(--primary)}.echo-workspace [data-echo-progress]{border-radius:999px;height:.3rem}.echo-workspace[data-echo-page=\/vault]{--primary:oklch(32% .08 260);--accent:oklch(57% .21 28);--secondary:oklch(91% .17 95)}.echo-workspace[data-echo-page=\/vault] main{background-image:none}.echo-workspace .vault-welcome{background:0 0;border:0}.echo-workspace .vault-welcome>section{width:calc(100% - 3rem);max-width:72rem;color:var(--foreground);background:oklch(99% .008 90);border-radius:2.5rem;margin-top:.5rem;padding:3rem 2.5rem 4.5rem}.echo-workspace .vault-welcome>section>p{color:var(--muted-foreground)}.echo-workspace .vault-welcome>section>p:first-of-type,.echo-workspace .vault-greeting-name{color:var(--primary)}.echo-workspace .vault-welcome>section>span[aria-hidden]{background:var(--secondary);top:2rem;right:4rem}.echo-workspace .vault-welcome [role=alert]{color:var(--foreground);background:#fff}.echo-workspace .vault-welcome>section:after{content:"";background:var(--accent);pointer-events:none;border-radius:.4rem;width:2.5rem;height:2.5rem;position:absolute;top:7rem;right:3.5rem;transform:rotate(13deg)}.echo-workspace .vault-summary{border:0!important;border-radius:1.3rem!important;box-shadow:0 8px 22px oklch(35% .05 270/.05)!important}.echo-workspace .vault-summary-red{background:var(--secondary);color:var(--primary)}.echo-workspace .vault-summary-blue{background:#fff}.echo-workspace .vault-summary-yellow{background:var(--primary);color:#fff}.echo-workspace .vault-summary-yellow p{color:oklch(93% .015 260)}.echo-workspace .vault-summary strong{font-family:Manrope,sans-serif;font-weight:600}.echo-workspace .vault-new-message{background:var(--accent);border-radius:1.3rem!important}.echo-workspace .vault-start{isolation:isolate;border-color:oklch(32% .08 260/.2);position:relative;overflow:hidden;box-shadow:0 8px oklch(91% .17 95/.5)}.echo-workspace .vault-start:before{content:"";z-index:-1;background:var(--secondary);pointer-events:none;border-radius:50%;width:12rem;height:12rem;position:absolute;top:-6rem;left:-6rem}.echo-workspace .vault-start>span{background:var(--secondary)}.echo-workspace .echo-person-card{background:oklch(100% 0 0)}.echo-workspace .echo-person-card:nth-child(3n+2){background:oklch(97% .018 295)}.echo-workspace .echo-person-card:nth-child(3n+3){background:oklch(98% .025 90)}.echo-workspace .echo-person-card .font-serif{font-family:Manrope,sans-serif;font-weight:600}.echo-workspace .echo-person-card:hover{box-shadow:0 12px 28px oklch(35% .06 270/.1)}.echo-workspace[data-echo-page=\/compose] h1.font-serif{font-size:clamp(1.8rem,3vw,2.4rem)}.echo-workspace[data-echo-page=\/compose] main>header{background:oklch(100% 0 0/.85);border-radius:999px;margin-block:1rem;box-shadow:0 4px 22px oklch(35% .05 270/.04)}.echo-workspace .compose-format{min-height:10rem;box-shadow:none;border:1px solid #0000;border-radius:1.4rem}.echo-workspace .compose-format[data-format=video]{background:oklch(94% .035 292)}.echo-workspace .compose-format[data-format=audio]{background:oklch(95% .04 170)}.echo-workspace .compose-format[data-format=text]{background:oklch(96% .07 95)}.echo-workspace .compose-format[data-format=photo]{background:oklch(95% .035 28)}.echo-workspace .compose-format>span:first-child{background:oklch(100% 0 0/.7)}.echo-workspace .compose-format[aria-pressed=true]{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary), 0 8px 24px oklch(35% .08 280/.1)}.echo-workspace:is([data-echo-page=\/cart],[data-echo-page="/payment/checkout"]) aside{background:linear-gradient(160deg,oklch(100% 0 0),oklch(97% .02 292));border-color:oklch(87% .04 292);border-radius:1.5rem}.echo-workspace[data-echo-page=\/payment] article{border-radius:1.6rem}.echo-workspace:is([data-echo-page=\/login],[data-echo-page=\/forgot-password],[data-echo-page=\/reset-password],[data-echo-page=\/onboarding]) main{background-image:radial-gradient(at 85% 25%,oklch(93% .045 292),#0000 65%),radial-gradient(at 0 100%,oklch(97% .07 95),#0000 50%)}@media (width<=640px){.echo-workspace h1.font-serif{font-size:1.9rem}.echo-workspace .vault-welcome>section:after{width:1rem;height:1rem;top:1.5rem;right:1.5rem}.echo-workspace .vault-welcome>section{border-radius:1.5rem;padding:2rem 1.5rem 3rem}.echo-workspace .vault-start:before{width:8rem;height:8rem;top:-4rem;left:-4rem}.echo-workspace[data-echo-page=\/compose] main>header{border-radius:1.1rem;width:auto;margin-inline:.75rem}.echo-workspace .compose-format{min-height:9rem}}