/* Native audio remains the fallback; mobile-first controls and modal use the existing palette. */
.my-italk-open{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;border:1px solid var(--line);border-radius:9px;background:var(--panel);color:var(--text);padding:10px 14px;font:inherit;font-size:13px;font-weight:750;cursor:pointer}
.my-italk-open .icon{width:20px;height:20px;flex:none}.my-italk-open:hover{border-color:var(--accent)}
.showroom-rail-nav .my-italk-open{width:100%;justify-content:flex-start;border:0;background:transparent;min-height:47px;color:var(--muted);padding:10px 13px;margin-bottom:6px}
.showroom-bottom-nav .my-italk-open{border:0;background:transparent;padding:0 2px;min-width:0;min-height:54px;display:flex;flex-direction:column;gap:4px;font-size:10px;color:var(--muted)}
.showroom-bottom-nav .my-italk-open:hover,.showroom-bottom-nav .my-italk-open:focus-visible{color:var(--accent)}
.my-italk-return{display:grid;gap:16px;margin:22px 0 34px;padding:20px;border:1px solid var(--line);border-left:3px solid var(--accent);border-radius:14px;background:var(--panel)}
.my-italk-return[hidden]{display:none}.my-italk-return h2{font-size:24px;line-height:1.15;margin:9px 0}.my-italk-return p{font-size:14px;line-height:1.5;color:var(--muted);margin:9px 0 0}.my-italk-return-actions{display:flex;flex-wrap:wrap;gap:10px}
.episode-library-actions{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 8px}.episode-library-actions .button{font-size:12px;min-height:44px;padding:10px 12px}.episode-library-actions [hidden]{display:none!important}
.episode-library-actions [aria-pressed=true]{border-color:var(--accent);color:var(--accent)}
.episode-device-note{font-size:11px!important;line-height:1.5!important;color:var(--muted);display:block;margin:9px 0}
.episode-tools{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:8px 0 10px;padding:8px 0;max-width:100%}
.episode-tool,.episode-select select{min-height:44px;border:1px solid var(--line);border-radius:8px;background:var(--bg);color:var(--text);padding:8px 10px;font:inherit;font-size:12px;cursor:pointer}
.episode-tool:disabled{opacity:.45;cursor:default}.episode-tool:not(:disabled):hover{border-color:var(--accent)}
.episode-select{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--muted);min-width:0;max-width:100%}.episode-select select{font-size:12px;max-width:110px;padding:8px}
.episode-tool-note{flex:0 0 100%;font-size:11px!important;line-height:1.5!important;color:var(--muted)}
.italk-library-dialog{color:var(--text);background:var(--bg);border:1px solid var(--line);border-radius:18px;width:min(920px,calc(100vw - 28px));max-width:calc(100vw - 28px);max-height:calc(100dvh - 32px);padding:0;margin:auto;overflow:auto;overscroll-behavior:contain;box-shadow:0 20px 90px #0008;z-index:1001}
.italk-library-dialog::backdrop{background:rgba(0,0,0,.72)}
.library-head{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;padding:24px 20px 14px}.library-head h2{font-size:34px;line-height:1.1;margin:8px 0 10px;letter-spacing:-.03em}.library-head p{font-size:14px;color:var(--muted);margin:0}.library-head>.icon-button{flex:0 0 44px;min-height:44px;border:1px solid var(--line);border-radius:50%;color:var(--text);background:var(--panel)}
.library-tabs{display:flex;gap:6px;overflow-x:auto;padding:6px 20px 12px;border-bottom:1px solid var(--line);scrollbar-width:thin}
.library-tabs button{border:0;border-radius:8px;background:transparent;color:var(--muted);font:inherit;font-size:13px;font-weight:700;white-space:nowrap;min-height:44px;padding:12px 14px;cursor:pointer}
.library-tabs button[aria-selected=true]{color:var(--accent);background:color-mix(in srgb,var(--accent) 13%,transparent)}
.library-status{font-size:12px;line-height:1.55;color:var(--muted);margin:12px 20px}.library-status:empty{margin:0}
.library-content{padding:18px 20px;display:grid;gap:14px;min-height:140px}
.library-episode{display:grid;grid-template-columns:minmax(0,1fr);gap:14px;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:16px;min-width:0}
.library-episode.has-image{grid-template-columns:68px minmax(0,1fr)}.library-cover{width:68px;height:68px;max-width:100%;object-fit:contain;border-radius:9px;background:var(--bg)}
.library-episode-copy{min-width:0}.library-episode h3{font-size:17px;line-height:1.35;margin:7px 0;overflow-wrap:anywhere}.library-episode h3 a{color:var(--text);text-decoration:none}.library-episode h3 a:hover{text-decoration:underline}.library-episode .eyebrow{font-size:10px}.library-episode-meta{font-size:12px!important;color:var(--muted);margin:5px 0;line-height:1.5}.library-episode progress{width:100%;height:5px;accent-color:var(--accent);display:block;margin:12px 0 8px}
.library-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.library-actions .button{min-height:44px;font-size:12px;padding:10px 12px}.library-actions .text-link{background:none;border:0;font:inherit;font-size:11px;padding:8px 0;min-height:44px;color:var(--muted);cursor:pointer}.library-actions [aria-pressed=true]{border-color:var(--accent);color:var(--accent)}
.library-selected-player{margin:18px 20px 0;padding:18px;border:1px solid var(--accent);background:var(--panel);border-radius:12px}.library-selected-player h3{font-size:20px;line-height:1.35;margin:8px 0 16px}.library-selected-player audio{width:100%;height:44px;display:block;margin:12px 0}
.library-empty{padding:28px 8px}.library-empty h3{font-size:24px;line-height:1.2;margin:0 0 14px}.library-empty p{color:var(--muted);line-height:1.6;margin:0 0 20px}
.library-privacy{border-top:1px solid var(--line);padding:18px 20px calc(22px + env(safe-area-inset-bottom));color:var(--muted);font-size:12px;line-height:1.65}.library-privacy summary{color:var(--text);font-weight:700;cursor:pointer;min-height:35px}.library-privacy label{display:flex;align-items:flex-start;gap:10px;font-size:13px}.library-privacy input{width:18px;height:18px;flex:none;accent-color:var(--accent);margin-top:3px}.library-privacy-actions{display:flex;gap:10px;flex-wrap:wrap;margin:16px 0}.library-privacy-actions .button{font-size:12px;min-height:44px}
body.my-italk-is-open{overflow:hidden}
/* Small news photos remain visible as small photos rather than a blurred full-card enlargement. */
.news-compact-image{display:flex;width:88px;height:66px;align-items:center;justify-content:center;align-self:start;border-radius:8px;overflow:hidden;background:var(--panel)}
.news-compact-image img{display:block;width:auto;height:auto;max-width:88px;max-height:66px;object-fit:contain;filter:none!important;transform:none!important}
.news-text-card:has(.news-compact-image){display:grid;grid-template-columns:88px minmax(0,1fr);gap:14px}.news-text-card .news-card-body{min-width:0}
@media(min-width:720px){.my-italk-return{grid-template-columns:minmax(0,1fr) auto;align-items:center;padding:24px}.library-episode.has-image{grid-template-columns:96px minmax(0,1fr)}.library-cover{width:96px;height:96px}.library-head{padding:30px 28px 18px}.library-tabs{padding-left:28px;padding-right:28px}.library-content{padding:24px 28px}.library-privacy{padding-left:28px;padding-right:28px}.library-selected-player{margin-left:28px;margin-right:28px}}
@media(max-width:420px){.italk-library-dialog{width:calc(100vw - 16px);max-width:calc(100vw - 16px);max-height:calc(100dvh - 20px);border-radius:14px}.library-head,.library-content,.library-privacy{padding-left:14px;padding-right:14px}.library-head h2{font-size:30px}.library-tabs{padding-left:14px;padding-right:14px}.library-tabs button{font-size:12px;padding:10px}.library-episode{padding:13px;gap:11px}.library-episode.has-image{grid-template-columns:54px minmax(0,1fr)}.library-cover{width:54px;height:54px}.library-episode h3{font-size:15px}.library-actions{margin-left:-65px;padding-top:6px}.library-episode:not(.has-image) .library-actions{margin-left:0}.library-selected-player{margin-left:14px;margin-right:14px;padding:14px}.news-text-card:has(.news-compact-image){grid-template-columns:68px minmax(0,1fr);gap:10px}.news-compact-image{width:68px;height:54px}.news-compact-image img{max-width:68px;max-height:54px}.episode-tools{gap:6px}.episode-tool,.episode-select select{padding-left:7px;padding-right:7px}}
@media print{.my-italk-open,.italk-library-dialog,.episode-library-actions,.episode-tools{display:none!important}}
