body{background:#f0f2f5;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;margin:0;padding:0}.slider-app{max-width:400px;margin:40px auto;background:#fff;border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,.1);overflow:hidden}.header{padding:16px;display:flex;align-items:center;background:#fff;border-bottom:1px solid #e0e0e0}.header-icon{font-size:1.5rem;margin-right:8px;color:#00796b}.header-title{font-size:1.2rem;font-weight:700;color:#333}.story-progress{display:flex;gap:4px;padding:8px 16px;background:#fff}.story-progress .segment{flex:1;height:4px;background:#ddd;border-radius:2px;transition:background .3s}.story-progress .segment.filled{background:#00796b}.card{display:none;padding:16px;line-height:1.5;color:#333}.card.active{display:block}.card p{margin:8px 0}.social-bar{display:flex;justify-content:space-between;margin-top:12px;font-size:.9rem;color:#666}.social-icon{display:flex;align-items:center;gap:4px;cursor:pointer}.social-icon.like-btn{color:#666;transition:color .3s}.social-icon.like-btn.liked{color:#e91e63}.social-icon.share-btn{color:#007bff}.nav-buttons{display:flex;justify-content:space-between;padding:12px;background:#fff;border-top:1px solid #e0e0e0}.nav-buttons button{background:none;border:none;font-size:1.2rem;cursor:pointer;color:#00796b;padding:8px;border-radius:50%;transition:background .2s}.nav-buttons button:disabled{color:#ccc;cursor:default}.nav-buttons button:hover:not(:disabled){background:rgba(0,121,107,.1)}