body{background-color:#f9f9f9}.short-page-container{display:grid;gap:24px;grid-template-columns:400px 1fr 280px;margin:0 auto;max-width:1400px;padding:20px}@media (max-width:1200px){.short-page-container{grid-template-columns:350px 1fr}.tertiary-col{display:none}}@media (max-width:768px){.short-page-container{display:flex;flex-direction:column;gap:0;padding:0}.short-player-col{max-width:100%;position:relative!important;top:0!important;width:100%}.short-player-wrapper{border-radius:0;box-shadow:none}.back-to-channel{background:#f9f9f9;padding:10px 15px}.primary-col{order:2;padding:15px}.short-title{font-size:1.15rem}.tertiary-col{border-top:1px solid #e5e5e5;display:block!important;order:3;padding:15px}.mobile-shorts-grid{display:flex;gap:12px;overflow-x:auto;padding-bottom:10px;-webkit-overflow-scrolling:touch}.mobile-shorts-grid .suggestion-short{flex:0 0 120px;flex-direction:column}.mobile-shorts-grid .suggestion-short-thumb{flex:none;height:213px;width:120px}.mobile-shorts-grid .suggestion-short-info{padding-top:8px}.mobile-shorts-grid .suggestion-short-title{font-size:.8rem;-webkit-line-clamp:2}}.short-player-col{height:fit-content;position:sticky;top:80px}.short-player-wrapper{background:#000;border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,.15);overflow:hidden;padding-top:177.78%;position:relative;width:100%}.short-player-wrapper iframe{border:0;height:100%;left:0;position:absolute;top:0;width:100%}.primary-col{min-width:0}.short-title{color:#0f0f0f;font-size:1.4rem;font-weight:700;line-height:1.3;margin-bottom:10px}.short-meta-row{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;margin-bottom:15px}.short-stats{color:#606060;font-size:.9rem}.short-badge{align-items:center;background:linear-gradient(135deg,#ff0050,#ff4d4d);border-radius:4px;color:#fff;display:inline-flex;font-size:.75rem;font-weight:600;gap:4px;margin-right:8px;padding:4px 10px;text-transform:uppercase}.short-description-box{background:#f2f2f2;border-radius:12px;color:#0f0f0f;cursor:pointer;font-size:.9rem;line-height:1.5;margin-bottom:20px;padding:12px 15px;transition:background .2s}.short-description-box:hover{background:#e8e8e8}.short-description-box.collapsed .description-content{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.short-description-box.expanded .description-content{display:block}.description-toggle{color:#606060;display:inline-block;font-size:.85rem;font-weight:600;margin-top:8px}.short-description-box.expanded .description-toggle:after{content:"Show less"}.short-description-box.collapsed .description-toggle:after{content:"...more"}.audio-transcript-section{border-top:2px solid #bd926f;margin-top:20px;padding-top:20px}.audio-transcript-section h3{align-items:center;color:#474544;display:flex;font-size:1.1rem;gap:8px;margin-bottom:15px}.tertiary-col{display:flex;flex-direction:column;gap:12px}.tertiary-col h4{color:#0f0f0f;font-size:.95rem;font-weight:600;margin-bottom:5px}.suggestion-short{border-radius:8px;color:inherit;cursor:pointer;display:flex;gap:8px;padding:5px;text-decoration:none;transition:background .2s}.suggestion-short:hover{background:#e5e5e5}.suggestion-short-thumb{background:#ccc;border-radius:8px;flex:0 0 80px;height:142px;overflow:hidden;position:relative}.suggestion-short-thumb img{height:100%;object-fit:cover;width:100%}.suggestion-short-badge{background:rgba(255,0,80,.9);border-radius:3px;bottom:4px;color:#fff;font-size:.65rem;font-weight:600;left:4px;padding:1px 4px;position:absolute}.suggestion-short-info{flex:1;min-width:0}.suggestion-short-title{display:-webkit-box;font-size:.85rem;font-weight:600;-webkit-line-clamp:3;margin-bottom:4px;-webkit-box-orient:vertical;color:#0f0f0f;line-height:1.3;overflow:hidden}.suggestion-short-meta{color:#606060;font-size:.75rem}.short-mark-complete-wrapper{padding:20px 0 5px;text-align:center}.short-mark-complete-btn{align-items:center;background:linear-gradient(135deg,#48bb78,#38a169);border:none;border-radius:10px;box-shadow:0 4px 15px rgba(72,187,120,.4);color:#fff;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;gap:8px;padding:14px 32px;transition:all .2s ease}.short-mark-complete-btn:hover{box-shadow:0 6px 20px rgba(72,187,120,.5);transform:translateY(-2px)}.short-mark-complete-btn.completed{background:#4caf50;box-shadow:0 4px 15px rgba(76,175,80,.3);cursor:default;transform:none}.short-mark-complete-btn:disabled{transform:none}.short-toast{background:#333;border-radius:8px;color:#fff;font-size:.95rem;left:50%;opacity:0;padding:12px 24px;pointer-events:none;position:fixed;top:80px;transform:translateX(-50%);transition:opacity .3s ease;z-index:10002}.short-toast.show{opacity:1}.short-toast.success{background:#4caf50}.short-toast.error{background:#f44336}.short-toast i{margin-right:8px}.short-sparks-container{height:100%;left:0;overflow:hidden;pointer-events:none;position:fixed;top:0;width:100%;z-index:10003}.short-spark{animation:shortSparkFly 1s ease-out forwards;border-radius:50%;height:8px;position:absolute;width:8px}@keyframes shortSparkFly{0%{opacity:1;transform:translate(0) scale(1)}to{opacity:0;transform:translate(var(--spark-x),var(--spark-y)) scale(0)}}.short-points-badge{animation:shortPointsFloat 1.5s ease-out forwards;color:gold;font-size:1.5rem;font-weight:700;pointer-events:none;position:fixed;text-shadow:0 2px 4px rgba(0,0,0,.3);z-index:10004}@keyframes shortPointsFloat{0%{opacity:0;transform:translateY(0) scale(.5)}20%{opacity:1;transform:translateY(-10px) scale(1.2)}to{opacity:0;transform:translateY(-80px) scale(1)}}.back-to-channel{align-items:center;color:#606060;display:inline-flex;font-size:.9rem;gap:6px;margin-bottom:15px;text-decoration:none;transition:color .2s}.back-to-channel:hover{color:#bd926f}