@font-face{font-family:Noto Sans Mono;font-style:normal;font-weight:100 900;font-stretch:100%;font-display:swap;src:url(/_next/static/media/1cdd02902f937a18-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Noto Sans Mono;font-style:normal;font-weight:100 900;font-stretch:100%;font-display:swap;src:url(/_next/static/media/7deddc85b7ffd1dc-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Noto Sans Mono;font-style:normal;font-weight:100 900;font-stretch:100%;font-display:swap;src:url(/_next/static/media/1a3dce5cfb5f7760-s.woff2) format("woff2");unicode-range:u+1f??}@font-face{font-family:Noto Sans Mono;font-style:normal;font-weight:100 900;font-stretch:100%;font-display:swap;src:url(/_next/static/media/15605e25b523335c-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:Noto Sans Mono;font-style:normal;font-weight:100 900;font-stretch:100%;font-display:swap;src:url(/_next/static/media/641a7b8a5800ee0e-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Noto Sans Mono;font-style:normal;font-weight:100 900;font-stretch:100%;font-display:swap;src:url(/_next/static/media/4c4b3b30b6bcb2be-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c4,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Noto Sans Mono;font-style:normal;font-weight:100 900;font-stretch:100%;font-display:swap;src:url(/_next/static/media/ec14413c594b3356-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Noto Sans Mono Fallback;src:local("Arial");ascent-override:79.43%;descent-override:21.77%;line-gap-override:0.00%;size-adjust:134.59%}.__className_4fa8d7{font-family:Noto Sans Mono,Noto Sans Mono Fallback;font-style:normal}.__variable_4fa8d7{--font-noto:"Noto Sans Mono","Noto Sans Mono Fallback"}@font-face{font-family:Merriweather;font-style:normal;font-weight:300 900;font-stretch:100%;font-display:swap;src:url(/_next/static/media/fe4c52824bfaed3e-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Merriweather;font-style:normal;font-weight:300 900;font-stretch:100%;font-display:swap;src:url(/_next/static/media/3e8ab5100a4aa694-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Merriweather;font-style:normal;font-weight:300 900;font-stretch:100%;font-display:swap;src:url(/_next/static/media/b78b37b810acce9f-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Merriweather;font-style:normal;font-weight:300 900;font-stretch:100%;font-display:swap;src:url(/_next/static/media/027647acf05c7ff8-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c4,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Merriweather;font-style:normal;font-weight:300 900;font-stretch:100%;font-display:swap;src:url(/_next/static/media/1f3fe8c6df3d47c1-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Merriweather Fallback;src:local("Times New Roman");ascent-override:80.59%;descent-override:22.36%;line-gap-override:0.00%;size-adjust:122.09%}.__className_2673f6{font-family:Merriweather,Merriweather Fallback;font-style:normal}.__variable_2673f6{--font-merriweather:"Merriweather","Merriweather Fallback"}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(/_next/static/media/886030b0b59bc5a7-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(/_next/static/media/0aa834ed78bf6d07-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(/_next/static/media/67957d42bae0796d-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(/_next/static/media/f911b923c6adde36-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(/_next/static/media/939c4f875ee75fbb-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c4,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(/_next/static/media/bb3ef058b751a6ad-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:JetBrains Mono Fallback;src:local("Arial");ascent-override:75.79%;descent-override:22.29%;line-gap-override:0.00%;size-adjust:134.59%}.__className_4dc837{font-family:JetBrains Mono,JetBrains Mono Fallback;font-style:normal}.__variable_4dc837{--font-jetbrains:"JetBrains Mono","JetBrains Mono Fallback"}

/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:host,:root{--font-sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,::backdrop,:after,:before{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}:host,html{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}menu,ol,ul{list-style:none}audio,canvas,embed,iframe,img,object,svg,video{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,optgroup,select,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit,::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.fixed{position:fixed}.static{position:static}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.block{display:block}.contents{display:contents}.hidden{display:none}.inline{display:inline}.table{display:table}.rounded{border-radius:.25rem}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}}:root{--bg:#fff8ef;--surface:#fffdf88f;--ink:#40302b;--muted:#514035;--accent:#79351f;--border:#dccaba;--soft:#f4e7d88c;--panel:#fff8efb8;--font-sans:var(--font-noto)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{color:var(--ink);font:15px/1.6 var(--font-noto),monospace;background:#382921;min-height:100dvh;margin:0}button,input,select,textarea{font:inherit}a,button,input,select{touch-action:manipulation}button{cursor:pointer;color:inherit}button:disabled{cursor:not-allowed;opacity:.55}a{color:inherit;text-decoration:none}a,button,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:4px}.room-background{z-index:-1;pointer-events:none;position:fixed;inset:0;overflow:hidden}.room-art{width:max(100vw,177.7vh);height:max(100vh,56.28vw);image-rendering:pixelated;background-image:url(/scenes/cozy-room-times.png);background-size:200% 200%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.scene-sunrise{background-position:0 0}.scene-day{background-position:100% 0}.scene-sunset{background-position:0 100%}.scene-night{background-position:100% 100%}.room-video{object-fit:cover;width:100%;height:100%;image-rendering:pixelated}.room-shade,.room-video{position:absolute;inset:0}.room-shade{background:#20141247}.site-header{gap:25px;max-width:1280px;height:96px;margin:auto;padding:0 30px}.brand,.site-header{align-items:center;display:flex}.brand{letter-spacing:-.04em;background:var(--panel);border-radius:12px;gap:9px;padding:6px 17px 6px 10px;font-size:29px;font-weight:800;box-shadow:0 5px 20px #22150d30}.brand img{object-fit:contain;width:50px;height:50px;image-rendering:pixelated}.brand-dot{color:var(--accent)}.header-right{align-items:center;gap:12px;margin-left:auto;padding-right:200px;display:flex}.library-button,.sound-toggle{background:var(--panel);border:0;border-radius:10px;justify-content:center;align-items:center;gap:9px;min-height:46px;padding:10px 15px;font-size:14px;display:flex;box-shadow:0 4px 15px #22150d20}.library-button:hover,.sound-toggle:hover{background:var(--surface)}.library-count{background:var(--soft);border-radius:4px;padding:1px 6px;font-size:13px}.sound-controls{z-index:5;align-items:center;gap:8px;display:flex;position:absolute;top:25px;right:max(30px,50vw - 610px)}.sound-toggle{box-shadow:none}.sound-settings{position:relative}.sound-settings summary{background:var(--panel);cursor:pointer;border-radius:10px;place-items:center;min-width:44px;min-height:46px;list-style:none;display:grid}.sound-settings summary::-webkit-details-marker{display:none}.sound-popover{background:var(--surface);border-radius:12px;gap:20px;width:260px;padding:22px;font-size:14px;display:grid;position:absolute;top:58px;right:0;box-shadow:0 9px 25px #28170e30}.sound-popover label{gap:12px;display:grid}.sound-popover input[type=range]{accent-color:var(--accent);width:100%}.sound-popover .sound-check{align-items:center;gap:11px;display:flex}.sound-check input{accent-color:var(--accent);width:18px;height:18px}main{width:min(100% - 48px,900px);margin:20px auto 0}.studio-panel{background:var(--panel);border-radius:20px;padding:36px 44px 28px;box-shadow:0 12px 40px #24140c25}.hero-title{text-align:center;margin-bottom:27px}.hero-title h1{letter-spacing:-.04em;margin:0;padding-bottom:6px;font-size:clamp(40px,4.9vw,62px);font-style:italic;font-weight:800;line-height:1.16}.hero-title h1 span{color:var(--accent)}.hero-title p{color:var(--muted);margin:16px 0 0;font-size:16px}.generator{background:var(--surface);border:1.5px solid #cda282;border-radius:14px;padding:22px 22px 18px}.generator:focus-within{outline:2px solid var(--accent);outline-offset:3px}.prompt-row{color:var(--accent);gap:13px;display:flex}.prompt-row>svg{flex-shrink:0;margin-top:5px}textarea{resize:vertical;width:100%;height:92px;min-height:80px;max-height:230px;color:var(--ink);background:0 0;border:0;outline:none;font-size:16px;line-height:1.8;display:block}textarea::placeholder{color:var(--muted)}.prompt-field{flex:1;min-width:0;position:relative}.prompt-field textarea{z-index:1;caret-color:var(--accent);padding:0;position:relative}.prompt-field textarea:focus-visible{outline:none}.prompt-example{pointer-events:none;color:var(--muted);overflow-wrap:anywhere;font-size:16px;line-height:1.8;position:absolute;inset:0 10px auto 0}.hint-caret{vertical-align:-.12em;border-right:1px solid;height:1em;margin-left:2px;display:inline-block}.lofee-story{gap:28px;margin-top:36px;display:grid}.story-section{background:var(--panel);-webkit-backdrop-filter:blur(10px);border-radius:16px;padding:38px}.story-layout{grid-template-columns:1fr 1.1fr;align-items:center;gap:36px;display:grid}.story-illustration{aspect-ratio:3/2;object-fit:cover;image-rendering:auto;background:#fff4e5;border-radius:12px;width:100%;height:auto}.story-copy h2,.story-heading h2{letter-spacing:-.03em;text-wrap:balance;margin:0 0 20px;font-size:clamp(25px,3vw,34px);font-weight:700;line-height:1.25}.story-accordion p,.story-copy p,.story-heading p{color:var(--muted);margin:0 0 16px;font-size:16px;line-height:1.85}.story-copy p:last-child{margin:0}.story-features{border-top:1px solid var(--border);grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin-top:32px;padding-top:28px;display:grid}.story-features svg{color:var(--accent);margin-bottom:12px}.story-features h3{margin:0 0 8px;font-size:16px;font-weight:600;line-height:1.6}.story-features p{color:var(--muted);margin:0;font-size:15px;line-height:1.8}.story-heading{text-align:center;max-width:560px;margin:4px auto 30px}.story-heading p{margin-bottom:0}.story-reverse{grid-template-columns:1.1fr 1fr}.story-accordion details{border-bottom:1px solid var(--border);padding:16px 0}.story-accordion details:first-child{padding-top:0}.story-accordion details:last-child{border-bottom:0}.story-accordion summary{cursor:pointer;justify-content:space-between;align-items:center;gap:14px;min-height:44px;font-size:16px;font-weight:600;list-style:none;display:flex}.story-accordion summary::-webkit-details-marker{display:none}.story-accordion summary svg{flex-shrink:0;transition:transform .2s}.story-accordion details[open] summary svg{transform:rotate(180deg)}.story-accordion p{margin:10px 0 0}.story-section ::selection{color:#33231d;background:#eeb48d}@media (max-width:750px){.story-section{padding:26px}.story-layout,.story-reverse{grid-template-columns:1fr;gap:26px}.story-illustration{max-width:480px;margin:auto}.story-reverse .story-illustration{grid-row:1}.story-features{gap:18px}.story-heading{text-align:left;margin-bottom:24px}}@media (max-width:560px){.lofee-story{gap:20px;margin-top:24px}.story-section{padding:22px 18px}.story-features{grid-template-columns:1fr;gap:24px}.story-features>div{grid-template-columns:24px 1fr;column-gap:13px;display:grid}.story-features svg{grid-row:1/3;margin-top:3px}.story-features h3{margin-bottom:5px}.story-features p{grid-column:2}.prompt-row textarea{height:138px}}@media (prefers-contrast:more),(prefers-reduced-transparency:reduce){.story-section{background:var(--bg);-webkit-backdrop-filter:none}}@media (prefers-reduced-motion:reduce){.hint-caret{display:none}}.generator-bottom{justify-content:space-between;align-items:center;gap:14px;margin-top:12px;display:flex}.instrumental{color:var(--muted);align-items:center;gap:8px;font-size:14px;display:flex}.primary{background:var(--accent);color:#fffaf5;border:0;border-radius:9px;justify-content:center;align-items:center;gap:10px;min-height:48px;padding:11px 18px;font-size:15px;font-weight:600;display:inline-flex}.primary:not(:disabled):hover{background:#884029}.primary:focus-visible{outline-color:var(--ink)}.under-prompt{color:var(--muted);justify-content:space-between;align-items:center;gap:15px;margin-top:13px;font-size:14px;display:flex}.under-prompt button{background:0 0;border:0;align-items:center;gap:8px;min-height:44px;padding:7px 0 7px 10px;display:flex}.settings{background:var(--soft);border-radius:12px;grid-template-columns:repeat(3,minmax(0,1fr));gap:21px;margin-top:17px;padding:22px;display:grid}.settings label{align-content:start;gap:10px;font-size:14px;display:grid}.settings select{background:var(--surface);width:100%;min-width:0;color:var(--ink);border:1px solid var(--border);border-radius:7px;min-height:44px;padding:10px 7px}.settings input{width:100%;accent-color:var(--accent);height:44px}.settings p{color:var(--muted);grid-column:1/-1;margin:0;font-size:14px;line-height:1.7}.notice{color:var(--accent);background:var(--soft);overflow-wrap:anywhere;border-radius:9px;margin:20px 0 0;padding:13px 16px;font-size:14px;line-height:1.8}.collection-panel{background:var(--panel);border-radius:18px;margin-top:22px;padding:10px 28px 28px;box-shadow:0 10px 35px #24140c20}.tabs{border-bottom:1px solid var(--border);gap:24px;margin:0 0 23px;display:flex}.tabs button{min-height:54px;color:var(--muted);background:0 0;border:0;border-bottom:2px solid #0000;align-items:center;gap:9px;margin-bottom:-1px;padding:17px 0;font-size:15px;display:flex}.tabs button[data-state=active]{border-color:var(--accent);color:var(--accent);font-weight:600}.mood-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.mood-card{text-align:left;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:0;transition:transform .18s;overflow:hidden}.mood-card:hover{transform:translateY(-3px)}.mood-card.selected{outline:2px solid var(--accent);outline-offset:3px}.mood-art{height:122px;image-rendering:pixelated;background-image:url(/scenes/cozy-room-times.png);background-size:200% 200%;position:relative}.mood-action{color:#70412c;background:#fff8ef;border-radius:50%;padding:5px;display:flex;position:absolute;bottom:9px;right:9px}.mood-copy{padding:14px 13px 16px}.mood-copy h2{letter-spacing:-.02em;margin:0 0 7px;font-size:16px;font-weight:700}.mood-copy p{color:var(--muted);margin:0;font-size:14px;line-height:1.6}.empty{text-align:center;padding:28px 15px}.empty>svg{color:var(--accent);margin:auto}.empty h2{margin:18px 0 8px;font-size:20px;font-weight:600}.empty p{color:var(--muted);margin:0;font-size:15px}.empty button{color:var(--accent);background:0 0;border:0;align-items:center;gap:9px;min-height:44px;margin-top:20px;display:inline-flex}.track-list article{border-bottom:1px solid var(--border);align-items:center;gap:17px;padding:20px 0;display:flex}.track-list article:last-child{border-bottom:0;padding-bottom:0}.track-cover{width:58px;height:66px;color:var(--accent);background:var(--soft);border-radius:9px;flex-shrink:0;place-items:center;display:grid}.track-info{flex:1;min-width:0}.track-info h2{overflow-wrap:anywhere;margin:0 0 6px;font-size:16px;font-weight:600}.track-info p{color:var(--muted);margin:0;font-size:14px}.track-info .track-error{margin-top:7px;font-size:14px;line-height:1.7}.track-info audio{width:330px;max-width:100%;height:40px;margin-top:12px;display:block}.icon-button{min-width:44px;min-height:44px;color:var(--accent);background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;display:inline-flex}.icon-button:hover{background:var(--soft)}footer{background:var(--panel);width:min(100% - 48px,900px);color:var(--muted);border-radius:12px;justify-content:space-between;align-items:start;gap:25px;margin:23px auto 32px;padding:14px 22px;font-size:14px;display:flex}footer details{text-align:right;max-width:600px}footer summary{cursor:pointer}footer p{text-align:left;margin:14px 0 0;font-size:14px;line-height:1.8}.modal{background:var(--surface);color:var(--ink);border:0;border-radius:16px;width:min(440px,100% - 32px);margin:auto;padding:36px;box-shadow:0 20px 60px #1d120c60}.modal::backdrop{background:#23191099}.modal>.close{position:absolute;top:10px;right:10px}.modal>svg{color:var(--accent)}.modal h2{margin:18px 0 25px;font-size:23px;font-weight:600}.modal form{gap:22px;display:grid}.modal label{gap:12px;font-size:15px;display:grid}.modal input{background:var(--bg);border:1px solid var(--border);width:100%;min-width:0;color:var(--ink);border-radius:7px;padding:12px}.modal .notice{margin:0}[data-scene=night]{--bg:#292529;--surface:#281f2366;--ink:#f6e6d7;--muted:#f0ddd0;--accent:#ffd0ad;--border:#64504b;--soft:#45363270;--panel:#1d191d99}[data-scene=night] .primary{color:#251a16;background:#d79770}[data-scene=night] .primary:not(:disabled):hover{background:#e8ad89}[data-scene=night] .generator{border-color:#846550}.spin{animation:spin 1.4s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.brand,.collection-panel,.library-button,.sound-settings summary,.sound-toggle,.studio-panel,footer{-webkit-backdrop-filter:blur(10px)saturate(1.08);border:1px solid #ffebd329;box-shadow:inset 0 1px #fff9ea1c,0 8px 28px #1b0f0c29}.generator,.mood-card,.settings{background:var(--surface)}.modal,.sound-popover{-webkit-backdrop-filter:blur(18px);background:#fff8efe8}[data-scene=night] .modal,[data-scene=night] .sound-popover{background:#201a1ee0}.sound-popover{overscroll-behavior:contain;width:300px;max-height:min(650px,100dvh - 110px);overflow-y:auto}.click-options{border:0;gap:4px;margin:0;padding:0;display:grid}.click-options legend{padding:0 0 8px;font-size:14px;font-weight:600}.click-option{align-items:center;gap:8px;display:flex}.click-option label{flex:1;align-items:center;gap:10px;min-height:44px;font-size:14px;display:flex}.click-option input{accent-color:var(--accent);width:17px;height:17px}.click-option .icon-button{min-width:38px;min-height:38px}.click-option .icon-button:hover{background:var(--soft)}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){:root{--panel:#fff8eff0}[data-scene=night]{--panel:#1d191df0}}@media (prefers-reduced-transparency:reduce){.brand,.collection-panel,.library-button,.modal,.sound-popover,.sound-settings summary,.sound-toggle,.studio-panel,footer{-webkit-backdrop-filter:none}.generator,.modal,.mood-card,.settings,.sound-popover{background:var(--bg)}}@media (prefers-contrast:more){.generator,.modal,.mood-card,.settings,.sound-popover{background:var(--bg)}}@media (min-width:1450px){main{margin-top:55px}.studio-panel{padding-top:43px;padding-bottom:35px}.hero-title{margin-bottom:32px}.mood-art{height:140px}}@media (max-width:850px){.site-header{padding:0 22px}.header-right{padding-right:188px}.sound-controls{right:22px}.mood-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mood-art{height:155px}.studio-panel{padding:30px}.hero-title h1{font-size:48px}.mood-copy p{font-size:15px}}@media (max-width:560px){.site-header{align-items:start;gap:15px;height:140px;padding:15px 18px}.brand{padding:4px 12px 4px 7px;font-size:26px}.brand img{width:43px;height:43px}.header-right{margin-top:3px;padding-right:0}.library-button{padding:9px 12px;font-size:14px}.sound-controls{top:83px;right:18px}.sound-toggle{font-size:14px}.sound-popover{width:245px}main{width:calc(100% - 28px);margin-top:0}.studio-panel{border-radius:16px;padding:25px 18px 18px}.hero-title h1{font-size:clamp(30px,8vw,42px)}.hero-title p{margin-top:13px;font-size:15px}.generator{padding:17px 14px}.prompt-row{gap:9px}.prompt-row textarea{height:108px;font-size:16px}.generator-bottom{flex-wrap:wrap;gap:8px}.primary{padding:10px 12px}.instrumental,.primary,.under-prompt{font-size:14px}.under-prompt{align-items:start;gap:8px}.under-prompt>span{max-width:185px;padding-top:10px}.settings{grid-template-columns:1fr;gap:18px;padding:18px}.collection-panel{border-radius:16px;margin-top:16px;padding:5px 16px 20px}.tabs{gap:20px}.tabs button{gap:7px;font-size:14px}.mood-grid{gap:13px}.mood-art{height:112px}.mood-copy{padding:12px}.mood-copy h2{font-size:16px}.mood-copy p{font-size:14px}.track-cover{display:none}.track-list article{gap:8px}.track-info h2{font-size:15px}.track-info audio{width:100%}footer{gap:12px;width:calc(100% - 28px);padding:14px 16px;font-size:14px}footer details{max-width:65%}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:after,:before{transition:none!important;animation:none!important}}@media (prefers-contrast:more){:root{--panel:#fff8ef;--muted:#4b392f;--accent:#83371f}[data-scene=night]{--panel:#292529;--muted:#f6e6d7;--accent:#ffc8a4}.generator,.mood-card{border-width:2px}}@media (prefers-reduced-transparency:reduce){:root{--panel:#fff8ef}[data-scene=night]{--panel:#292529}}.prompt-example{max-height:100%;overflow:hidden}@media (max-width:560px){.prompt-field textarea{height:168px}}.landing{width:min(100% - 48px,980px);max-width:980px}.landing-hero{padding:48px 44px 36px}.landing .hero-title p{max-width:45ch;margin:20px auto 0}.showcase{background:var(--panel);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;margin:38px 0;padding:32px}.showcase-heading h2{letter-spacing:-.025em;margin:0 0 12px;font-size:32px;font-weight:700;line-height:1.25}.showcase-heading p{color:var(--muted);max-width:60ch;margin:0 0 25px;font-size:16px}.showcase-film{margin:0}.showcase-film video{aspect-ratio:16/9;background:var(--soft);object-fit:cover;border-radius:12px;width:100%;display:block}.showcase-film figcaption{color:var(--muted);margin:12px 0;font-size:14px}.showcase-ideas{flex-wrap:wrap;gap:24px;margin:22px 0;display:flex}.showcase-ideas p{flex:1;min-width:180px;margin:0;font-size:16px}.workspace{width:min(100% - 48px,1060px);margin:20px auto 0}.workspace-nav{background:var(--panel);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;gap:8px;width:fit-content;margin-bottom:20px;padding:6px;display:flex}.workspace-nav a{border-radius:8px;align-items:center;gap:9px;min-height:46px;padding:10px 18px;display:flex}.workspace-nav a[aria-current=page]{background:var(--accent);color:var(--bg);font-weight:600}.workspace main{width:100%;margin:0}.workspace-heading{margin:0 0 28px}.workspace-heading h1{letter-spacing:-.025em;margin:0 0 12px;font-size:clamp(28px,3vw,38px);font-weight:700;line-height:1.3}.workspace-heading p{color:var(--muted);max-width:65ch;margin:0;font-size:16px}.history-heading{padding-top:23px}.history-heading .primary{margin-top:20px}.workspace .track-list article{flex-wrap:wrap;align-items:flex-start}.track-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.edit-link,.text-link{min-height:44px;color:var(--accent);align-items:center;gap:8px;font-size:15px;display:inline-flex}.edit-link{background:var(--soft);border-radius:8px;padding:8px 12px}.edit-link:hover,.text-link:hover{text-underline-offset:5px;text-decoration:underline}.editor-main>.text-link{background:var(--panel);border-radius:8px;margin-bottom:16px;padding:4px 12px}.editor-panel>audio{width:100%;margin:4px 0 24px}.editor-track-title{overflow-wrap:anywhere;margin:0 0 12px;font-size:18px;font-weight:600;line-height:1.6}.editor-loading{align-items:center;gap:12px;min-height:200px;display:flex}.waveform{background:var(--soft);height:150px;color:var(--accent);border-radius:10px;margin-top:4px;position:relative;overflow:hidden}.waveform svg{width:100%;height:100%;padding:12px;position:absolute;inset:0}.selection-region{background:var(--accent);opacity:.09;pointer-events:none;border-inline:2px solid;position:absolute;inset-block:0}.selection-time{font-variant-numeric:tabular-nums;justify-content:space-between;align-items:center;gap:10px;margin:12px 0 28px;font-size:14px;display:flex}.selection-time strong{color:var(--muted);font-weight:500}.edit-controls{grid-template-columns:1fr 1fr;gap:24px;display:grid}.edit-controls label{flex-wrap:wrap;align-items:center;gap:10px;font-size:15px;display:flex}.edit-controls output{color:var(--muted);font-variant-numeric:tabular-nums;margin-left:auto}.edit-controls input[type=range]{width:100%;height:32px;accent-color:var(--accent);margin:0}.edit-controls input:not([type=range]),.edit-controls select{background:var(--surface);width:100%;color:var(--ink);border:1px solid var(--border);border-radius:8px;min-height:46px;padding:10px}.editor-actions{flex-wrap:wrap;align-items:center;gap:12px;margin-top:30px;display:flex}.editor-actions .primary{margin-left:auto}.editor-note{color:var(--muted);margin:16px 0 0;font-size:14px;line-height:1.8}.track-prompt{border-top:1px solid var(--border);margin-top:28px;padding-top:22px}.track-prompt summary{cursor:pointer;min-height:44px}.track-prompt>p{white-space:pre-wrap;overflow-wrap:anywhere;max-width:70ch}.track-prompt .library-button{box-shadow:none}.workspace select{color-scheme:light dark}.workspace-nav a:hover:not([aria-current]){background:var(--surface)}.showcase,.workspace-nav{box-shadow:0 8px 28px #1b0f0c29}::selection{color:#38251e;background:#efbe99}input,select{caret-color:var(--accent)}@media (max-width:750px){.track-actions{width:100%;padding-left:75px}.editor-actions .primary{margin-left:0}.showcase{padding:24px}.workspace{width:calc(100% - 32px)}}@media (max-width:560px){.landing{width:calc(100% - 28px)}.landing-hero{padding:28px 18px}.showcase{margin-top:22px;padding:22px 18px}.showcase-heading h2{font-size:27px}.showcase-ideas{gap:14px}.showcase-ideas p{flex-basis:100%}.workspace{width:calc(100% - 28px);margin-top:0}.workspace-nav{width:100%;margin-bottom:16px}.workspace-nav a{flex:1;justify-content:center;padding-inline:10px}.workspace-heading h1{font-size:27px}.workspace-heading p{font-size:15px}.track-actions{padding-left:0}.edit-controls{grid-template-columns:1fr;gap:20px}.selection-time{gap:5px;font-size:12px}.selection-time strong{font-size:13px}.waveform{height:120px}.editor-actions{gap:8px}.editor-actions .primary{width:100%;margin-top:8px}.editor-actions .library-button{flex:1}.editor-panel .notice{margin-bottom:20px}footer{flex-wrap:wrap}footer details{text-align:left;max-width:100%}}@media (prefers-contrast:more),(prefers-reduced-transparency:reduce){.showcase,.workspace-nav{background:var(--bg);-webkit-backdrop-filter:none;backdrop-filter:none}}.mood-heading{border-bottom:1px solid var(--border);align-items:center;gap:9px;margin:12px 0 22px;padding:7px 0 15px;font-size:16px;font-weight:600;display:flex}.ai-edit{border-top:1px solid var(--border);margin-top:28px;padding-top:28px}.ai-edit-heading h2{letter-spacing:-.02em;margin:0 0 10px;font-size:25px;font-weight:700;line-height:1.4}.ai-edit-heading p{color:var(--muted);margin:0 0 24px;font-size:15px}.edit-modes{border:0;flex-wrap:wrap;gap:6px;margin:0 0 16px;padding:0;display:flex}.edit-modes label{cursor:pointer;flex:1;min-width:150px;position:relative}.edit-modes input{opacity:0;width:1px;height:1px;position:absolute}.edit-modes span{background:var(--soft);border:1px solid var(--border);border-radius:8px;justify-content:center;align-items:center;min-height:46px;padding:10px;font-size:14px;display:flex}.edit-modes input:checked+span{background:var(--accent);color:var(--bg);border-color:var(--accent);font-weight:600}.edit-modes input:focus-visible+span{outline:3px solid var(--accent);outline-offset:3px}.edit-modes:disabled label{cursor:default;opacity:.65}.edit-explanation,.edit-selection{color:var(--muted);max-width:65ch;margin:16px 0 20px;font-size:15px;line-height:1.8}.ai-description{gap:12px;margin-top:22px;font-size:15px;display:grid}.ai-description textarea{background:var(--surface);border:1px solid var(--border);border-radius:10px;height:130px;min-height:100px;max-height:260px;padding:14px}.ai-description textarea:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.continue-control{flex-wrap:wrap;align-items:center;gap:10px;font-size:15px;display:flex}.continue-control output{font-variant-numeric:tabular-nums;margin-left:auto}.continue-control input{width:100%;height:34px;accent-color:var(--accent)}.reference-upload{margin-top:14px}.reference-upload>label.text-link{cursor:pointer;position:relative;overflow:hidden}.reference-input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.reference-upload>label:focus-within{outline:2px solid var(--accent);outline-offset:3px}.reference-file{overflow-wrap:anywhere;justify-content:space-between;align-items:center;gap:12px;margin:10px 0;font-size:14px;display:flex}.reference-file span{min-width:0}.reference-rights{align-items:center;gap:10px;min-height:44px;font-size:14px;display:flex}.reference-rights input{width:18px;height:18px;accent-color:var(--accent);flex-shrink:0}.ai-submit{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;margin-top:24px;display:flex}.ai-submit>span{color:var(--muted);font-size:14px}.version-history{border-top:1px solid var(--border);margin-top:32px;padding-top:24px}.version-history h3{margin:0 0 12px;font-size:18px;font-weight:600}.version-history article{border-bottom:1px solid var(--border);align-items:center;gap:20px;padding:18px 0;display:flex}.version-history article:last-child{border-bottom:0}.version-history article>div{flex:1;min-width:0}.version-history h4{margin:0 0 5px;font-size:15px;font-weight:600}.version-history p{color:var(--muted);overflow-wrap:anywhere;margin:0;font-size:14px}.version-history audio{width:100%;max-width:420px;height:42px;margin-top:12px;display:block}.version-history .track-error{margin-top:10px}.local-edit{border-top:1px solid var(--border);margin-top:24px;padding-top:20px}.local-edit>summary{cursor:pointer;min-height:46px;font-size:16px;font-weight:600}.local-edit .edit-controls{margin-top:18px}.ai-edit>.text-link{background:0 0;border:0;margin-top:10px;padding:8px 0}.ai-edit>.notice{margin-bottom:16px}@media (max-width:560px){.edit-modes{gap:8px}.edit-modes label{flex-basis:100%;min-width:100%}.ai-description textarea{height:170px}.ai-submit .primary{width:100%}.version-history article{flex-wrap:wrap;align-items:flex-start;gap:8px}.version-history article>div{flex-basis:100%}.version-history .edit-link{margin-top:4px}.ai-edit-heading h2{font-size:23px}}.workspace:has(.split-editor){width:min(100% - 48px,1280px)}.editor-page-heading{justify-content:space-between;align-items:center;gap:20px;margin:0 0 22px;display:flex}.editor-page-heading h1{letter-spacing:-.025em;margin:0;font-size:28px;font-weight:700;line-height:1.3}.editor-page-heading .text-link{background:var(--panel);border-radius:8px;padding:5px 12px}.editor-columns{grid-template-columns:minmax(0,.95fr) minmax(0,1fr);align-items:start;gap:24px;display:grid}.editor-tools,.editor-work{border-radius:16px;min-width:0;padding:28px}.editor-tools .ai-edit{border:0;margin:0;padding:0}.editor-tools .ai-edit-heading{margin:0 0 22px}.editor-tools .ai-edit-heading h2,.work-heading h2{letter-spacing:-.02em;margin:0;font-size:22px;font-weight:700;line-height:1.4}.editor-tools .edit-modes{flex-wrap:nowrap;gap:6px;margin-bottom:14px}.editor-tools .edit-modes label{min-width:0}.editor-tools .edit-modes span{text-align:center;height:100%;padding:10px 8px;font-size:14px}.editor-tools .edit-explanation{margin:14px 0 22px;font-size:14px}.editor-tools .ai-description{margin-top:18px}.editor-tools .ai-description textarea{height:160px;line-height:1.8}.editor-tools .ai-submit{gap:12px}.editor-tools .ai-submit .primary{margin-left:auto}.editor-tools .editor-actions{gap:9px}.editor-tools .editor-actions .primary{width:100%;margin:4px 0 0}.editor-tools .editor-actions .library-button{flex:1}.editor-tools .local-edit,.editor-tools .track-prompt{margin-top:22px;padding-top:18px}.editor-tools .local-edit summary,.editor-tools .track-prompt summary{font-size:15px;font-weight:500}.editor-tools .local-edit .edit-controls{grid-template-columns:1fr;gap:16px}.editor-tools .selection-inputs{grid-template-columns:1fr 1fr;gap:18px}.editor-tools .section-selection .selection-inputs{margin:18px 0}.prompt-starters{margin:20px 0 12px}.prompt-starters>span{color:var(--muted);font-size:14px}.prompt-starters>div{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.prompt-starters button{background:var(--soft);color:var(--ink);border:1px solid var(--border);border-radius:7px;min-height:40px;padding:8px 11px;font-size:14px}.prompt-starters button:not(:disabled):hover{background:var(--surface);border-color:var(--accent)}.editor-work{position:sticky;top:24px}.work-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:22px;display:flex}.work-heading>span{color:var(--muted);font-variant-numeric:tabular-nums;font-size:14px}.editor-work .editor-track-title{margin:0 0 20px;font-size:16px;font-weight:500;line-height:1.75}.editor-work .waveform{height:150px;margin-bottom:18px}.editor-work>audio{width:100%;height:44px;margin-top:16px;display:block}.selected-range{color:var(--muted);font-variant-numeric:tabular-nums;margin:0 0 12px;font-size:14px}.editor-work .version-history{margin-top:28px;padding-top:22px}.editor-work .version-history h2{align-items:center;gap:10px;margin:0 0 12px;font-size:18px;font-weight:600;display:flex}.version-history h2>span{color:var(--muted);font-size:14px;font-weight:400}.editor-work .version-history h3{align-items:center;gap:12px;margin:0 0 6px;font-size:15px;font-weight:500;display:flex}.current-version{color:var(--accent);background:var(--soft);border-radius:5px;padding:2px 8px;font-size:14px;font-weight:400}.editor-work .version-history article{padding-block:16px}.editor-tools .track-prompt>p{font-size:14px;line-height:1.8}.editor-tools .ai-submit>span{font-size:14px}.editor-tools .reference-upload{margin-top:12px}.editor-tools .continue-control{margin-bottom:22px}.editor-tools .reference-upload .editor-note{margin-top:8px}.editor-tools .notice{margin-block:16px;font-size:14px}@media (max-width:900px){.editor-columns{grid-template-columns:1fr;gap:20px}.editor-work{position:static}.workspace:has(.split-editor){max-width:680px}.editor-tools .ai-description textarea{height:145px}}@media (max-width:560px){.workspace:has(.split-editor){width:calc(100% - 28px)}.editor-page-heading{gap:12px;margin-bottom:18px}.editor-page-heading h1{font-size:23px}.editor-page-heading .text-link{padding:4px 8px;font-size:14px}.editor-tools,.editor-work{padding:22px 18px}.editor-tools .edit-modes label{flex-basis:0;min-width:0}.editor-tools .edit-modes span{padding:9px 6px;font-size:14px}.editor-tools .ai-description textarea{height:180px}.editor-tools .selection-inputs{grid-template-columns:1fr;gap:14px}.editor-tools .ai-submit .primary{width:100%;margin-left:0}.editor-tools .ai-edit-heading h2,.work-heading h2{font-size:21px}.prompt-starters>div{gap:7px}.prompt-starters button{padding:8px 10px;font-size:14px}.editor-work .waveform{height:120px}}.creation-fields{border:0;min-width:0;margin:0;padding:0}.creation-fields:disabled{opacity:.75}.creation-step{border:0;min-width:0;margin:0 0 28px;padding:0}.creation-step h2,.creation-step legend{margin:0 0 14px;padding:0;font-size:17px;font-weight:600;line-height:1.5}.creation-form .generator{padding:18px}.creation-form textarea{height:110px}.style-choices>div{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.style-choices label{cursor:pointer;min-width:0;position:relative}.style-choices input{opacity:0;width:1px;height:1px;position:absolute}.style-choices label>span{background:var(--surface);border:1px solid var(--border);text-align:center;border-radius:8px;justify-content:center;align-items:center;height:100%;min-height:48px;padding:10px 12px;font-size:15px;display:flex}.style-choices input:checked+span{background:var(--accent);color:var(--bg);border-color:var(--accent);font-weight:600}.style-choices input:focus-visible+span{outline:3px solid var(--accent);outline-offset:3px}.style-choices p{color:var(--muted);margin:12px 0 0;font-size:14px;line-height:1.8}.creation-options{grid-template-columns:1fr 1fr;align-items:start;gap:30px;display:grid}.creation-options>label{gap:12px;font-size:17px;font-weight:600;display:grid}.creation-options select{width:100%;min-height:48px;color:var(--ink);background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:10px 12px;font-size:15px;font-weight:400}.creation-options label>span:last-child,.creation-options small{color:var(--muted);font-size:14px;font-weight:400;line-height:1.6}.variation-control{position:relative}.variation-control input{opacity:0;z-index:1;cursor:pointer;width:46px;height:28px;position:absolute;top:38px;left:0}.variation-control .switch-track{background:var(--border);border-radius:14px;width:46px;height:28px;min-height:28px;display:block;position:relative}.switch-track:after{content:"";background:var(--bg);border-radius:50%;width:20px;height:20px;transition:transform .15s;position:absolute;top:4px;left:4px}.variation-control input:checked+.switch-track{background:var(--accent)}.variation-control input:checked+.switch-track:after{transform:translate(18px)}.variation-control input:focus-visible+.switch-track{outline:3px solid var(--accent);outline-offset:3px}.creation-action{justify-content:space-between;align-items:center;gap:20px;padding-top:4px;display:flex}.creation-action>span,.sent-description{color:var(--muted);font-size:14px}.sent-description{margin-top:20px}.sent-description summary{cursor:pointer;min-height:44px;padding:10px 0}.sent-description p{white-space:pre-wrap;overflow-wrap:anywhere;background:var(--soft);border-radius:8px;padding:16px;line-height:1.8}.generation-progress{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:370px;padding:35px 15px;display:flex}.brewing-logo{place-items:center;width:112px;height:112px;margin-bottom:26px;display:grid;position:relative}.brewing-logo img{object-fit:contain;width:96px;height:96px;image-rendering:pixelated;animation:logo-brew 2s ease-in-out infinite}.brewing-steam{border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin 3s linear infinite;position:absolute;inset:-4px}.generation-progress h2{margin:0 0 14px;font-size:22px;font-weight:600;line-height:1.5}.generation-progress p{color:var(--muted);max-width:34ch;margin:0 0 25px;font-size:15px;line-height:1.8}.generation-progress progress{appearance:none;background:var(--soft);width:min(100%,340px);height:7px;accent-color:var(--accent);border:0;border-radius:4px;overflow:hidden}.generation-progress progress::-webkit-progress-bar{background:var(--soft)}.generation-progress progress::-webkit-progress-value{background:var(--accent)}.generation-progress progress:indeterminate{background:linear-gradient(90deg,var(--soft) 0,var(--accent) 50%,var(--soft) 100%);background-size:200% 100%;animation:brewing-progress 2s ease-in-out infinite}.generation-progress progress:indeterminate::-webkit-progress-bar{background:0 0}.generation-progress>span{color:var(--muted);margin-top:12px;font-size:14px}.generation-summary{gap:14px;margin:24px 0;display:grid}.generation-summary>div{justify-content:space-between;gap:18px;font-size:15px;display:flex}.generation-summary dt{color:var(--muted)}.generation-summary dd{margin:0}.generation-session .editor-tools>h2{margin:0 0 24px;font-size:22px;font-weight:600}.generation-error h2{margin-top:0;font-size:22px}.generation-error p{font-size:15px;line-height:1.8}.creation-form>.generation-progress{border-top:1px solid var(--border);min-height:260px;margin-top:22px}.creation-form .prompt-example{font-size:16px}.landing .creation-step h2{text-align:left;font-style:normal}.landing .hero-title{margin-bottom:36px}@keyframes logo-brew{0%,to{transform:translateY(3px)rotate(-3deg)}50%{transform:translateY(-5px)rotate(3deg)}}@keyframes brewing-progress{0%,to{background-position:100% 0}50%{background-position:0 0}}@media (max-width:600px){.style-choices>div{grid-template-columns:repeat(2,minmax(0,1fr))}.creation-options{grid-template-columns:1fr;gap:24px}.creation-step{margin-bottom:24px}.creation-action{flex-wrap:wrap;gap:14px}.creation-action .primary{width:100%}.creation-form textarea{height:150px}.creation-options>label,.creation-step h2,.creation-step legend{font-size:16px}.generation-progress{min-height:310px}.generation-progress h2{font-size:20px}}.demo-entry{color:var(--muted);justify-content:space-between;align-items:center;gap:14px;margin-bottom:20px;font-size:14px;display:flex}.demo-entry a{color:var(--accent);align-items:center;gap:7px;min-height:40px;display:inline-flex}.demo-entry a:hover{text-underline-offset:4px;text-decoration:underline}.step-drawers{gap:12px;display:grid}.step-drawer{border:1px solid var(--border);background:var(--surface);border-radius:12px;overflow:hidden}.step-drawer h2{margin:0;font-size:16px;font-weight:600;line-height:1.6}.step-drawer-header{text-align:left;background:0 0;border:0;align-items:center;gap:14px;width:100%;min-height:70px;padding:18px 20px;display:flex}.step-drawer-header>span:nth-child(2){flex:1;min-width:0}.step-drawer-header small{text-overflow:ellipsis;white-space:nowrap;color:var(--muted);margin-top:3px;font-size:14px;font-weight:400;display:block;overflow:hidden}.step-drawer-header>svg{flex-shrink:0;transition:transform .2s}.is-open .step-drawer-header>svg{transform:rotate(180deg)}.step-marker{background:var(--soft);width:29px;height:29px;color:var(--accent);border-radius:50%;flex-shrink:0;place-items:center;font-size:14px;display:grid}.is-open .step-marker{background:var(--accent);color:var(--bg)}.step-drawer-header:disabled{opacity:.55}.step-drawer-header:focus-visible{outline-offset:-4px}.step-drawer-content{padding:0 20px 22px}.step-drawer-content[hidden]{display:none}.step-next{justify-content:flex-end;margin-top:18px;display:flex}.step-drawer .creation-action{padding-top:14px}.step-drawer .creation-options{padding-top:6px}.step-drawer .style-choices{margin-bottom:0}.step-drawer .sent-description{margin-top:14px}.demo-banner{background:var(--panel);color:var(--muted);border-radius:9px;margin:0 0 20px;padding:12px 16px;font-size:14px;line-height:1.8}.demo-back{cursor:pointer;border:0}.demo-studio .editor-tools>h2,.demo-tools h2{margin:0 0 18px;font-size:22px;font-weight:600}.demo-settings{color:var(--muted);flex-wrap:wrap;gap:12px;margin-bottom:20px;font-size:14px;display:flex}.demo-edit-mode{gap:10px;margin:18px 0 22px;font-size:15px;display:grid}.demo-edit-mode select{background:var(--surface);width:100%;min-height:46px;color:var(--ink);border:1px solid var(--border);border-radius:8px;padding:10px}.demo-take{border-bottom:1px solid var(--border);margin-bottom:18px;padding:20px 0}.demo-take h3{margin:0 0 12px;font-size:16px;font-weight:600}.demo-take audio{width:100%;height:42px;display:block}.demo-take .text-link{margin-top:5px;font-size:14px}.demo-exit{text-align:center;margin-top:24px;font-size:14px}.demo-exit a{text-underline-offset:5px;text-decoration:underline}.demo-form-page .workspace-heading p{font-size:15px}.workspace:has(.demo-studio){width:min(100% - 48px,1280px)}@media (max-width:560px){.step-drawer-header{gap:10px;min-height:66px;padding:15px 13px}.step-drawer-content{padding:0 13px 18px}.step-next .primary{width:100%}.step-drawer .style-choices>div{gap:8px}.step-drawer .style-choices label>span{padding:8px;font-size:14px}.step-drawer .creation-options{gap:22px}.demo-entry{flex-wrap:wrap;gap:4px;margin-bottom:16px}.workspace:has(.demo-studio){width:calc(100% - 28px)}}.step-drawer-content:not([hidden]){transform-origin:top;animation:step-bubble-open .32s cubic-bezier(.18,.85,.28,1.1) both}.step-drawer.is-open{box-shadow:0 5px 16px #3e22150f}@keyframes step-bubble-open{0%{opacity:.15;clip-path:inset(0 0 65% round 12px);transform:translateY(-6px)scale(.97)}65%{opacity:1;clip-path:inset(0 round 12px);transform:translateY(0)scale(1.008)}to{opacity:1;clip-path:inset(0 round 12px);transform:none}}@media (prefers-reduced-motion:reduce){.step-drawer-content:not([hidden]){animation:none}}.account-menu{position:relative}.account-menu>summary{cursor:pointer;list-style:none}.account-menu>summary::-webkit-details-marker{display:none}.account-popover{z-index:20;background:var(--bg);border-radius:12px;gap:14px;width:240px;padding:20px;display:grid;position:absolute;top:58px;right:0;box-shadow:0 10px 30px #160e1640}.account-popover p{overflow-wrap:anywhere;margin:0}.account-popover a,.account-popover button{text-align:left;background:0 0;border:0;align-items:center;gap:10px;min-height:44px;padding:8px 0;display:flex}.listening-gallery{background:var(--panel);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;margin-top:30px;padding:38px}.listening-heading h2{letter-spacing:-.03em;margin:0 0 12px;font-size:clamp(26px,3vw,34px);font-weight:700;line-height:1.3}.listening-heading p{color:var(--muted);margin:0 0 28px;font-size:16px}.sample-row{border-bottom:1px solid var(--border);grid-template-columns:72px minmax(0,1fr) minmax(220px,.9fr);align-items:center;gap:20px;padding:23px 0;display:grid}.sample-row:last-child{border-bottom:0}.sample-cover{background-image:url(/scenes/cozy-room-times.png);background-size:200% 200%;border-radius:50%;flex-shrink:0;place-items:center;width:72px;height:72px;display:grid;box-shadow:0 5px 12px #190f1730}.sample-cover span{background:#241d25;border-radius:50%;width:15px;height:15px;box-shadow:0 0 0 7px #efbb8a77}.sample-copy h3{margin:0 0 5px;font-size:17px;font-weight:600;line-height:1.5}.sample-copy p{color:var(--muted);margin:0 0 5px;font-size:15px}.sample-copy>span{color:var(--muted);font-size:14px}.sample-row audio{width:100%;min-width:0;height:42px}.sample-note{color:var(--muted);margin:22px 0 0;font-size:14px}.account-page{max-width:780px}.sign-in-panel{text-align:center;max-width:600px;margin:55px auto;padding:40px}.sign-in-panel>img{image-rendering:pixelated}.sign-in-panel h1{letter-spacing:-.03em;margin:22px 0 18px;font-size:32px;font-weight:700;line-height:1.3}.sign-in-panel>p{color:var(--muted);font-size:16px}.trial-offer{border-top:1px solid var(--border);border-bottom:1px solid var(--border);gap:6px;margin:28px 0;padding:22px 0;display:grid}.trial-offer strong{font-size:19px}.trial-offer span{font-size:15px}.google-sign-in{color:#202124;background:#fff;border:1px solid #747775;border-radius:8px;justify-content:center;align-items:center;gap:13px;min-height:50px;padding:12px 20px;font-weight:500;display:flex}.google-sign-in:hover{background:#f4f4f4}.sign-in-panel .sign-in-privacy{margin:24px 0;font-size:14px;line-height:1.8}.account-links{flex-wrap:wrap;justify-content:center;gap:20px;font-size:15px;display:flex}.account-links a{text-underline-offset:5px;min-height:44px;padding:10px 0;text-decoration:underline}.credit-balance{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:24px;padding:28px 0;display:flex}.credit-balance>div{flex-wrap:wrap;align-items:baseline;gap:15px;display:flex}.credit-balance strong{letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-size:48px;font-weight:700;line-height:1.2}.credit-balance span{color:var(--muted);font-size:16px}.credit-account{color:var(--muted);overflow-wrap:anywhere;font-size:15px}.credit-costs{margin:30px 0 20px}.credit-costs>div{justify-content:space-between;align-items:baseline;gap:24px;margin:16px 0;font-size:16px;display:flex}.credit-costs dd{white-space:nowrap;margin:0;font-weight:600}.credit-explainer{color:var(--muted);font-size:15px;line-height:1.8}.credit-activity{margin-top:40px}.credit-activity h2,.credit-purchases h2,.privacy-copy h2{margin:0 0 20px;font-size:23px;font-weight:600;line-height:1.4}.credit-activity ul{margin:0;padding:0;list-style:none}.credit-activity li{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:20px;padding:18px 0;display:flex}.credit-activity li>div{gap:4px;display:grid}.credit-activity strong{font-size:16px;font-weight:500}.credit-activity time{color:var(--muted);font-size:14px}.credit-activity li>span{font-variant-numeric:tabular-nums;font-size:20px}.credit-added{color:var(--accent)}.credit-purchases{border-top:1px solid var(--border);margin-top:35px;padding-top:30px}.credit-purchases p{color:var(--muted);font-size:16px}.privacy-copy h1{margin:0 0 25px;font-size:34px;font-weight:700;line-height:1.3}.privacy-copy h2{margin-top:30px}.privacy-copy p{color:var(--muted);font-size:16px;line-height:1.85}.workspace-nav,footer{flex-wrap:wrap}html{scroll-padding-top:25px}@media (max-width:750px){.sample-row{grid-template-columns:64px 1fr;gap:16px}.sample-cover{width:64px;height:64px}.sample-row audio{grid-column:1/-1}.listening-gallery{padding:26px}.header-right{gap:8px}.account-popover{width:220px}}@media (max-width:560px){.site-header{flex-wrap:wrap;align-content:flex-start;row-gap:15px;height:151px;display:flex}.header-right{justify-content:flex-end;width:100%;margin:0;padding:0}.sound-controls{top:20px;right:14px}.sound-toggle{padding:10px;font-size:14px}.brand{font-size:24px}.brand img{width:36px;height:43px}.site-header{padding-right:14px}.listening-gallery{margin-top:24px;padding:24px 18px}.sample-row{padding:22px 0}.sample-copy h3{font-size:16px}.sign-in-panel{margin:15px auto;padding:28px 20px}.sign-in-panel h1{font-size:29px}.credit-balance{flex-direction:column;align-items:flex-start;gap:20px}.credit-costs>div{gap:15px;font-size:15px}.credit-balance strong{font-size:40px}.sample-note{line-height:1.8}}@media (prefers-contrast:more),(prefers-reduced-transparency:reduce){.listening-gallery{background:var(--bg);-webkit-backdrop-filter:none;backdrop-filter:none}}.account-avatar{object-fit:cover;border-radius:50%;width:30px;height:30px}.account-menu>summary{min-height:46px}.header-right{padding-right:58px}@media (max-width:850px){.header-right{padding-right:58px}}@media (max-width:560px){.header-right{padding-right:0}}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}