*{box-sizing:border-box}.podcast{color:#2f2926;background:#e9e5df;min-height:100vh;padding:clamp(12px,4vw,52px);font:16px/1.5 Arial,sans-serif}.podcast button,.podcast input,.podcast textarea,.podcast a{font:inherit}.podHero,.stageNav,.podStage,.podFooter{max-width:1240px;margin:0 auto 20px}.podHero{color:#fff;background:radial-gradient(circle at 84% 15%,#9c4e39 0 5%,#0000 24%),linear-gradient(135deg,#151111,#32201d 60%,#102d27);border-radius:30px;grid-template-columns:1fr 340px;gap:28px;padding:clamp(25px,5vw,60px);display:grid;box-shadow:0 28px 80px #29181538}.podHero nav{flex-wrap:wrap;grid-column:1/-1;gap:8px;display:flex}.podHero nav a{color:#fff;background:#173b31;border:1px solid #e9c96855;border-radius:99px;padding:9px 13px;font-weight:900;text-decoration:none}.podcast small{color:#996c20;letter-spacing:.1em;font-weight:900}.podHero small{color:#edca69}.podHero h1{color:#efcb67;margin:12px 0;font:clamp(62px,9vw,112px)/.8 Georgia,serif}.podHero>div p{max-width:720px;font-size:20px}.podHero aside{background:#ffffff0b;border:1px solid #ffffff24;border-radius:18px;align-self:end;padding:20px}.podHero aside b{color:#f1cf72;font:24px Georgia,serif}.stageNav{background:#d9dfda;border-radius:16px;grid-template-columns:repeat(6,1fr);gap:6px;padding:7px;display:grid}.stageNav button{color:#173b31;background:#f5f6f4;border:0;border-radius:11px;align-items:center;gap:7px;padding:10px;font-weight:900;display:flex}.stageNav button span{background:#dfe7e1;border-radius:99px;place-items:center;width:25px;height:25px;display:grid}.stageNav button.active{color:#f0ce6b;background:#173c32}.stageNav button.active span{color:#173c32;background:#efcd6b}.podStage{background:#fff;border:1px solid #c9c7bf;border-radius:24px;min-height:470px;padding:26px}.podStage h2{margin:5px 0;font:clamp(32px,4vw,48px) Georgia,serif}.source,.cast,.review,.produce,.export{grid-template-columns:1fr 340px;gap:24px;display:grid}.podStage label{gap:5px;margin-top:13px;font-weight:900;display:grid}.podStage input,.podStage textarea{color:#302724;background:#faf9f7;border:1px solid #c9c4bb;border-radius:9px;width:100%;padding:11px}.podStage textarea{resize:vertical;min-height:150px}.podStage aside{background:#fff3c9;border-radius:17px;padding:20px}.podStage aside>b{font:23px Georgia,serif}.adapt header{justify-content:space-between;gap:20px;display:flex}.adapt header button{color:#4b3822;background:#fff9e3;border:1px solid #c6b77b;border-radius:99px;align-self:start;padding:11px 14px;font-weight:900}.adapt header button.locked{color:#f1ce6b;background:#173c32}.adapt textarea{min-height:260px}.cast aside,.review aside{background:#f1e8f8}.produce article{grid-template-columns:auto 1fr 65px auto;align-items:center;gap:7px;margin-top:8px;display:grid}.produce article button{color:#efce6c;background:#173c32;border:0;border-radius:99px;width:38px;height:38px}.recorder{color:#fff;background:#173c32!important}.recorder small{color:#efce6c}.recorder label{display:flex}.recorder label input{width:auto}.recorder>div{gap:8px;margin:15px 0;display:flex}.recorder button,.export aside button,.podFooter button{color:#173a30;background:#efcc6a;border:0;border-radius:10px;padding:11px 14px;font-weight:900}.recorder button:disabled,.export button:disabled{opacity:.4}.recorder audio{width:100%}.export dl{gap:8px;display:grid}.export dl div{border-bottom:1px solid #ddd6cb;justify-content:space-between;padding:12px;display:flex}.export dd{font-weight:900}.export aside{color:#fff;background:#173c32;align-content:start;gap:9px;display:grid}.export aside a{color:#efce6c;border:1px solid #f0ce6b66;border-radius:10px;padding:11px 14px;font-weight:900;text-decoration:none}.podFooter{color:#fff;background:#1e1715;border-radius:20px;justify-content:space-between;align-items:center;gap:12px;padding:22px;display:flex}.podFooter>div{display:grid}.podFooter a{color:#edcb6c;border:1px solid #edca6866;border-radius:10px;padding:10px 13px;font-weight:900;text-decoration:none}@media (max-width:900px){.podHero,.source,.cast,.review,.produce,.export{grid-template-columns:1fr}.stageNav{grid-template-columns:repeat(3,1fr)}.podHero aside{align-self:auto}}@media (max-width:620px){.podcast{padding:10px}.podHero{padding:22px}.podHero h1{font-size:54px}.stageNav{grid-template-columns:1fr 1fr}.podFooter{display:grid}.podFooter a{text-align:center}.adapt header{display:grid}.produce article{grid-template-columns:auto 1fr}.produce article input[type=number],.produce article span{grid-row:2}.export dl div{display:grid}}