: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);-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:100dvh;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:1fr auto 1fr;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-logo{width:auto;height:42px;display:block}.auth-brand .brand-logo{height:36px}.site-header .brand{justify-self:start}.site-header .brand-logo{height:72px}.site-nav{color:var(--muted);justify-content:center;gap:22px;display:flex}.site-nav a{font-size:.92rem;font-weight:700}.site-nav a.nav-link-active{color:var(--forest-dark);position:relative}.site-nav a.nav-link-active:after{background:var(--forest);content:"";border-radius:2px;height:2px;position:absolute;bottom:-4px;left:0;right:0}.header-right{justify-self:end;align-items:center;gap:10px;display:flex}.cms-badge{color:var(--forest-dark);letter-spacing:.05em;text-transform:uppercase;background:#163d2c14;border:1px solid #163d2c26;border-radius:8px;align-items:center;gap:5px;padding:5px 10px;font-size:.76rem;font-weight:800;transition:background .12s;display:inline-flex}.cms-badge:hover{background:#163d2c29}.header-right-slot{align-items:center;gap:10px;display:flex}.drawer-auth-slot{border-top:1px solid var(--line);flex-direction:column;gap:8px;margin-top:4px;padding-top:14px;display:flex}.layout-toggle-btn{border:1.5px solid var(--line);color:var(--muted);cursor:pointer;background:0 0;border-radius:10px;justify-content:center;align-items:center;width:42px;height:42px;transition:background .12s,color .12s;display:flex}.layout-toggle-btn:hover{color:var(--ink);background:#1837290f}.mobile-menu-btn{border:1.5px solid var(--line);color:var(--ink);cursor:pointer;background:0 0;border-radius:10px;justify-content:center;align-items:center;width:42px;height:42px;display:none}.mobile-nav-drawer{display:none}.nav-links{color:var(--muted);justify-content:center;gap:22px}.nav-links a,.account-link,.header-login-link,.text-link{font-size:.92rem;font-weight:700}.header-login-link{color:var(--forest-dark)}.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}.palette-note{box-shadow:var(--shadow);background:#fcfaf6e6;border:1px solid #1837291a;border-radius:28px}.logo-showcase{background:radial-gradient(circle at 0 0,#88bea447,#0000 55%),linear-gradient(145deg,#f5f0e7 0%,#f8f3eb 55%,#eee8dd 100%);border-radius:28px;padding:clamp(16px,2.5vw,22px);overflow:hidden;box-shadow:0 24px 56px #18372924,inset 0 1px #fff9}.hero-logo-image{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{padding:clamp(22px,4vw,42px) 0}.dashboard-nav-cards{gap:16px;display:grid}@media (min-width:600px){.dashboard-nav-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}.dashboard-nav-card{border:1px solid var(--line);background:#fff;border-radius:18px;align-items:center;gap:18px;padding:22px 20px;transition:box-shadow .14s,transform .14s;display:flex;box-shadow:0 4px 16px #1837290d}.dashboard-nav-card:hover{transform:translateY(-2px);box-shadow:0 8px 28px #1837291a}.dashboard-nav-card-icon{color:var(--forest);background:#0c6f4614;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.dashboard-nav-card-text{flex:1;min-width:0}.dashboard-nav-card h3{margin:0;font-size:1.18rem}.dashboard-nav-card p{color:var(--muted);margin:4px 0 0;font-size:.88rem}.dashboard-nav-card-arrow{color:var(--muted);flex-shrink:0}.profile-section{padding:clamp(24px,4vw,48px) 0}.profile-section .page-content{max-width:720px}.profile-form-wrap{max-width:520px;margin:0 auto}.page-form{gap:16px;display:grid}.page-form label{color:var(--ink);gap:7px;font-size:.86rem;font-weight:800;display:grid}.page-form input,.page-form select,.page-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;font-size:1rem}.page-form textarea{resize:vertical;min-height:150px;padding-top:12px}.page-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}.page-form input:focus,.page-form select:focus,.page-form textarea:focus{border-color:var(--forest);box-shadow:0 0 0 3px #0c6f461f}.page-form button[type=submit]{background:var(--berry);color:#fff8f0;cursor:pointer;border:0;border-radius:999px;width:100%;min-height:52px;padding:0 28px;font-size:1rem;font-weight:800;transition:opacity .12s;box-shadow:0 12px 28px #c66f302e}.page-form button[type=submit]:disabled{cursor:wait;opacity:.65}.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)}.page-section{padding:clamp(28px,4vw,52px) 0 clamp(52px,8vw,96px)}.page-content{width:100%;max-width:1100px;margin:0 auto;padding:0 clamp(16px,4vw,48px)}.page-content .section-heading h2{font-size:clamp(1.9rem,4vw,3.2rem)}.dashboard-shell .catalogue-section,.dashboard-shell .voices-section{padding:clamp(18px,3vw,34px) max(clamp(18px,5vw,64px),50% - 700px)}.section-heading{text-align:center;justify-content:center;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;font-size:1rem}.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(6,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;padding:12px 14px}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;font-size:1rem}.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-panel-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.recording-panel-top-right{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.recording-actions{flex-wrap:wrap;gap:10px;display:flex}.record-start-btn,.record-stop-btn{cursor:pointer;border:0;border-radius:999px;justify-content:center;align-items:center;gap:8px;min-height:46px;padding:0 22px;font-size:.9rem;font-weight:800;transition:background .14s,color .14s,opacity .14s;display:inline-flex}.record-start-btn{background:var(--forest);color:#fff}.record-start-btn:hover:not(:disabled){background:var(--forest-dark)}.record-start-btn:disabled{cursor:not-allowed;opacity:.45}.record-stop-btn{border:1.5px solid var(--line);color:var(--muted);cursor:not-allowed;background:#1837290f}.record-stop-btn:not(:disabled){color:#fff;cursor:pointer;background:#e03c3c;border-color:#0000}.record-stop-btn:not(:disabled):hover{background:#c92f2f}.recording-language-hint{color:var(--muted);margin:0;font-size:.86rem;font-weight:700}.recording-prompt{border:1px solid #4d88694d;border-left:3px solid var(--blue);background:#4d886914;border-radius:10px;padding:12px 16px}.recording-prompt-label{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;margin:0 0 8px;font-size:.74rem;font-weight:800}.recording-prompt-text{color:var(--ink);white-space:pre-wrap;margin:0;font-size:1rem;font-style:italic;line-height:1.65}.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}.sample-confirm-label{color:#8c274a;white-space:nowrap;font-size:.84rem;font-weight:800}.sample-confirm-actions{align-items:center;gap:6px;display:flex}.sample-confirm-yes{color:#7f1639;cursor:pointer;white-space:nowrap;background:#ffd7e4;border:2px solid #ec5f8f;border-radius:999px;padding:5px 14px;font-size:.8rem;font-weight:800;transition:background .14s}.sample-confirm-yes:hover{background:#ffc2d6}.sample-confirm-no{border:1.5px solid var(--line);color:var(--muted);cursor:pointer;white-space:nowrap;background:0 0;border-radius:999px;padding:5px 14px;font-size:.8rem;font-weight:700;transition:background .14s}.sample-confirm-no:hover{background:#1837290f}.recording-duration-status{margin:.5rem 0}.duration-progress-bar{background:var(--line);border-radius:6px;width:100%;height:8px;overflow:hidden}.duration-progress-fill{border-radius:6px;height:100%;transition:width .3s,background-color .3s}.duration-status-text{color:var(--muted);margin:.35rem 0 0;font-size:.85rem}.recording-modal{border:none;width:100%;max-width:720px;height:100dvh;max-height:100dvh;margin:0 auto;padding:0}.recording-modal[open]{flex-direction:column;display:flex}.recording-modal::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0a1c129e}.recording-modal-header{background:var(--parchment,#fcfaf6);border-bottom:1.5px solid var(--line);flex-shrink:0;gap:14px;padding:20px 24px;display:grid}.recording-modal-title-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.recording-modal-title{margin:0;font-size:1.2rem;font-weight:900}.recording-modal-close{border:1.5px solid var(--line);color:var(--ink);cursor:pointer;background:#18372912;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;transition:background .14s;display:flex}.recording-modal-close:hover{background:#18372921}.recording-modal-body{flex:1;gap:10px;padding:28px 24px;display:grid;overflow-y:auto}.recording-instructions{border-left:3px solid var(--forest);color:var(--ink);background:#4d886914;border-radius:0 8px 8px 0;max-width:100%;margin:0;padding:8px 12px;font-size:.9rem;font-weight:600;line-height:1.6;display:inline-block}.recording-modal-text{color:var(--ink);white-space:pre-wrap;margin:0;font-size:1.1rem;font-style:italic;line-height:1.8}.autosave-status{color:var(--muted);align-items:center;gap:6px;min-height:28px;font-size:.84rem;font-weight:700;display:flex}.delete-profile-panel{background:#fff7f9;border:2px solid #ffd7e4;border-radius:16px;justify-content:space-between;align-items:center;gap:16px;padding:16px;display:flex}.delete-profile-panel h3{color:#7f1639;margin:0 0 4px}.delete-profile-panel p{color:var(--muted);margin:0;font-size:.9rem;font-weight:700}.delete-profile-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.delete-profile-trigger,.delete-profile-confirm,.delete-profile-cancel{cursor:pointer;white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:0 16px;font-size:.9rem;font-weight:850;display:inline-flex}.delete-profile-trigger,.delete-profile-confirm{color:#7f1639;background:#ffd7e4;border:2px solid #ec5f8f}.delete-profile-trigger:hover,.delete-profile-confirm:hover{background:#ffc2d6}.delete-profile-cancel{border:1.5px solid var(--line);color:var(--muted);background:#fff}.delete-profile-cancel:hover{background:#1837290f}.delete-profile-confirm:disabled,.delete-profile-cancel:disabled{cursor:wait;opacity:.65}.el-panel{background:#f4f9f5;border:2px solid #4d88694d;border-radius:16px;gap:14px;padding:16px;display:grid}.el-panel h3{margin:0}.el-panel-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.el-hint{color:var(--muted);margin:0;font-size:.88rem}.el-pvc-hint{color:#7a5900;background:#e6af321f;border:1px solid #c8941459;border-radius:10px;margin:0;padding:10px 14px;font-size:.86rem;font-weight:700}.el-error{color:#8c1a1a;background:#dc323214;border:1px solid #b428284d;border-radius:10px;margin:0;padding:10px 14px;font-size:.86rem;font-weight:700}.el-voice-id{color:var(--muted);overflow-wrap:anywhere;margin:0;font-family:monospace;font-size:.82rem}.el-status{border-radius:999px;align-items:center;gap:6px;padding:5px 12px;font-size:.82rem;font-weight:800;display:inline-flex}.el-status--pending{color:var(--muted);background:#18372912}.el-status--cloning{color:#7a5900;background:#e6af3224;border:1px solid #c8941466}.el-status--ready{color:var(--forest-dark);background:#4d88691f;border:1px solid #4d886966}.el-status--failed{color:#8c1a1a;background:#dc32321a;border:1px solid #b4282859}@keyframes spin{to{transform:rotate(360deg)}}.el-spinner{flex-shrink:0;animation:1s linear infinite spin;display:block}.el-ready-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.el-recreate-btn{border:1.5px solid var(--line);color:var(--muted);cursor:pointer;background:0 0;border-radius:999px;align-items:center;gap:6px;padding:5px 14px;font-size:.82rem;font-weight:700;transition:background .14s,color .14s;display:inline-flex}.el-recreate-btn:hover:not(:disabled){color:var(--ink);background:#18372912}.el-recreate-btn:disabled{cursor:not-allowed;opacity:.5}.el-publish-btn{background:var(--forest);color:#fff;cursor:pointer;border:none;border-radius:999px;justify-self:start;align-items:center;gap:8px;min-height:44px;padding:0 22px;font-size:.9rem;font-weight:800;transition:background .14s,opacity .14s;display:inline-flex}.el-publish-btn:hover:not(:disabled){background:var(--forest-dark)}.el-publish-btn:disabled{cursor:not-allowed;opacity:.45}.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{background:var(--paper);border:1px solid var(--line);border-radius:20px;gap:14px;padding:16px;display:grid}.tale-controls{border-bottom:1px solid var(--line);gap:10px;padding-bottom:14px;display:grid}.tale-controls-top{grid-template-columns:auto 1fr;align-items:center;gap:12px;display:grid}.tale-filters{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.tale-filters .modern-select{flex:1;min-width:140px;max-width:220px}.tale-filter-clear{border:1px solid var(--line);color:var(--muted);cursor:pointer;background:0 0;border-radius:12px;min-height:50px;padding:0 16px;font-size:.84rem;font-weight:800;transition:border-color .15s,color .15s}.tale-filter-clear:hover{color:var(--ink);border-color:#9aa8b1}.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-top .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-wrapper{align-items:stretch;gap:8px;display:flex}.tale-row-wrapper .tale-row{flex:1;min-width:0}.tale-edit-btn{border:1px solid var(--line);color:var(--muted);white-space:nowrap;border-radius:12px;align-items:center;padding:0 14px;font-size:.82rem;font-weight:800;transition:background .15s,border-color .15s,color .15s;display:flex}.tale-edit-btn:hover{color:var(--ink);background:#f5f7fa;border-color:#9aa8b1}.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{align-items:center;gap:12px;min-width:0;display:flex}.tale-row-thumb{object-fit:cover;border-radius:6px;flex-shrink:0;width:44px;height:44px}.tale-row-text{gap:4px;min-width:0;display:grid}.tale-row-text h3{text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:1rem;line-height:1.25;overflow:hidden}.tale-row-text 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:700;display:inline-flex}.tale-row-meta span+span{border-left:1px solid var(--line);padding-left:12px}.tale-narrated-icon{border-left:1px solid var(--line);color:var(--forest);align-items:center;padding-left:12px;display:inline-flex}.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;margin-bottom:20px;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%, #3aae78, var(--forest) 60%, var(--forest-dark));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:background .25s,box-shadow .25s,transform .18s;display:inline-flex;position:relative;box-shadow:0 0 0 3px #0c6f4638,0 28px 60px #0c6f4652}.play-button-big:after{content:"";opacity:0;pointer-events:none;border:3px solid #0c6f4666;border-radius:50%;animation:none;position:absolute;inset:-14px}.play-button-big:hover{transform:translateY(-2px);box-shadow:0 0 0 3px #0c6f4652,0 32px 70px #0c6f466b}.play-button-big.is-playing{background:radial-gradient(circle at 30% 30%, #ffe27a, var(--gold) 60%, #e99f00);box-shadow:0 0 0 3px #ffc85773,0 28px 60px #e99f0066}.play-button-big.is-playing:hover{box-shadow:0 0 0 3px #ffc8578c,0 32px 70px #e99f0080}.play-button-big:active{transform:translateY(1px)}.play-button-big svg{fill:#fff;width:52%;height:52%}.play-button-big.is-playing svg{fill:#211509}.play-button-big .play-icon{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}.audio-seek-bar{align-items:center;gap:10px;width:100%;max-width:380px;display:flex}.seek-time{color:var(--muted);font-variant-numeric:tabular-nums;text-align:center;min-width:34px;font-size:.78rem;font-weight:800}.seek-range{appearance:none;background:linear-gradient(to right, var(--ink) 0%, var(--ink) var(--seek-pct,0%), var(--line) var(--seek-pct,0%), var(--line) 100%);cursor:pointer;border-radius:999px;outline:none;flex:1;height:5px}.seek-range::-webkit-slider-thumb{-webkit-appearance:none;background:var(--ink);border-radius:50%;width:18px;height:18px}.seek-range::-moz-range-thumb{background:var(--ink);border:none;border-radius:50%;width:18px;height:18px}.play-restart-btn{border:2px solid var(--line);color:var(--muted);cursor:pointer;letter-spacing:.02em;background:0 0;border-radius:10px;padding:6px 16px;font-size:.84rem;font-weight:800;transition:background .15s,border-color .15s,color .15s}.play-restart-btn:hover{color:var(--ink);background:#f5f7fa;border-color:#9aa8b1}.play-button-big.is-playing:after{opacity:1;border-color:#ffc8578c;animation:2.4s ease-out infinite playPulse}.generate-btn{background:linear-gradient(145deg, var(--forest), var(--forest-dark));color:#fff;cursor:pointer;letter-spacing:.02em;border:none;border-radius:20px;justify-content:center;align-items:center;gap:10px;min-width:clamp(200px,36vw,280px);padding:20px 36px;font-size:1.05rem;font-weight:800;transition:box-shadow .18s,transform .18s;display:inline-flex;box-shadow:0 8px 28px #0c6f4647}.generate-btn:hover{transform:translateY(-2px);box-shadow:0 12px 36px #0c6f4661}.generate-btn:active{transform:translateY(1px)}.generate-btn svg{flex-shrink:0;width:22px;height:22px}.gen-progress-ring{place-items:center;gap:12px;width:clamp(140px,22vw,180px);height:clamp(140px,22vw,180px);display:grid}.gen-spinner{border:7px solid #2a7bc029;border-top-color:#2a7bc0;border-radius:50%;width:clamp(82px,14vw,112px);height:clamp(82px,14vw,112px);animation:.9s linear infinite spin;display:block}.gen-ring-label{flex-direction:column;justify-content:center;align-items:center;gap:5px;display:flex}.gen-ring-msg{color:#2a7bc0;text-align:center;max-width:80px;font-size:.76rem;font-weight:700}.tale-play-notice{text-align:center;border-radius:14px;align-items:start;gap:4px;padding:12px 16px;display:grid}.tale-play-notice strong{font-size:1rem}.tale-play-notice span{font-size:.92rem}.tale-play-error{color:#8c274a;background:#ffe8ef;border:2px solid #e87a9e}.tale-play-error strong{color:#6e1a37}.tale-cached-notice{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;display:flex}.tale-cached-badge{color:var(--forest-dark);letter-spacing:.01em;font-size:.84rem;font-weight:800}.tale-regen-btn,.tale-delete-narration-btn{border:2px solid var(--line);color:var(--muted);cursor:pointer;background:0 0;border-radius:10px;padding:4px 12px;font-size:.82rem;font-weight:800;transition:background .15s,border-color .15s,color .15s}.tale-regen-btn:hover,.tale-delete-narration-btn:hover{color:var(--ink);background:#f5f7fa;border-color:#9aa8b1}.tale-delete-narration-btn{color:#8c274a;border-color:#ffd7e4}.tale-delete-narration-btn:hover{color:#7f1639;background:#fff7f9;border-color:#ec5f8f}.tale-delete-narration-btn:disabled{cursor:wait;opacity:.6}.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.has-more{position:relative}.tale-body-sentinel{height:0}.tale-body-fade{background:linear-gradient(to bottom, transparent, var(--paper));pointer-events:none;border-radius:0 0 24px 24px;height:96px;position:absolute;bottom:0;left:0;right:0}.tale-body p{margin:0;font-size:1.08rem;line-height:1.65}@media (max-width:768px){.site-nav,.cms-badge,.header-right-slot--desktop{display:none}.mobile-menu-btn{display:flex}.mobile-nav-drawer{border-top:1px solid var(--line);flex-direction:column;grid-column:1/-1;gap:2px;padding:10px 0 14px;display:flex}.mobile-nav-link{color:var(--ink);border-radius:10px;padding:11px 6px;font-size:1rem;font-weight:700;transition:background .12s}.mobile-nav-link:hover{background:#163d2c0f}.mobile-nav-admin{border-top:1px solid var(--line);color:var(--forest-dark);align-items:center;gap:7px;margin-top:4px;padding-top:14px;font-size:.88rem;display:flex}}@media (max-width:980px){.hero-section,.workspace-section,.voice-layout{grid-template-columns:1fr}.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}.tale-controls-top{grid-template-columns:1fr}.tale-tab-bar{justify-content:center}.dashboard-shell .voice-list{grid-template-columns:repeat(2,minmax(0,1fr))}.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}.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{grid-template-columns:1fr}.delete-profile-panel{flex-direction:column;align-items:stretch}.delete-profile-actions,.delete-profile-trigger{justify-content:center;width:100%}.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}}.mobile-header{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:20;background:#fcfaf6f5;border-bottom:1px solid #18372914;justify-content:space-between;align-items:center;height:58px;padding:0 16px;display:none;position:sticky;top:0;left:0;right:0}.mobile-header .brand{position:static}.mobile-header .brand-logo{height:38px}.mobile-back-btn{color:var(--forest);border-radius:10px;align-items:center;gap:6px;min-height:44px;padding:0 6px;font-size:.9rem;font-weight:700;display:flex}.mobile-layout-toggle{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:10px;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.mobile-layout-toggle:hover{color:var(--ink);background:#1837290f}.bottom-nav{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);padding-bottom:env(safe-area-inset-bottom);z-index:20;background:#fcfaf6f5;border-top:1px solid #18372914;align-items:stretch;display:none;position:fixed;bottom:0;left:0;right:0}.bottom-nav-tab{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;min-height:56px;padding:8px 4px;font-size:.65rem;font-weight:700;transition:color .12s;display:flex}.bottom-nav-tab--active{color:var(--forest)}.bottom-nav-tab--active svg{filter:drop-shadow(0 0 5px #0c6f4647)}[data-layout=mobile] .site-header{display:none!important}[data-layout=mobile] .mobile-header,[data-layout=mobile] .bottom-nav{display:flex}[data-layout=mobile] .back-link,[data-layout=mobile] .dashboard-hero{display:none}[data-layout=mobile] .app-shell{padding-bottom:calc(64px + env(safe-area-inset-bottom))}[data-layout=mobile] .dashboard-shell .catalogue-section,[data-layout=mobile] .dashboard-shell .voices-section{padding:20px 16px}[data-layout=mobile] .dashboard-shell .section-heading{flex-direction:row;align-items:center;margin-bottom:14px}[data-layout=mobile] .dashboard-shell .section-heading h2,[data-layout=mobile] .dashboard-shell .voices-section h2{font-size:1.7rem}[data-layout=mobile] .tale-landing{padding:16px 16px 0}[data-layout=mobile] .tale-cover img{object-fit:cover;max-height:260px}[data-layout=mobile] .tale-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}@media (max-width:480px){[data-layout=mobile] .tale-grid{grid-template-columns:1fr}}