:root{--bg:#f4efe6;--ink:#183729;--muted:#5c6f65;--paper:#fcfaf6;--line:#d7d0c3;--forest:#0c6f46;--forest-dark:#163d2c;--berry:#c66f30;--gold:#e4c59b;--blue:#4d8869;--lavender:#7dbfa4;--mint:#88bea4;--shadow:0 24px 60px #1837291f}*{box-sizing:border-box}html{background:var(--bg);color:var(--ink);scroll-behavior:smooth;-webkit-font-smoothing:antialiased;font-family:Avenir Next,Segoe UI,Helvetica Neue,Arial,sans-serif;line-height:1.5}body{background:var(--bg);margin:0}h1,h2,h3,h4,.brand-name{font-family:Iowan Old Style,Palatino Linotype,Book Antiqua,URW Palladio L,Georgia,serif;font-weight:600}button,input{font:inherit}a{color:inherit;text-decoration:none}.app-shell{min-height:100vh;overflow:hidden}.playful-shell{background:radial-gradient(circle at 0 0,#88bea433,#0000 28%),linear-gradient(#f5f0e7 0%,#f8f3eb 54%,#eee8dd 100%)}.site-header{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:20;background:#fcfaf6db;border-bottom:1px solid #18372914;grid-template-columns:auto 1fr auto;align-items:center;gap:20px;padding:16px clamp(18px,5vw,64px);display:grid;position:sticky;top:0;left:0}.playful-header{border-bottom:1px solid #1837291a}.brand,.nav-links,.hero-actions,.filter-row,.reader-controls,.card-meta,.tag-row{align-items:center;display:flex}.brand{letter-spacing:0;gap:12px}.brand-mark{background:linear-gradient(145deg, var(--forest-dark), var(--forest));color:#f7efe0;border-radius:14px;place-items:center;width:42px;height:42px;font-family:Iowan Old Style,Palatino Linotype,Book Antiqua,URW Palladio L,Georgia,serif;font-size:1rem;line-height:1;display:grid;box-shadow:inset 0 1px #ffffff2e}.brand-lockup{gap:1px;display:grid}.brand-name{color:var(--forest-dark);letter-spacing:.08em;font-size:1.45rem;line-height:1}.brand-tagline{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:.72rem}.nav-links{color:var(--muted);justify-content:center;gap:22px}.nav-links a,.account-link,.text-link{font-size:.92rem;font-weight:700}.account-link{background:var(--forest-dark);color:#f8f4ec;border:1px solid #1837291f;border-radius:999px;padding:10px 15px;box-shadow:0 10px 24px #1837291f}.profile-link{border:2px solid var(--line);color:var(--ink);background:#fff;border-radius:50%;justify-content:center;align-items:center;width:46px;height:46px;display:inline-flex}.profile-menu{justify-self:end;position:relative}.profile-menu-trigger{cursor:pointer;padding:0}.profile-menu-trigger:hover,.profile-menu-trigger[aria-expanded=true]{border-color:var(--forest);box-shadow:0 8px 20px #0c6f4624}.profile-dropdown{border:2px solid var(--line);box-shadow:var(--shadow);z-index:30;background:#fff;border-radius:16px;gap:8px;min-width:220px;padding:10px;display:grid;position:absolute;top:calc(100% + 10px);right:0}.profile-menu-name{border-bottom:1px solid var(--line);color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin:0;padding:6px 8px 10px;font-size:.86rem;font-weight:800;overflow:hidden}.profile-menu-item{color:var(--ink);cursor:pointer;font:inherit;text-align:left;background:0 0;border:0;border-radius:10px;align-items:center;gap:10px;width:100%;min-height:42px;padding:0 10px;font-weight:800;display:flex}.profile-menu-item:hover,.profile-menu-item:focus-visible{background:#88bea41f;outline:0}.profile-menu-item:disabled{cursor:wait;opacity:.65}.profile-menu-error{color:#8c274a;background:#ffe8ef;border-radius:10px;margin:0;padding:8px 10px;font-size:.82rem;font-weight:800}.hero-section{color:#fff;background-color:#0000;background-image:linear-gradient(90deg,#163d2ceb,#163d2c94,#163d2c1f),url(https://images.unsplash.com/photo-1519682337058-a94d519337bc?auto=format&fit=crop&w=1800&q=80);background-position:50%;background-repeat:repeat,repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;grid-template-columns:minmax(0,1fr) minmax(280px,420px);gap:clamp(28px,6vw,72px);min-height:min(720px,100vh - 67px);padding:clamp(52px,9vw,112px) clamp(18px,5vw,64px);display:grid;position:relative}.hero-section:after{background:linear-gradient(180deg, #f6f1e800, var(--bg));content:"";height:72px;position:absolute;bottom:0;left:0;right:0}.hero-copy,.hero-panel{z-index:1;position:relative}.hero-copy{align-self:center;max-width:760px}.eyebrow{color:var(--forest);letter-spacing:.12em;text-transform:uppercase;margin:0 0 12px;font-size:.78rem;font-weight:800}.hero-copy h1,.section-heading h2,.workspace-section h2,.voices-section h2{letter-spacing:0;margin:0;line-height:1}.hero-copy h1{font-size:clamp(4rem,13vw,9.5rem)}.hero-copy>p:not(.eyebrow){max-width:620px;margin:18px 0 0;font-size:1.18rem}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:30px}.primary-action,.secondary-action{border-radius:999px;justify-content:center;min-width:132px;padding:12px 18px;font-weight:800;display:inline-flex}.primary-action{background:var(--berry);color:#fff8f0;box-shadow:0 12px 28px #c66f3033}.secondary-action{color:var(--forest-dark);background:#18372914;border:1px solid #18372924}.secondary-action.bright{color:var(--forest-dark);background:#fcfaf6eb;border-color:#1837291f}.landing-hero{grid-template-columns:minmax(0,1fr) minmax(340px,.86fr);align-items:center;gap:clamp(26px,6vw,72px);min-height:min(760px,100vh - 69px);padding:clamp(42px,8vw,96px) clamp(18px,5vw,64px);display:grid;position:relative}.landing-hero:before{content:"";pointer-events:none;background:radial-gradient(circle at 15% 10%,#88bea438,#0000 22%),radial-gradient(circle at 85% 18%,#c66f3029,#0000 18%);position:absolute;inset:0}.landing-hero .hero-copy{color:var(--ink)}.landing-hero .hero-copy h1{color:var(--ink);text-shadow:0 10px 28px #e4c59b59;font-size:clamp(4.2rem,13vw,10rem)}.landing-hero .hero-copy>p:not(.eyebrow){color:#46594f;font-size:1.28rem}.hero-visual{z-index:1;gap:18px;display:grid;position:relative}.logo-showcase,.palette-note{box-shadow:var(--shadow);background:#fcfaf6e6;border:1px solid #1837291a;border-radius:28px}.logo-showcase{padding:clamp(20px,3vw,28px);overflow:hidden}.hero-logo-image{border-radius:22px;width:100%;height:auto;display:block}.palette-note{grid-template-columns:minmax(0,1fr) 180px;align-items:center;gap:16px;max-width:480px;margin-left:auto;padding:18px 20px;display:grid}.palette-label{color:var(--muted);letter-spacing:.14em;text-transform:uppercase;margin:0 0 6px;font-size:.72rem;font-weight:800}.palette-note strong{font-family:Iowan Old Style,Palatino Linotype,Book Antiqua,URW Palladio L,Georgia,serif;font-size:1.45rem;line-height:1.05;display:block}.palette-image{border-radius:16px;width:100%;height:auto;display:block}.landing-band,.family-library{padding:clamp(44px,7vw,88px) clamp(18px,5vw,64px)}.section-note{color:var(--muted);max-width:520px;margin:0;font-size:1.05rem}.play-card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.play-card{box-shadow:var(--shadow);background:#fcfaf6eb;border:1px solid #18372914;border-radius:24px;min-height:250px;padding:24px}.play-card:nth-child(2){transform:translateY(18px)}.play-card:nth-child(3){transform:translateY(36px)}.card-number{background:#e4c59b73;border:1px solid #1837291f;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;margin-bottom:26px;font-size:1.2rem;font-weight:900;display:flex}.play-card h3{margin:0 0 12px;font-size:1.6rem;line-height:1.05}.play-card p{color:var(--muted);margin:0}.family-library{color:#f7efe2;background:linear-gradient(135deg,#163d2cfa,#0c6f46f0),linear-gradient(#163d2c,#0c6f46);grid-template-columns:minmax(0,.85fr) minmax(300px,1fr);align-items:center;gap:clamp(24px,5vw,64px);display:grid}.library-copy h2{margin:0;font-size:clamp(2.6rem,7vw,5.8rem);line-height:.95}.library-copy p:not(.eyebrow){color:#f7efe2d6;max-width:560px;margin:18px 0 28px;font-size:1.15rem}.library-preview{gap:14px;display:grid}.library-preview div{color:var(--ink);background:#fcfaf6f5;border:1px solid #e4c59b73;border-radius:18px;gap:5px;padding:20px;display:grid}.library-preview strong{font-size:1.3rem}.library-preview span{color:var(--muted)}.dashboard-shell{background:linear-gradient(#f5f0e7,#efe8da 50%,#ebe3d7 100%)}.dashboard-shell .site-header{padding-top:10px;padding-bottom:10px}.dashboard-hero{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:18px;padding:clamp(22px,4vw,42px) clamp(18px,5vw,64px);display:grid}.dashboard-hero h1{max-width:820px;margin:0;font-size:clamp(2.15rem,5vw,4.4rem);line-height:1}.dashboard-hero p:not(.eyebrow){color:var(--muted);max-width:620px;margin-bottom:0;font-size:1rem}.dashboard-actions{flex-wrap:wrap;justify-content:end;gap:12px;display:flex}.empty-card{border:3px dashed var(--blue);background:#fff;border-radius:18px;padding:24px}.empty-card h3,.empty-card p{margin:0}.empty-card p{color:var(--muted);margin-top:8px}.secondary-action.compact{background:var(--ink);border-color:var(--ink);color:#fff;min-width:112px}.hero-panel{box-shadow:var(--shadow);color:var(--ink);background:#fffaf0f0;border:1px solid #ffffff80;border-radius:8px;align-self:end;gap:1px;display:grid;overflow:hidden}.hero-panel div{background:#fff;padding:22px}.metric-value,.metric-label{display:block}.metric-value{font-size:2.2rem;font-weight:900}.metric-label{color:var(--muted);font-weight:700}.catalogue-section,.workspace-section,.voices-section{padding:clamp(44px,7vw,88px) clamp(18px,5vw,64px)}.dashboard-shell .catalogue-section,.dashboard-shell .voices-section{padding:clamp(18px,3vw,34px) clamp(18px,5vw,64px)}.section-heading{justify-content:space-between;align-items:end;gap:24px;margin-bottom:24px;display:flex}.section-heading h2,.workspace-section h2,.voices-section h2{font-size:clamp(2.2rem,6vw,4.8rem)}.dashboard-shell .section-heading{margin-bottom:16px}.dashboard-shell .section-heading h2,.dashboard-shell .voices-section h2{font-size:clamp(1.9rem,4vw,3.2rem)}.search-box{border:1px solid var(--line);background:#fff;border-radius:8px;align-items:center;gap:10px;min-width:min(440px,100%);min-height:52px;padding:0 15px;display:flex}.search-box span{color:var(--muted);font-size:.82rem;font-weight:800}.search-box input{color:var(--ink);background:0 0;border:0;outline:0;width:100%;min-width:0}.filter-row{flex-wrap:wrap;gap:10px;margin-bottom:28px}.filter-chip{border:1px solid var(--line);color:var(--muted);cursor:pointer;background:0 0;border-radius:999px;min-height:40px;padding:8px 14px;font-weight:800}.filter-chip.is-active{background:var(--forest);border-color:var(--forest);color:#fff}.tale-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.dashboard-shell .tale-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.tale-tabs{gap:20px;display:grid}.tale-tab-panel{gap:12px;display:grid}.subsection-heading{align-items:center;gap:10px;display:flex}.subsection-heading h3{margin:0;font-size:1.3rem}.subsection-heading span{background:var(--gold);color:var(--ink);border-radius:999px;justify-content:center;align-items:center;min-width:28px;height:28px;padding:0 8px;font-size:.86rem;font-weight:900;display:inline-flex}.tale-card,.voice-card,.reader-pane,.admin-pane,.recorder-panel{background:var(--paper);border:1px solid var(--line);border-radius:18px}.tale-card{grid-template-rows:190px 1fr;min-width:0;transition:border-color .18s,box-shadow .18s,transform .18s;display:grid;overflow:hidden}.dashboard-shell .tale-card{grid-template-rows:104px 1fr}a.tale-card:hover{border-color:var(--blue);transform:translateY(-2px);box-shadow:6px 6px #5a8dee2e}.cover-art{isolation:isolate;align-items:end;padding:18px;display:flex;position:relative;overflow:hidden}.dashboard-shell .cover-art{padding:12px}.dashboard-shell .cover-art:before{width:50px;height:74px;top:18px;right:18px}.dashboard-shell .cover-art span{font-size:1.55rem}.cover-art:before,.cover-art:after{content:"";position:absolute}.cover-art:before{background:#fffaf033;border:1px solid #fffaf066;width:86px;height:130px;top:28px;right:28px;transform:rotate(8deg)}.cover-art:after{background:#1e252824;height:55%;bottom:0;left:0;right:0}.cover-art span{color:#fff;z-index:1;font-size:2.4rem;font-weight:900;position:relative}.cover-art-1{background:linear-gradient(135deg, var(--forest), var(--mint))}.cover-art-2{background:linear-gradient(135deg, var(--berry), var(--gold))}.cover-art-3{background:linear-gradient(135deg, var(--blue), var(--lavender))}.card-body{flex-direction:column;gap:14px;padding:20px;display:flex}.dashboard-shell .card-body{gap:8px;padding:14px}.card-meta,.tag-row{flex-wrap:wrap;gap:8px}.card-meta{color:var(--muted);text-transform:uppercase;justify-content:space-between;font-size:.78rem;font-weight:800}.tale-card h3,.voice-card h3,.recorder-panel h3{margin:0;font-size:1.35rem;line-height:1.15}.dashboard-shell .tale-card h3,.dashboard-shell .voice-card h3,.dashboard-shell .recorder-panel h3{font-size:1.05rem}.dashboard-shell .tale-card p,.dashboard-shell .voice-card p,.dashboard-shell .recorder-panel p{font-size:.9rem;line-height:1.35}.tale-card p,.voice-card p,.recorder-panel p,.reader-pane p,.admin-pane p{color:var(--muted);margin:0}.tag-row{margin-top:auto}.tag-row span{border:1px solid var(--line);color:var(--forest-dark);background:#fff;border-radius:999px;padding:5px 9px;font-size:.78rem;font-weight:800}.workspace-section{background:#e8eef0;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:18px;display:grid}.reader-pane,.admin-pane{padding:clamp(22px,4vw,40px)}.reader-pane{background:#fff;min-height:360px}.reader-pane p:not(.eyebrow){max-width:620px;margin-top:18px;font-size:1.12rem}.reader-controls{gap:12px;margin-top:34px}.reader-controls button{background:var(--ink);color:#fff;cursor:pointer;border:0;border-radius:6px;min-width:48px;height:48px;padding:0 16px;font-weight:900}.admin-pane{flex-direction:column;gap:20px;display:flex}.queue-list{gap:12px;margin:0;padding:0;list-style:none;display:grid}.queue-list li{border-bottom:1px solid var(--line);gap:4px;padding-bottom:12px;display:grid}.queue-list span{color:var(--muted);text-transform:uppercase;font-size:.82rem;font-weight:800}.queue-list strong{font-size:1rem}.text-link{color:var(--forest);margin-top:auto}.voices-section{background:var(--bg)}.voice-layout{grid-template-columns:minmax(280px,.7fr) minmax(0,1.3fr);gap:18px;display:grid}.dashboard-shell .voice-layout{grid-template-columns:minmax(220px,.45fr) minmax(0,1.55fr);gap:12px}.recorder-panel{grid-template-columns:auto 1fr;align-items:center;gap:18px;padding:26px;display:grid}.dashboard-shell .recorder-panel{padding:16px}.record-button{background:var(--berry);box-shadow:0 0 0 1px var(--line), 0 16px 42px #9e2f4938;border:9px solid #fff;border-radius:50%;width:78px;height:78px}.dashboard-shell .record-button{border-width:6px;width:54px;height:54px}.voice-list{gap:12px;display:grid}.dashboard-shell .voice-list{grid-template-columns:repeat(3,minmax(0,1fr))}.voice-card{justify-content:space-between;align-items:center;gap:16px;padding:20px;transition:border-color .18s,box-shadow .18s,transform .18s;display:flex}.dashboard-shell .voice-card{flex-direction:column;align-items:stretch;min-height:154px;padding:16px}a.voice-card:hover{border-color:var(--blue);transform:translateY(-2px);box-shadow:6px 6px #5a8dee2e}.voice-status{justify-items:end;gap:4px;display:grid}.voice-status span{color:var(--muted);font-size:.86rem;font-weight:800}.auth-page{background-color:#0000;background-image:radial-gradient(circle at 0 0,#88bea43d,#0000 32%),linear-gradient(120deg,#f4efe6f5,#e7c79eb8),url(https://images.unsplash.com/photo-1519682337058-a94d519337bc?auto=format&fit=crop&w=1800&q=80);background-position:50%;background-repeat:repeat,repeat,repeat;background-size:cover;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;place-items:center;min-height:100vh;padding:clamp(22px,5vw,64px);display:grid}.auth-brand{position:absolute;top:24px;left:clamp(22px,5vw,64px)}.auth-panel{box-shadow:var(--shadow);background:#fcfaf6f0;border:1px solid #1837291f;border-radius:28px;gap:26px;width:100%;max-width:560px;padding:clamp(26px,5vw,44px);display:grid;position:relative}.modal-close{background:var(--forest-dark);color:#fff;border:2px solid #fcfaf6eb;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;font-weight:900;display:flex;position:absolute;top:-14px;right:-14px;box-shadow:0 8px 18px #18372929}.auth-panel h1{margin:0;font-size:clamp(2.8rem,8vw,5.4rem);line-height:.95}.auth-panel p{color:var(--muted);margin:12px 0 0}.auth-form{gap:16px;display:grid}.auth-form label{color:var(--ink);gap:7px;font-size:.86rem;font-weight:800;display:grid}.auth-form input,.auth-form select,.auth-form textarea{border:1px solid var(--line);color:var(--ink);background:#fffc;border-radius:12px;outline:0;width:100%;min-height:50px;padding:0 13px}.auth-form textarea{resize:vertical;min-height:150px;padding-top:12px}.modern-select{position:relative}.auth-form select{appearance:none;background-image:linear-gradient(45deg, transparent 50%, var(--ink) 50%), linear-gradient(135deg, var(--ink) 50%, transparent 50%);background-position:calc(100% - 18px) 22px,calc(100% - 12px) 22px;background-repeat:no-repeat;background-size:6px 6px;padding-right:38px}.auth-form button{background:var(--forest-dark);color:#fff;cursor:pointer;border:0;border-radius:999px;min-height:52px;padding:0 16px;font-weight:900}.auth-form button:disabled{cursor:wait;opacity:.72}.form-error{border:2px solid var(--berry);color:#8c274a;background:#ffe8ef;border-radius:12px;margin:0;padding:10px 12px;font-size:.9rem;font-weight:800}.recording-panel{border:2px solid var(--line);background:#f7fbff;border-radius:16px;gap:14px;padding:16px;display:grid}.recording-panel h3,.recording-panel p{margin:0}.recording-panel p{color:var(--muted)}.recording-actions{flex-wrap:wrap;gap:10px;display:flex}.recording-actions button{width:auto;min-height:42px}.recording-actions button:last-child{background:var(--berry)}.recording-live{border:2px solid var(--berry);color:#8c274a;background:#ffe8ef;border-radius:999px;justify-self:start;align-items:center;gap:10px;padding:8px 12px;font-weight:900;display:inline-flex}.recording-bars{align-items:center;gap:3px;height:18px;display:inline-flex}.recording-bars span{background:var(--berry);border-radius:999px;width:4px;height:7px;animation:.72s ease-in-out infinite recordingBars;display:block}.recording-bars span:nth-child(2){animation-delay:.1s}.recording-bars span:nth-child(3){animation-delay:.2s}.recording-bars span:nth-child(4){animation-delay:.3s}@keyframes recordingBars{0%,to{height:7px}50%{height:18px}}.sample-list{gap:8px;display:grid}.sample-item{border:1px solid var(--line);background:#fff;border-radius:12px;grid-template-columns:minmax(100px,1fr) minmax(160px,1.2fr) auto auto;align-items:center;gap:10px;padding:10px;display:grid}.sample-item span,.sample-item strong{font-size:.9rem}.sample-item audio{width:100%;max-width:100%}.sample-unavailable{color:var(--muted)}.sample-delete{color:#7f1639;cursor:pointer;background:#ffd7e4;border:2px solid #ec5f8f;border-radius:50%;justify-content:center;align-items:center;width:46px;height:46px;padding:0;font-weight:900;display:inline-flex}.sample-delete:hover{background:#ffc2d6}.sample-delete svg{display:block}.auth-alt{color:var(--muted);margin:0}.auth-alt a{color:var(--forest);font-weight:900}.wide-panel{max-width:760px}.two-column-form{grid-template-columns:repeat(2,minmax(0,1fr))}.full-field{grid-column:1/-1}.primary-action.compact,.secondary-action.compact{min-width:112px;min-height:40px;padding:8px 16px}.primary-action.compact{background:var(--berry);color:#fff8f0}.tales-browser{gap:16px;display:grid}.tale-controls{border:1px solid var(--line);background:#ffffffb3;border-radius:14px;grid-template-columns:auto 1fr;align-items:center;gap:14px;padding:10px 12px;display:grid}.tale-tab-bar{border:1px solid var(--line);background:#f7fbffe6;border-radius:999px;gap:4px;padding:4px;display:inline-flex}.tale-tab{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:999px;align-items:center;gap:8px;min-height:36px;padding:4px 16px;font-weight:800;transition:background .15s,color .15s;display:inline-flex}.tale-tab:hover{color:var(--ink)}.tale-tab.is-active{background:var(--ink);color:#fff}.tale-tab-count{color:var(--ink);text-align:center;background:#21303a1f;border-radius:999px;min-width:28px;padding:2px 8px;font-size:.76rem;font-weight:900}.tale-tab.is-active .tale-tab-count{background:var(--gold);color:#211509}.tale-controls .search-box{width:100%;min-width:0;min-height:44px}.tale-rows{gap:8px;margin:0;padding:0;list-style:none;transition:opacity .15s;display:grid}.tale-rows.is-loading{opacity:.55}.tale-rows>li{display:contents}.tale-row{background:var(--paper);border:1px solid var(--line);color:inherit;border-radius:12px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;min-width:0;padding:12px 16px;transition:border-color .18s,box-shadow .18s,transform .18s;display:grid}.tale-row.is-link{cursor:pointer}.tale-row.is-link:hover{border-color:var(--blue);transform:translateY(-1px);box-shadow:4px 4px #5a8dee2e}.tale-row-main{gap:4px;min-width:0;display:grid}.tale-row-main h3{text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:1rem;line-height:1.25;overflow:hidden}.tale-row-main p{color:var(--muted);-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;margin:0;font-size:.88rem;display:-webkit-box;overflow:hidden}.tale-row-meta{color:var(--muted);text-transform:uppercase;white-space:nowrap;align-items:center;gap:12px;font-size:.78rem;font-weight:800;display:inline-flex}.tale-row-meta span+span{border-left:1px solid var(--line);padding-left:12px}.tale-load-more{justify-content:center;align-items:center;gap:12px;margin-top:4px;display:flex}.tale-count-note{color:var(--muted);font-size:.82rem;font-weight:700}.tale-landing-shell{background:radial-gradient(1200px 600px at 20% -10%,#88bea43d,#0000 60%),radial-gradient(900px 520px at 95% 5%,#c66f302e,#0000 60%),linear-gradient(#f5f0e7,#f1eadf 60%,#e9e1d4 100%)}.tale-landing{gap:clamp(24px,4vw,40px);max-width:960px;margin:0 auto;padding:clamp(24px,5vw,56px) clamp(18px,5vw,48px);display:grid}.back-link{color:var(--forest-dark);align-items:center;gap:6px;font-size:.9rem;font-weight:800;display:inline-flex}.back-link:hover{color:var(--forest)}.tale-stage{background:var(--paper);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:28px;gap:clamp(24px,4vw,36px);padding:clamp(28px,5vw,52px);display:grid}.tale-cover{border:1px solid var(--line);background:linear-gradient(135deg,#5a8dee24,#b78cff24);border-radius:20px;overflow:hidden}.tale-cover img{aspect-ratio:16/7;object-fit:cover;width:100%;height:auto;display:block}.tale-tag-row{flex-wrap:wrap;justify-content:center;gap:8px;margin:0;padding:0;list-style:none;display:flex}.tale-tag-row li{color:var(--forest-dark);background:#f2fff6;border:1px solid #bfe8d4;border-radius:999px;padding:5px 11px;font-size:.82rem;font-weight:800}.tale-source-credit{border-top:1px dashed var(--line);color:var(--muted);text-align:center;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin:0;padding-top:16px;font-size:.9rem;display:flex}.tale-source-credit .tale-meta-label{color:var(--muted)}.tale-stage-header{text-align:center;gap:14px;display:grid}.tale-stage-header .eyebrow{color:var(--berry);margin-bottom:0}.tale-stage-header h1{margin:0;font-size:clamp(2.4rem,6vw,4rem);line-height:1.02}.tale-summary{color:var(--muted);max-width:640px;margin:0 auto;font-size:1.08rem}.tale-meta-strip{border:1px solid var(--line);background:#fcfaf6e6;border-radius:999px;flex-wrap:wrap;justify-content:center;justify-self:center;align-items:center;gap:20px;margin:6px 0 0;padding:10px 22px;list-style:none;display:inline-flex}.tale-meta-strip li{align-items:baseline;gap:8px;display:inline-flex}.tale-meta-strip li+li{border-left:1px solid var(--line);padding-left:20px}.tale-meta-label{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:.72rem;font-weight:800}.tale-meta-value{color:var(--ink);font-size:.96rem;font-weight:800}.tale-player{justify-items:center;gap:22px;display:grid}.tale-voice-picker{justify-items:center;gap:10px;width:100%;display:grid}.voice-picker-label{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:.76rem;font-weight:800}.voice-picker-row{grid-template-columns:minmax(240px,360px) auto;justify-content:center;align-items:center;gap:10px;width:100%;display:grid}.voice-picker-select-wrap{width:100%;min-width:0}.voice-option{justify-content:space-between;align-items:center;gap:12px;width:100%;display:flex}.voice-option-main{gap:2px;min-width:0;display:grid}.voice-option-name{color:inherit;text-overflow:ellipsis;white-space:nowrap;font-weight:850;overflow:hidden}.voice-option-lang{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;font-size:.78rem;font-weight:700}.voice-option-pill{color:#8c274a;white-space:nowrap;background:#ffe8ef;border-radius:999px;padding:4px 10px;font-size:.74rem;font-weight:900}.voice-option-pill.is-ready{color:var(--forest-dark);background:#e9f9f1}.voice-picker-add{border:2px dashed var(--line);color:var(--forest-dark);white-space:nowrap;background:0 0;border-radius:14px;justify-content:center;align-items:center;min-height:52px;padding:0 16px;font-weight:800;display:inline-flex}.voice-picker-add:hover{border-color:var(--forest);background:#f2fff6}.voice-picker-empty{border:2px dashed var(--blue);text-align:center;background:#f7fbff;border-radius:18px;place-items:center;gap:10px;width:100%;padding:18px 22px;display:grid}.voice-picker-empty p{color:var(--muted);margin:0}.tale-play-stage{justify-items:center;gap:16px;padding:8px 0 4px;display:grid}.play-button-big{background:radial-gradient(circle at 30% 30%, #ffe27a, var(--gold) 60%, #e99f00);cursor:pointer;border:6px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:clamp(180px,26vw,240px);height:clamp(180px,26vw,240px);padding:0;transition:transform .18s,box-shadow .18s;display:inline-flex;position:relative;box-shadow:0 0 0 3px #ffc85773,0 28px 60px #e99f0066}.play-button-big:after{content:"";pointer-events:none;border:3px solid #ffc8578c;border-radius:50%;animation:2.4s ease-out infinite playPulse;position:absolute;inset:-14px}.play-button-big:hover{transform:translateY(-2px);box-shadow:0 0 0 3px #ffc8578c,0 32px 70px #e99f0080}.play-button-big:active{transform:translateY(1px)}.play-button-big svg{fill:#211509;width:52%;height:52%;margin-left:8%}@keyframes playPulse{0%{opacity:.9;transform:scale(1)}80%{opacity:0;transform:scale(1.22)}to{opacity:0;transform:scale(1.22)}}.tale-play-caption{color:var(--muted);text-align:center;max-width:420px;margin:0;font-size:.98rem;font-weight:700}.tale-play-notice{border:2px solid var(--gold);color:#7a5500;text-align:center;background:#fff6d8;border-radius:14px;align-items:start;gap:4px;padding:12px 16px;display:grid}.tale-play-notice strong{color:#5b3f00;font-size:1rem}.tale-play-notice span{font-size:.92rem}.tale-body{background:var(--paper);border:1px solid var(--line);color:var(--ink);border-radius:24px;gap:16px;padding:clamp(24px,4vw,40px);display:grid}.tale-body p{margin:0;font-size:1.08rem;line-height:1.65}@media (max-width:980px){.site-header,.hero-section,.workspace-section,.voice-layout{grid-template-columns:1fr}.nav-links{justify-content:start;overflow-x:auto}.account-link{justify-self:start}.hero-section,.landing-hero,.family-library,.dashboard-hero{grid-template-columns:1fr;min-height:auto}.hero-panel{align-self:stretch}.section-heading{flex-direction:column;align-items:start}.tale-grid,.dashboard-shell .tale-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.play-card-grid{grid-template-columns:1fr}.play-card:nth-child(2),.play-card:nth-child(3){transform:none}.dashboard-actions{justify-content:start}.dashboard-shell .voice-layout{grid-template-columns:1fr}.dashboard-shell .voice-list{grid-template-columns:repeat(2,minmax(0,1fr))}.tale-controls{grid-template-columns:1fr}.tale-tab-bar{justify-content:center}.palette-note{grid-template-columns:1fr;max-width:none;margin-left:0}}@media (max-width:620px){.site-header{padding:14px 18px}.brand{justify-content:flex-start;align-items:start}.nav-links{gap:14px}.brand-tagline{display:none}.hero-copy h1{font-size:3.6rem}.landing-hero .hero-copy h1,.dashboard-hero h1{font-size:3.4rem}.logo-showcase{padding:14px}.tale-grid,.dashboard-shell .tale-grid,.dashboard-shell .voice-list{grid-template-columns:1fr}.voice-card,.recorder-panel{grid-template-columns:1fr;align-items:start}.voice-card{flex-direction:column}.voice-status{justify-items:start;width:100%}.sample-item,.two-column-form,.tale-row{grid-template-columns:1fr}.tale-row-meta{justify-content:flex-start}.voice-picker-row{grid-template-columns:1fr}.tale-meta-strip{border-radius:18px;flex-direction:column;gap:10px;padding:14px 18px}.tale-meta-strip li+li{border-left:0;padding-left:0}}