:root{--ink: 244 240 233;--lip: 255 250 242;--ink-1: rgb(var(--ink));--ink-2: rgb(var(--ink) / .9);--ink-3: rgb(var(--ink) / .72);--ink-4: rgb(var(--ink) / .62);--ink-5: rgb(var(--ink) / .27);--ink-inverse: #1a1712;--ink-inverse-2: rgb(26 23 18 / .72);--void: #09090b;--void-warm: #07050a;--danger: #ffd0c6;--accent: #e3c49d;--accent-soft: rgb(227 196 157 / .13);--glass-1: rgb(10 10 13 / .68);--glass-2: rgb(10 10 13 / .8);--glass-3: rgb(11 11 14 / .94);--scrim: rgb(4 5 8 / .62);--glass-inset: rgb(var(--lip) / .07);--glass-inset-hover: rgb(var(--lip) / .13);--well-1: rgb(0 0 0 / .24);--well-2: rgb(0 0 0 / .34);--glass-blur: blur(14px) saturate(1.15);--glass-edge: rgb(var(--lip) / .16);--glass-edge-strong: rgb(var(--lip) / .3);--glass-edge-focus: rgb(var(--lip) / .5);--lift-lip: inset 0 1px 0 rgb(var(--lip) / .09), inset 0 -1px 0 rgb(0 0 0 / .25);--lift-0: none;--lift-1: var(--lift-lip), 0 8px 28px rgb(0 0 0 / .34);--lift-2: var(--lift-lip), 0 20px 56px rgb(0 0 0 / .46);--lift-3: var(--lift-lip), 0 40px 96px rgb(0 0 0 / .55);--lift-mark: drop-shadow(0 1px 2px rgb(0 0 0 / .8)) drop-shadow(0 2px 12px rgb(0 0 0 / .55));--text-relief: 0 1px 1px rgb(0 0 0 / .55), 0 2px 6px rgb(0 0 0 / .55), 0 4px 30px rgb(0 0 0 / .62);--t-2xs: 11px;--t-xs: 12px;--t-sm: 14px;--t-base: 16px;--t-md: 18px;--t-lg: 20px;--control-fs: var(--t-sm);--measure: clamp(320px, 42vw, 720px);--t-display: clamp(24px, calc(var(--measure) / 17), 42px);--lh-tight: 1.18;--lh-snug: 1.28;--lh-body: 1.5;--tr-2xs: .02em;--tr-xs: .012em;--tr-sm: .005em;--tr-base: 0;--tr-md: -.01em;--tr-lg: -.014em;--s-0: 2px;--s-1: 4px;--s-2: 8px;--s-3: 12px;--s-4: 16px;--s-5: 24px;--s-6: 32px;--s-7: 40px;--r-sm: 12px;--r-md: 18px;--r-lg: 22px;--r-pill: 999px;--r-nest-1: calc(var(--r-sm) + var(--s-1));--r-nest-2: calc(var(--r-sm) + var(--s-2));--control-h: 44px;--icon-sm: 14px;--icon-md: 18px;--icon-lg: 22px;--edge: var(--s-5);--edge-top: calc(var(--edge) + env(safe-area-inset-top, 0px));--edge-right: calc(var(--edge) + env(safe-area-inset-right, 0px));--edge-bottom: calc(var(--edge) + env(safe-area-inset-bottom, 0px));--edge-left: calc(var(--edge) + env(safe-area-inset-left, 0px));color:var(--ink-1);background:var(--void);font-family:Manrope,sans-serif;font-size:var(--t-base);line-height:var(--lh-body);font-synthesis:none;text-rendering:optimizeLegibility}*,*:before,*:after{box-sizing:border-box;border:0 solid}html,body,#root{min-width:320px;min-height:100%;margin:0}html{-webkit-text-size-adjust:100%}body{overflow:hidden;background:var(--void);line-height:inherit}h1,h2,h3,h4,h5,h6,p,figure,blockquote,dl,dd,hr{margin:0}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}ol,ul,menu{list-style:none;margin:0;padding:0}button,input,optgroup,select,textarea{font:inherit;color:inherit;margin:0;padding:0;background:transparent}button,[type=button],[type=submit]{-webkit-appearance:button;background-image:none}fieldset{margin:0;padding:0}legend{padding:0}textarea{resize:vertical}::-moz-placeholder{opacity:1}::placeholder{opacity:1}img,svg,video,canvas{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}button,label{-webkit-tap-highlight-color:transparent}em,i,cite,dfn,var,address{font-style:normal}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}:is(button,a,[tabindex]:not([tabindex="-1"])):focus-visible,.photo-add:has(.photo-input:focus-visible),.photo-thumb:has(.photo-input:focus-visible),.quality-picker label:has(input:focus-visible){outline:2px solid var(--accent);outline-offset:3px;box-shadow:0 0 0 5px #000000a6}:where([tabindex="-1"]):focus,:where([tabindex="-1"]):focus-visible{outline:none}:where(button,input,textarea,fieldset):disabled,.photo-add:has(.photo-input:disabled),.photo-thumb:has(.photo-input:disabled){opacity:.45;cursor:default}.quality-picker:disabled label,.quality-picker:disabled input{opacity:1}.prompt-submit:disabled,.submit-button:disabled,.signin-email button:disabled{cursor:default}.prompt-field input:disabled{cursor:wait}.prompt-submit:disabled,.submit-button:disabled,.signin-email button:disabled{opacity:1;background:var(--glass-inset);color:var(--ink-4);box-shadow:none}.lofi-app{position:relative;width:100vw;height:100dvh;isolation:isolate;overflow:hidden;background:var(--void);touch-action:manipulation}.lofi-app:focus{outline:none}.scene-stage,.scene-image,.spatial-effects,.film-grain,.scene-vignette{position:absolute;top:0;right:0;bottom:0;left:0}.scene-stage{z-index:-1;overflow:hidden;background:var(--void)}.scene-plane{position:absolute;transform:scale(1.035);transform-origin:center}.scene-image{width:100%;height:100%;filter:saturate(.96) contrast(1.02)}.spatial-effects{width:100%;height:100%;overflow:hidden;pointer-events:none}.spatial-light{mix-blend-mode:screen}.scene-stage.is-dreaming .scene-plane{filter:saturate(.65) brightness(.62) blur(6px)}.scene-vignette{background:linear-gradient(180deg,#05060961,#0506092b 12%,#0506090d 26%,#05060900 42%,#04040600 56%,#04040614,#04040642 88%,#04040680),radial-gradient(ellipse 78% 88% at 50% 48%,#02030600 30%,#0203061a 62%,#0203063d 82%,#02030666);pointer-events:none}.film-grain{width:140%;height:140%;top:-20%;right:-20%;bottom:-20%;left:-20%;opacity:.055;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E");background-size:180px 180px;background-repeat:repeat;animation:grain .38s steps(2) infinite;pointer-events:none}.scene-stage:not([data-motion=active]) .film-grain{animation-play-state:paused}.scene-stage[data-motion=reduced] .spatial-particles,.is-imageless .scene-image{display:none}.is-imageless .scene-stage{background:#0d0c10}.is-imageless .film-grain{opacity:.09}.ghost-button{display:inline-flex;align-items:center;gap:var(--s-2);height:var(--control-h);padding:0 var(--s-4);border-radius:var(--r-pill);border:1px solid var(--glass-edge);background:var(--glass-1);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);box-shadow:var(--lift-1);color:var(--ink-2);font:inherit;font-size:var(--control-fs);letter-spacing:var(--tr-sm);text-decoration:none;white-space:nowrap;cursor:pointer;transition:background .22s ease,border-color .22s ease,transform .22s ease}.ghost-button.subtle{width:var(--control-h);padding:0;justify-content:center}.ghost-button svg{width:var(--icon-sm);height:var(--icon-sm)}.sound-button{position:relative;display:flex;align-items:center;gap:var(--s-2);height:var(--control-h);padding:0 var(--s-4);border:1px solid var(--glass-edge);border-radius:var(--r-pill);color:var(--ink-2);background:var(--glass-1);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);box-shadow:var(--lift-1);cursor:pointer;transition:background .18s ease,border-color .18s ease,transform .18s ease}.sound-button svg{width:var(--icon-sm);height:var(--icon-sm);stroke-width:2}.sound-button>svg:first-child{fill:currentColor}.sound-button span{font-size:var(--control-fs);letter-spacing:var(--tr-sm)}.credit-pill{display:inline-flex;align-items:center;height:var(--control-h);padding:0 var(--s-4);border-radius:var(--r-pill);font-size:var(--control-fs);letter-spacing:var(--tr-sm);white-space:nowrap;color:var(--ink-2);background:var(--glass-1);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);box-shadow:var(--lift-1);border:1px solid var(--glass-edge)}.icon-button{display:grid;place-items:center;width:36px;height:36px;border-radius:var(--r-sm);border:1px solid var(--glass-edge);background:var(--glass-2);color:var(--ink-2);cursor:pointer}.icon-button svg{width:var(--icon-sm);height:var(--icon-sm)}.icon-button.danger{border-color:#ffd0c66b;color:var(--danger)}.icon-button.is-on{background:var(--ink-1);border-color:var(--ink-1);color:var(--ink-inverse)}.playback-bars{display:flex;align-items:center;gap:var(--s-0);height:16px}.playback-bars i{width:2px;height:13px;background:currentColor;border-radius:2px;animation:listening-wave 1.1s ease-in-out infinite alternate}.playback-bars i:nth-child(2){animation-delay:-.7s;height:9px}.playback-bars i:nth-child(3){animation-delay:-.3s}.playback-bars i:nth-child(4){animation-delay:-.9s;height:7px}.prompt-submit{display:grid;width:var(--control-h);height:var(--control-h);flex:0 0 auto;place-items:center;border:0;border-radius:var(--r-sm);color:var(--ink-inverse);background:var(--ink-1);cursor:pointer;box-shadow:var(--lift-0);transition:transform .16s ease,opacity .16s ease,background .16s ease}.prompt-submit svg{width:var(--icon-md);height:var(--icon-md);stroke-width:2.2}.submit-button{height:var(--control-h);padding:0 var(--s-4);border:0;border-radius:var(--r-sm);background:var(--ink-1);color:var(--ink-inverse);font:inherit;font-size:var(--t-sm);font-weight:500;cursor:pointer}:where(.sound-button,.ghost-button,.icon-button,.immersive-button,.submit-button,.prompt-submit,.library-card,.feedback-kind button,.quality-picker label,.photo-add,.photo-remove,.mute-button,.sleep-options button,.timer-footer button,.prompt-status.is-suggestion,.climate-note,.credit-options>button):active:not(:disabled){transform:scale(.97)}.prompt-center{position:absolute;left:50%;bottom:calc(var(--edge-bottom) + var(--control-h) + 10px + var(--s-2));padding-bottom:var(--s-4);z-index:2;display:grid;justify-items:center;gap:var(--s-3);width:min(var(--measure),calc(100vw - 2 * var(--edge-left)));max-height:calc(100dvh - var(--edge-top) - var(--edge-bottom) - var(--control-h) - var(--s-7));overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--glass-edge-strong) transparent;transform:translate(-50%);text-align:center}.prompt-box{width:100%}.product-intro,.quality-block{width:100%;max-width:460px}.prompt-status{width:-moz-fit-content;width:fit-content;max-width:100%}.product-intro{display:grid;justify-items:center;padding:var(--s-4);border:1px solid var(--glass-edge);border-radius:var(--r-md);background:var(--glass-2);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);box-shadow:var(--lift-1)}.product-name{margin:0;font-family:Fraunces,serif;font-size:var(--t-lg);font-weight:440;letter-spacing:.01em;line-height:var(--lh-snug);color:var(--ink-1)}.product-line{max-width:400px;margin:var(--s-2) auto 0;color:var(--ink-3);font-size:var(--t-sm);line-height:var(--lh-body);letter-spacing:var(--tr-sm);text-wrap:balance}.product-offer{margin:var(--s-2) 0 0;color:var(--ink-2);font-size:var(--t-xs);letter-spacing:var(--tr-xs)}.prompt-box{display:flex;align-items:center;gap:var(--s-3);width:100%;min-height:68px;padding:var(--s-2);border:1px solid var(--glass-edge);border-radius:var(--r-nest-2);background:var(--glass-2);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);box-shadow:var(--lift-1);transition:border-color .18s ease,background .18s ease}.prompt-box:focus-within{border-color:var(--accent);box-shadow:var(--lift-1),0 0 0 3px var(--accent-soft)}.prompt-field{display:flex;align-items:center;align-self:stretch;flex:1;min-width:0;cursor:text}.prompt-field input{width:100%;min-width:0;border:0;outline:0;color:var(--ink-1);background:transparent;font-size:var(--t-base);letter-spacing:-.012em}.prompt-field input::-moz-placeholder,.feedback-message::-moz-placeholder,.signin-email input::-moz-placeholder{color:var(--ink-4)}.prompt-field input::placeholder,.feedback-message::placeholder,.signin-email input::placeholder{color:var(--ink-4)}.photo-add,.photo-thumb,.photo-remove{display:grid;flex:0 0 auto;place-items:center;padding:0;border:0;color:var(--ink-3);cursor:pointer}.photo-add,.photo-attachment{order:-1}.photo-add{position:relative;width:var(--control-h);height:var(--control-h);border:1px solid var(--glass-edge);border-radius:var(--r-sm);background:var(--glass-inset);transition:background .16s ease,border-color .16s ease,transform .16s ease}.photo-add svg{width:var(--icon-md);height:var(--icon-md);stroke-width:1.8}.photo-input{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;width:100%;height:100%;opacity:0;cursor:pointer}.photo-attachment{position:relative;display:flex;flex:0 0 auto;align-items:center;gap:var(--s-1)}.photo-thumb{position:relative;width:var(--control-h);height:var(--control-h);overflow:hidden;border:1px solid var(--glass-edge-strong);border-radius:var(--r-sm);background:var(--void)}.photo-thumb img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.photo-remove{width:32px;height:var(--control-h);border-radius:var(--r-sm);color:var(--ink-3);background:transparent}.photo-remove svg{width:14px;height:14px;stroke-width:2.2}.prompt-status{display:block;width:-moz-fit-content;width:fit-content;min-height:44px;margin:0 auto;padding:var(--s-1) var(--s-3);border:1px solid var(--glass-edge);border-radius:var(--r-pill);color:var(--ink-3);background:var(--glass-2);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);box-shadow:var(--lift-1);font:inherit;font-size:var(--t-xs);letter-spacing:var(--tr-xs)}.prompt-status.is-error{color:var(--danger)}.prompt-status.is-suggestion{cursor:pointer;transition:background .18s ease,color .18s ease}.prompt-status-duration{display:block;margin-top:var(--s-0);color:var(--ink-4);font-size:var(--t-2xs);letter-spacing:var(--tr-2xs)}.quality-block{display:grid;justify-items:center;gap:var(--s-2);padding:var(--s-1) var(--s-1) var(--s-3);border:1px solid var(--glass-edge);border-radius:var(--r-nest-1);background:var(--glass-2);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);box-shadow:var(--lift-1)}.quality-picker{display:flex;width:100%;justify-content:center;gap:var(--s-1);margin:0;padding:0;border:0;background:none}.quality-picker label{display:inline-flex;align-items:center;gap:var(--s-2);height:40px;padding:0 var(--s-3);border-radius:var(--r-sm);border:1px solid transparent;background:transparent;color:var(--ink-3);font-size:var(--control-fs);letter-spacing:var(--tr-sm);cursor:pointer;transition:background .2s ease,border-color .2s ease,color .2s ease}.quality-picker label.is-on{border-color:var(--ink-1);background:var(--glass-inset-hover);color:var(--ink-1)}.quality-picker input{flex:0 0 auto;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;margin:0;border:1.5px solid currentColor;border-radius:50%;color:inherit;background:transparent;cursor:inherit}.quality-picker input:checked{background:radial-gradient(circle,currentColor 0 3px,transparent 3.5px)}.quality-picker em{font-size:var(--t-2xs);letter-spacing:var(--tr-2xs);white-space:nowrap;color:var(--ink-3)}.quality-picker label.is-on em{color:var(--ink-3)}.quality-note{max-width:400px;margin:0 auto;color:var(--ink-3);font-size:var(--t-xs);line-height:var(--lh-body);letter-spacing:var(--tr-xs);text-wrap:balance}.payment-recovery{display:flex;justify-content:center;margin-top:var(--s-3)}.scene-caption{position:absolute;top:var(--edge-top);left:var(--edge-left);max-width:min(42ch,calc(100% - 180px));padding:var(--s-3) var(--s-4);border-radius:var(--r-md);border:1px solid var(--glass-edge);background:var(--glass-2);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);z-index:3}.scene-caption p{margin:0 0 var(--s-0);font-family:Fraunces,serif;font-size:var(--t-lg);font-weight:440;line-height:var(--lh-snug);letter-spacing:var(--tr-lg)}.scene-caption span{color:var(--ink-3);font-size:var(--t-xs);letter-spacing:var(--tr-xs)}.scene-caption q{display:block;margin-top:var(--s-2);padding-top:var(--s-2);border-top:1px solid var(--glass-edge);color:var(--ink-2);font-family:Fraunces,serif;font-size:var(--t-sm);font-weight:350;font-variation-settings:"opsz" 20;line-height:var(--lh-snug);quotes:"“" "”"}.scene-toolbar{position:absolute;left:var(--edge-left);bottom:var(--edge-bottom);z-index:3;display:flex;gap:var(--s-1);align-items:center;padding:var(--s-1);border:1px solid var(--glass-edge);border-radius:calc(var(--control-h) / 2 + var(--s-1));background:var(--glass-2);box-shadow:var(--lift-1)}.scene-toolbar>.ghost-button,.scene-toolbar>.listening-controls>.ghost-button{border-color:transparent;background:transparent;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}.scene-toolbar>.sound-button{background:var(--glass-inset);box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}.scene-toolbar>.sound-button.is-playing{border-color:var(--glass-edge-strong);background:rgb(var(--lip) / .2)}.scene-toolbar>.listening-controls{margin-left:var(--s-1);padding-left:var(--s-1);border-left:1px solid var(--glass-edge)}.scene-toolbar>.listening-controls>.ghost-button,.scene-toolbar>.ghost-button.subtle{width:var(--control-h);padding:0;justify-content:center}.account-strip{position:absolute;top:var(--edge-top);right:var(--edge-right);display:flex;gap:var(--s-2);align-items:center;z-index:3}.scene-watermark{position:absolute;right:var(--edge-right);bottom:var(--edge-bottom);z-index:4;filter:var(--lift-mark);pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.scene-watermark text{fill:var(--ink-5);font-family:Manrope,sans-serif;font-size:var(--t-xs);font-weight:500;letter-spacing:.07em}.library-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;place-items:center;padding:var(--s-5);background:var(--scrim);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.library,.credit-store{width:min(var(--dialog-w, 520px),100%);max-height:min(84dvh,720px);display:flex;flex-direction:column;border-radius:var(--r-lg);border:1px solid var(--glass-edge);background:var(--glass-3);box-shadow:var(--lift-3);overflow:hidden}.library{--dialog-w: 920px}.library-head{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:var(--s-4);padding:var(--s-5);border-bottom:1px solid var(--glass-edge)}.library-head h2{margin:0;font-size:var(--t-base);font-weight:600;line-height:var(--lh-snug);color:var(--ink-1)}.library-head p{margin:var(--s-1) 0 0;color:var(--ink-4);font-size:var(--t-xs);line-height:var(--lh-body);letter-spacing:var(--tr-xs)}.library-head .ghost-button{flex-shrink:0}.library-empty{margin:0;padding:var(--s-7) var(--s-5);text-align:center;color:var(--ink-4);font-size:var(--t-sm)}.library-grid{list-style:none;margin:0;padding:var(--s-5);display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,260px));justify-content:center;gap:var(--s-4);overflow-y:auto;overscroll-behavior:contain}.library-grid li{position:relative;border-radius:var(--r-sm);overflow:hidden;border:1px solid var(--glass-edge);background:var(--glass-inset)}.library-grid li.is-current{border-color:var(--glass-edge-strong)}.library-card{display:block;width:100%;padding:0;border:0;background:none;color:inherit;font:inherit;text-align:left;cursor:pointer}.library-card:focus-visible{outline-offset:-3px}.library-card img,.library-noimage{display:block;width:100%;aspect-ratio:3 / 2;-o-object-fit:cover;object-fit:cover;background:var(--glass-inset)}.library-meta{display:block;padding:var(--s-3) var(--s-4) var(--s-4)}.library-meta strong{display:block;font-size:var(--t-sm);font-weight:600;letter-spacing:var(--tr-sm);color:var(--ink-1);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.library-meta em{display:block;margin-top:var(--s-0);font-size:var(--t-xs);letter-spacing:var(--tr-xs);color:var(--ink-3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.library-actions{position:absolute;top:var(--s-2);right:var(--s-2);display:flex;gap:var(--s-1);transition:opacity .16s ease}.library-actions.is-confirming{align-items:center;padding-left:var(--s-2);border-radius:var(--r-sm);background:var(--glass-3);opacity:1}.library-actions.is-confirming span{color:var(--danger);font-size:var(--t-xs);letter-spacing:var(--tr-xs)}.library-actions:has(.icon-button.is-on){opacity:1}.credit-options,.library-grid,.feedback-form{mask-image:linear-gradient(180deg,#000 0,#000 calc(100% - var(--s-3)),transparent 100%);-webkit-mask-image:linear-gradient(180deg,#000 0,#000 calc(100% - var(--s-3)),transparent 100%)}.credit-options{flex:1 1 auto;min-height:0;display:grid;align-content:start;gap:var(--s-3);padding:var(--s-5);overflow-y:auto;overscroll-behavior:contain}.credit-options>button{display:grid;grid-template-columns:auto 1fr auto;gap:var(--s-3);align-items:center;width:100%;padding:var(--s-3) var(--s-4);border:1px solid var(--glass-edge);border-radius:var(--r-sm);color:var(--ink-1);background:var(--glass-inset);text-align:left;cursor:pointer}.credit-options>button>svg{width:var(--icon-md);color:var(--ink-3)}.credit-options>button span{display:grid;gap:var(--s-0)}.credit-options>button strong{font-size:var(--t-sm);font-weight:600}.credit-options>button em{color:var(--ink-3);font-size:var(--t-xs)}.credit-options>button b{font-size:var(--t-sm);font-weight:500}.climate-note{display:flex;flex:0 0 auto;align-items:center;gap:var(--s-3);margin:0 var(--s-5) var(--s-5);padding:var(--s-3) var(--s-4);border-radius:var(--r-sm);border:1px solid var(--glass-edge);background:var(--glass-inset);color:var(--ink-3);font-size:var(--t-xs);line-height:var(--lh-body);letter-spacing:var(--tr-xs);text-decoration:none;transition:background .2s ease,border-color .2s ease}.climate-note strong{color:var(--ink-1);font-weight:600}.climate-note-leaf{width:17px;height:17px;flex:0 0 auto;color:#96d6a0eb}.climate-note-out{width:13px;height:13px;flex:0 0 auto;margin-left:auto;opacity:.55}.store-error{margin:0;padding:0;color:var(--danger);font-size:var(--t-sm);text-align:center}.feedback-form{flex:1 1 auto;min-height:0;display:grid;grid-template-columns:minmax(0,1fr);gap:var(--s-3);padding:var(--s-5);overflow-y:auto;overscroll-behavior:contain}.feedback-kind{display:flex;gap:var(--s-1);padding:var(--s-1);border:1px solid var(--glass-edge);border-radius:var(--r-md);background:var(--well-1);margin-bottom:var(--s-2)}.feedback-kind button{display:flex;flex:1;align-items:center;justify-content:center;gap:var(--s-2);min-height:38px;border:1px solid transparent;border-radius:var(--r-sm);color:var(--ink-3);background:transparent;font-size:var(--control-fs);letter-spacing:var(--tr-sm);cursor:pointer}.feedback-kind button[aria-checked=true]{background:var(--ink-1);color:var(--ink-inverse)}.feedback-kind svg{width:var(--icon-sm);height:var(--icon-sm)}.form-label{text-align:left;font-size:var(--t-sm);letter-spacing:var(--tr-sm);color:var(--ink-2)}.form-label span{color:var(--ink-4)}.feedback-field{display:flex;padding:var(--s-3);border:1px solid var(--glass-edge);border-radius:var(--r-md);background:var(--well-1)}.feedback-field:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.feedback-message{flex:1;width:100%;min-width:0;min-height:128px;resize:vertical;border:0;outline:0;background:transparent;color:var(--ink-1);font:inherit;font-size:var(--t-base);line-height:var(--lh-body);padding:0}.feedback-remaining{margin:calc(var(--s-1) * -1) 0 var(--s-2);text-align:right;color:var(--ink-4);font-size:var(--t-xs);font-variant-numeric:tabular-nums}.feedback-send{display:flex;justify-content:flex-end}.signin{position:relative;display:grid;gap:var(--s-3);width:min(100%,420px);margin:var(--s-4) auto 0;padding:var(--s-4);border-radius:var(--r-md);border:1px solid var(--glass-edge);background:var(--glass-3);box-shadow:var(--lift-2)}.signin:focus{outline:none}.signin-close{position:absolute;top:var(--s-2);right:var(--s-2)}.signin-lead{margin:0;max-width:46ch;text-align:left;font-size:var(--t-sm);line-height:var(--lh-body);letter-spacing:var(--tr-sm);color:var(--ink-2)}.signin>.signin-lead:first-of-type{padding:var(--s-1) calc(var(--control-h) + var(--s-3)) var(--s-1) 0;min-height:34px}.signin-lead em{font-family:Fraunces,serif;font-weight:440;color:var(--ink-1)}.signin-providers{display:grid;grid-template-columns:1fr;gap:var(--s-2)}.signin>.ghost-button{justify-content:center}.signin-providers .ghost-button{justify-content:center;width:100%;font-weight:500;background:var(--glass-inset);box-shadow:var(--lift-0);backdrop-filter:none;-webkit-backdrop-filter:none}.signin-divider{display:flex;align-items:center;gap:var(--s-3);color:var(--ink-4);font-size:var(--t-xs);letter-spacing:var(--tr-xs)}.signin-divider:before,.signin-divider:after{content:"";flex:1;height:1px;background:var(--glass-edge)}.signin-email{min-width:0;width:100%;position:relative;display:flex;gap:var(--s-2);align-items:center}.signin-email-icon{position:absolute;left:var(--s-3);width:15px;height:15px;color:var(--ink-4);pointer-events:none}.signin-email input{flex:1;height:var(--control-h);min-width:0;padding:0 var(--s-3) 0 calc(var(--s-3) + 15px + var(--s-2));border-radius:var(--r-sm);border:1px solid var(--glass-edge);background:var(--well-1);color:var(--ink-1);font:inherit;font-size:var(--t-sm)}.signin-email button{height:var(--control-h);flex-shrink:0;padding:0 var(--s-4);border-radius:var(--r-sm);border:0;background:var(--ink-1);color:var(--ink-inverse);font:inherit;font-size:var(--t-sm);font-weight:500;cursor:pointer}.listening-controls{position:relative}.listening-panel{position:absolute;bottom:calc(100% + var(--s-3));left:0;width:min(280px,calc(100vw - 32px));padding:var(--s-5);color:var(--ink-1);background:var(--glass-3);border:1px solid var(--glass-edge-strong);border-radius:var(--r-md);box-shadow:var(--lift-2);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);animation:listening-open .2s ease-out;transform-origin:bottom left}.at-top .listening-panel{top:calc(100% + var(--s-2));bottom:auto;left:auto;right:0;transform-origin:top right}.listening-heading,.volume-label,.volume-row,.timer-footer{display:flex;align-items:center;justify-content:space-between;gap:var(--s-3)}.listening-heading{font-size:var(--t-md);line-height:var(--lh-snug);letter-spacing:var(--tr-md);margin-bottom:var(--s-5)}.volume-label,.sleep-options legend{font-size:var(--t-xs);letter-spacing:var(--tr-xs)}.volume-label output{font-variant-numeric:tabular-nums}.volume-row{margin:var(--s-2) 0 var(--s-5)}.volume-row input{width:100%;min-width:0;accent-color:var(--accent);cursor:pointer;height:28px}.mute-button{display:grid;place-items:center;width:var(--control-h);height:var(--control-h);flex-shrink:0;border:0;background:transparent;color:inherit;cursor:pointer}.sleep-options{border:0;padding:0;margin:0}.sleep-options legend{margin-bottom:var(--s-2)}.sleep-options>div{display:flex;gap:var(--s-2)}.sleep-options button{flex:1;min-height:var(--control-h);padding:var(--s-2) var(--s-1);border:1px solid var(--glass-edge);border-radius:var(--r-sm);background:var(--glass-inset);color:inherit;font-size:var(--t-xs);letter-spacing:var(--tr-xs);cursor:pointer;transition:background .15s,transform .15s}.timer-footer{margin-top:var(--s-3);min-height:20px;font-size:var(--t-xs);letter-spacing:var(--tr-xs);color:var(--ink-3);font-variant-numeric:tabular-nums}.timer-footer button{min-height:24px;padding:var(--s-1) var(--s-2);color:var(--ink-1);background:none;border:0;text-decoration:underline;cursor:pointer}.lofi-app.is-idle{cursor:none}.lofi-app.is-idle:has(.listening-panel){cursor:auto}.scene-caption,.scene-toolbar,.account-strip,.prompt-center{transition:opacity .3s cubic-bezier(.22,1,.36,1),transform .34s cubic-bezier(.22,1,.36,1),filter .3s linear,visibility 0s}.is-immersive .scene-caption,.is-immersive .scene-toolbar,.is-immersive .account-strip,.is-immersive .prompt-center{opacity:0;filter:blur(3px);pointer-events:none;visibility:hidden;transition:opacity .38s cubic-bezier(.32,0,.67,0),transform .52s cubic-bezier(.22,1,.36,1),filter .38s linear,visibility 0s .52s}.is-immersive .scene-caption{transform:translate(-10px,-10px)}.is-immersive .account-strip{transform:translate(10px,-10px)}.is-immersive .scene-toolbar{transform:translate(-10px,10px)}.is-immersive .prompt-center{transform:translate(-50%) translateY(12px) scale(.99)}.scene-vignette{transition:opacity .9s ease}.is-immersive .scene-vignette{opacity:.74}.immersive-controls{position:absolute;top:calc(var(--edge-top) - 13px);right:calc(var(--edge-right) - 13px);z-index:30;display:flex;gap:var(--s-1);opacity:0;transform:translateY(-6px);pointer-events:none;transition:opacity .26s ease,transform .26s ease}.immersive-controls.is-shown,.immersive-controls:focus-within,.immersive-controls:has(.listening-panel),.immersive-controls:has(.immersive-hint){opacity:1;transform:none;pointer-events:auto}.immersive-button{display:grid;place-items:center;width:var(--control-h);height:var(--control-h);border:0;border-radius:var(--r-sm);background:none;color:var(--ink-2);cursor:pointer;filter:var(--lift-mark);transition:color .2s ease,background .2s ease}.immersive-button svg{width:var(--icon-md);height:var(--icon-md);stroke-width:1.75}.immersive-button.is-secondary{color:var(--ink-3)}.immersive-hint{align-self:center;margin-right:var(--s-2);padding:var(--s-2) var(--s-3);border-radius:var(--r-pill);border:1px solid var(--glass-edge);background:var(--glass-2);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);color:var(--ink-2);font-size:var(--t-xs);letter-spacing:var(--tr-xs);white-space:nowrap}.scene-glitch{position:absolute;top:0;right:0;bottom:0;left:0;z-index:40;background:var(--void-warm);opacity:0;pointer-events:none;transition:opacity .3s ease}.scene-glitch.is-on{transition:none;animation:glitch-cut .64s steps(1,end) both}.scene-glitch:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(180deg,rgb(255 214 160 / .4) 0 2px,transparent 2px 7px);mix-blend-mode:screen;opacity:0}.scene-glitch.is-on:before{animation:glitch-tear .64s steps(1,end) both}.lofi-app{animation:settle-in .52s cubic-bezier(.22,1,.36,1) backwards}@keyframes settle-in{0%{opacity:0}}@keyframes grain{0%{transform:translateZ(0)}25%{transform:translate3d(2%,-3%,0)}50%{transform:translate3d(-3%,2%,0)}75%{transform:translate3d(3%,4%,0)}to{transform:translate3d(-2%,-2%,0)}}@keyframes listening-wave{0%{transform:scaleY(.3)}to{transform:scaleY(1)}}@keyframes listening-open{0%{opacity:0;transform:translateY(4px) scale(.97)}to{opacity:1;transform:none}}@keyframes glitch-cut{0%{opacity:0}8%,88%{opacity:1}to{opacity:0}}@keyframes glitch-tear{0%,10%{opacity:0;transform:translate3d(0,-42%,0) scaleY(.3)}16%{opacity:.42;transform:translate3d(-2.5%,-30%,0) scaleY(.34)}30%{opacity:.42;transform:translate3d(3%,6%,0) scaleY(.12)}44%{opacity:.42;transform:translate3d(-1.5%,-16%,0) scaleY(.5)}58%{opacity:.42;transform:translate3d(2%,24%,0) scaleY(.18)}72%{opacity:.42;transform:translate3d(-3%,-4%,0) scaleY(.28)}84%,to{opacity:0;transform:translate3d(0,38%,0) scaleY(.3)}}@media(min-width:1800px){:root{--edge: var(--s-7)}}@media(max-width:640px){:root{--edge: 14px}.scene-caption{max-width:calc(100% - var(--edge-left) - var(--edge-right) - 116px);padding:var(--s-2) var(--s-3)}.scene-caption p{font-size:var(--t-md);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.scene-caption q{display:none}.lofi-app:has(.account-strip .credit-pill) .scene-caption{top:calc(var(--edge-top) + var(--control-h) + var(--s-2));right:var(--edge-right);max-width:none}.account-strip{gap:var(--s-1)}.scene-toolbar{right:var(--edge-right);gap:var(--s-1)}.lofi-app:not(:has(.account-strip .credit-pill)) .scene-toolbar{right:auto}.scene-toolbar>.sound-button{flex:1 1 auto;min-width:78px;max-width:116px;padding-inline:var(--s-3);justify-content:center;white-space:nowrap}.scene-toolbar>.ghost-button,.scene-toolbar>.listening-controls{flex:0 0 var(--control-h);width:var(--control-h);min-width:0}.scene-toolbar>.ghost-button,.scene-toolbar>.listening-controls>.ghost-button{width:var(--control-h);padding:0;justify-content:center}.scene-toolbar>.ghost-button>span{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.scene-toolbar svg{width:var(--icon-md);height:var(--icon-md)}.listening-controls:not(.at-top) .listening-panel{position:fixed;left:var(--edge-left);right:auto;bottom:calc(var(--edge-bottom) + var(--control-h) + var(--s-4));z-index:5}.at-top .listening-panel{position:fixed;top:calc(var(--edge-top) + var(--control-h) + var(--s-1));right:var(--edge-right);left:auto;bottom:auto}.prompt-center{padding:var(--s-3)}.prompt-box{min-height:58px;padding:var(--s-2);gap:var(--s-2)}.prompt-submit{width:46px;height:46px}.product-line{max-width:30ch}.quality-picker{display:flex;width:100%;gap:var(--s-1)}.quality-picker label{flex:1;justify-content:center;min-width:0;gap:var(--s-1);padding-inline:var(--s-2);white-space:nowrap}.signin{width:100%}.library-scrim{padding:var(--s-3)}.library-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));padding:var(--s-4)}.library-head,.feedback-form,.credit-options{padding:var(--s-4)}.climate-note{margin:0 var(--s-4) var(--s-4)}.prompt-field input,.signin-email input,.feedback-message{font-size:var(--t-base)}.scene-watermark text{font-size:var(--t-2xs);letter-spacing:.085em}}@media(max-width:380px){.scene-toolbar{gap:0}.scene-toolbar>.sound-button{min-width:70px;padding-inline:var(--s-2)}}@media(max-height:560px){.listening-controls:not(.at-top) .listening-panel{position:fixed;left:var(--edge-left);right:auto;bottom:calc(var(--edge-bottom) + var(--control-h) + var(--s-4));z-index:5}.at-top .listening-panel{position:fixed;top:calc(var(--edge-top) + var(--control-h) + var(--s-1));right:var(--edge-right);left:auto;bottom:auto}.prompt-center{padding:var(--s-3)}.product-intro{margin-bottom:var(--s-3)}.product-offer{display:none}.product-line{margin-top:var(--s-1);font-size:var(--t-xs);max-width:52ch}.scene-caption q{display:none}.scene-caption,.lofi-app:has(.account-strip .credit-pill) .scene-caption{top:var(--edge-top);right:auto;max-width:26%}.scene-caption p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.prompt-center:has(.signin) .product-intro{display:none}.prompt-center:has(.signin) .signin{margin-top:var(--s-2);padding:var(--s-3)}}.prompt-center:has(.signin){z-index:4}.prompt-center{mask-image:linear-gradient(180deg,#000 0,#000 calc(100% - var(--s-4)),transparent 100%);-webkit-mask-image:linear-gradient(180deg,#000 0,#000 calc(100% - var(--s-4)),transparent 100%)}@media(max-width:640px),(max-height:560px){.lofi-app:has(.signin) .scene-caption,.lofi-app:has(.signin) .account-strip,.lofi-app:has(.signin) .scene-toolbar{visibility:hidden}.prompt-center:has(.signin) .is-suggestion{display:none}}@media(pointer:coarse){:root{--control-h: 46px}.immersive-button{width:48px;height:48px}.immersive-button svg{width:var(--icon-lg);height:var(--icon-lg)}.icon-button{width:var(--control-h);height:var(--control-h)}.prompt-status.is-suggestion{min-height:32px;padding:var(--s-2) var(--s-3)}}@media(hover:hover)and (pointer:fine){.library-actions{opacity:0}.library-grid li:hover .library-actions,.library-grid li:focus-within .library-actions{opacity:1}.prompt-submit:hover:not(:disabled){transform:translateY(-1px) scale(1.025);background:rgb(var(--lip))}.photo-add:hover:not(:has(.photo-input:disabled)){border-color:var(--glass-edge-strong);background:var(--glass-inset-hover)}.photo-remove:hover:not(:disabled){color:var(--ink-1);background:var(--glass-inset)}.sound-button:hover,.ghost-button:hover,.quality-picker label:hover{border-color:var(--glass-edge-strong);background:var(--glass-2)}.sound-button:hover{transform:translateY(-1px)}.icon-button:hover{background:var(--glass-3)}.credit-options>button:hover:not(:disabled){border-color:var(--glass-edge-strong);background:var(--glass-inset-hover)}.climate-note:hover{background:var(--glass-inset-hover);border-color:var(--glass-edge-strong)}.sleep-options button:hover{background:var(--glass-inset-hover)}.immersive-button:hover{color:rgb(var(--lip));background:#0000004d}.prompt-status.is-suggestion:hover{color:var(--ink-1);background:var(--well-2)}.feedback-kind button:not([aria-checked=true]):hover{background:var(--glass-inset)}.scene-toolbar>.ghost-button:hover,.scene-toolbar>.listening-controls>.ghost-button:hover{background:var(--glass-inset)}.signin-providers .ghost-button:hover{background:var(--glass-inset-hover)}}@media(prefers-reduced-transparency:reduce){:root{--glass-1: rgb(10 10 13 / .88);--glass-2: rgb(10 10 13 / .94);--glass-3: rgb(11 11 14 / .98);--glass-blur: none}.library-scrim{-webkit-backdrop-filter:none;backdrop-filter:none;background:#040508db}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}.scene-plane{transform:scale(1.035)}.spatial-particles{display:none}.loading-sweep{animation:none;transform:scaleX(1);opacity:.5}.immersive-controls{opacity:1;transform:none;pointer-events:auto}.lofi-app.is-idle{cursor:auto}.is-immersive .scene-caption,.is-immersive .scene-toolbar,.is-immersive .account-strip,.is-immersive .prompt-center{transform:none;filter:none}.is-immersive .prompt-center{transform:translate(-50%)}.scene-glitch{transition:opacity .3s ease!important}.scene-glitch.is-on{animation:none!important;opacity:1}.scene-glitch.is-on:before{animation:none!important}:where(.sound-button,.ghost-button,.icon-button,.immersive-button,.submit-button,.prompt-submit,.library-card,.feedback-kind button,.quality-picker label,.photo-add,.photo-remove,.mute-button,.sleep-options button,.timer-footer button,.prompt-status.is-suggestion,.climate-note,.credit-options>button):active:not(:disabled){transform:none;opacity:.7}}@media(forced-colors:active){.quality-picker input{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}.quality-picker label.is-on,.feedback-kind button[aria-checked=true]{outline:2px solid Highlight}}