:root{--pc-green:#00a65a;--pc-dark:#111;--pc-card-bg:#fdfdfd}.pc-wrapper{font-family:'Segoe UI',Roboto,sans-serif;line-height:1.6;color:#333}.pc-header{background:var(--pc-card-bg);border:1px solid #eee;border-left:5px solid var(--pc-green);border-radius:12px;padding:20px;margin-bottom:20px}.pc-header h2{margin:0 0 15px 0;font-size:22px;color:#222;font-weight:800;display:flex;align-items:center;gap:10px}.pc-meta-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:15px}.pc-meta-item small{color:#888;display:block;font-size:12px;text-transform:uppercase;letter-spacing:.5px}.pc-meta-item span{font-weight:600;color:#111;font-size:15px}.pc-mode-switcher{display:flex;gap:10px;margin-bottom:20px;background:#f5f5f5;padding:6px;border-radius:10px;width:fit-content}.pc-mode-btn{padding:8px 18px;border:none;border-radius:8px;cursor:pointer;font-weight:600;display:flex;align-items:center;gap:8px;transition:.3s;background:0 0;color:#555}.pc-mode-btn.active{background:#fff;color:var(--pc-green);box-shadow:0 2px 8px rgba(0,0,0,.1)}.pc-media-container{position:relative;margin-bottom:30px;transition:all .3s ease}.pc-video-wrapper{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;border-radius:15px;background:#000;box-shadow:0 8px 25px rgba(0,0,0,.1)}.pc-video-wrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0}.pc-media-container.listen-mode .pc-video-wrapper{padding-bottom:0;height:0;opacity:0;margin-bottom:0}.pc-audio-card{background:var(--pc-dark);color:#fff;padding:20px 25px;border-radius:50px;display:flex;align-items:center;gap:20px;box-shadow:0 10px 25px rgba(0,0,0,.2);border:1px solid #333;margin-top:15px}.pc-play-trigger{width:55px;height:55px;min-width:55px;border-radius:50%;background:var(--pc-green);border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 15px rgba(0,166,90,.3);transition:.3s ease}.pc-play-trigger:hover{transform:scale(1.05);background:#008d4c}.pc-progress-wrap{flex-grow:1}.pc-time-labels{display:flex;justify-content:space-between;font-size:13px;font-family:monospace;margin-bottom:6px;color:#bbb;letter-spacing:.5px}.pc-seek-bg{height:8px;background:#2a2a2a;border-radius:10px;cursor:pointer;position:relative;overflow:hidden;border:1px solid #444}.pc-seek-fill{height:100%;width:0%;background:var(--pc-green);border-radius:10px;transition:width .1s linear}.pc-section-title{font-size:17px;font-weight:700;border-bottom:2px solid var(--pc-green);padding-bottom:6px;margin:35px 0 15px 0;display:inline-block;color:#222}.pc-chapter-list{border:1px solid #eee;border-radius:12px;overflow:hidden;background:#fff;box-shadow:0 2px 10px rgba(0,0,0,.02)}.pc-chapter-row{display:flex;justify-content:space-between;align-items:center;padding:14px 20px;border-bottom:1px solid #f8f9fa;cursor:pointer;transition:.2s;text-decoration:none;color:#444}.pc-chapter-row:last-child{border-bottom:none}.pc-chapter-row:hover{background:#f0fff4}.pc-chapter-title{display:flex;align-items:center;gap:10px;font-weight:500}.pc-chapter-time{background:#e8f5e9;color:var(--pc-green);font-weight:700;font-size:12px;padding:4px 12px;border-radius:20px}.pc-table-responsive{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:12px;box-shadow:0 2px 10px rgba(0,0,0,.02);border:1px solid #eee}.pc-table{width:100%;min-width:400px;border-collapse:collapse;background:#fff}.pc-table tr td{padding:14px 15px;border-bottom:1px solid #f5f5f5;vertical-align:middle}.pc-table tr:last-child td{border-bottom:none}.pc-table tr td:first-child{width:50px;color:var(--pc-green);text-align:center;background:#fdfdfd}.pc-table tr td:nth-child(2){font-weight:600;color:#555;background:#fdfdfd;width:35%}.pc-social-wrapper{background:#f4f8f5;border:1px dashed #d1e7dd;border-radius:12px;padding:20px;margin-top:25px;text-align:center}.pc-social-title{font-size:14px;font-weight:700;color:#333;margin-bottom:12px;text-transform:uppercase;letter-spacing:1px}.pc-social-box{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.pc-soc-link{padding:8px 20px;border-radius:30px;background:#fff;border:1px solid #c3e6cb;font-size:13px;font-weight:600;text-decoration:none;color:var(--pc-green);transition:.3s;display:flex;align-items:center;gap:6px}.pc-soc-link:hover{background:var(--pc-green);color:#fff;box-shadow:0 4px 10px rgba(0,166,90,.2)}.pc-related-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px}.pc-rel-card{border-radius:12px;overflow:hidden;border:1px solid #eee;background:#fff;text-decoration:none;color:#333;transition:.3s;box-shadow:0 2px 8px rgba(0,0,0,.04);display:block}.pc-rel-card:hover{transform:translateY(-4px);box-shadow:0 8px 20px rgba(0,0,0,.1)}.pc-rel-thumb{width:100%;height:140px;object-fit:cover;background:#222}body.dark-mode .pc-header{background:#1a1a1a;border-color:#2d2d2d}body.dark-mode .pc-header h2{color:#f1f1f1}body.dark-mode .pc-meta-item span{color:#ddd}body.dark-mode .pc-mode-switcher{background:#222}body.dark-mode .pc-mode-btn{color:#999}body.dark-mode .pc-mode-btn.active{background:#111;color:var(--pc-green);box-shadow:0 2px 8px rgba(0,0,0,.4)}body.dark-mode .pc-section-title{color:#f1f1f1;border-bottom-color:var(--pc-green)}body.dark-mode .pc-chapter-list{background:#1a1a1a;border-color:#2d2d2d}body.dark-mode .pc-chapter-row{border-bottom-color:#2d2d2d;color:#ddd}body.dark-mode .pc-chapter-row:hover{background:#222}body.dark-mode .pc-chapter-time{background:#111}body.dark-mode .pc-table-responsive{border-color:#2d2d2d}body.dark-mode .pc-table{background:#1a1a1a}body.dark-mode .pc-table tr td{border-bottom-color:#2d2d2d;color:#ddd}body.dark-mode .pc-table tr td:first-child,body.dark-mode .pc-table tr td:nth-child(2){background:#1a1a1a;color:#f1f1f1}body.dark-mode .pc-social-wrapper{background:#1a1a1a;border-color:#333}body.dark-mode .pc-social-title{color:#ddd}body.dark-mode .pc-soc-link{background:#222;border-color:#444;color:#ccc}body.dark-mode .pc-soc-link:hover{background:var(--pc-green);color:#fff;border-color:var(--pc-green)}body.dark-mode .pc-rel-card{background:#1a1a1a;border-color:#2d2d2d;color:#f1f1f1}body.dark-mode .pc-rel-card div[style*="padding:15px;"]{color:#f1f1f1!important}