body{background-color:#f8f9fa}.header{background-color:#0d6efd;color:#fff}.story-card{border-left:4px solid #0d6efd}.btn-continue{background-color:#0dcaf0;color:#fff}.suggestions-header{margin-top:15px;border-bottom:2px solid #0d6efd;padding-bottom:15px}.suggestion-card{height:100%;display:flex;flex-direction:column}.card-body{flex:1;display:flex;flex-direction:column}.suggestion-text-container{flex-grow:1;overflow:hidden;position:relative}.suggestion-text{margin-bottom:10px}.suggestion-text.collapsed{max-height:120px;overflow:hidden;mask-image:linear-gradient(to bottom,black 50%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,black 50%,transparent 100%)}.read-more-btn{align-self:flex-start;margin-top:auto;background:0 0;border:none;color:#0d6efd;padding:0;cursor:pointer;font-size:.9rem}.read-more-btn:hover{text-decoration:underline}.mobile-tab-content{transition:opacity .25s ease,transform .25s ease;opacity:0;transform:translateY(8px);pointer-events:none}.mobile-tab-content.active{opacity:1;transform:translateY(0);pointer-events:auto}@media (max-width:767.98px){.desktop-suggestions{display:none}.mobile-suggestions{display:block}}@media (min-width:768px){.mobile-suggestions{display:none}.mobile-tabs{display:none}}.suggestions-row{display:flex;flex-wrap:wrap}.suggestion-col{display:flex}.vote-form{display:none;margin-top:10px;padding-top:10px;border-top:1px solid #eee}.vote-success{display:none;color:green;margin-top:10px}.btn-disabled-state{background-color:#6c757d!important;cursor:not-allowed;opacity:1}.mobile-tabs{display:flex;justify-content:center;border-bottom:1px solid #dee2e6;margin-bottom:15px}.mobile-tab{padding:10px 15px;cursor:pointer;border-bottom:3px solid transparent}.mobile-tab.active{border-bottom-color:#0d6efd;font-weight:700}.suggestion-card{transition:all .3s ease;opacity:1;transform:translateY(0)}.mobile-tab-content:not(.active) .suggestion-card{opacity:0;transform:translateY(20px);height:0;overflow:hidden;margin:0;padding:0;border:none}.mobile-tab{transition:all .2s ease}.mobile-tab:hover{background-color:rgba(13,110,253,.1)}.card{transition:transform .2s ease,box-shadow .2s ease}.card:hover{transform:translateY(-2px);box-shadow:0 5px 15px rgba(0,0,0,.1)}.is-invalid{border-color:#dc3545}.is-invalid:focus{box-shadow:0 0 0 .25rem rgba(220,53,69,.25)}