.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:10.5px;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{padding-left:14px;border-left:1px solid var(--color-textSecondary);padding-block:5px}.welcome-brand .welcome-product img{width:auto;height:14px}.welcome-content{width:min(35rem,46vw)}.welcome-headline{font:var(--type-display);margin:0;font-size:clamp(2.75rem,min(5.4vw,10vh),4.75rem);line-height:1.1}.welcome-keep{color:var(--color-brandPale);font:var(--type-displayAccent);font-size:inherit;line-height:inherit;margin-top:.04em;display:block}.welcome-support{text-wrap:balance;max-width:34rem;margin:var(--space-lg) 0 0;color:var(--color-textSecondary);font:var(--type-body);font-size:clamp(1rem,1.35vw,1.1875rem)}.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(2.5rem,min(11vw,6.4vh),3.25rem)}.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:var(--type-headingSmall);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-primary{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:var(--type-label)}.capture-action-hint{color:var(--color-textSecondary);font:var(--type-caption)}.capture-close{border:1px solid var(--color-border);border-radius:var(--radius-pill);min-height:44px;color:var(--color-textPrimary);font:var(--type-labelSmall);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:var(--type-labelSmall);cursor:pointer;background:0 0;padding:0 14px}.record-close:hover{border-color:var(--color-highlight)}.record-identity{align-items:center;gap:7.5px;display:flex}.record-identity img{width:88px;height:auto;display:block}.record-identity .welcome-product{padding-block:3.5px;padding-left:10px}.record-identity .welcome-product img{width:auto;height:11px}.record-main{justify-content:center;align-items:center;gap:var(--space-sm);text-align:center;flex-direction:column;display:flex}.record-heading{font:var(--type-heading);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:var(--type-numeric);font-variant-numeric:tabular-nums;margin:0}.record-help,.record-note{color:var(--color-textSecondary);font:var(--type-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:var(--type-labelSmall);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:var(--type-numericSmall);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}}.journal{isolation:isolate;min-height:100dvh;position:relative}.journal:before{content:"";z-index:-1;background:radial-gradient(60rem 34rem at 100% -6%, #a78bf51c, transparent 70%), radial-gradient(46rem 30rem at -8% 104%, #8fa9f514, transparent 70%), linear-gradient(180deg, #0b0c16 0%, var(--color-background) 60%);pointer-events:none;position:fixed;inset:0}.archive,.entry{gap:var(--space-md);width:min(100%,44rem);min-height:100dvh;padding:var(--space-lg) var(--space-md) var(--space-xl);flex-direction:column;margin:0 auto;animation:.22s ease-out journal-unfold;display:flex}.entry>.text-link{align-self:flex-start}.archive-brand{margin-bottom:var(--space-lg)}.archive-top{justify-content:space-between;align-items:flex-end;gap:var(--space-md) var(--space-lg);margin-bottom:var(--space-sm);flex-wrap:wrap;display:flex}.archive-heading{color:var(--color-brandPale);font:var(--type-display);margin:0}.archive-support{margin:var(--space-xs) 0 0;color:var(--color-textSecondary);font:var(--type-body)}.archive-actions{flex-wrap:wrap;gap:12px;display:flex}.archive-notice{color:var(--color-brandPale);margin:0}.entry-heading{color:var(--color-brandPale);font:var(--type-heading);overflow-wrap:anywhere;margin:0}.archive-tools{align-items:center;gap:12px var(--space-md);margin-top:var(--space-sm);flex-wrap:wrap;display:flex}.archive-search{flex:16rem}.archive-filters{gap:var(--space-xs);display:flex}.archive-filter{border-radius:var(--radius-pill);min-height:44px;color:var(--color-textSecondary);font:var(--type-labelSmall);cursor:pointer;background:0 0;border:1px solid #0000;padding:0 14px;transition:border-color .16s,color .16s}.archive-filter:hover{color:var(--color-textPrimary)}.archive-filter[aria-pressed=true]{border-color:color-mix(in srgb, var(--color-primary) 55%, var(--color-border));background:color-mix(in srgb, var(--color-primary) 12%, transparent);color:var(--color-textPrimary)}.archive-message{align-items:flex-start;gap:var(--space-sm);padding:var(--space-lg) 0;flex-direction:column;display:flex}.archive-clear{font:inherit;cursor:pointer;background:0 0;border:0;padding:0}.archive-first{gap:var(--space-lg);padding:var(--space-xl) 0;flex-direction:column;display:flex}.archive-first-line{max-width:18em;color:var(--color-textPrimary);font:var(--type-displayAccent);margin:0;font-size:clamp(1.75rem,1.4rem + 1.6vw,2.5rem);line-height:1.2}.archive-drafts{gap:var(--space-sm);flex-direction:column;display:flex}.archive-draft{padding:12px var(--space-md);border:1px dashed color-mix(in srgb, var(--color-primary) 45%, var(--color-border));border-radius:var(--radius-md);color:var(--color-textPrimary);overflow-wrap:anywhere;flex-direction:column;gap:2px;text-decoration:none;transition:border-color .16s;display:flex}.archive-draft:hover{border-color:var(--color-brandPale)}.archive-draft-title{font:var(--type-label)}.archive-draft-note{color:var(--color-textSecondary);font:var(--type-labelSmall);font-weight:400}.archive-group{margin-top:var(--space-lg)}.archive-group-label{margin:0 0 var(--space-xs);color:var(--color-primary);font:var(--type-displayAccent);font-size:1.375rem;line-height:1.3}.archive-list{margin:0;padding:0;list-style:none}.dream-row{align-items:flex-start;gap:var(--space-md);border-bottom:1px solid color-mix(in srgb, var(--color-border) 60%, transparent);padding:18px 0;display:flex;position:relative}.dream-row:last-child{border-bottom:0}.dream-row-body{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.dream-row-link{color:var(--color-textPrimary);font:var(--type-label);overflow-wrap:anywhere;font-size:1.0625rem;line-height:1.4;text-decoration:none;transition:color .16s}.dream-row-link:after{content:"";position:absolute;inset:0}.dream-row:hover .dream-row-link{color:var(--color-brandPale)}.dream-row-link:focus-visible{outline:none}.dream-row-link:focus-visible:after{outline:2px solid var(--color-highlight);outline-offset:2px;border-radius:var(--radius-sm)}.dream-row-preview{color:var(--color-textSecondary);overflow-wrap:anywhere;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin:0;display:-webkit-box;overflow:hidden}.dream-row-meta,.dream-meta{color:var(--color-textSecondary);font:var(--type-labelSmall);flex-wrap:wrap;gap:2px 0;margin:0;font-weight:400;display:flex}.dream-meta>*{white-space:nowrap}.dream-row-meta>*+:before,.dream-meta>*+:before{content:"·";margin:0 8px}.play{z-index:1;align-items:center;gap:var(--space-xs);flex-direction:column;flex:none;display:flex;position:relative}.play-button{border:1px solid color-mix(in srgb, var(--color-primary) 45%, var(--color-border));background:color-mix(in srgb, var(--color-primary) 10%, transparent);width:48px;height:48px;color:var(--color-brandPale);cursor:pointer;border-radius:50%;place-items:center;padding:0;transition:background-color .16s,border-color .16s;display:grid}.play-button:hover{border-color:var(--color-brandPale)}.play-button svg{fill:currentColor;width:20px;height:20px}.play[data-status=failed] .play-button{border-color:var(--color-highlight)}.play-spinner{border:2px solid color-mix(in srgb, var(--color-brandPale) 30%, transparent);border-top-color:var(--color-brandPale);border-radius:50%;width:18px;height:18px;animation:.9s linear infinite play-spin}.play-time{color:var(--color-textSecondary);font:var(--type-numericSmall);font-variant-numeric:tabular-nums;white-space:nowrap}.play-problem{z-index:1;color:var(--color-textPrimary);font:var(--type-labelSmall);margin:0;position:relative}.archive-more{margin-top:var(--space-md);align-self:center}.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}.write{flex-direction:column;min-height:100dvh;display:flex}.write-bar{z-index:2;justify-content:space-between;align-items:center;gap:2px var(--space-md);padding:max(10px, env(safe-area-inset-top)) var(--space-md) 10px;background:color-mix(in srgb, var(--color-background) 86%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);flex-wrap:wrap;display:flex;position:sticky;top:0}.write-back{min-height:44px;color:var(--color-brandPale);align-items:center;display:inline-flex}.write-status{min-width:0;color:var(--color-textSecondary);font:var(--type-labelSmall);text-align:right;flex:1;margin:0;font-weight:400}.button.write-save{flex:none;min-height:44px;padding:0 20px}.write-page{gap:var(--space-sm);width:min(100%,42rem);padding:var(--space-lg) var(--space-md) var(--space-xl);flex-direction:column;flex:1;margin:0 auto;display:flex}.write-heading{color:var(--color-brandPale);font:var(--type-display);margin:0;font-size:clamp(2rem,1.6rem + 1.8vw,2.75rem);line-height:1.15}.write-support{margin:0 0 var(--space-md);color:var(--color-textSecondary)}.write-note{color:var(--color-brandPale);font:var(--type-labelSmall);margin:0}.write-problem{align-items:flex-start;gap:var(--space-sm);padding:12px var(--space-md);border:1px solid var(--color-highlight);border-radius:var(--radius-md);flex-direction:column;display:flex}.write-problem p{margin:0}.write-problem-note,.write-field-label{color:var(--color-textSecondary);font:var(--type-labelSmall);font-weight:400}.write-title{flex-direction:column;display:flex}.write-title-input{border:0;border-bottom:1px solid color-mix(in srgb, var(--color-border) 70%, transparent);width:100%;min-height:44px;color:var(--color-textPrimary);font:var(--type-label);background:0 0;border-radius:0;padding:0;transition:border-color .16s}.write-title-input:focus{border-bottom-color:var(--color-highlight);outline:none}.write-body{gap:var(--space-xs);margin-top:var(--space-md);flex-direction:column;flex:1;display:flex}.write-text{width:100%;min-height:18rem;padding:var(--space-md) 0;color:var(--color-textPrimary);caret-color:var(--color-primary);font:var(--type-reading);field-sizing:content;resize:none;background:0 0;border:0;border-radius:0;flex:1}.write-text::placeholder{color:var(--color-textSecondary);opacity:1}.write-text:focus{outline:none}.write-body:focus-within .write-field-label{color:var(--color-brandPale)}@supports not (field-sizing:content){.write-text{flex:none;height:60dvh}}.write-foot{justify-content:space-between;align-items:center;gap:var(--space-sm);margin-top:var(--space-md);flex-wrap:wrap;display:flex}.write-discard{color:var(--color-textSecondary);font:var(--type-labelSmall);cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.dream{gap:var(--space-md);margin-top:var(--space-md);flex-direction:column;display:flex}.dream-saved{color:var(--color-brandPale);margin:0}.dream-heading{color:var(--color-brandPale);font:var(--type-display);overflow-wrap:anywhere;margin:0;font-size:clamp(2rem,1.6rem + 1.8vw,2.75rem);line-height:1.15}.dream-text{max-width:33em;margin:var(--space-sm) 0 0;font:var(--type-reading);white-space:pre-wrap;overflow-wrap:anywhere}.dream-recording{align-items:center;gap:var(--space-sm) var(--space-md);padding:var(--space-md);border:1px solid color-mix(in srgb, var(--color-border) 70%, transparent);border-radius:var(--radius-md);background:color-mix(in srgb, var(--color-surface) 70%, transparent);flex-wrap:wrap;display:flex}.dream-recording .play{flex-direction:row;gap:12px}.dream-recording .record-seek{flex:10rem;width:auto;min-width:0}.dream-recording .field-hint,.dream-recording .play-problem{flex-basis:100%}.dream-original{align-items:flex-start;gap:var(--space-sm);flex-direction:column;display:flex}.dream-original-text{padding-left:var(--space-md);border-left:2px solid color-mix(in srgb, var(--color-primary) 55%, transparent)}.dream-original-text .dream-text{color:var(--color-textSecondary)}.dream-actions{align-items:center;gap:var(--space-md) var(--space-lg);margin-top:var(--space-lg);padding-top:var(--space-lg);border-top:1px solid color-mix(in srgb, var(--color-border) 60%, transparent);flex-wrap:wrap;display:flex}.dream-action-link{font:var(--type-labelSmall);cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.welcome-account{margin-top:var(--space-sm)}@keyframes journal-unfold{0%{opacity:0;transform:translateY(6px)}}@keyframes play-spin{to{transform:rotate(360deg)}}@media (width>=720px){.archive,.entry{padding-top:var(--space-xl)}.write-bar{padding-right:var(--space-lg);padding-left:var(--space-lg)}}@media (width<=479px){.archive-actions{width:100%}.archive-actions .button{padding:0 var(--space-md);text-align:center;flex:auto}.write-status{text-align:left;flex-basis:100%;order:1;min-height:1.45em}}@media (prefers-reduced-motion:reduce){.archive,.entry{animation:none}.play-spinner{border-top-color:color-mix(in srgb, var(--color-brandPale) 30%, transparent);animation:none}}