.welcome{isolation:isolate;flex-direction:column;justify-content:center;min-height:100dvh;padding:clamp(112px,24vh,240px) clamp(32px,6.5vw,112px) clamp(48px,8vh,80px);display:flex;position:relative;overflow:hidden}.welcome-hero{z-index:-1;background:radial-gradient(90% 60% at 76% 62%,#a78bf538,#0000 70%),linear-gradient(#0b0c16 0%,#15142a 56%,#1a1c33 62%,#0b0d17 100%);margin:0;position:absolute;inset:0}.welcome-hero:after{content:"";background:linear-gradient(90deg,#08090ff0 0%,#08090feb 44%,#08090f75 54%,#08090f00 66%);position:absolute;inset:0}.welcome-media{object-fit:cover;object-position:82% 50%;width:100%;height:100%;display:block;position:absolute;inset:0}.welcome-video{opacity:0;transition:opacity .7s}.welcome-video[data-visible=true]{opacity:1}.welcome-brand{align-items:center;gap:14px;display:flex;position:absolute;top:clamp(24px,5vh,44px);left:clamp(32px,6.5vw,112px)}.welcome-brand img{width:128px;height:auto;display:block}.welcome-product{border-left:1px solid var(--color-textSecondary);color:var(--color-textSecondary);font-size:var(--font-size-caption);line-height:var(--line-height-caption);letter-spacing:1.6px;text-transform:uppercase;padding-left:14px}.welcome-content{width:min(35rem,46vw)}.welcome-headline{font-size:clamp(2rem,min(4.1vw,7.6vh),3.75rem);line-height:1.12;font-weight:var(--font-weight-headline);letter-spacing:-.015em;margin:0}.welcome-keep{color:var(--color-brandPale);margin-top:.14em;display:block}.welcome-support{text-wrap:balance;max-width:34rem;margin:var(--space-lg) 0 0;color:var(--color-textSecondary);font-size:clamp(1rem,1.35vw,1.1875rem);line-height:1.5}.welcome-actions{margin-top:var(--space-xl);flex-wrap:wrap;gap:12px;display:flex}.welcome-capture{isolation:isolate;display:inline-flex;position:relative}.welcome-capture:before{content:"";z-index:-1;border-radius:var(--radius-pill);background:linear-gradient(90deg, var(--color-primary), var(--color-highlight));filter:blur(14px);opacity:.2;pointer-events:none;will-change:opacity;animation:6s ease-in-out infinite welcome-capture-breathe;position:absolute;inset:-10px}.welcome-capture-button{transition:background-color .16s,transform .18s;position:relative;overflow:hidden}.welcome-capture .welcome-capture-button:hover{background:color-mix(in srgb, var(--color-primary) 82%, var(--color-brandPale))}.welcome-capture .welcome-capture-button:active{background:var(--color-brandPale);transition-duration:90ms;transform:scale(.98)}.welcome-capture-drift{background:linear-gradient(100deg, transparent, color-mix(in srgb, var(--color-brandPale) 40%, transparent), transparent);pointer-events:none;will-change:transform;width:60%;animation:12s ease-in-out infinite welcome-capture-drift;position:absolute;top:0;bottom:0;left:0;transform:translate(-100%)}.welcome-capture-label{position:relative}.welcome-capture[data-motion=paused]:before,.welcome-capture[data-motion=paused] .welcome-capture-drift{animation-play-state:paused}.welcome:has(dialog[open]) .welcome-capture:before{animation-play-state:paused}.welcome:has(dialog[open]) .welcome-capture-drift{animation-play-state:paused}@keyframes welcome-capture-breathe{0%,to{opacity:.2}50%{opacity:.46}}@keyframes welcome-capture-drift{0%{transform:translate(-100%)}27%,to{transform:translate(170%)}}@media (prefers-reduced-motion:reduce){.welcome-capture:before{animation:none}.welcome-capture-drift{display:none}.welcome-capture .welcome-capture-button:active{transform:none}}@media (width<=719px),(aspect-ratio<=4/5){.welcome{padding:0 0 max(var(--space-xl), env(safe-area-inset-bottom));justify-content:flex-start;align-items:center;overflow:visible}.welcome-hero{z-index:0;order:-1;width:100%;height:max(min(125vw,58dvh),60vw);margin-bottom:-36px;position:relative;overflow:hidden}.welcome-hero:after{display:none}.welcome-media{object-position:50% 100%}.welcome-brand{top:max(var(--space-md), env(safe-area-inset-top));left:var(--space-md);z-index:1}.welcome-content{z-index:1;width:min(100%,34rem);padding:0 var(--space-md);margin-top:auto;position:relative}.welcome-headline{font-size:clamp(1.75rem,min(8vw,5vh),2.5rem)}.welcome-support{margin-top:var(--space-md)}.welcome-actions{width:min(100%,339px);margin:var(--space-lg) auto 0;flex-direction:column}.welcome-capture{display:flex}.welcome-capture-button{width:100%}}html:has(.capture-dialog[open]){overflow:hidden}.capture-dialog{width:100%;max-width:32rem;max-height:100dvh;color:var(--color-textPrimary);background:0 0;border:0;padding:0;overflow:auto}.capture-dialog::backdrop{background:#08090fbd;animation:.2s ease-out capture-fade}@supports ((-webkit-backdrop-filter:blur(2px)) or (backdrop-filter:blur(2px))){.capture-dialog::backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#08090f9e}}.capture-sheet{padding:var(--space-lg);border:1px solid color-mix(in srgb, var(--color-primary) 30%, var(--color-border));border-radius:var(--radius-lg);background:linear-gradient(180deg, var(--color-surfaceRaised), var(--color-surface));box-shadow:0 0 44px -10px color-mix(in srgb, var(--color-primary) 38%, transparent);flex-direction:column;animation:.22s ease-out capture-enter;display:flex;position:relative}.capture-heading{font-size:var(--font-size-title);line-height:var(--line-height-title);font-weight:var(--font-weight-headline);margin:0;padding-right:76px}.capture-note{margin:var(--space-xs) 0 0;color:var(--color-textSecondary)}.capture-actions{margin-top:var(--space-lg);grid-template-columns:1fr 1fr;gap:12px;display:grid}.capture-action{padding:var(--space-md);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-textPrimary);flex-direction:column;align-items:flex-start;gap:12px;text-decoration:none;transition:border-color .16s,transform .16s;display:flex}.capture-action-record{border-color:var(--color-primary);background:color-mix(in srgb, var(--color-primary) 12%, var(--color-surface))}.capture-action:hover{border-color:var(--color-brandPale)}.capture-action:active{transform:scale(.98)}.capture-icon{fill:none;width:24px;height:24px;stroke:var(--color-primary);stroke-width:1.75px;stroke-linecap:round;stroke-linejoin:round;flex:none}.capture-action-text{flex-direction:column;gap:2px;display:flex}.capture-action-label{font-size:var(--font-size-action);line-height:var(--line-height-action);font-weight:var(--font-weight-action)}.capture-action-hint{color:var(--color-textSecondary);font-size:var(--font-size-caption);line-height:var(--line-height-caption)}.capture-close{border:1px solid var(--color-border);border-radius:var(--radius-pill);min-height:44px;color:var(--color-textPrimary);font-family:inherit;font-size:var(--font-size-caption);line-height:var(--line-height-caption);cursor:pointer;background:0 0;padding:0 14px;transition:border-color .16s;position:absolute;top:14px;right:14px}.capture-close:hover{border-color:var(--color-highlight)}@keyframes capture-enter{0%{opacity:0;transform:translateY(8px)}}@keyframes capture-fade{0%{opacity:0}}@media (prefers-reduced-motion:reduce){.capture-sheet{animation:.12s ease-out capture-fade}.capture-action:active{background:var(--color-background);transform:none}}@media (width<=719px){.capture-dialog{max-width:none;margin:auto 0 0}.capture-sheet{padding-bottom:max(var(--space-lg), env(safe-area-inset-bottom));border-radius:var(--radius-lg) var(--radius-lg) 0 0;border-width:1px 0 0}}@media (width<=479px){.capture-actions{grid-template-columns:1fr}.capture-action{align-items:center;gap:var(--space-md);flex-direction:row;min-height:76px}}.record{gap:var(--space-lg);width:min(100%,34rem);min-height:100dvh;padding:max(var(--space-md), env(safe-area-inset-top)) var(--space-md) max(var(--space-lg), env(safe-area-inset-bottom));grid-template-rows:auto 1fr auto;margin:0 auto;animation:.22s ease-out record-enter;display:grid}.record-top{justify-content:space-between;align-items:center;display:flex}.record-close{border:1px solid var(--color-border);border-radius:var(--radius-pill);min-height:44px;color:var(--color-textPrimary);font-family:inherit;font-size:var(--font-size-caption);cursor:pointer;background:0 0;padding:0 14px}.record-close:hover{border-color:var(--color-highlight)}.record-identity{align-items:center;gap:10px;display:flex}.record-identity img{width:88px;height:auto;display:block}.record-identity .welcome-product{padding-left:10px}.record-main{justify-content:center;align-items:center;gap:var(--space-sm);text-align:center;flex-direction:column;display:flex}.record-heading{font-size:clamp(1.5rem,5vw,2rem);line-height:1.2;font-weight:var(--font-weight-headline);margin:0}.record-support{color:var(--color-textSecondary);margin:0}.record-ring{--level:0;aspect-ratio:1;width:min(208px,52vw,34vh);margin:var(--space-md) 0;place-items:center;display:grid;position:relative}.record-ring-halo{background:radial-gradient(circle, color-mix(in srgb, var(--color-primary) 34%, transparent) 30%, color-mix(in srgb, var(--color-highlight) 16%, transparent) 54%, transparent 70%);opacity:calc(.45 + var(--level) * .55);transform:scale(calc(1 + var(--level) * .14));will-change:transform, opacity;border-radius:50%;position:absolute;inset:0}.record-ring-halo-inner{opacity:calc(.3 + var(--level) * .5);transform:scale(calc(1 + var(--level) * .09));inset:14%}.record-ring-mark{width:68%;height:68%;position:relative;overflow:visible}.record-ring-circle{fill:none;stroke:var(--color-brandPale);stroke-width:3px;stroke-linecap:round;stroke-dasharray:198 15.6;stroke-dashoffset:-7.8px;transform-origin:50%;transform:rotate(-90deg)}.record-ring-dot{fill:var(--color-primary)}.record-ring[data-status=paused] .record-ring-circle{stroke:var(--color-textSecondary)}.record-ring[data-status=paused] .record-ring-dot{fill:var(--color-textSecondary)}.record-ring[data-motion=ambient] .record-ring-halo{animation:5s ease-in-out infinite record-ambient}.record-status{align-items:center;gap:var(--space-xs);flex-direction:column;min-height:88px;display:flex}.record-status-label{justify-content:center;align-items:center;gap:var(--space-sm);flex-wrap:wrap;min-height:24px;margin:0;display:flex}.record-indicator{background:var(--color-primary);border-radius:50%;width:10px;height:10px}.record[data-status=paused] .record-indicator{border:2px solid var(--color-textSecondary);background:0 0}.record-mic{color:var(--color-textSecondary)}.record-timer{color:var(--color-brandPale);font-size:var(--font-size-title);line-height:var(--line-height-title);font-variant-numeric:tabular-nums;margin:0}.record-help,.record-note{color:var(--color-textSecondary);font-size:var(--font-size-caption);line-height:var(--line-height-caption);margin:0}.record-note{text-align:center}.record-controls{flex-direction:column;gap:12px;display:flex}.record-controls .button{width:100%}.record-controls .welcome-capture{display:flex}.record-discard{margin-top:var(--space-sm);color:var(--color-textSecondary);font:inherit;cursor:pointer;background:0 0;border:0;justify-content:center;text-decoration:underline}.record-player{gap:var(--space-sm);width:100%;margin-top:var(--space-md);padding:var(--space-md);border-radius:var(--radius-md);background:var(--color-surface);flex-direction:column;display:flex}.record-seek{width:100%;min-height:44px;accent-color:var(--color-primary)}.record-player-time{color:var(--color-textSecondary);font-size:var(--font-size-caption);font-variant-numeric:tabular-nums}.record-dialog{width:calc(100% - 32px);max-width:26rem;padding:var(--space-lg);border:1px solid color-mix(in srgb, var(--color-primary) 30%, var(--color-border));border-radius:var(--radius-lg);background:var(--color-surfaceRaised);color:var(--color-textPrimary)}.record-dialog::backdrop{background:#08090fbd}.record-dialog .capture-heading{padding-right:0}.record-dialog-actions{margin-top:var(--space-lg);flex-direction:column;gap:12px;display:flex}@keyframes record-enter{0%{opacity:0;transform:translateY(6px)}}@keyframes record-ambient{50%{opacity:.8}}@media (prefers-reduced-motion:reduce){.record{animation:.12s ease-out capture-fade}.record-ring-halo,.record-ring-halo-inner{opacity:.45;animation:none;transform:none}}.sample{width:min(100%,68rem);padding:var(--space-md) var(--space-md) var(--space-xxl);margin:0 auto}.sample-back{margin-bottom:var(--space-sm)}.sample-notice{padding:12px var(--space-md);border:1px solid var(--color-border);border-left:3px solid var(--color-highlight);border-radius:var(--radius-sm);background:var(--color-surface);margin:0;font-size:.9375rem;line-height:1.45}.sample-title{margin:var(--space-lg) 0;font-size:clamp(1.75rem,4.5vw,2.5rem);line-height:1.15;font-weight:var(--font-weight-headline)}.sample-grid{gap:var(--space-md);display:grid}.sample-panel{gap:var(--space-sm);min-width:0;padding:var(--space-lg);border-radius:var(--radius-md);background:var(--color-surface);flex-direction:column;display:flex}.sample-label{color:var(--color-brandPale);font-size:var(--font-size-action);line-height:var(--line-height-action);font-weight:var(--font-weight-action);margin:0}.sample-quote{margin:var(--space-sm) 0 0;padding-left:var(--space-md);border-left:2px solid var(--color-primary);font-size:1.1875rem;line-height:1.55}.sample-figure{margin:var(--space-sm) 0 0}.sample-image{aspect-ratio:8/5;border-radius:var(--radius-sm);width:100%;height:auto;display:block}.sample-image-missing{background:linear-gradient(#0b0c16 0%,#1a1c33 60%,#0b0d17 100%)}.sample-caption{margin-top:var(--space-sm);color:var(--color-textSecondary);font-size:var(--font-size-caption);line-height:var(--line-height-caption)}.sample-compare{gap:var(--space-md);margin-top:var(--space-sm);display:grid}.sample-compare ul{margin:var(--space-xs) 0 0;color:var(--color-textSecondary);padding-left:1.1em;font-size:.9375rem}.sample-compare-label{font-size:.9375rem;line-height:1.4;font-weight:var(--font-weight-action);margin:0}.sample-connection-title{font-size:var(--font-size-title);line-height:var(--line-height-title);margin:0}.sample-connection-shared{color:var(--color-highlight);margin:0}.sample-cta{width:100%;margin-top:var(--space-lg)}@media (width>=480px){.sample-compare{grid-template-columns:1fr 1fr}.sample-cta{width:auto}}@media (width>=900px){.sample{padding-right:var(--space-lg);padding-left:var(--space-lg)}.sample-grid{grid-template-rows:auto 1fr;grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:start}.sample-grid>.sample-panel:nth-child(2){grid-row:span 2}}.archive,.entry{gap:var(--space-md);width:min(100%,44rem);min-height:100vh;padding:var(--space-lg) var(--space-md) var(--space-xl);flex-direction:column;margin:0 auto;animation:.28s ease-out record-enter;display:flex}.entry>.text-link{align-self:flex-start}.archive-top{justify-content:space-between;align-items:flex-end;gap:var(--space-md);margin-bottom:var(--space-sm);flex-wrap:wrap;display:flex}.archive-heading,.entry-heading{color:var(--color-brandPale);font-size:var(--font-size-title);line-height:var(--line-height-title);font-weight:var(--font-weight-title);overflow-wrap:anywhere;margin:0}.archive-message{align-items:flex-start;gap:var(--space-sm);padding:var(--space-lg) 0;flex-direction:column;display:flex}.archive-list{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.archive-item{gap:var(--space-xs);padding:var(--space-md);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-textPrimary);overflow-wrap:anywhere;flex-direction:column;text-decoration:none;transition:border-color .16s;display:flex}.archive-item:hover{border-color:var(--color-highlight)}.archive-date{color:var(--color-textSecondary);font-size:var(--font-size-caption);line-height:var(--line-height-caption)}.archive-title{color:var(--color-brandPale);font-weight:var(--font-weight-action)}.archive-excerpt{-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.archive-account{justify-content:space-between;align-items:center;gap:var(--space-sm);padding-top:var(--space-xl);flex-wrap:wrap;margin-top:auto;display:flex}.archive-sign-out{font:inherit;cursor:pointer;background:0 0;border:0;padding:0}.entry-form{gap:var(--space-md);margin-top:var(--space-sm);flex-direction:column;display:flex}.entry-text{resize:vertical;min-height:16rem}.dream{gap:var(--space-sm);flex-direction:column;display:flex}.dream-saved{margin:0 0 var(--space-sm);color:var(--color-brandPale)}.dream-text{margin:var(--space-sm) 0 0;white-space:pre-wrap;overflow-wrap:anywhere}.dream-recording{align-items:flex-start;gap:var(--space-sm);margin-top:var(--space-sm);flex-direction:column;display:flex}.dream-audio{width:100%}.welcome-account{margin-top:var(--space-sm)}@media (prefers-reduced-motion:reduce){.archive,.entry{animation:none}}.dream-audio{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.account{align-items:center;gap:var(--space-md);width:min(100%,26rem);min-height:100vh;padding:var(--space-xl) var(--space-md);text-align:center;flex-direction:column;margin:0 auto;animation:.28s ease-out account-enter;display:flex}.account-brand img{width:132px;height:auto;margin-bottom:var(--space-md);display:block}.account-heading{color:var(--color-brandPale);font-size:var(--font-size-title);line-height:var(--line-height-title);font-weight:var(--font-weight-title);margin:0}.account-form{gap:var(--space-md);width:100%;margin-top:var(--space-sm);text-align:left;flex-direction:column;display:flex}.account-note{text-align:center;margin:0}@keyframes account-enter{0%{opacity:0;transform:translateY(6px)}}@media (prefers-reduced-motion:reduce){.account{animation:none}}*,:before,:after{box-sizing:border-box}html{background:#08090f}body{background:var(--color-background);min-height:100vh;color:var(--color-textPrimary);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:var(--font-size-body);line-height:var(--line-height-body);margin:0}:focus-visible{outline:2px solid var(--color-highlight);outline-offset:3px}.page{justify-content:center;align-items:center;gap:var(--space-lg);min-height:100vh;padding:var(--space-xl) var(--space-md);text-align:center;flex-direction:column;display:flex}.eyebrow{color:var(--color-highlight);font-size:var(--font-size-caption);line-height:var(--line-height-caption);letter-spacing:var(--letter-spacing-caption)}.product-title{color:var(--color-brandPale);font-size:var(--font-size-title);line-height:var(--line-height-title);font-weight:var(--font-weight-title);margin:0}.muted{color:var(--color-textSecondary);margin:0}.text-link{min-height:44px;color:var(--color-brandPale);align-items:center;display:inline-flex}.button{min-height:52px;padding:0 var(--space-lg);border-radius:var(--radius-pill);font:inherit;font-size:var(--font-size-action);line-height:var(--line-height-action);font-weight:var(--font-weight-action);cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;text-decoration:none;transition:background-color .16s,border-color .16s;display:inline-flex}.button-primary{background:var(--color-primary);color:var(--color-onPrimary)}.button-primary:hover{background:var(--color-brandPale)}.button-quiet{border-color:var(--color-border);color:var(--color-textPrimary);background:0 0}.button-quiet:hover{border-color:var(--color-highlight)}.button:disabled{opacity:.55;cursor:default}.field{gap:var(--space-xs);flex-direction:column;display:flex}.field-label{color:var(--color-textPrimary);font-size:var(--font-size-caption);line-height:var(--line-height-caption);letter-spacing:var(--letter-spacing-caption)}.field-input{width:100%;min-height:48px;padding:12px var(--space-md);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-textPrimary);font:inherit;transition:border-color .16s}.field-input:hover,.field-input:focus{border-color:var(--color-highlight)}.field-hint{color:var(--color-textSecondary);font-size:var(--font-size-caption);line-height:var(--line-height-caption);margin:0}.form-error{padding:12px var(--space-md);border:1px solid var(--color-highlight);border-radius:var(--radius-md);color:var(--color-textPrimary);font-size:var(--font-size-caption);line-height:var(--line-height-caption);margin:0}@media (prefers-reduced-motion:reduce){*{transition:none!important}}