/* TheatreAI content experience v3: shared article/guide actions and mobile reading. */
#taReadBar{position:fixed;top:0;left:0;width:100%;height:3px;transform-origin:0 50%;transform:scaleX(0);background:linear-gradient(90deg,#2ee6a8,#7c6cff);z-index:var(--z-toast,60);pointer-events:none}
.ta-art-tools{display:flex;align-items:stretch;gap:8px;flex-wrap:wrap;margin:14px 0 10px}
.ta-art-tools button,.ta-art-tools a{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;padding:9px 16px;border-radius:999px;border:1px solid rgba(46,230,168,.4);background:rgba(7,20,15,.78);color:#dffbee;text-decoration:none;font:600 13.5px/1 system-ui,sans-serif;cursor:pointer;white-space:nowrap;box-shadow:0 8px 22px rgba(0,0,0,.14);touch-action:manipulation;-webkit-tap-highlight-color:transparent}
.ta-art-tools button:hover,.ta-art-tools a:hover{border-color:rgba(46,230,168,.72);background:rgba(12,42,30,.9)}
.ta-art-tools button.on,.ta-art-tools a.on{background:linear-gradient(135deg,#2ee6a8,#0fae7a);color:#04140d;border-color:transparent;box-shadow:0 9px 24px rgba(46,230,168,.2)}
.ta-art-tools button:focus-visible,.ta-art-tools a:focus-visible{outline:2px solid #2ee6a8;outline-offset:2px}
.ta-breadcrumbs{display:flex;gap:7px;align-items:center;flex-wrap:wrap;margin:18px 0 8px;color:rgba(207,251,233,.64);font-size:13px}
.ta-breadcrumbs a{color:#9ff2d2;text-decoration:none}.ta-breadcrumbs a:hover{text-decoration:underline}
.ta-article-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:10px 0 2px;color:rgba(207,251,233,.68);font-size:13px}
.ta-article-meta span{display:inline-flex;align-items:center;min-height:30px;padding:4px 10px;border:1px solid rgba(46,230,168,.18);border-radius:999px;background:rgba(7,20,15,.48)}
.ta-draft-badge{color:#ffd9a1!important;border-color:rgba(255,183,77,.42)!important;background:rgba(255,183,77,.09)!important}
.ta-article-layout{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:24px;align-items:start}
.ta-article-body{min-width:0}.ta-article-aside{position:sticky;top:18px}
.ta-toc{padding:16px;border:1px solid rgba(46,230,168,.2);border-radius:16px;background:rgba(7,20,15,.62)}
.ta-toc strong{display:block;margin-bottom:10px}.ta-toc ol{margin:0;padding-left:20px;display:grid;gap:8px}
.ta-toc a{color:#b9f5dd;text-decoration:none;line-height:1.35}.ta-toc a:hover{text-decoration:underline}
.ta-editor-note{margin:16px 0;padding:12px 14px;border-left:3px solid #2ee6a8;border-radius:0 12px 12px 0;background:rgba(46,230,168,.07);color:rgba(223,251,238,.78);font-size:13px;line-height:1.55}
.ta-article-image-caption{margin:7px 4px 0;color:rgba(207,251,233,.58);font-size:12px;line-height:1.4;text-align:center}
.ta-hub-toolbar{display:grid;gap:12px;margin:16px 0 20px;padding:14px;border:1px solid rgba(46,230,168,.2);border-radius:18px;background:rgba(7,20,15,.62);backdrop-filter:blur(14px)}
.ta-hub-search{width:100%;min-height:48px;padding:11px 14px;border:1px solid rgba(255,255,255,.16);border-radius:14px;background:rgba(0,0,0,.24);color:#effff8;font:500 16px/1.3 system-ui,sans-serif}
.ta-hub-search:focus{outline:2px solid #2ee6a8;outline-offset:2px}.ta-hub-search::placeholder{color:rgba(223,251,238,.5)}
.ta-hub-filters{display:flex;gap:8px;flex-wrap:wrap}.ta-hub-filter{min-height:42px;padding:8px 13px;border:1px solid rgba(46,230,168,.24);border-radius:999px;background:rgba(4,16,12,.72);color:#dffbee;cursor:pointer;font:600 13px/1 system-ui,sans-serif}
.ta-hub-filter[aria-pressed=true]{border-color:transparent;background:linear-gradient(135deg,#2ee6a8,#0fae7a);color:#04140d;box-shadow:0 9px 24px rgba(46,230,168,.2)}
.ta-hub-summary{color:rgba(207,251,233,.66);font-size:13px}.ta-hub-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px;margin:18px 0}
.ta-hub-card{position:relative;display:flex;flex-direction:column;gap:10px;padding:14px;border-radius:17px;border:1px solid rgba(46,230,168,.2);background:linear-gradient(160deg,rgba(7,25,18,.88),rgba(4,14,11,.78));text-decoration:none;color:inherit;overflow:hidden;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
.ta-hub-card:hover{transform:translateY(-3px);border-color:rgba(46,230,168,.44);box-shadow:0 16px 36px rgba(0,0,0,.24)}
.ta-hub-card img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:12px;background:#06110d}.ta-hub-card strong{line-height:1.32;font-size:15px}
.ta-hub-card-meta{display:flex;gap:6px;align-items:center;flex-wrap:wrap;color:rgba(207,251,233,.62);font-size:12px}.ta-hub-card-meta span{padding:3px 7px;border-radius:999px;background:rgba(46,230,168,.08)}
.ta-card-progress{height:3px;border-radius:99px;background:rgba(255,255,255,.08);overflow:hidden}.ta-card-progress>i{display:block;height:100%;width:0;background:linear-gradient(90deg,#2ee6a8,#7c6cff)}
.ta-hub-empty{display:none;margin:18px 0;padding:28px 18px;text-align:center;border:1px dashed rgba(46,230,168,.28);border-radius:18px;color:rgba(223,251,238,.72)}
@media(max-width:820px){.ta-article-layout{grid-template-columns:1fr}.ta-article-aside{position:static;order:-1}.ta-toc{padding:13px}.ta-hub-grid{grid-template-columns:1fr}.ta-hub-toolbar{position:relative;margin-top:12px}.ta-hub-filter{min-height:44px}.ta-hub-card{padding:13px}.ta-art-tools{display:grid;grid-template-columns:repeat(auto-fit,minmax(118px,1fr));width:100%;gap:7px}.ta-art-tools button,.ta-art-tools a{width:100%;min-width:0;padding:9px 10px;font-size:12.5px}}
@media(prefers-reduced-motion:reduce){.ta-hub-card{transition:none}.ta-hub-card:hover{transform:none}}