.reading-preview{display:grid;grid-template-columns:minmax(0,1fr) 150px;gap:28px;align-items:center}.reading-preview h2{font-size:clamp(27px,4vw,38px);margin-bottom:16px}.reading-preview .eyebrow{margin-bottom:14px}.reading-excerpt{font-size:18px;color:var(--muted);max-width:62ch;margin-bottom:8px}.reading-jump{padding-left:0;justify-content:flex-start}.reading-preview .mood-ring{width:104px;height:104px}.reading-preview .mood-number{font-size:33px}.reading-preview .mood-label{font-size:15px}.reading-preview .mood-caption{font-size:12px}.saved-current-notice{font-size:14px;padding:9px 14px;background:#ffffff05;color:var(--muted)}
.general-reading{display:block;scroll-margin-top:24px;margin-top:30px}.general-reading-heading .eyebrow{margin-bottom:12px}.general-reading h2{margin-bottom:26px}.general-reading .summary{max-width:76ch;font-size:18px;line-height:1.85}.general-reading .summary p:last-child{margin-bottom:0}.general-reading .speech-player{border:0;border-top:1px solid var(--line);border-radius:0;background:none;margin:30px -2px -6px;padding:26px 0 0}.speech-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-bottom:10px}.speech-heading h3{margin-bottom:7px}.speech-heading p{margin-bottom:0}.speech-scopes{display:flex;gap:4px;background:#090e1f80;border:1px solid #ffffff20;border-radius:14px;padding:4px}.speech-scope{min-height:44px;min-width:100px;padding:10px 16px;line-height:1.3;border:0;border-radius:10px;background:transparent;color:var(--muted);font-weight:600}.speech-scope[aria-pressed=true]{background:var(--gold);color:#181b24}.speech-scope:hover:not([aria-pressed=true]){background:#ffffff0d;color:var(--ink)}.speech-controls{gap:12px}.speech-footer{display:flex;flex-wrap:wrap;align-items:center;gap:4px 12px}.speech-footer p{flex-basis:100%;margin:14px 0 0}.speech-footer .text-button{padding-left:0}.speech-status{margin-top:12px}.speech-volume input{accent-color:var(--gold)}
.personal-insights-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:26px 0}.number-teaser,.chart-teaser{display:flex;align-items:center;gap:20px;padding:24px}.number-teaser .eyebrow,.chart-teaser .eyebrow{font-size:10px;margin-bottom:10px}.number-teaser h3,.chart-teaser h3{font-size:19px;margin-bottom:8px;line-height:1.3}.number-teaser p,.chart-teaser p{font-size:14px;margin-bottom:3px}.number-teaser .text-button,.chart-teaser .text-button{font-size:14px;padding-left:0;text-align:left;justify-content:flex-start}.number-token,.chart-teaser-symbol{flex-shrink:0;width:74px;height:74px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle,#e3c59515,#e3c59502);border:1px solid #e3c59545;color:var(--gold);font:40px Georgia,serif}.chart-teaser-symbol{color:var(--lavender);border-color:#b8a3e840;background:radial-gradient(circle,#b8a3e818,#b8a3e802)}
.number-hero{display:grid;grid-template-columns:100px minmax(0,1fr);gap:24px;align-items:center;margin-bottom:26px}.number-orbit{width:100px;height:100px;display:grid;place-items:center;border:1px solid #e3c59566;border-radius:50%;background:radial-gradient(circle,#e3c59520,transparent);position:relative}.number-orbit:before{content:"";position:absolute;inset:9px;border:1px dashed #e3c59535;border-radius:50%}.number-orbit span{font:50px Georgia,serif;color:var(--gold)}.number-hero .eyebrow{margin-bottom:10px}.number-hero h3{font-size:20px;margin-bottom:12px}.number-hero p{font-size:15px;margin:0;color:var(--muted)}.number-context{font-size:14px;color:var(--muted);padding:12px 0;border-top:1px solid var(--line)}.number-cycles{display:grid;grid-template-columns:1fr 1fr;gap:12px}.number-cycle{padding:18px;background:#ffffff04;border:1px solid var(--line);border-radius:16px}.number-cycle>span{font-size:13px;color:var(--muted);display:block}.number-cycle>strong{display:block;color:var(--gold);font:35px Georgia,serif;margin:7px 0}.number-cycle>p{font-size:14px;line-height:1.6;margin:0}.numerogram-section{margin:28px 0}.numerogram-section h3{margin-bottom:12px}.numerogram-section p{font-size:14px}.numerogram-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;max-width:400px;margin:20px auto}.numerogram-cell{min-height:88px;display:flex;align-items:center;justify-content:center;gap:14px;border:1px solid #e3c59540;border-radius:16px;background:#e3c59508}.numerogram-cell strong{font:32px Georgia,serif;color:var(--gold)}.numerogram-cell span{font-size:14px;color:var(--muted)}.numerogram-empty{border-color:var(--line);background:#ffffff02}.numerogram-empty strong{color:var(--muted)}.number-method{margin:24px 0;padding-top:18px;border-top:1px solid var(--line)}.number-method summary,.chart-positions summary{cursor:pointer;font-weight:600;padding:12px 0;color:var(--gold)}.number-method>p{font-size:14px;margin-top:16px}.number-calculation>div{padding:10px 0;border-top:1px solid var(--line)}.number-calculation dt{font-size:13px;color:var(--muted)}.number-calculation dd{margin:5px 0 0;font-size:14px;overflow-wrap:anywhere}
.natal-image{background:#0b102160;border:1px solid var(--line);border-radius:20px;padding:8px;overflow:hidden}.natal-image svg{display:block;width:100%;height:auto}.chart-review{margin:22px 0;padding:20px;border:1px solid #b8a3e82b;border-radius:18px;background:#b8a3e806}.chart-review p{font-size:15px;margin:12px 0 0}.review-status{display:inline-flex;padding:8px 12px;border:1px solid #e3c59540;color:var(--gold);border-radius:10px;line-height:1.4;font-size:13px;max-width:100%;overflow-wrap:anywhere}.review-chartReviewed{border-color:#8ccdab70;color:#b0e4c8;background:#8ccdab08}.review-chartChanges{border-color:#ffb8b160;color:var(--danger)}.review-note{padding:12px;background:#ffffff05;border-radius:10px;white-space:pre-wrap}.chart-positions{margin:20px 0}.chart-positions dl{margin:12px 0}.chart-positions dl>div{display:flex;justify-content:space-between;gap:16px;padding:10px 0;border-bottom:1px solid var(--line);font-size:14px}.chart-positions dt{color:var(--muted)}.chart-positions dd{margin:0;text-align:right}
.saved-recordings,.library-list{display:grid;gap:12px}.saved-recording,.library-entry{padding:18px 20px;border:1px solid var(--line);border-radius:18px;background:#ffffff03}.saved-recording-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;flex-wrap:wrap}.saved-recording .eyebrow,.library-entry .eyebrow{font-size:10px;margin-bottom:12px}.saved-recording h3,.library-entry h3{font-size:20px;line-height:1.35;margin-bottom:8px}.saved-recording p,.library-entry p{font-size:14px;margin-bottom:10px}.saved-badge{font-size:11px;color:var(--gold);border:1px solid #e3c59535;border-radius:8px;padding:4px 8px;line-height:1.4}.saved-recording .button{font-size:14px;padding:10px 14px;min-height:44px}.empty-library{padding:20px 0;color:var(--muted)}#saved-audio-playback{padding:18px;background:#e3c59508;border:1px solid #e3c59530;border-radius:18px;margin-bottom:20px}#saved-audio-playback h3{font-size:18px;line-height:1.4}#saved-recording-player{display:block;width:100%;max-width:100%;height:54px}#saved-audio-status{font-size:13px;margin:12px 0 0}.library-section-title{font-size:18px;margin:22px 0 12px}.library-archive{margin-top:22px;border-top:1px solid var(--line);padding-top:8px}.library-archive>summary{color:var(--muted);cursor:pointer;font-weight:600;padding:16px 0}.library-filters{display:flex;flex-wrap:wrap;gap:6px;margin:20px 0}.library-filter{min-height:44px;padding:8px 14px;border:1px solid #ffffff20;background:transparent;border-radius:10px;color:var(--muted);font-size:14px}.library-filter[aria-pressed=true]{border-color:#e3c59566;background:#e3c59510;color:var(--gold)}
@media(max-width:680px){.reading-preview{grid-template-columns:minmax(0,1fr) 100px;gap:16px;padding:22px}.reading-preview .mood-ring{width:82px;height:82px}.reading-preview .mood-number{font-size:29px}.reading-preview .mood-label{font-size:13px}.reading-excerpt{font-size:16px}.reading-preview h2{font-size:27px}.personal-insights-grid{grid-template-columns:1fr;gap:12px}.number-teaser,.chart-teaser{padding:20px}.general-reading .summary{font-size:17px;line-height:1.8}.speech-heading{gap:12px}.speech-scopes{width:100%}.speech-scope{flex:1;min-width:0;padding:10px 8px}.number-hero{grid-template-columns:80px minmax(0,1fr);gap:16px}.number-orbit{width:80px;height:80px}.number-orbit span{font-size:42px}.number-hero h3{font-size:18px}.number-hero p{font-size:14px}.number-cycles{gap:10px}.number-cycle{padding:15px}.number-cycle>p{font-size:13px}.saved-recording,.library-entry{padding:17px}.chart-review{padding:17px}}
@media(max-width:370px){.reading-preview{grid-template-columns:minmax(0,1fr);gap:14px}.reading-preview .mood{display:flex;align-items:center;gap:12px;flex-wrap:wrap;text-align:left}.reading-preview .mood-ring{width:68px;height:68px;margin:0}.reading-preview .mood-caption{display:none}.reading-preview .mood-label{max-width:140px}.number-cycles{grid-template-columns:1fr}.number-hero{grid-template-columns:1fr}.number-orbit{margin:auto}.numerogram-cell{min-height:74px;gap:9px}.speech-controls{display:grid;grid-template-columns:1fr 1fr}.speech-controls>#speech-play{grid-column:1/-1}.speech-controls>.speech-volume{grid-column:1/-1}.speech-rate select{max-width:100px}.natal-image{padding:0}.chart-positions dl>div{gap:8px}}
@media(prefers-reduced-motion:reduce){.reading-jump{scroll-behavior:auto}}
/* The earlier player styles use fixed button widths and a mobile mood grid.
   Keep both within their new, smaller containers. */
.speech-controls>*{min-width:0;max-width:100%}
.speech-controls .speech-volume input{min-width:0}
.chart-positions dd{min-width:0;overflow-wrap:anywhere}
.dialog-top>h2{min-width:0;flex:1;overflow-wrap:anywhere}
.dialog-top>.icon-button{flex-shrink:0}
.dialog:has(#numerology-panel,#natal-panel,#audio-panel,#account-panel) .dialog-top{position:sticky;top:0;z-index:2;background:#131a2d;box-shadow:0 -26px 0 #131a2d;border-bottom:1px solid #ffffff14;padding-bottom:15px;margin-bottom:18px}
@media(max-width:680px){.reading-preview .mood{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;min-width:0;border:0;padding:0}.reading-preview .mood-label,.reading-preview .mood-caption{max-width:100%;overflow-wrap:anywhere;align-self:center}.reading-preview .mood-caption{font-size:10px;letter-spacing:.06em}.number-teaser>div:last-child,.chart-teaser>div:last-child{min-width:0}.number-cycles{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:370px){.reading-preview .mood{flex-direction:row;text-align:left;gap:12px}.speech-controls{grid-template-columns:repeat(2,minmax(0,1fr));align-items:end}.speech-controls .button{min-width:0;width:100%;font-size:14px;padding:11px 8px}.speech-controls .speech-rate{display:grid;gap:5px;min-width:0;width:auto;font-size:12px}.speech-controls .speech-rate select{min-width:0;max-width:none;width:100%;padding:9px 10px}.speech-controls .speech-volume{min-width:0;font-size:12px}.number-cycles{grid-template-columns:1fr}.chart-positions dl>div{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.7fr);gap:8px}}
@media(max-width:370px){.dialog-top>h2{font-size:25px}}